@react-spectrum/s2 0.11.1 → 0.12.0

package/dist/Button.cjs

@@ -25,6 +25,7 @@ function $parcel$export(e, n, v, s) {
 
 $parcel$export(module.exports, "ButtonContext", () => $25d06cf8d4e72761$export$24d547caef80ccd1);
 $parcel$export(module.exports, "LinkButtonContext", () => $25d06cf8d4e72761$export$1c1a176f3b9e48d3);
+$parcel$export(module.exports, "usePendingState", () => $25d06cf8d4e72761$export$edc9ced5c3e5ff00);
 $parcel$export(module.exports, "Button", () => $25d06cf8d4e72761$export$353f5b6fc5456de1);
 $parcel$export(module.exports, "LinkButton", () => $25d06cf8d4e72761$export$29d11c0fe2fc51d8);
 /*
@@ -58,331 +59,331 @@ const $25d06cf8d4e72761$var$button = function anonymous(props, overrides) {
     let minWidth = false;
     let position = false;
     let width = false;
-    let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L)[^\s]+/g);
+    let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
     for (let p of matches){
         if (p[1] === "N") minWidth = true;
         if (p[1] === "_P") position = true;
         if (p[1] === "Z") width = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf11';
-    else rules += ' _Le11';
-    if (props.isStaticColor) rules += ' Oe11';
-    else rules += ' Oh11';
-    rules += ' Olc11';
-    rules += ' _Mc11';
-    rules += ' _Kd11';
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr11';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s11';
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    if (props.isStaticColor) rules += ' Oe12';
+    else rules += ' Oh12';
+    rules += ' Olc12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr12';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s12';
     if (props.size === "XL") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    rules += ' wd11';
-    rules += ' xd11';
-    rules += ' _xa11';
-    rules += ' wX0cczbc11';
-    rules += ' xX0cczbc11';
-    rules += ' _xX0cczba11';
+    rules += ' wd12';
+    rules += ' xd12';
+    rules += ' _xa12';
+    rules += ' wX0cczbc12';
+    rules += ' xX0cczbc12';
+    rules += ' _xX0cczba12';
     if (props.size === "XL") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     }
     if (props.isStaticColor) {
-        if (props.isDisabled) rules += ' pi11';
+        if (props.isDisabled) rules += ' pi12';
         else if (props.fillStyle === "outline") {
-            if (props.variant === "genai") rules += ' px11';
-            else if (props.variant === "premium") rules += ' px11';
+            if (props.variant === "genai") rules += ' px12';
+            else if (props.variant === "premium") rules += ' px12';
             else {
-                if (props.isPressed) rules += ' pk11';
-                else if (props.isFocusVisible) rules += ' pk11';
-                else if (props.isHovered) rules += ' pk11';
-                else rules += ' pj11';
+                if (props.isPressed) rules += ' pk12';
+                else if (props.isFocusVisible) rules += ' pk12';
+                else if (props.isHovered) rules += ' pk12';
+                else rules += ' pj12';
             }
         } else if (props.fillStyle === "fill") {
-            if (props.variant === "genai") rules += ' px11';
-            else if (props.variant === "premium") rules += ' px11';
+            if (props.variant === "genai") rules += ' px12';
+            else if (props.variant === "premium") rules += ' px12';
             else if (props.variant === "secondary") {
-                if (props.isPressed) rules += ' pk11';
-                else if (props.isFocusVisible) rules += ' pk11';
-                else if (props.isHovered) rules += ' pk11';
-                else rules += ' pj11';
-            } else if (props.variant === "primary") rules += ' ph11';
+                if (props.isPressed) rules += ' pk12';
+                else if (props.isFocusVisible) rules += ' pk12';
+                else if (props.isHovered) rules += ' pk12';
+                else rules += ' pj12';
+            } else if (props.variant === "primary") rules += ' ph12';
         }
     } else if (props.fillStyle === "outline") {
-        if (props.isDisabled) rules += ' pp11';
-        else if (props.variant === "genai") rules += ' px11';
-        else if (props.variant === "premium") rules += ' px11';
+        if (props.isDisabled) rules += ' pp12';
+        else if (props.variant === "genai") rules += ' px12';
+        else if (props.variant === "premium") rules += ' px12';
         else {
-            if (props.isPressed) rules += ' po11';
-            else if (props.isFocusVisible) rules += ' po11';
-            else if (props.isHovered) rules += ' po11';
-            else rules += ' pt11';
+            if (props.isPressed) rules += ' po12';
+            else if (props.isFocusVisible) rules += ' po12';
+            else if (props.isHovered) rules += ' po12';
+            else rules += ' pt12';
         }
     } else if (props.fillStyle === "fill") {
-        if (props.isDisabled) rules += ' pp11';
-        else if (props.variant === "genai") rules += ' px11';
-        else if (props.variant === "premium") rules += ' px11';
-        else if (props.variant === "negative") rules += ' px11';
-        else if (props.variant === "accent") rules += ' px11';
+        if (props.isDisabled) rules += ' pp12';
+        else if (props.variant === "genai") rules += ' px12';
+        else if (props.variant === "premium") rules += ' px12';
+        else if (props.variant === "negative") rules += ' px12';
+        else if (props.variant === "accent") rules += ' px12';
         else if (props.variant === "secondary") {
-            if (props.isPressed) rules += ' po11';
-            else if (props.isFocusVisible) rules += ' po11';
-            else if (props.isHovered) rules += ' po11';
-            else rules += ' pt11';
-        } else if (props.variant === "primary") rules += ' pr11';
+            if (props.isPressed) rules += ' po12';
+            else if (props.isFocusVisible) rules += ' po12';
+            else if (props.isHovered) rules += ' po12';
+            else rules += ' pt12';
+        } else if (props.variant === "primary") rules += ' pr12';
     }
     if (props.fillStyle === "outline") {
-        if (props.isDisabled) rules += ' plc11';
-        else rules += ' plb11';
+        if (props.isDisabled) rules += ' plc12';
+        else rules += ' plb12';
     } else if (props.fillStyle === "fill") {
-        if (props.isDisabled) rules += ' ple11';
-        else rules += ' pla11';
+        if (props.isDisabled) rules += ' ple12';
+        else rules += ' pla12';
     }
-    rules += ' sd11';
-    rules += ' ea11';
-    rules += ' egLWx3bb11';
-    rules += ' _oa11';
-    rules += ' Sw11';
-    rules += ' SgLWx3bd11';
-    rules += ' Rw11';
-    rules += ' RgLWx3bd11';
+    rules += ' sd12';
+    rules += ' ea12';
+    rules += ' egLWx3bb12';
+    rules += ' _oa12';
+    rules += ' Sw12';
+    rules += ' SgLWx3bd12';
+    rules += ' Rw12';
+    rules += ' RgLWx3bd12';
     if (props.size === "XL") {
-        if (!minWidth) rules += ' Nl11';
+        if (!minWidth) rules += ' Nl12';
     } else if (props.size === "L") {
-        if (!minWidth) rules += ' Nj11';
+        if (!minWidth) rules += ' Nj12';
     } else if (props.size === "S") {
-        if (!minWidth) rules += ' Nf11';
+        if (!minWidth) rules += ' Nf12';
     } else if (props.size === "XS") {
-        if (!minWidth) rules += ' Ne11';
-    } else if (!minWidth) rules += ' Nk11';
-    rules += ' oh11';
-    rules += ' nh11';
-    rules += ' kh11';
-    rules += ' jh11';
-    rules += ' qc11';
-    rules += ' qsd11';
-    rules += ' -Qg41Lb-IAxCW0c11';
-    rules += ' -Qg41Lb-gLWx3bIy11';
-    rules += ' MAyFGYc11';
-    rules += ' Td11';
-    rules += ' Qd11';
-    rules += ' -aRvJDd-Tu7Fubd11';
-    if (!position) rules += ' _Pc11';
-    rules += ' _Ca11';
-    rules += ' _Wd11';
-    rules += ' _4c11';
-    if (!width) rules += ' ZJ11';
-    rules += ' _Xa11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
-    rules += ' _jf11';
-    rules += ' _kJ8iPYd11';
-    rules += ' hXMFGYc11';
-    if (props.variant === "genai") rules += ' ma11';
-    else if (props.variant === "premium") rules += ' ma11';
-    else if (props.fillStyle === "outline") rules += ' mc11';
-    else if (props.fillStyle === "fill") rules += ' ma11';
-    if (props.variant === "genai") rules += ' la11';
-    else if (props.variant === "premium") rules += ' la11';
-    else if (props.fillStyle === "outline") rules += ' lc11';
-    else if (props.fillStyle === "fill") rules += ' la11';
+        if (!minWidth) rules += ' Ne12';
+    } else if (!minWidth) rules += ' Nk12';
+    rules += ' oh12';
+    rules += ' nh12';
+    rules += ' kh12';
+    rules += ' jh12';
+    rules += ' qc12';
+    rules += ' qsd12';
+    rules += ' -Qg41Lb-IAxCW0c12';
+    rules += ' -Qg41Lb-gLWx3bIy12';
+    rules += ' MAyFGYc12';
+    rules += ' Td12';
+    rules += ' Qd12';
+    rules += ' -aRvJDd-Tu7Fubd12';
+    if (!position) rules += ' _Pc12';
+    rules += ' _Ca12';
+    rules += ' _Wd12';
+    rules += ' _4c12';
+    if (!width) rules += ' ZJ12';
+    rules += ' _Xa12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    rules += ' _jf12';
+    rules += ' _kJ8iPYd12';
+    rules += ' hXMFGYc12';
+    if (props.variant === "genai") rules += ' ma12';
+    else if (props.variant === "premium") rules += ' ma12';
+    else if (props.fillStyle === "outline") rules += ' mc12';
+    else if (props.fillStyle === "fill") rules += ' ma12';
+    if (props.variant === "genai") rules += ' la12';
+    else if (props.variant === "premium") rules += ' la12';
+    else if (props.fillStyle === "outline") rules += ' lc12';
+    else if (props.fillStyle === "fill") rules += ' la12';
     if (props.isStaticColor) {
-        if (props.isDisabled) rules += ' ig11';
+        if (props.isDisabled) rules += ' ig12';
         else if (props.variant === "secondary") {
-            if (props.isPressed) rules += ' ih11';
-            else if (props.isFocusVisible) rules += ' ih11';
-            else if (props.isHovered) rules += ' ih11';
-            else rules += ' ig11';
+            if (props.isPressed) rules += ' ih12';
+            else if (props.isFocusVisible) rules += ' ih12';
+            else if (props.isHovered) rules += ' ih12';
+            else rules += ' ig12';
         } else if (props.variant === "primary") {
-            if (props.isPressed) rules += ' ij11';
-            else if (props.isFocusVisible) rules += ' ij11';
-            else if (props.isHovered) rules += ' ij11';
-            else rules += ' ii11';
+            if (props.isPressed) rules += ' ij12';
+            else if (props.isFocusVisible) rules += ' ij12';
+            else if (props.isHovered) rules += ' ij12';
+            else rules += ' ii12';
         }
-    } else if (props.isDisabled) rules += ' iq11';
+    } else if (props.isDisabled) rules += ' iq12';
     else if (props.variant === "secondary") {
-        if (props.isPressed) rules += ' io11';
-        else if (props.isFocusVisible) rules += ' io11';
-        else if (props.isHovered) rules += ' io11';
-        else rules += ' iq11';
+        if (props.isPressed) rules += ' io12';
+        else if (props.isFocusVisible) rules += ' io12';
+        else if (props.isHovered) rules += ' io12';
+        else rules += ' iq12';
     } else if (props.variant === "primary") {
-        if (props.isPressed) rules += ' in11';
-        else if (props.isFocusVisible) rules += ' in11';
-        else if (props.isHovered) rules += ' in11';
-        else rules += ' iv11';
+        if (props.isPressed) rules += ' in12';
+        else if (props.isFocusVisible) rules += ' in12';
+        else if (props.isHovered) rules += ' in12';
+        else rules += ' iv12';
     }
-    if (props.isDisabled) rules += ' ilc11';
-    else if (props.isHovered) rules += ' ild11';
-    else rules += ' ila11';
-    rules += ' gqMFGYc11';
-    rules += ' -_8sjo0b-t5ZbAob11';
-    rules += ' _yb11';
-    rules += ' __ca11';
-    if (props.size === "XL") rules += ' -M_-Mk11';
-    else if (props.size === "L") rules += ' -M_-Mh11';
-    else if (props.size === "S") rules += ' -M_-Mg11';
-    else if (props.size === "XS") rules += ' -M_-Mf11';
-    else rules += ' -M_-Mi11';
-    if (props.variant === "genai") rules += ' -_k_-_ka11';
-    else if (props.variant === "premium") rules += ' -_k_-_ka11';
-    else if (props.fillStyle === "outline") rules += ' -_k_-_kc11';
-    else if (props.fillStyle === "fill") rules += ' -_k_-_ka11';
-    if (props.variant === "genai") rules += ' -h_-ha11';
-    else if (props.variant === "premium") rules += ' -h_-ha11';
-    else if (props.fillStyle === "outline") rules += ' -h_-hc11';
-    else if (props.fillStyle === "fill") rules += ' -h_-ha11';
+    if (props.isDisabled) rules += ' ilc12';
+    else if (props.isHovered) rules += ' ild12';
+    else rules += ' ila12';
+    rules += ' gqMFGYc12';
+    rules += ' -_8sjo0b-t5ZbAob12';
+    rules += ' _yb12';
+    rules += ' __ca12';
+    if (props.size === "XL") rules += ' -M_-Mk12';
+    else if (props.size === "L") rules += ' -M_-Mh12';
+    else if (props.size === "S") rules += ' -M_-Mg12';
+    else if (props.size === "XS") rules += ' -M_-Mf12';
+    else rules += ' -M_-Mi12';
+    if (props.variant === "genai") rules += ' -_k_-_ka12';
+    else if (props.variant === "premium") rules += ' -_k_-_ka12';
+    else if (props.fillStyle === "outline") rules += ' -_k_-_kc12';
+    else if (props.fillStyle === "fill") rules += ' -_k_-_ka12';
+    if (props.variant === "genai") rules += ' -h_-ha12';
+    else if (props.variant === "premium") rules += ' -h_-ha12';
+    else if (props.fillStyle === "outline") rules += ' -h_-hc12';
+    else if (props.fillStyle === "fill") rules += ' -h_-ha12';
     if (props.isStaticColor) {
         if (props.fillStyle === "outline") {
             if (props.isDisabled) {
-                if (props.variant === "genai") rules += ' -g_-gf11';
-                else if (props.variant === "premium") rules += ' -g_-gf11';
-                else rules += ' -g_-g911';
-            } else if (props.isFocusVisible) rules += ' -g_-gf11';
-            else if (props.isPressed) rules += ' -g_-gf11';
-            else if (props.isHovered) rules += ' -g_-gf11';
-            else if (props.variant === "genai") rules += ' -g_-gf11';
-            else if (props.variant === "premium") rules += ' -g_-gf11';
-            else rules += ' -g_-g911';
+                if (props.variant === "genai") rules += ' -g_-gf12';
+                else if (props.variant === "premium") rules += ' -g_-gf12';
+                else rules += ' -g_-g912';
+            } else if (props.isFocusVisible) rules += ' -g_-gf12';
+            else if (props.isPressed) rules += ' -g_-gf12';
+            else if (props.isHovered) rules += ' -g_-gf12';
+            else if (props.variant === "genai") rules += ' -g_-gf12';
+            else if (props.variant === "premium") rules += ' -g_-gf12';
+            else rules += ' -g_-g912';
         } else if (props.fillStyle === "fill") {
-            if (props.isDisabled) rules += ' -g_-gf11';
-            else if (props.variant === "genai") rules += ' -g_-gf11';
-            else if (props.variant === "premium") rules += ' -g_-gf11';
+            if (props.isDisabled) rules += ' -g_-gf12';
+            else if (props.variant === "genai") rules += ' -g_-gf12';
+            else if (props.variant === "premium") rules += ' -g_-gf12';
             else if (props.variant === "secondary") {
-                if (props.isPressed) rules += ' -g_-gg11';
-                else if (props.isFocusVisible) rules += ' -g_-gg11';
-                else if (props.isHovered) rules += ' -g_-gg11';
-                else rules += ' -g_-gf11';
+                if (props.isPressed) rules += ' -g_-gg12';
+                else if (props.isFocusVisible) rules += ' -g_-gg12';
+                else if (props.isHovered) rules += ' -g_-gg12';
+                else rules += ' -g_-gf12';
             } else if (props.variant === "primary") {
-                if (props.isPressed) rules += ' -g_-gj11';
-                else if (props.isFocusVisible) rules += ' -g_-gj11';
-                else if (props.isHovered) rules += ' -g_-gj11';
-                else rules += ' -g_-gi11';
+                if (props.isPressed) rules += ' -g_-gj12';
+                else if (props.isFocusVisible) rules += ' -g_-gj12';
+                else if (props.isHovered) rules += ' -g_-gj12';
+                else rules += ' -g_-gi12';
             }
         }
     } else if (props.fillStyle === "outline") {
         if (props.isDisabled) {
-            if (props.variant === "genai") rules += ' -g_-gH11';
-            else if (props.variant === "premium") rules += ' -g_-gH11';
-            else rules += ' -g_-g911';
-        } else if (props.isFocusVisible) rules += ' -g_-gH11';
-        else if (props.isPressed) rules += ' -g_-gH11';
-        else if (props.isHovered) rules += ' -g_-gH11';
-        else if (props.variant === "genai") rules += ' -g_-gH11';
-        else if (props.variant === "premium") rules += ' -g_-gH11';
-        else rules += ' -g_-g911';
+            if (props.variant === "genai") rules += ' -g_-gH12';
+            else if (props.variant === "premium") rules += ' -g_-gH12';
+            else rules += ' -g_-g912';
+        } else if (props.isFocusVisible) rules += ' -g_-gH12';
+        else if (props.isPressed) rules += ' -g_-gH12';
+        else if (props.isHovered) rules += ' -g_-gH12';
+        else if (props.variant === "genai") rules += ' -g_-gH12';
+        else if (props.variant === "premium") rules += ' -g_-gH12';
+        else rules += ' -g_-g912';
     } else if (props.fillStyle === "fill") {
-        if (props.isDisabled) rules += ' -g_-gH11';
-        else if (props.variant === "genai") rules += ' -g_-gH11';
-        else if (props.variant === "premium") rules += ' -g_-gH11';
+        if (props.isDisabled) rules += ' -g_-gH12';
+        else if (props.variant === "genai") rules += ' -g_-gH12';
+        else if (props.variant === "premium") rules += ' -g_-gH12';
         else if (props.variant === "negative") {
-            if (props.isFocusVisible) rules += ' -g_-gYvV9s11';
-            else if (props.isPressed) rules += ' -g_-gYvV9s11';
-            else if (props.isHovered) rules += ' -g_-gYvV9s11';
-            else rules += ' -g_-g7aei811';
+            if (props.isFocusVisible) rules += ' -g_-gYvV9s12';
+            else if (props.isPressed) rules += ' -g_-gYvV9s12';
+            else if (props.isHovered) rules += ' -g_-gYvV9s12';
+            else rules += ' -g_-g7aei812';
         } else if (props.variant === "accent") {
-            if (props.isFocusVisible) rules += ' -g_-gUgARdd11';
-            else if (props.isPressed) rules += ' -g_-gUgARdd11';
-            else if (props.isHovered) rules += ' -g_-gUgARdd11';
-            else rules += ' -g_-g5qAiPc11';
+            if (props.isFocusVisible) rules += ' -g_-gUgARdd12';
+            else if (props.isPressed) rules += ' -g_-gUgARdd12';
+            else if (props.isHovered) rules += ' -g_-gUgARdd12';
+            else rules += ' -g_-g5qAiPc12';
         } else if (props.variant === "secondary") {
-            if (props.isPressed) rules += ' -g_-gF11';
-            else if (props.isFocusVisible) rules += ' -g_-gF11';
-            else if (props.isHovered) rules += ' -g_-gF11';
-            else rules += ' -g_-gH11';
+            if (props.isPressed) rules += ' -g_-gF12';
+            else if (props.isFocusVisible) rules += ' -g_-gF12';
+            else if (props.isHovered) rules += ' -g_-gF12';
+            else rules += ' -g_-gH12';
         } else if (props.variant === "primary") {
-            if (props.isPressed) rules += ' -g_-gu11';
-            else if (props.isFocusVisible) rules += ' -g_-gu11';
-            else if (props.isHovered) rules += ' -g_-gu11';
-            else rules += ' -g_-g011';
+            if (props.isPressed) rules += ' -g_-gu12';
+            else if (props.isFocusVisible) rules += ' -g_-gu12';
+            else if (props.isHovered) rules += ' -g_-gu12';
+            else rules += ' -g_-g012';
         }
     }
-    if (props.fillStyle === "outline") rules += ' -g_-lgb11';
+    if (props.fillStyle === "outline") rules += ' -g_-lgb12';
     else if (props.fillStyle === "fill") {
-        if (props.isDisabled) rules += ' -g_-lgd11';
-        else if (props.isHovered) rules += ' -g_-lge11';
-        else rules += ' -g_-lgc11';
+        if (props.isDisabled) rules += ' -g_-lgd12';
+        else if (props.isHovered) rules += ' -g_-lge12';
+        else rules += ' -g_-lgc12';
     }
     return rules;
 };
@@ -391,101 +392,104 @@ const $25d06cf8d4e72761$var$button = function anonymous(props, overrides) {
 // https://bugs.webkit.org/show_bug.cgi?id=285622
 const $25d06cf8d4e72761$var$gradient = function anonymous(props) {
     let rules = " ";
-    rules += ' _Pa11';
-    rules += ' Wr11';
-    rules += ' _lr11';
-    rules += ' _Ar11';
-    rules += ' _zr11';
-    rules += ' _9a11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
-    rules += ' oi11';
-    rules += ' ni11';
-    rules += ' ki11';
-    rules += ' ji11';
-    if (props.isDisabled) rules += ' _ic11';
+    rules += ' _Pa12';
+    rules += ' Wr12';
+    rules += ' _lr12';
+    rules += ' _Ar12';
+    rules += ' _zr12';
+    rules += ' _9a12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    rules += ' oi12';
+    rules += ' ni12';
+    rules += ' ki12';
+    rules += ' ji12';
+    if (props.isDisabled) rules += ' _ic12';
     else if (props.variant === "genai") {
         if (props.isFocusVisible) {
-            rules += ' _ia11';
-            rules += ' -yBNtrc-37ZLpd11';
-            rules += ' -zBNtrc-plLfSc11';
-            rules += ' -ABNtrc-z2bZib11';
-            rules += ' -ACNtrc-tQ56Od11';
+            rules += ' _ia12';
+            rules += ' -yBNtrc-37ZLpd12';
+            rules += ' -zBNtrc-plLfSc12';
+            rules += ' -ABNtrc-z2bZib12';
+            rules += ' -ACNtrc-tQ56Od12';
         } else if (props.isPressed) {
-            rules += ' _ia11';
-            rules += ' -yBNtrc-37ZLpd11';
-            rules += ' -zBNtrc-plLfSc11';
-            rules += ' -ABNtrc-z2bZib11';
-            rules += ' -ACNtrc-tQ56Od11';
+            rules += ' _ia12';
+            rules += ' -yBNtrc-37ZLpd12';
+            rules += ' -zBNtrc-plLfSc12';
+            rules += ' -ABNtrc-z2bZib12';
+            rules += ' -ACNtrc-tQ56Od12';
         } else if (props.isHovered) {
-            rules += ' _ia11';
-            rules += ' -yBNtrc-37ZLpd11';
-            rules += ' -zBNtrc-plLfSc11';
-            rules += ' -ABNtrc-z2bZib11';
-            rules += ' -ACNtrc-tQ56Od11';
+            rules += ' _ia12';
+            rules += ' -yBNtrc-37ZLpd12';
+            rules += ' -zBNtrc-plLfSc12';
+            rules += ' -ABNtrc-z2bZib12';
+            rules += ' -ACNtrc-tQ56Od12';
         } else {
-            rules += ' _ia11';
-            rules += ' -yBNtrc-Nitqwc11';
-            rules += ' -zBNtrc-ugAmz11';
-            rules += ' -ABNtrc-j7ulPc11';
-            rules += ' -ACNtrc-tQ56Od11';
+            rules += ' _ia12';
+            rules += ' -yBNtrc-Nitqwc12';
+            rules += ' -zBNtrc-ugAmz12';
+            rules += ' -ABNtrc-j7ulPc12';
+            rules += ' -ACNtrc-tQ56Od12';
         }
     } else if (props.variant === "premium") {
         if (props.isFocusVisible) {
-            rules += ' _ib11';
-            rules += ' -yBNtrc-1gYRFc11';
-            rules += ' -zBNtrc-z2bZib11';
-            rules += ' -ABNtrc-BorWLb11';
-            rules += ' -ACNtrc-tQ56Od11';
+            rules += ' _ib12';
+            rules += ' -yBNtrc-1gYRFc12';
+            rules += ' -zBNtrc-z2bZib12';
+            rules += ' -ABNtrc-BorWLb12';
+            rules += ' -ACNtrc-tQ56Od12';
         } else if (props.isPressed) {
-            rules += ' _ib11';
-            rules += ' -yBNtrc-1gYRFc11';
-            rules += ' -zBNtrc-z2bZib11';
-            rules += ' -ABNtrc-BorWLb11';
-            rules += ' -ACNtrc-tQ56Od11';
+            rules += ' _ib12';
+            rules += ' -yBNtrc-1gYRFc12';
+            rules += ' -zBNtrc-z2bZib12';
+            rules += ' -ABNtrc-BorWLb12';
+            rules += ' -ACNtrc-tQ56Od12';
         } else if (props.isHovered) {
-            rules += ' _ib11';
-            rules += ' -yBNtrc-1gYRFc11';
-            rules += ' -zBNtrc-z2bZib11';
-            rules += ' -ABNtrc-BorWLb11';
-            rules += ' -ACNtrc-tQ56Od11';
+            rules += ' _ib12';
+            rules += ' -yBNtrc-1gYRFc12';
+            rules += ' -zBNtrc-z2bZib12';
+            rules += ' -ABNtrc-BorWLb12';
+            rules += ' -ACNtrc-tQ56Od12';
         } else {
-            rules += ' _ib11';
-            rules += ' -yBNtrc-X7W3Sb11';
-            rules += ' -zBNtrc-j7ulPc11';
-            rules += ' -ABNtrc-fHZGqb11';
-            rules += ' -ACNtrc-tQ56Od11';
+            rules += ' _ib12';
+            rules += ' -yBNtrc-X7W3Sb12';
+            rules += ' -zBNtrc-j7ulPc12';
+            rules += ' -ABNtrc-fHZGqb12';
+            rules += ' -ACNtrc-tQ56Od12';
         }
     }
-    rules += ' _ilc11';
-    if (props.variant === "genai") rules += ' _pb11';
-    else if (props.variant === "premium") rules += ' _pb11';
+    rules += ' _ilc12';
+    if (props.variant === "genai") rules += ' _pb12';
+    else if (props.variant === "premium") rules += ' _pb12';
     return rules;
 };
-const $25d06cf8d4e72761$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $8owBJ$react.forwardRef)(function Button(props1, ref) {
-    [props1, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props1, ref, $25d06cf8d4e72761$export$24d547caef80ccd1);
-    props1 = (0, $bfa4962d90c8af48$exports.useFormProps)(props1);
-    let stringFormatter = (0, $8owBJ$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($4526404114e78c80$exports))), '@react-spectrum/s2');
-    let { isPending: isPending, variant: variant = 'primary', fillStyle: fillStyle = 'fill', size: size = 'M', staticColor: staticColor } = props1;
-    let domRef = (0, $8owBJ$reactspectrumutils.useFocusableRef)(ref);
-    let overlayTriggerState = (0, $8owBJ$react.useContext)((0, $8owBJ$reactariacomponents.OverlayTriggerStateContext));
+function $25d06cf8d4e72761$export$edc9ced5c3e5ff00(isPending) {
     let [isProgressVisible, setIsProgressVisible] = (0, $8owBJ$react.useState)(false);
     (0, $8owBJ$react.useEffect)(()=>{
         let timeout;
-        if (isPending) // Start timer when isPending is set to true.
-        timeout = setTimeout(()=>{
+        if (isPending) timeout = setTimeout(()=>{
             setIsProgressVisible(true);
         }, 1000);
-        else // Exit loading state when isPending is set to false. */
-        setIsProgressVisible(false);
+        else setIsProgressVisible(false);
         return ()=>{
-            // Clean up on unmount or when user removes isPending prop before entering loading state.
             clearTimeout(timeout);
         };
     }, [
         isPending
     ]);
