@react-spectrum/s2 0.5.0 → 0.6.0

package/dist/Button.mjs

@@ -8,9 +8,9 @@ import {SkeletonContext as $5ad421ec19460c48$export$74e166679b1f49ee} from "../i
 import {Text as $8e847109a6ab556d$export$5f1af8db9871e1d6, TextContext as $8e847109a6ab556d$export$9afb8bc826b033ea} from "./Content.mjs";
 import {useFormProps as $9b916426527cebe7$export$a6b5be5c6b451665} from "./Form.mjs";
 import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../icons/useSpectrumContextProps.mjs";
-import {jsx as $7BBHC$jsx, jsxs as $7BBHC$jsxs} from "react/jsx-runtime";
+import {jsx as $7BBHC$jsx, jsxs as $7BBHC$jsxs, Fragment as $7BBHC$Fragment} from "react/jsx-runtime";
 import {OverlayTriggerStateContext as $7BBHC$OverlayTriggerStateContext, Button as $7BBHC$Button, Provider as $7BBHC$Provider, Link as $7BBHC$Link} from "react-aria-components";
-import {createContext as $7BBHC$createContext, useContext as $7BBHC$useContext, useState as $7BBHC$useState, useEffect as $7BBHC$useEffect, forwardRef as $7BBHC$forwardRef} from "react";
+import {createContext as $7BBHC$createContext, forwardRef as $7BBHC$forwardRef, useContext as $7BBHC$useContext, useState as $7BBHC$useState, useEffect as $7BBHC$useEffect} from "react";
 import {useFocusableRef as $7BBHC$useFocusableRef} from "@react-spectrum/utils";
 import {useLocalizedStringFormatter as $7BBHC$useLocalizedStringFormatter} from "@react-aria/i18n";
 
