@nextui-org/react 1.0.5-beta.5 → 1.0.8-beta.5

package/types/button/button.styles.d.ts

@@ -1,12 +1,12 @@
 import { VariantProps } from '../theme/stitches.config';
 export declare const StyledButton: import("@stitches/react/types/styled-component").StyledComponent<"button", import("@stitches/react/types/styled-component").StyledComponentProps<[{
     [x: string]: string | number | ({
-        auto: true;
-        size: string;
+        isPressed: true;
+        animated: true;
         css: {
-            px: string;
-            minWidth: string;
-            '&:active'?: undefined;
+            transform: string;
+            px?: undefined;
+            minWidth?: undefined;
             normalShadow?: undefined;
             bg?: undefined;
             color?: undefined;
@@ -15,7 +15,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -23,24 +22,23 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
-        animated?: undefined;
-        disabled?: undefined;
+        auto?: undefined;
+        size?: undefined;
         shadow?: undefined;
         color?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
-        animated: true;
-        disabled: true;
+        auto: true;
+        size: string;
         css: {
-            '&:active': {
-                transform: string;
-            };
-            px?: undefined;
-            minWidth?: undefined;
+            px: string;
+            minWidth: string;
+            transform?: undefined;
             normalShadow?: undefined;
             bg?: undefined;
             color?: undefined;
@@ -49,7 +47,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -57,13 +54,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
-        auto?: undefined;
-        size?: undefined;
+        isPressed?: undefined;
+        animated?: undefined;
         shadow?: undefined;
         color?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
@@ -71,9 +69,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         color: string;
         css: {
             normalShadow: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             bg?: undefined;
             color?: undefined;
             borderColor?: undefined;
@@ -81,7 +79,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -89,13 +86,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
+        isPressed?: undefined;
+        animated?: undefined;
         auto?: undefined;
         size?: undefined;
-        animated?: undefined;
-        disabled?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
@@ -104,16 +102,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         css: {
             bg: string;
             color: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
             borderColor?: undefined;
             padding?: undefined;
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -121,13 +118,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
+        isPressed?: undefined;
+        animated?: undefined;
         auto?: undefined;
         size?: undefined;
-        animated?: undefined;
-        disabled?: undefined;
         shadow?: undefined;
         bordered?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
@@ -142,15 +140,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             bg: string;
             borderColor: string;
             color: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
             padding?: undefined;
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -158,13 +155,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
+        isPressed?: undefined;
+        animated?: undefined;
         auto?: undefined;
         size?: undefined;
-        animated?: undefined;
-        disabled?: undefined;
         shadow?: undefined;
         light?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
@@ -183,11 +181,10 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             borderColor: string;
             backgroundImage: string;
             border: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -195,27 +192,26 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
+        isPressed?: undefined;
+        animated?: undefined;
         auto?: undefined;
         size?: undefined;
-        animated?: undefined;
-        disabled?: undefined;
         shadow?: undefined;
         light?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
         ghost: true;
+        isHovered: true;
         color: string;
         css: {
-            '&:hover': {
-                bg: string;
-            };
+            bg: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
-            bg?: undefined;
             color?: undefined;
             borderColor?: undefined;
             padding?: undefined;
@@ -229,10 +225,10 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
+        isPressed?: undefined;
+        animated?: undefined;
         auto?: undefined;
         size?: undefined;
-        animated?: undefined;
-        disabled?: undefined;
         shadow?: undefined;
         light?: undefined;
         bordered?: undefined;
@@ -250,16 +246,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             };
             bg: string;
             color: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
             borderColor?: undefined;
             padding?: undefined;
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -267,14 +262,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
+        isPressed?: undefined;
+        animated?: undefined;
         auto?: undefined;
         size?: undefined;
-        animated?: undefined;
-        disabled?: undefined;
         shadow?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         rounded?: undefined;
     } | {
         auto: true;
@@ -296,9 +292,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right': {
                 pr: number;
             };
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
             bg?: undefined;
             color?: undefined;
@@ -307,15 +303,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             br?: undefined;
         };
-        size?: undefined;
+        isPressed?: undefined;
         animated?: undefined;
-        disabled?: undefined;
+        size?: undefined;
         shadow?: undefined;
         light?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
@@ -323,9 +319,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         size: string;
         css: {
             br: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
             bg?: undefined;
             color?: undefined;
@@ -334,45 +330,24 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
             '.nextui-button-text-left'?: undefined;
             '.nextui-button-text-right'?: undefined;
         };
-        auto?: undefined;
+        isPressed?: undefined;
         animated?: undefined;
-        disabled?: undefined;
+        auto?: undefined;
         shadow?: undefined;
         color?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
     })[] | {
-        opacity: number;
-        transition?: undefined;
-        dflex?: undefined;
-        zIndex?: undefined;
-        'p, pre, div'?: undefined;
-        '.nextui-drip-filler'?: undefined;
-        bordered?: undefined;
-        ghost?: undefined;
-        color?: undefined;
-        size?: undefined;
-        borderWeight?: undefined;
-        flat?: undefined;
-        light?: undefined;
-        shadow?: undefined;
-        disabled?: undefined;
-        clickable?: undefined;
-        animated?: undefined;
-        auto?: undefined;
-        rounded?: undefined;
-    } | {
         transition: string;
-        opacity?: undefined;
         dflex?: undefined;
         zIndex?: undefined;
         'p, pre, div'?: undefined;
@@ -385,18 +360,17 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         flat?: undefined;
         light?: undefined;
         shadow?: undefined;
-        disabled?: undefined;
-        clickable?: undefined;
         animated?: undefined;
         auto?: undefined;
         rounded?: undefined;
+        isPressed?: undefined;
+        isHovered?: undefined;
     } | {
         dflex: string;
         zIndex: string;
         'p, pre, div': {
             margin: number;
         };
-        opacity?: undefined;
         transition?: undefined;
         '.nextui-drip-filler'?: undefined;
         bordered?: undefined;
@@ -407,18 +381,17 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         flat?: undefined;
         light?: undefined;
         shadow?: undefined;
-        disabled?: undefined;
-        clickable?: undefined;
         animated?: undefined;
         auto?: undefined;
         rounded?: undefined;
+        isPressed?: undefined;
+        isHovered?: undefined;
     } | {
         zIndex: string;
         '.nextui-drip-filler': {
             opacity: number;
             fill: string;
         };
-        opacity?: undefined;
         transition?: undefined;
         dflex?: undefined;
         'p, pre, div'?: undefined;
@@ -430,11 +403,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         flat?: undefined;
         light?: undefined;
         shadow?: undefined;
-        disabled?: undefined;
-        clickable?: undefined;
         animated?: undefined;
         auto?: undefined;
         rounded?: undefined;
+        isPressed?: undefined;
+        isHovered?: undefined;
     } | {
         bordered: {
             true: {
@@ -575,23 +548,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
                 bs: string;
             };
         };
-        disabled: {
-            true: {
-                pe: string;
-            };
-        };
-        clickable: {
-            false: {
-                cursor: string;
-                pe: string;
-            };
-        };
         animated: {
-            true: {
-                '&:active': {
-                    transform: string;
-                };
-            };
             false: {
                 transition: string;
             };
@@ -607,7 +564,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
                 $$buttonBorderRadius: string;
             };
         };
-        opacity?: undefined;
+        isPressed: {
+            true: {};
+        };
+        isHovered: {
+            true: {
+                opacity: string;
+            };
+        };
         transition?: undefined;
         dflex?: undefined;
         zIndex?: undefined;
@@ -618,7 +582,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         borderWeight: "normal";
         animated: true;
         size: "md";
-        opacity?: undefined;
         transition?: undefined;
         dflex?: undefined;
         zIndex?: undefined;
@@ -629,12 +592,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         flat?: undefined;
         light?: undefined;
         shadow?: undefined;
-        disabled?: undefined;
-        clickable?: undefined;
         auto?: undefined;
         rounded?: undefined;
+        isPressed?: undefined;
+        isHovered?: undefined;
     };
     $$buttonBorderRadius: string;
+    $$buttonHoverOpacity: number;
+    $$buttonPressedScale: number;
     dflex: string;
     appearance: string;
     boxSizing: string;
@@ -651,9 +616,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
     pe: string;
     p: number;
     br: string;
-    '&:hover': {
-        opacity: number;
-    };
     '@motion': {
         transition: string;
     };
@@ -804,23 +766,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
                 bs: string;
             };
         };
-        disabled: {
-            true: {
-                pe: string;
-            };
-        };
-        clickable: {
-            false: {
-                cursor: string;
-                pe: string;
-            };
-        };
         animated: {
-            true: {
-                '&:active': {
-                    transform: string;
-                };
-            };
             false: {
                 transition: string;
             };
@@ -836,14 +782,22 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
                 $$buttonBorderRadius: string;
             };
         };