+    return {
+        isProgressVisible: isProgressVisible
+    };
+}
+const $25d06cf8d4e72761$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $8owBJ$react.forwardRef)(function Button(props1, ref) {
+    [props1, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props1, ref, $25d06cf8d4e72761$export$24d547caef80ccd1);
+    props1 = (0, $bfa4962d90c8af48$exports.useFormProps)(props1);
+    let stringFormatter = (0, $8owBJ$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($4526404114e78c80$exports))), '@react-spectrum/s2');
+    let { isPending: isPending = false, variant: variant = 'primary', fillStyle: fillStyle = 'fill', size: size = 'M', staticColor: staticColor } = props1;
+    let domRef = (0, $8owBJ$reactspectrumutils.useFocusableRef)(ref);
+    let overlayTriggerState = (0, $8owBJ$react.useContext)((0, $8owBJ$reactariacomponents.OverlayTriggerStateContext));
+    let { isProgressVisible: isProgressVisible } = $25d06cf8d4e72761$export$edc9ced5c3e5ff00(isPending);
     return /*#__PURE__*/ (0, $8owBJ$reactjsxruntime.jsx)((0, $8owBJ$reactariacomponents.Button), {
         ...props1,
         ref: domRef,
@@ -523,11 +527,10 @@ const $25d06cf8d4e72761$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $8owBJ$react
                                 {
                                     styles: function anonymous(props) {
                                         let rules = " ";
-                                        rules += ' TAzEcG11';
-                                        rules += ' QAzEcG11';
-                                        rules += ' _Jb11';
-                                        if (props.isProgressVisible) rules += ' _Ia11';
-                                        else rules += ' _Ib11';
+                                        rules += ' TAzEcG12';
+                                        rules += ' QAzEcG12';
+                                        rules += ' _Jb12';
+                                        if (props.isProgressVisible) rules += ' _6b12';
                                         return rules;
                                     }({
                                         isProgressVisible: isProgressVisible
@@ -541,16 +544,15 @@ const $25d06cf8d4e72761$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $8owBJ$react
                                 {
                                     render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                                         slot: 'icon',
-                                        styles: " _Ja11"
+                                        styles: " _Ja12"
                                     }),
                                     styles: function anonymous(props) {
                                         let rules = " ";
-                                        rules += ' ZuUmpre11';
-                                        rules += ' FuUmpre11';
-                                        rules += ' I67logd11';
-                                        rules += ' _va11';
-                                        if (props.isProgressVisible) rules += ' _Ia11';
-                                        else rules += ' _Ib11';
+                                        rules += ' ZuUmpre12';
+                                        rules += ' FuUmpre12';
+                                        rules += ' I67logd12';
+                                        rules += ' _va12';
+                                        if (props.isProgressVisible) rules += ' _6b12';
                                         return rules;
                                     }({
                                         isProgressVisible: isProgressVisible
@@ -565,12 +567,12 @@ const $25d06cf8d4e72761$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $8owBJ$react
                             isPending && /*#__PURE__*/ (0, $8owBJ$reactjsxruntime.jsx)("div", {
                                 className: function anonymous(props) {
                                     let rules = " ";
-                                    rules += ' _Pa11';
-                                    rules += ' WF11';
-                                    rules += ' _EF11';
-                                    rules += ' _Zc11';
-                                    if (props.isProgressVisible) rules += ' _Ib11';
-                                    else rules += ' _Ia11';
+                                    rules += ' _Pa12';
+                                    rules += ' WF12';
+                                    rules += ' _EF12';
+                                    rules += ' _Zc12';
+                                    if (props.isProgressVisible) rules += ' _6c12';
+                                    else rules += ' _6b12';
                                     return rules;
                                 }({
                                     isProgressVisible: isProgressVisible,
@@ -583,14 +585,14 @@ const $25d06cf8d4e72761$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $8owBJ$react
                                     staticColor: staticColor,
                                     styles: function anonymous(props) {
                                         let rules = " ";
-                                        if (props.size === "XL") rules += ' Zo11';
-                                        else if (props.size === "L") rules += ' Zm11';
-                                        else if (props.size === "M") rules += ' Zl11';
-                                        else if (props.size === "S") rules += ' Zk11';
-                                        if (props.size === "XL") rules += ' Fp11';
-                                        else if (props.size === "L") rules += ' Fn11';
-                                        else if (props.size === "M") rules += ' Fm11';
-                                        else if (props.size === "S") rules += ' Fl11';
+                                        if (props.size === "XL") rules += ' Zo12';
+                                        else if (props.size === "L") rules += ' Zm12';
+                                        else if (props.size === "M") rules += ' Zl12';
+                                        else if (props.size === "S") rules += ' Zk12';
+                                        if (props.size === "XL") rules += ' Fp12';
+                                        else if (props.size === "L") rules += ' Fn12';
+                                        else if (props.size === "M") rules += ' Fm12';
+                                        else if (props.size === "S") rules += ' Fl12';
                                         return rules;
                                     }({
                                         size: size
@@ -632,7 +634,7 @@ const $25d06cf8d4e72761$export$29d11c0fe2fc51d8 = /*#__PURE__*/ (0, $8owBJ$react
                 [
                     (0, $6367bc87eb7d24ad$exports.TextContext),
                     {
-                        styles: " TAzEcG11 QAzEcG11 _Jb11",
+                        styles: " TAzEcG12 QAzEcG12 _Jb12",
                         // @ts-ignore data-attributes allowed on all JSX elements, but adding to DOMProps has been problematic in the past
                         'data-rsp-slot': 'text'
                     }
@@ -642,9 +644,9 @@ const $25d06cf8d4e72761$export$29d11c0fe2fc51d8 = /*#__PURE__*/ (0, $8owBJ$react
                     {
                         render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                             slot: 'icon',
-                            styles: " _Ja11"
+                            styles: " _Ja12"
                         }),
-                        styles: " ZuUmpre11 FuUmpre11 I67logd11 _va11"
+                        styles: " ZuUmpre12 FuUmpre12 I67logd12 _va12"
                     }
                 ]
             ],