@@ -47,98 +47,92 @@ const $067ea9f64ccd4e8e$export$1c1a176f3b9e48d3 = /*#__PURE__*/ (0, $7BBHC$creat
 const $067ea9f64ccd4e8e$var$iconOnly = ':has([slot=icon]):not(:has([data-rsp-slot=text]))';
 const $067ea9f64ccd4e8e$var$button = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
     rules += matches.join('');
-    let $U = false;
+    let $V = false;
     let $q = false;
     let $l = false;
     for (let p of matches){
-        if (/^\s*U/.test(p)) $U = true;
+        if (/^\s*V/.test(p)) $V = true;
         if (/^\s*q/.test(p)) $q = true;
         if (/^\s*l/.test(p)) $l = true;
     }
-    if (props.isFocusVisible) rules += ' _Lb';
-    else rules += ' _La';
-    rules += ' da_____z';
-    if (props.staticColor === "black") rules += ' db';
-    else if (props.staticColor === "white") rules += ' dc';
+    if (props.isFocusVisible) rules += ' _Mb';
+    else rules += ' _Ma';
+    rules += ' da_____M';
+    if (props.isStaticColor) rules += ' d_____G';
     else rules += ' dx';
-    rules += ' _Nc';
-    rules += ' _M-3t1z';
-    if (!$U) rules += ' Uc';
-    rules += ' _Zd';
-    rules += ' _1-soocicc';
-    rules += ' _1d';
+    rules += ' _Oc';
+    rules += ' _N-3t1z';
+    if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
+    else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
+    if (!$V) rules += ' Vc';
+    rules += ' _0d';
+    rules += ' _2-soocicc';
     rules += ' _2d';
-    rules += ' _ja';
+    rules += ' _3d';
+    rules += ' _ka';
     rules += ' jbH';
     rules += ' jG';
-    rules += ' _c-bc1l9oh';
-    rules += ' _c-1uotwbwg';
-    rules += ' _c-eo0c6sf';
-    rules += ' _c-enzzrge';
-    rules += ' _c-enzykdd';
-    rules += ' _c-enzwzjc';
-    rules += ' _c-enzrfpb';
-    rules += ' _ca';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     if (props.size === "XL") {
-        rules += ' _dbj';
-        rules += ' _di';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "L") {
-        rules += ' _dbh';
-        rules += ' _dg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "S") {
-        rules += ' _dbd';
-        rules += ' _dc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "XS") {
-        rules += ' _dbb';
-        rules += ' _da';
+        rules += ' _ebb';
+        rules += ' _ea';
     } else {
-        rules += ' _dbf';
-        rules += ' _de';
+        rules += ' _ebf';
+        rules += ' _ee';
     }
-    rules += ' _ed';
-    rules += ' _f-1x99dlob';
-    rules += ' _fa';
+    rules += ' _fd';
+    rules += ' _g-1x99dlob';
+    rules += ' _ga';
     if (props.fillStyle === "outline") {
-        if (props.isDisabled) rules += ' aa_____B';
-        else rules += ' aa_____x';
+        if (props.isDisabled) rules += ' aa_____O';
+        else rules += ' aa_____K';
     } else if (props.fillStyle === "fill") {
-        if (props.isDisabled) rules += ' aa_____A';
-        else rules += ' aa_____w';
+        if (props.isDisabled) rules += ' aa_____N';
+        else rules += ' aa_____J';
     }
-    if (props.staticColor === "black") {
-        if (props.isDisabled) rules += ' a_____n';
+    if (props.isStaticColor) {
+        if (props.isDisabled) rules += ' a_____A';
         else if (props.fillStyle === "outline") {
-            if (props.isPressed) rules += ' a_____s';
-            else if (props.isFocusVisible) rules += ' a_____s';
-            else if (props.isHovered) rules += ' a_____s';
-            else rules += ' a_____r';
-        } else if (props.fillStyle === "fill") {
-            if (props.variant === "secondary") {
-                if (props.isPressed) rules += ' a_____s';
-                else if (props.isFocusVisible) rules += ' a_____s';
-                else if (props.isHovered) rules += ' a_____s';
-                else rules += ' a_____r';
-            } else if (props.variant === "primary") rules += ' ac';
-        }
-    } else if (props.staticColor === "white") {
-        if (props.isDisabled) rules += ' a_____a';
-        else if (props.fillStyle === "outline") {
-            if (props.isPressed) rules += ' a_____f';
-            else if (props.isFocusVisible) rules += ' a_____f';
-            else if (props.isHovered) rules += ' a_____f';
-            else rules += ' a_____e';
+            if (props.variant === "genai") rules += ' ac';
+            else if (props.variant === "premium") rules += ' ac';
+            else {
+                if (props.isPressed) rules += ' a_____F';
+                else if (props.isFocusVisible) rules += ' a_____F';
+                else if (props.isHovered) rules += ' a_____F';
+                else rules += ' a_____E';
+            }
         } else if (props.fillStyle === "fill") {
-            if (props.variant === "secondary") {
-                if (props.isPressed) rules += ' a_____f';
-                else if (props.isFocusVisible) rules += ' a_____f';
-                else if (props.isHovered) rules += ' a_____f';
-                else rules += ' a_____e';
-            } else if (props.variant === "primary") rules += ' ab';
+            if (props.variant === "genai") rules += ' ac';
+            else if (props.variant === "premium") rules += ' ac';
+            else if (props.variant === "secondary") {
+                if (props.isPressed) rules += ' a_____F';
+                else if (props.isFocusVisible) rules += ' a_____F';
+                else if (props.isHovered) rules += ' a_____F';
+                else rules += ' a_____E';
+            } else if (props.variant === "primary") rules += ' a_____R';
         }
     } else if (props.fillStyle === "outline") {
         if (props.isDisabled) rules += ' aj';
+        else if (props.variant === "genai") rules += ' ac';
+        else if (props.variant === "premium") rules += ' ac';
         else {
             if (props.isPressed) rules += ' ao';
             else if (props.isFocusVisible) rules += ' ao';
@@ -147,6 +141,8 @@ const $067ea9f64ccd4e8e$var$button = function anonymous(props, overrides) {
         }
     } else if (props.fillStyle === "fill") {
         if (props.isDisabled) rules += ' aj';
+        else if (props.variant === "genai") rules += ' ac';
+        else if (props.variant === "premium") rules += ' ac';
         else if (props.variant === "negative") rules += ' ac';
         else if (props.variant === "accent") rules += ' ac';
         else if (props.variant === "secondary") {
@@ -156,7 +152,7 @@ const $067ea9f64ccd4e8e$var$button = function anonymous(props, overrides) {
             else rules += ' an';
         } else if (props.variant === "primary") rules += ' ad';
     }
-    rules += ' __Da';
+    rules += ' __Ea';
     rules += ' o-375tou';
     if (!$q) {
         if (props.size === "XL") rules += ' q-soocicj';
@@ -165,61 +161,52 @@ const $067ea9f64ccd4e8e$var$button = function anonymous(props, overrides) {
         else if (props.size === "XS") rules += ' q-soocicg';
         else rules += ' q-soocicf';
     }
-    rules += ' _vg';
     rules += ' _wg';
     rules += ' _xg';
     rules += ' _yg';
-    rules += ' __na';
+    rules += ' _zg';
+    rules += ' __oa';
     if (!$l) rules += ' le';
-    rules += ' _ld';
+    rules += ' _md';
     rules += ' C-soocica';
     rules += ' CJ';
     rules += ' D-soocica';
     rules += ' DJ';
     rules += ' Ea';
     rules += ' Fa';
-    rules += ' _b-soocicb';
-    rules += ' _Oa';
-    rules += ' _Q-375x7f';
-    rules += ' _Ra';
+    rules += ' _c-soocicb';
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
+    rules += ' _Sa';
     rules += ' wa';
     rules += ' u-375tp0';
     rules += ' v-375tp1';
-    if (props.fillStyle === "outline") rules += ' sc';
+    if (props.variant === "genai") rules += ' sa';
+    else if (props.variant === "premium") rules += ' sa';
+    else if (props.fillStyle === "outline") rules += ' sc';
     else if (props.fillStyle === "fill") rules += ' sa';
-    if (props.fillStyle === "outline") rules += ' tc';
+    if (props.variant === "genai") rules += ' ta';
+    else if (props.variant === "premium") rules += ' ta';
+    else if (props.fillStyle === "outline") rules += ' tc';
     else if (props.fillStyle === "fill") rules += ' ta';
     rules += ' -_1gogtue_E--1dbqcch';
     rules += ' -oelgqu_A--soocica';
     rules += ' -oelgqu_A--177861o';
-    if (props.isDisabled) rules += ' ca_____B';
-    else if (props.isHovered) rules += ' ca_____z';
-    else rules += ' ca_____v';
-    if (props.staticColor === "black") {
-        if (props.isDisabled) rules += ' c_____m';
-        else if (props.variant === "secondary") {
-            if (props.isPressed) rules += ' c_____n';
-            else if (props.isFocusVisible) rules += ' c_____n';
-            else if (props.isHovered) rules += ' c_____n';
-            else rules += ' c_____m';
-        } else if (props.variant === "primary") {
-            if (props.isPressed) rules += ' c_____s';
-            else if (props.isFocusVisible) rules += ' c_____s';
-            else if (props.isHovered) rules += ' c_____s';
-            else rules += ' c_____r';
-        }
-    } else if (props.staticColor === "white") {
-        if (props.isDisabled) rules += ' c____9';
+    if (props.isDisabled) rules += ' ca_____O';
+    else if (props.isHovered) rules += ' ca_____M';
+    else rules += ' ca_____I';
+    if (props.isStaticColor) {
+        if (props.isDisabled) rules += ' c_____z';
         else if (props.variant === "secondary") {
-            if (props.isPressed) rules += ' c_____a';
-            else if (props.isFocusVisible) rules += ' c_____a';
-            else if (props.isHovered) rules += ' c_____a';
-            else rules += ' c____9';
+            if (props.isPressed) rules += ' c_____A';
+            else if (props.isFocusVisible) rules += ' c_____A';
+            else if (props.isHovered) rules += ' c_____A';
+            else rules += ' c_____z';
         } else if (props.variant === "primary") {
-            if (props.isPressed) rules += ' c_____f';
-            else if (props.isFocusVisible) rules += ' c_____f';
-            else if (props.isHovered) rules += ' c_____f';
-            else rules += ' c_____e';
+            if (props.isPressed) rules += ' c_____F';
+            else if (props.isFocusVisible) rules += ' c_____F';
+            else if (props.isHovered) rules += ' c_____F';
+            else rules += ' c_____E';
         }
     } else if (props.isDisabled) rules += ' ci';
     else if (props.variant === "secondary") {
@@ -233,99 +220,132 @@ const $067ea9f64ccd4e8e$var$button = function anonymous(props, overrides) {
         else if (props.isHovered) rules += ' co';
         else rules += ' cn';
     }
-    if (props.fillStyle === "outline") rules += ' ba_____w';
+    rules += ' b-375toh';
+    rules += ' -rwx0fg_e-b';
+    rules += ' _Ab';
+    rules += ' __S-yksgrp';
+    if (props.size === "XL") rules += ' -_375tou_o-j';
+    else if (props.size === "L") rules += ' -_375tou_o-i';
+    else if (props.size === "S") rules += ' -_375tou_o-h';
+    else if (props.size === "XS") rules += ' -_375tou_o-g';
+    else rules += ' -_375tou_o-f';
+    if (props.variant === "genai") rules += ' -_375tp0_u-a';
+    else if (props.variant === "premium") rules += ' -_375tp0_u-a';
+    else if (props.fillStyle === "outline") rules += ' -_375tp0_u-c';
+    else if (props.fillStyle === "fill") rules += ' -_375tp0_u-a';
+    if (props.variant === "genai") rules += ' -_375tp1_v-a';
+    else if (props.variant === "premium") rules += ' -_375tp1_v-a';
+    else if (props.fillStyle === "outline") rules += ' -_375tp1_v-c';
+    else if (props.fillStyle === "fill") rules += ' -_375tp1_v-a';
+    if (props.fillStyle === "outline") rules += ' -_375toh_b-a_____J';
     else if (props.fillStyle === "fill") {
-        if (props.isDisabled) rules += ' ba_____B';
-        else if (props.isHovered) rules += ' ba_____z';
-        else rules += ' ba_____x';
+        if (props.isDisabled) rules += ' -_375toh_b-a_____O';
+        else if (props.isHovered) rules += ' -_375toh_b-a_____M';
+        else rules += ' -_375toh_b-a_____K';
     }
-    if (props.staticColor === "black") {
+    if (props.isStaticColor) {
         if (props.fillStyle === "outline") {
-            if (props.isDisabled) rules += ' ba';
-            else if (props.isFocusVisible) rules += ' b_____k';
-            else if (props.isPressed) rules += ' b_____k';
-            else if (props.isHovered) rules += ' b_____k';
-            else rules += ' ba';
+            if (props.isDisabled) {
+                if (props.variant === "genai") rules += ' -_375toh_b-_____x';
+                else if (props.variant === "premium") rules += ' -_375toh_b-_____x';
+                else rules += ' -_375toh_b-a';
+            } else if (props.isFocusVisible) rules += ' -_375toh_b-_____x';
+            else if (props.isPressed) rules += ' -_375toh_b-_____x';
+            else if (props.isHovered) rules += ' -_375toh_b-_____x';
+            else if (props.variant === "genai") rules += ' -_375toh_b-_____x';
+            else if (props.variant === "premium") rules += ' -_375toh_b-_____x';
+            else rules += ' -_375toh_b-a';
         } else if (props.fillStyle === "fill") {
-            if (props.isDisabled) rules += ' b_____k';
+            if (props.isDisabled) rules += ' -_375toh_b-_____x';
+            else if (props.variant === "genai") rules += ' -_375toh_b-_____x';
+            else if (props.variant === "premium") rules += ' -_375toh_b-_____x';
             else if (props.variant === "secondary") {
-                if (props.isPressed) rules += ' b_____l';
-                else if (props.isFocusVisible) rules += ' b_____l';
-                else if (props.isHovered) rules += ' b_____l';
-                else rules += ' b_____k';
+                if (props.isPressed) rules += ' -_375toh_b-_____y';
+                else if (props.isFocusVisible) rules += ' -_375toh_b-_____y';
+                else if (props.isHovered) rules += ' -_375toh_b-_____y';
+                else rules += ' -_375toh_b-_____x';
             } else if (props.variant === "primary") {
-                if (props.isPressed) rules += ' b_____s';
-                else if (props.isFocusVisible) rules += ' b_____s';
-                else if (props.isHovered) rules += ' b_____s';
-                else rules += ' b_____r';
-            }
-        }
-    } else if (props.staticColor === "white") {
-        if (props.fillStyle === "outline") {
-            if (props.isDisabled) rules += ' ba';
-            else if (props.isFocusVisible) rules += ' b____7';
-            else if (props.isPressed) rules += ' b____7';
-            else if (props.isHovered) rules += ' b____7';
-            else rules += ' ba';
-        } else if (props.fillStyle === "fill") {
-            if (props.isDisabled) rules += ' b____7';
-            else if (props.variant === "secondary") {
-                if (props.isPressed) rules += ' b____8';
-                else if (props.isFocusVisible) rules += ' b____8';
-                else if (props.isHovered) rules += ' b____8';
-                else rules += ' b____7';
-            } else if (props.variant === "primary") {
-                if (props.isPressed) rules += ' b_____f';
-                else if (props.isFocusVisible) rules += ' b_____f';
-                else if (props.isHovered) rules += ' b_____f';
-                else rules += ' b_____e';
+                if (props.isPressed) rules += ' -_375toh_b-_____F';
+                else if (props.isFocusVisible) rules += ' -_375toh_b-_____F';
+                else if (props.isHovered) rules += ' -_375toh_b-_____F';
+                else rules += ' -_375toh_b-_____E';
             }
         }
     } else if (props.fillStyle === "outline") {
-        if (props.isDisabled) rules += ' ba';
-        else if (props.isFocusVisible) rules += ' bg';
-        else if (props.isPressed) rules += ' bg';
-        else if (props.isHovered) rules += ' bg';
-        else rules += ' ba';
+        if (props.isDisabled) {
+            if (props.variant === "genai") rules += ' -_375toh_b-g';
+            else if (props.variant === "premium") rules += ' -_375toh_b-g';
+            else rules += ' -_375toh_b-a';
+        } else if (props.isFocusVisible) rules += ' -_375toh_b-g';
+        else if (props.isPressed) rules += ' -_375toh_b-g';
+        else if (props.isHovered) rules += ' -_375toh_b-g';
+        else if (props.variant === "genai") rules += ' -_375toh_b-g';
+        else if (props.variant === "premium") rules += ' -_375toh_b-g';
+        else rules += ' -_375toh_b-a';
     } else if (props.fillStyle === "fill") {
-        if (props.isDisabled) rules += ' bg';
+        if (props.isDisabled) rules += ' -_375toh_b-g';
+        else if (props.variant === "genai") rules += ' -_375toh_b-g';
+        else if (props.variant === "premium") rules += ' -_375toh_b-g';
         else if (props.variant === "negative") {
-            if (props.isPressed) rules += ' b_____L';
-            else if (props.isFocusVisible) rules += ' b_____L';
-            else if (props.isHovered) rules += ' b_____L';
-            else rules += ' b_____K';
+            if (props.isPressed) rules += ' -_375toh_b-_____Y';
+            else if (props.isFocusVisible) rules += ' -_375toh_b-_____Y';
+            else if (props.isHovered) rules += ' -_375toh_b-_____Y';
+            else rules += ' -_375toh_b-_____X';
         } else if (props.variant === "accent") {
-            if (props.isPressed) rules += ' b_____F';
-            else if (props.isFocusVisible) rules += ' b_____F';
-            else if (props.isHovered) rules += ' b_____F';
-            else rules += ' b_____E';
+            if (props.isPressed) rules += ' -_375toh_b-_____S';
+            else if (props.isFocusVisible) rules += ' -_375toh_b-_____S';
+            else if (props.isHovered) rules += ' -_375toh_b-_____S';
+            else rules += ' -_375toh_b-_____R';
         } else if (props.variant === "secondary") {
-            if (props.isPressed) rules += ' bh';
-            else if (props.isFocusVisible) rules += ' bh';
-            else if (props.isHovered) rules += ' bh';
-            else rules += ' bg';
+            if (props.isPressed) rules += ' -_375toh_b-h';
+            else if (props.isFocusVisible) rules += ' -_375toh_b-h';
+            else if (props.isHovered) rules += ' -_375toh_b-h';
+            else rules += ' -_375toh_b-g';
         } else if (props.variant === "primary") {
-            if (props.isPressed) rules += ' bo';
-            else if (props.isFocusVisible) rules += ' bo';
-            else if (props.isHovered) rules += ' bo';
-            else rules += ' bn';
+            if (props.isPressed) rules += ' -_375toh_b-o';
+            else if (props.isFocusVisible) rules += ' -_375toh_b-o';
+            else if (props.isHovered) rules += ' -_375toh_b-o';
+            else rules += ' -_375toh_b-n';
         }
     }
-    rules += ' -rwx0fg_e-b';
-    rules += ' _zb';
-    rules += ' __R-yksgrp';
-    if (props.size === "XL") rules += ' -_375tou_o-j';
-    else if (props.size === "L") rules += ' -_375tou_o-i';
-    else if (props.size === "S") rules += ' -_375tou_o-h';
-    else if (props.size === "XS") rules += ' -_375tou_o-g';
-    else rules += ' -_375tou_o-f';
-    if (props.fillStyle === "outline") rules += ' -_375tp0_u-c';
-    else if (props.fillStyle === "fill") rules += ' -_375tp0_u-a';
-    if (props.fillStyle === "outline") rules += ' -_375tp1_v-c';
-    else if (props.fillStyle === "fill") rules += ' -_375tp1_v-a';
     return rules;
 };
-function $067ea9f64ccd4e8e$var$Button(props1, ref) {
+// Put the gradient background on a separate element from the button to work around a Safari
+// bug where transitions of custom properties cause layout flickering if any properties use rems. 🤣
+// https://bugs.webkit.org/show_bug.cgi?id=285622
+const $067ea9f64ccd4e8e$var$gradient = function anonymous(props) {
+    let rules = " .";
+    rules += ' Va';
+    rules += ' Ya';
+    rules += ' _aa';
+    rules += ' Wa';
+    rules += ' Xa';
+    rules += ' __R-3hmpv';
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
+    rules += ' _Sa';
+    rules += ' _w-17zqamw';
+    rules += ' _x-17zqamw';
+    rules += ' _y-17zqamw';
+    rules += ' _z-17zqamw';
+    rules += ' _Ca-qey189';
+    if (props.isDisabled) rules += ' _C-qey189';
+    else if (props.variant === "genai") {
+        if (props.isFocusVisible) rules += ' _C-x40uwg';
+        else if (props.isPressed) rules += ' _C-x40uwg';
+        else if (props.isHovered) rules += ' _C-x40uwg';
+        else rules += ' _C-17z6g7s';
+    } else if (props.variant === "premium") {
+        if (props.isFocusVisible) rules += ' _C-zh0yy1';
+        else if (props.isPressed) rules += ' _C-zh0yy1';
+        else if (props.isHovered) rules += ' _C-zh0yy1';
+        else rules += ' _C-1bwg29';
+    }
+    if (props.variant === "genai") rules += ' _Ba';
+    else if (props.variant === "premium") rules += ' _Ba';
+    return rules;
+};
+const $067ea9f64ccd4e8e$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $7BBHC$forwardRef)(function Button(props1, ref) {
     [props1, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props1, ref, $067ea9f64ccd4e8e$export$24d547caef80ccd1);
     props1 = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(props1);
     let stringFormatter = (0, $7BBHC$useLocalizedStringFormatter)((0, ($parcel$interopDefault($7BBHC$intlStringsmjs))), '@react-spectrum/s2');
@@ -360,103 +380,112 @@ function $067ea9f64ccd4e8e$var$Button(props1, ref) {
                 variant: variant,
                 fillStyle: fillStyle,
                 size: size,
-                staticColor: staticColor
+                staticColor: staticColor,
+                isStaticColor: !!staticColor
             }, props1.styles),
-        children: /*#__PURE__*/ (0, $7BBHC$jsxs)((0, $7BBHC$Provider), {
-            values: [
-                [
-                    (0, $5ad421ec19460c48$export$74e166679b1f49ee),
-                    null
-                ],
-                [
-                    (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
-                    {
-                        styles: function anonymous(props) {
-                            let rules = " .";
-                            rules += ' E-1gogtue';
-                            rules += ' F-1gogtue';
-                            rules += ' __A-3t1y';
-                            if (props.isProgressVisible) rules += ' _K-3t1x';
-                            else rules += ' _K-3t1y';
-                            return rules;
-                        }({
-                            isProgressVisible: isProgressVisible
-                        }),
-                        // @ts-ignore data-attributes allowed on all JSX elements, but adding to DOMProps has been problematic in the past
-                        'data-rsp-slot': 'text'
-                    }
-                ],
-                [
-                    (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
-                    {
-                        render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
-                            slot: 'icon',
-                            styles: " . __A-3t1x"
-                        }),
-                        styles: function anonymous(props) {
-                            let rules = " .";
-                            rules += ' l-1sthc3k';
-                            rules += ' k-1sthc3k';
-                            rules += ' y-oelgqu';
-                            rules += ' _8-3t1x';
-                            if (props.isProgressVisible) rules += ' _K-3t1x';
-                            else rules += ' _K-3t1y';
-                            return rules;
-                        }({
-                            isProgressVisible: isProgressVisible
-                        })
-                    }
-                ]
-            ],
-            children: [
-                typeof props1.children === 'string' ? /*#__PURE__*/ (0, $7BBHC$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
-                    children: props1.children
-                }) : props1.children,
-                isPending && /*#__PURE__*/ (0, $7BBHC$jsx)("div", {
-                    className: function anonymous(props) {
-                        let rules = " .";
-                        rules += ' Ua';
-                        rules += ' X-3760fj';
-                        rules += ' Y-3760fj';
-                        rules += ' T-1tktoou';
-                        if (props.isProgressVisible) rules += ' _K-3t1y';
-                        else rules += ' _K-3t1x';
-                        return rules;
-                    }({
-                        isProgressVisible: isProgressVisible,
-                        isPending: isPending
-                    }),
-                    children: /*#__PURE__*/ (0, $7BBHC$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 += ' lM';
-                            else if (props.size === "L") rules += ' lI';
-                            else if (props.size === "M") rules += ' lG';
-                            else if (props.size === "S") rules += ' lC';
-                            if (props.size === "XL") rules += ' kM';
-                            else if (props.size === "L") rules += ' kI';
-                            else if (props.size === "M") rules += ' kG';
-                            else if (props.size === "S") rules += ' kC';
-                            return rules;
-                        }({
-                            size: size
+        children: (renderProps)=>/*#__PURE__*/ (0, $7BBHC$jsxs)((0, $7BBHC$Fragment), {
+                children: [
+                    variant === 'genai' || variant === 'premium' ? /*#__PURE__*/ (0, $7BBHC$jsx)("span", {
+                        className: $067ea9f64ccd4e8e$var$gradient({
+                            ...renderProps,
+                            // Retain hover styles when an overlay is open.
+                            isHovered: renderProps.isHovered || overlayTriggerState?.isOpen || false,
+                            isDisabled: renderProps.isDisabled || isProgressVisible,
+                            variant: variant
                         })
+                    }) : null,
+                    /*#__PURE__*/ (0, $7BBHC$jsxs)((0, $7BBHC$Provider), {
+                        values: [
+                            [
+                                (0, $5ad421ec19460c48$export$74e166679b1f49ee),
+                                null
+                            ],
+                            [
+                                (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
+                                {
+                                    styles: function anonymous(props) {
+                                        let rules = " .";
+                                        rules += ' E-1gogtue';
+                                        rules += ' F-1gogtue';
+                                        rules += ' __B-3t1y';
+                                        if (props.isProgressVisible) rules += ' _L-3t1x';
+                                        else rules += ' _L-3t1y';
+                                        return rules;
+                                    }({
+                                        isProgressVisible: isProgressVisible
+                                    }),
+                                    // @ts-ignore data-attributes allowed on all JSX elements, but adding to DOMProps has been problematic in the past
+                                    'data-rsp-slot': 'text'
+                                }
+                            ],
+                            [
+                                (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
+                                {
+                                    render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
+                                        slot: 'icon',
+                                        styles: " . __B-3t1x"
+                                    }),
+                                    styles: function anonymous(props) {
+                                        let rules = " .";
+                                        rules += ' l-1sthc3k';
+                                        rules += ' k-1sthc3k';
+                                        rules += ' y-oelgqu';
+                                        rules += ' _9-3t1x';
+                                        if (props.isProgressVisible) rules += ' _L-3t1x';
+                                        else rules += ' _L-3t1y';
+                                        return rules;
+                                    }({
+                                        isProgressVisible: isProgressVisible
+                                    })
+                                }
+                            ]
+                        ],
+                        children: [
+                            typeof props1.children === 'string' ? /*#__PURE__*/ (0, $7BBHC$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
+                                children: props1.children
+                            }) : props1.children,
+                            isPending && /*#__PURE__*/ (0, $7BBHC$jsx)("div", {
+                                className: function anonymous(props) {
+                                    let rules = " .";
+                                    rules += ' Va';
+                                    rules += ' Y-3760fj';
+                                    rules += ' Z-3760fj';
+                                    rules += ' U-1uu3e5e';
+                                    if (props.isProgressVisible) rules += ' _L-3t1y';
+                                    else rules += ' _L-3t1x';
+                                    return rules;
+                                }({
+                                    isProgressVisible: isProgressVisible,
+                                    isPending: isPending
+                                }),
+                                children: /*#__PURE__*/ (0, $7BBHC$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 += ' lM';
+                                        else if (props.size === "L") rules += ' lI';
+                                        else if (props.size === "M") rules += ' lG';
+                                        else if (props.size === "S") rules += ' lC';
+                                        if (props.size === "XL") rules += ' kM';
+                                        else if (props.size === "L") rules += ' kI';
+                                        else if (props.size === "M") rules += ' kG';
+                                        else if (props.size === "S") rules += ' kC';
+                                        return rules;
+                                    }({
+                                        size: size
+                                    })
+                                })
+                            })
+                        ]
                     })
-                })
-            ]
-        })
+                ]
+            })
     });
-}
-/**
- * Buttons allow users to perform an action.
- * They have multiple styles for various needs, and are ideal for calling attention to
- * where a user needs to do something in order to move forward in a flow.
- */ let $067ea9f64ccd4e8e$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $7BBHC$forwardRef)($067ea9f64ccd4e8e$var$Button);
-function $067ea9f64ccd4e8e$var$LinkButton(props, ref) {
+});
+const $067ea9f64ccd4e8e$export$29d11c0fe2fc51d8 = /*#__PURE__*/ (0, $7BBHC$forwardRef)(function LinkButton(props, ref) {
     [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $067ea9f64ccd4e8e$export$1c1a176f3b9e48d3);
     props = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(props);
     let domRef = (0, $7BBHC$useFocusableRef)(ref);
@@ -473,6 +502,7 @@ function $067ea9f64ccd4e8e$var$LinkButton(props, ref) {
                 fillStyle: props.fillStyle || 'fill',
                 size: props.size || 'M',
                 staticColor: props.staticColor,
+                isStaticColor: !!props.staticColor,
                 isPending: false
             }, props.styles),
         children: /*#__PURE__*/ (0, $7BBHC$jsx)((0, $7BBHC$Provider), {
@@ -484,7 +514,7 @@ function $067ea9f64ccd4e8e$var$LinkButton(props, ref) {
                 [
                     (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
                     {
-                        styles: " . E-1gogtue F-1gogtue __A-3t1y",
+                        styles: " . E-1gogtue F-1gogtue __B-3t1y",
                         // @ts-ignore data-attributes allowed on all JSX elements, but adding to DOMProps has been problematic in the past
                         'data-rsp-slot': 'text'
                     }
@@ -494,9 +524,9 @@ function $067ea9f64ccd4e8e$var$LinkButton(props, ref) {
                     {
                         render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
                             slot: 'icon',
-                            styles: " . __A-3t1x"
+                            styles: " . __B-3t1x"
                         }),
-                        styles: " . l-1sthc3k k-1sthc3k y-oelgqu _8-3t1x"
+                        styles: " . l-1sthc3k k-1sthc3k y-oelgqu _9-3t1x"
                     }
                 ]
             ],
@@ -505,10 +535,7 @@ function $067ea9f64ccd4e8e$var$LinkButton(props, ref) {
             }) : props.children
         })
     });
-}
-/**
- * A LinkButton combines the functionality of a link with the appearance of a button. Useful for allowing users to navigate to another page.
- */ let $067ea9f64ccd4e8e$export$29d11c0fe2fc51d8 = /*#__PURE__*/ (0, $7BBHC$forwardRef)($067ea9f64ccd4e8e$var$LinkButton);
+});
 
 
 export {$067ea9f64ccd4e8e$export$24d547caef80ccd1 as ButtonContext, $067ea9f64ccd4e8e$export$1c1a176f3b9e48d3 as LinkButtonContext, $067ea9f64ccd4e8e$export$353f5b6fc5456de1 as Button, $067ea9f64ccd4e8e$export$29d11c0fe2fc51d8 as LinkButton};