+        isPressed: {
+            true: {};
+        };
+        isHovered: {
+            true: {
+                opacity: string;
+            };
+        };
     };
     compoundVariants: ({
-        auto: true;
-        size: string;
+        isPressed: true;
+        animated: true;
         css: {
-            px: string;
-            minWidth: string;
-            '&:active'?: undefined;
+            transform: string;
+            px?: undefined;
+            minWidth?: undefined;
             normalShadow?: undefined;
             bg?: undefined;
             color?: undefined;
@@ -852,7 +806,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -860,24 +813,23 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
-        animated?: undefined;
-        disabled?: undefined;
+        auto?: undefined;
+        size?: undefined;
         shadow?: undefined;
         color?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
-        animated: true;
-        disabled: true;
+        auto: true;
+        size: string;
         css: {
-            '&:active': {
-                transform: string;
-            };
-            px?: undefined;
-            minWidth?: undefined;
+            px: string;
+            minWidth: string;
+            transform?: undefined;
             normalShadow?: undefined;
             bg?: undefined;
             color?: undefined;
@@ -886,7 +838,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -894,13 +845,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
-        auto?: undefined;
-        size?: undefined;
+        isPressed?: undefined;
+        animated?: undefined;
         shadow?: undefined;
         color?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
@@ -908,9 +860,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         color: string;
         css: {
             normalShadow: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             bg?: undefined;
             color?: undefined;
             borderColor?: undefined;
@@ -918,7 +870,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -926,13 +877,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
+        isPressed?: undefined;
+        animated?: undefined;
         auto?: undefined;
         size?: undefined;
-        animated?: undefined;
-        disabled?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
@@ -941,16 +893,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         css: {
             bg: string;
             color: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
             borderColor?: undefined;
             padding?: undefined;
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -958,13 +909,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
+        isPressed?: undefined;
+        animated?: undefined;
         auto?: undefined;
         size?: undefined;
-        animated?: undefined;
-        disabled?: undefined;
         shadow?: undefined;
         bordered?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
@@ -979,15 +931,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             bg: string;
             borderColor: string;
             color: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
             padding?: undefined;
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -995,13 +946,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
+        isPressed?: undefined;
+        animated?: undefined;
         auto?: undefined;
         size?: undefined;
-        animated?: undefined;
-        disabled?: undefined;
         shadow?: undefined;
         light?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
@@ -1020,11 +972,10 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             borderColor: string;
             backgroundImage: string;
             border: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -1032,27 +983,26 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
+        isPressed?: undefined;
+        animated?: undefined;
         auto?: undefined;
         size?: undefined;
-        animated?: undefined;
-        disabled?: undefined;
         shadow?: undefined;
         light?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
         ghost: true;
+        isHovered: true;
         color: string;
         css: {
-            '&:hover': {
-                bg: string;
-            };
+            bg: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
-            bg?: undefined;
             color?: undefined;
             borderColor?: undefined;
             padding?: undefined;
@@ -1066,10 +1016,10 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
+        isPressed?: undefined;
+        animated?: undefined;
         auto?: undefined;
         size?: undefined;
-        animated?: undefined;
-        disabled?: undefined;
         shadow?: undefined;
         light?: undefined;
         bordered?: undefined;
@@ -1087,16 +1037,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             };
             bg: string;
             color: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
             borderColor?: undefined;
             padding?: undefined;
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
@@ -1104,14 +1053,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right'?: undefined;
             br?: undefined;
         };
+        isPressed?: undefined;
+        animated?: undefined;
         auto?: undefined;
         size?: undefined;
-        animated?: undefined;
-        disabled?: undefined;
         shadow?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         rounded?: undefined;
     } | {
         auto: true;
@@ -1133,9 +1083,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             '.nextui-button-text-right': {
                 pr: number;
             };
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
             bg?: undefined;
             color?: undefined;
@@ -1144,15 +1094,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             br?: undefined;
         };
-        size?: undefined;
+        isPressed?: undefined;
         animated?: undefined;
-        disabled?: undefined;
+        size?: undefined;
         shadow?: undefined;
         light?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
         rounded?: undefined;
     } | {
@@ -1160,9 +1110,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         size: string;
         css: {
             br: string;
+            transform?: undefined;
             px?: undefined;
             minWidth?: undefined;
-            '&:active'?: undefined;
             normalShadow?: undefined;
             bg?: undefined;
             color?: undefined;
@@ -1171,21 +1121,21 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             bgClip?: undefined;
             backgroundImage?: undefined;
             border?: undefined;
-            '&:hover'?: undefined;
             '.nextui-button-text'?: undefined;
             '.nextui-button-icon'?: undefined;
             '.nextui-button-icon-right'?: undefined;
             '.nextui-button-text-left'?: undefined;
             '.nextui-button-text-right'?: undefined;
         };
-        auto?: undefined;
+        isPressed?: undefined;
         animated?: undefined;
-        disabled?: undefined;
+        auto?: undefined;
         shadow?: undefined;
         color?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
+        isHovered?: undefined;
         flat?: undefined;
     })[];
     defaultVariants: {
@@ -1461,6 +1411,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
     transitions: {
         default: string;
         button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -2392,6 +2345,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
     transitions: {
         default: string;
         button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;