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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/cjs/backdrop/backdrop.js +1 -1
  2. package/cjs/backdrop/backdrop.styles.js +1 -1
  3. package/cjs/button/button.js +1 -1
  4. package/cjs/button/button.styles.js +1 -1
  5. package/cjs/button/utils.js +1 -1
  6. package/cjs/input/input.js +1 -1
  7. package/cjs/loading/loading.js +1 -1
  8. package/cjs/loading/loading.styles.js +1 -1
  9. package/cjs/pagination/pagination.styles.js +1 -1
  10. package/cjs/theme/stitches.config.js +1 -1
  11. package/cjs/utils/dom.js +1 -1
  12. package/esm/backdrop/backdrop.js +1 -1
  13. package/esm/backdrop/backdrop.styles.js +1 -1
  14. package/esm/button/button.js +1 -1
  15. package/esm/button/button.styles.js +1 -1
  16. package/esm/button/utils.js +1 -1
  17. package/esm/input/input.js +1 -1
  18. package/esm/loading/loading.js +1 -1
  19. package/esm/loading/loading.styles.js +1 -1
  20. package/esm/pagination/pagination.styles.js +1 -1
  21. package/esm/theme/stitches.config.js +1 -1
  22. package/esm/utils/dom.js +1 -1
  23. package/package.json +3 -1
  24. package/types/backdrop/backdrop.styles.d.ts +3 -1
  25. package/types/button/button.d.ts +6 -5
  26. package/types/button/button.styles.d.ts +124 -174
  27. package/types/button/utils.d.ts +23 -0
  28. package/types/loading/loading.styles.d.ts +1 -1
  29. package/types/modal/modal.d.ts +2 -4
  30. package/types/use-drip/use-drip.d.ts +2 -1
  31. package/types/utils/dom.d.ts +18 -0
  32. package/umd/nextui.js +19012 -16369
  33. package/umd/nextui.min.js +1 -1
package/types/button/button.styles.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import { VariantProps } from '../theme/stitches.config';
2
2
  export declare const StyledButton: import("@stitches/react/types/styled-component").StyledComponent<"button", import("@stitches/react/types/styled-component").StyledComponentProps<[{
3
3
  [x: string]: string | number | ({
4
- auto: true;
5
- size: string;
4
+ isPressed: true;
5
+ animated: true;
6
6
  css: {
7
- px: string;
8
- minWidth: string;
9
- '&:active'?: undefined;
7
+ transform: string;
8
+ px?: undefined;
9
+ minWidth?: undefined;
10
10
  normalShadow?: undefined;
11
11
  bg?: undefined;
12
12
  color?: undefined;
@@ -15,7 +15,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
15
15
  bgClip?: undefined;
16
16
  backgroundImage?: undefined;
17
17
  border?: undefined;
18
- '&:hover'?: undefined;
19
18
  '.nextui-button-text'?: undefined;
20
19
  '.nextui-button-icon'?: undefined;
21
20
  '.nextui-button-icon-right'?: undefined;
@@ -23,24 +22,23 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
23
22
  '.nextui-button-text-right'?: undefined;
24
23
  br?: undefined;
25
24
  };
26
- animated?: undefined;
27
- disabled?: undefined;
25
+ auto?: undefined;
26
+ size?: undefined;
28
27
  shadow?: undefined;
29
28
  color?: undefined;
30
29
  light?: undefined;
31
30
  bordered?: undefined;
32
31
  ghost?: undefined;
32
+ isHovered?: undefined;
33
33
  flat?: undefined;
34
34
  rounded?: undefined;
35
35
  } | {
36
- animated: true;
37
- disabled: true;
36
+ auto: true;
37
+ size: string;
38
38
  css: {
39
- '&:active': {
40
- transform: string;
41
- };
42
- px?: undefined;
43
- minWidth?: undefined;
39
+ px: string;
40
+ minWidth: string;
41
+ transform?: undefined;
44
42
  normalShadow?: undefined;
45
43
  bg?: undefined;
46
44
  color?: undefined;
@@ -49,7 +47,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
49
47
  bgClip?: undefined;
50
48
  backgroundImage?: undefined;
51
49
  border?: undefined;
52
- '&:hover'?: undefined;
53
50
  '.nextui-button-text'?: undefined;
54
51
  '.nextui-button-icon'?: undefined;
55
52
  '.nextui-button-icon-right'?: undefined;
@@ -57,13 +54,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
57
54
  '.nextui-button-text-right'?: undefined;
58
55
  br?: undefined;
59
56
  };
60
- auto?: undefined;
61
- size?: undefined;
57
+ isPressed?: undefined;
58
+ animated?: undefined;
62
59
  shadow?: undefined;
63
60
  color?: undefined;
64
61
  light?: undefined;
65
62
  bordered?: undefined;
66
63
  ghost?: undefined;
64
+ isHovered?: undefined;
67
65
  flat?: undefined;
68
66
  rounded?: undefined;
69
67
  } | {
@@ -71,9 +69,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
71
69
  color: string;
72
70
  css: {
73
71
  normalShadow: string;
72
+ transform?: undefined;
74
73
  px?: undefined;
75
74
  minWidth?: undefined;
76
- '&:active'?: undefined;
77
75
  bg?: undefined;
78
76
  color?: undefined;
79
77
  borderColor?: undefined;
@@ -81,7 +79,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
81
79
  bgClip?: undefined;
82
80
  backgroundImage?: undefined;
83
81
  border?: undefined;
84
- '&:hover'?: undefined;
85
82
  '.nextui-button-text'?: undefined;
86
83
  '.nextui-button-icon'?: undefined;
87
84
  '.nextui-button-icon-right'?: undefined;
@@ -89,13 +86,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
89
86
  '.nextui-button-text-right'?: undefined;
90
87
  br?: undefined;
91
88
  };
89
+ isPressed?: undefined;
90
+ animated?: undefined;
92
91
  auto?: undefined;
93
92
  size?: undefined;
94
- animated?: undefined;
95
- disabled?: undefined;
96
93
  light?: undefined;
97
94
  bordered?: undefined;
98
95
  ghost?: undefined;
96
+ isHovered?: undefined;
99
97
  flat?: undefined;
100
98
  rounded?: undefined;
101
99
  } | {
@@ -104,16 +102,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
104
102
  css: {
105
103
  bg: string;
106
104
  color: string;
105
+ transform?: undefined;
107
106
  px?: undefined;
108
107
  minWidth?: undefined;
109
- '&:active'?: undefined;
110
108
  normalShadow?: undefined;
111
109
  borderColor?: undefined;
112
110
  padding?: undefined;
113
111
  bgClip?: undefined;
114
112
  backgroundImage?: undefined;
115
113
  border?: undefined;
116
- '&:hover'?: undefined;
117
114
  '.nextui-button-text'?: undefined;
118
115
  '.nextui-button-icon'?: undefined;
119
116
  '.nextui-button-icon-right'?: undefined;
@@ -121,13 +118,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
121
118
  '.nextui-button-text-right'?: undefined;
122
119
  br?: undefined;
123
120
  };
121
+ isPressed?: undefined;
122
+ animated?: undefined;
124
123
  auto?: undefined;
125
124
  size?: undefined;
126
- animated?: undefined;
127
- disabled?: undefined;
128
125
  shadow?: undefined;
129
126
  bordered?: undefined;
130
127
  ghost?: undefined;
128
+ isHovered?: undefined;
131
129
  flat?: undefined;
132
130
  rounded?: undefined;
133
131
  } | {
@@ -142,15 +140,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
142
140
  bg: string;
143
141
  borderColor: string;
144
142
  color: string;
143
+ transform?: undefined;
145
144
  px?: undefined;
146
145
  minWidth?: undefined;
147
- '&:active'?: undefined;
148
146
  normalShadow?: undefined;
149
147
  padding?: undefined;
150
148
  bgClip?: undefined;
151
149
  backgroundImage?: undefined;
152
150
  border?: undefined;
153
- '&:hover'?: undefined;
154
151
  '.nextui-button-text'?: undefined;
155
152
  '.nextui-button-icon'?: undefined;
156
153
  '.nextui-button-icon-right'?: undefined;
@@ -158,13 +155,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
158
155
  '.nextui-button-text-right'?: undefined;
159
156
  br?: undefined;
160
157
  };
158
+ isPressed?: undefined;
159
+ animated?: undefined;
161
160
  auto?: undefined;
162
161
  size?: undefined;
163
- animated?: undefined;
164
- disabled?: undefined;
165
162
  shadow?: undefined;
166
163
  light?: undefined;
167
164
  ghost?: undefined;
165
+ isHovered?: undefined;
168
166
  flat?: undefined;
169
167
  rounded?: undefined;
170
168
  } | {
@@ -183,11 +181,10 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
183
181
  borderColor: string;
184
182
  backgroundImage: string;
185
183
  border: string;
184
+ transform?: undefined;
186
185
  px?: undefined;
187
186
  minWidth?: undefined;
188
- '&:active'?: undefined;
189
187
  normalShadow?: undefined;
190
- '&:hover'?: undefined;
191
188
  '.nextui-button-text'?: undefined;
192
189
  '.nextui-button-icon'?: undefined;
193
190
  '.nextui-button-icon-right'?: undefined;
@@ -195,27 +192,26 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
195
192
  '.nextui-button-text-right'?: undefined;
196
193
  br?: undefined;
197
194
  };
195
+ isPressed?: undefined;
196
+ animated?: undefined;
198
197
  auto?: undefined;
199
198
  size?: undefined;
200
- animated?: undefined;
201
- disabled?: undefined;
202
199
  shadow?: undefined;
203
200
  light?: undefined;
204
201
  ghost?: undefined;
202
+ isHovered?: undefined;
205
203
  flat?: undefined;
206
204
  rounded?: undefined;
207
205
  } | {
208
206
  ghost: true;
207
+ isHovered: true;
209
208
  color: string;
210
209
  css: {
211
- '&:hover': {
212
- bg: string;
213
- };
210
+ bg: string;
211
+ transform?: undefined;
214
212
  px?: undefined;
215
213
  minWidth?: undefined;
216
- '&:active'?: undefined;
217
214
  normalShadow?: undefined;
218
- bg?: undefined;
219
215
  color?: undefined;
220
216
  borderColor?: undefined;
221
217
  padding?: undefined;
@@ -229,10 +225,10 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
229
225
  '.nextui-button-text-right'?: undefined;
230
226
  br?: undefined;
231
227
  };
228
+ isPressed?: undefined;
229
+ animated?: undefined;
232
230
  auto?: undefined;
233
231
  size?: undefined;
234
- animated?: undefined;
235
- disabled?: undefined;
236
232
  shadow?: undefined;
237
233
  light?: undefined;
238
234
  bordered?: undefined;
@@ -250,16 +246,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
250
246
  };
251
247
  bg: string;
252
248
  color: string;
249
+ transform?: undefined;
253
250
  px?: undefined;
254
251
  minWidth?: undefined;
255
- '&:active'?: undefined;
256
252
  normalShadow?: undefined;
257
253
  borderColor?: undefined;
258
254
  padding?: undefined;
259
255
  bgClip?: undefined;
260
256
  backgroundImage?: undefined;
261
257
  border?: undefined;
262
- '&:hover'?: undefined;
263
258
  '.nextui-button-text'?: undefined;
264
259
  '.nextui-button-icon'?: undefined;
265
260
  '.nextui-button-icon-right'?: undefined;
@@ -267,14 +262,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
267
262
  '.nextui-button-text-right'?: undefined;
268
263
  br?: undefined;
269
264
  };
265
+ isPressed?: undefined;
266
+ animated?: undefined;
270
267
  auto?: undefined;
271
268
  size?: undefined;
272
- animated?: undefined;
273
- disabled?: undefined;
274
269
  shadow?: undefined;
275
270
  light?: undefined;
276
271
  bordered?: undefined;
277
272
  ghost?: undefined;
273
+ isHovered?: undefined;
278
274
  rounded?: undefined;
279
275
  } | {
280
276
  auto: true;
@@ -296,9 +292,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
296
292
  '.nextui-button-text-right': {
297
293
  pr: number;
298
294
  };
295
+ transform?: undefined;
299
296
  px?: undefined;
300
297
  minWidth?: undefined;
301
- '&:active'?: undefined;
302
298
  normalShadow?: undefined;
303
299
  bg?: undefined;
304
300
  color?: undefined;
@@ -307,15 +303,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
307
303
  bgClip?: undefined;
308
304
  backgroundImage?: undefined;
309
305
  border?: undefined;
310
- '&:hover'?: undefined;
311
306
  br?: undefined;
312
307
  };
313
- size?: undefined;
308
+ isPressed?: undefined;
314
309
  animated?: undefined;
315
- disabled?: undefined;
310
+ size?: undefined;
316
311
  shadow?: undefined;
317
312
  light?: undefined;
318
313
  ghost?: undefined;
314
+ isHovered?: undefined;
319
315
  flat?: undefined;
320
316
  rounded?: undefined;
321
317
  } | {
@@ -323,9 +319,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
323
319
  size: string;
324
320
  css: {
325
321
  br: string;
322
+ transform?: undefined;
326
323
  px?: undefined;
327
324
  minWidth?: undefined;
328
- '&:active'?: undefined;
329
325
  normalShadow?: undefined;
330
326
  bg?: undefined;
331
327
  color?: undefined;
@@ -334,45 +330,24 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
334
330
  bgClip?: undefined;
335
331
  backgroundImage?: undefined;
336
332
  border?: undefined;
337
- '&:hover'?: undefined;
338
333
  '.nextui-button-text'?: undefined;
339
334
  '.nextui-button-icon'?: undefined;
340
335
  '.nextui-button-icon-right'?: undefined;
341
336
  '.nextui-button-text-left'?: undefined;
342
337
  '.nextui-button-text-right'?: undefined;
343
338
  };
344
- auto?: undefined;
339
+ isPressed?: undefined;
345
340
  animated?: undefined;
346
- disabled?: undefined;
341
+ auto?: undefined;
347
342
  shadow?: undefined;
348
343
  color?: undefined;
349
344
  light?: undefined;
350
345
  bordered?: undefined;
351
346
  ghost?: undefined;
347
+ isHovered?: undefined;
352
348
  flat?: undefined;
353
349
  })[] | {
354
- opacity: number;
355
- transition?: undefined;
356
- dflex?: undefined;
357
- zIndex?: undefined;
358
- 'p, pre, div'?: undefined;
359
- '.nextui-drip-filler'?: undefined;
360
- bordered?: undefined;
361
- ghost?: undefined;
362
- color?: undefined;
363
- size?: undefined;
364
- borderWeight?: undefined;
365
- flat?: undefined;
366
- light?: undefined;
367
- shadow?: undefined;
368
- disabled?: undefined;
369
- clickable?: undefined;
370
- animated?: undefined;
371
- auto?: undefined;
372
- rounded?: undefined;
373
- } | {
374
350
  transition: string;
375
- opacity?: undefined;
376
351
  dflex?: undefined;
377
352
  zIndex?: undefined;
378
353
  'p, pre, div'?: undefined;
@@ -385,18 +360,17 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
385
360
  flat?: undefined;
386
361
  light?: undefined;
387
362
  shadow?: undefined;
388
- disabled?: undefined;
389
- clickable?: undefined;
390
363
  animated?: undefined;
391
364
  auto?: undefined;
392
365
  rounded?: undefined;
366
+ isPressed?: undefined;
367
+ isHovered?: undefined;
393
368
  } | {
394
369
  dflex: string;
395
370
  zIndex: string;
396
371
  'p, pre, div': {
397
372
  margin: number;
398
373
  };
399
- opacity?: undefined;
400
374
  transition?: undefined;
401
375
  '.nextui-drip-filler'?: undefined;
402
376
  bordered?: undefined;
@@ -407,18 +381,17 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
407
381
  flat?: undefined;
408
382
  light?: undefined;
409
383
  shadow?: undefined;
410
- disabled?: undefined;
411
- clickable?: undefined;
412
384
  animated?: undefined;
413
385
  auto?: undefined;
414
386
  rounded?: undefined;
387
+ isPressed?: undefined;
388
+ isHovered?: undefined;
415
389
  } | {
416
390
  zIndex: string;
417
391
  '.nextui-drip-filler': {
418
392
  opacity: number;
419
393
  fill: string;
420
394
  };
421
- opacity?: undefined;
422
395
  transition?: undefined;
423
396
  dflex?: undefined;
424
397
  'p, pre, div'?: undefined;
@@ -430,11 +403,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
430
403
  flat?: undefined;
431
404
  light?: undefined;
432
405
  shadow?: undefined;
433
- disabled?: undefined;
434
- clickable?: undefined;
435
406
  animated?: undefined;
436
407
  auto?: undefined;
437
408
  rounded?: undefined;
409
+ isPressed?: undefined;
410
+ isHovered?: undefined;
438
411
  } | {
439
412
  bordered: {
440
413
  true: {
@@ -575,23 +548,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
575
548
  bs: string;
576
549
  };
577
550
  };
578
- disabled: {
579
- true: {
580
- pe: string;
581
- };
582
- };
583
- clickable: {
584
- false: {
585
- cursor: string;
586
- pe: string;
587
- };
588
- };
589
551
  animated: {
590
- true: {
591
- '&:active': {
592
- transform: string;
593
- };
594
- };
595
552
  false: {
596
553
  transition: string;
597
554
  };
@@ -607,7 +564,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
607
564
  $$buttonBorderRadius: string;
608
565
  };
609
566
  };
610
- opacity?: undefined;
567
+ isPressed: {
568
+ true: {};
569
+ };
570
+ isHovered: {
571
+ true: {
572
+ opacity: string;
573
+ };
574
+ };
611
575
  transition?: undefined;
612
576
  dflex?: undefined;
613
577
  zIndex?: undefined;
@@ -618,7 +582,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
618
582
  borderWeight: "normal";
619
583
  animated: true;
620
584
  size: "md";
621
- opacity?: undefined;
622
585
  transition?: undefined;
623
586
  dflex?: undefined;
624
587
  zIndex?: undefined;
@@ -629,12 +592,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
629
592
  flat?: undefined;
630
593
  light?: undefined;
631
594
  shadow?: undefined;
632
- disabled?: undefined;
633
- clickable?: undefined;
634
595
  auto?: undefined;
635
596
  rounded?: undefined;
597
+ isPressed?: undefined;
598
+ isHovered?: undefined;
636
599
  };
637
600
  $$buttonBorderRadius: string;
601
+ $$buttonHoverOpacity: number;
602
+ $$buttonPressedScale: number;
638
603
  dflex: string;
639
604
  appearance: string;
640
605
  boxSizing: string;
@@ -651,9 +616,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
651
616
  pe: string;
652
617
  p: number;
653
618
  br: string;
654
- '&:hover': {
655
- opacity: number;
656
- };
657
619
  '@motion': {
658
620
  transition: string;
659
621
  };
@@ -804,23 +766,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
804
766
  bs: string;
805
767
  };
806
768
  };
807
- disabled: {
808
- true: {
809
- pe: string;
810
- };
811
- };
812
- clickable: {
813
- false: {
814
- cursor: string;
815
- pe: string;
816
- };
817
- };
818
769
  animated: {
819
- true: {
820
- '&:active': {
821
- transform: string;
822
- };
823
- };
824
770
  false: {
825
771
  transition: string;
826
772
  };
@@ -836,14 +782,22 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
836
782
  $$buttonBorderRadius: string;
837
783
  };
838
784
  };
785
+ isPressed: {
786
+ true: {};
787
+ };
788
+ isHovered: {
789
+ true: {
790
+ opacity: string;
791
+ };
792
+ };
839
793
  };
840
794
  compoundVariants: ({
841
- auto: true;
842
- size: string;
795
+ isPressed: true;
796
+ animated: true;
843
797
  css: {
844
- px: string;
845
- minWidth: string;
846
- '&:active'?: undefined;
798
+ transform: string;
799
+ px?: undefined;
800
+ minWidth?: undefined;
847
801
  normalShadow?: undefined;
848
802
  bg?: undefined;
849
803
  color?: undefined;
@@ -852,7 +806,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
852
806
  bgClip?: undefined;
853
807
  backgroundImage?: undefined;
854
808
  border?: undefined;
855
- '&:hover'?: undefined;
856
809
  '.nextui-button-text'?: undefined;
857
810
  '.nextui-button-icon'?: undefined;
858
811
  '.nextui-button-icon-right'?: undefined;
@@ -860,24 +813,23 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
860
813
  '.nextui-button-text-right'?: undefined;
861
814
  br?: undefined;
862
815
  };
863
- animated?: undefined;
864
- disabled?: undefined;
816
+ auto?: undefined;
817
+ size?: undefined;
865
818
  shadow?: undefined;
866
819
  color?: undefined;
867
820
  light?: undefined;
868
821
  bordered?: undefined;
869
822
  ghost?: undefined;
823
+ isHovered?: undefined;
870
824
  flat?: undefined;
871
825
  rounded?: undefined;
872
826
  } | {
873
- animated: true;
874
- disabled: true;
827
+ auto: true;
828
+ size: string;
875
829
  css: {
876
- '&:active': {
877
- transform: string;
878
- };
879
- px?: undefined;
880
- minWidth?: undefined;
830
+ px: string;
831
+ minWidth: string;
832
+ transform?: undefined;
881
833
  normalShadow?: undefined;
882
834
  bg?: undefined;
883
835
  color?: undefined;
@@ -886,7 +838,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
886
838
  bgClip?: undefined;
887
839
  backgroundImage?: undefined;
888
840
  border?: undefined;
889
- '&:hover'?: undefined;
890
841
  '.nextui-button-text'?: undefined;
891
842
  '.nextui-button-icon'?: undefined;
892
843
  '.nextui-button-icon-right'?: undefined;
@@ -894,13 +845,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
894
845
  '.nextui-button-text-right'?: undefined;
895
846
  br?: undefined;
896
847
  };
897
- auto?: undefined;
898
- size?: undefined;
848
+ isPressed?: undefined;
849
+ animated?: undefined;
899
850
  shadow?: undefined;
900
851
  color?: undefined;
901
852
  light?: undefined;
902
853
  bordered?: undefined;
903
854
  ghost?: undefined;
855
+ isHovered?: undefined;
904
856
  flat?: undefined;
905
857
  rounded?: undefined;
906
858
  } | {
@@ -908,9 +860,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
908
860
  color: string;
909
861
  css: {
910
862
  normalShadow: string;
863
+ transform?: undefined;
911
864
  px?: undefined;
912
865
  minWidth?: undefined;
913
- '&:active'?: undefined;
914
866
  bg?: undefined;
915
867
  color?: undefined;
916
868
  borderColor?: undefined;
@@ -918,7 +870,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
918
870
  bgClip?: undefined;
919
871
  backgroundImage?: undefined;
920
872
  border?: undefined;
921
- '&:hover'?: undefined;
922
873
  '.nextui-button-text'?: undefined;
923
874
  '.nextui-button-icon'?: undefined;
924
875
  '.nextui-button-icon-right'?: undefined;
@@ -926,13 +877,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
926
877
  '.nextui-button-text-right'?: undefined;
927
878
  br?: undefined;
928
879
  };
880
+ isPressed?: undefined;
881
+ animated?: undefined;
929
882
  auto?: undefined;
930
883
  size?: undefined;
931
- animated?: undefined;
932
- disabled?: undefined;
933
884
  light?: undefined;
934
885
  bordered?: undefined;
935
886
  ghost?: undefined;
887
+ isHovered?: undefined;
936
888
  flat?: undefined;
937
889
  rounded?: undefined;
938
890
  } | {
@@ -941,16 +893,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
941
893
  css: {
942
894
  bg: string;
943
895
  color: string;
896
+ transform?: undefined;
944
897
  px?: undefined;
945
898
  minWidth?: undefined;
946
- '&:active'?: undefined;
947
899
  normalShadow?: undefined;
948
900
  borderColor?: undefined;
949
901
  padding?: undefined;
950
902
  bgClip?: undefined;
951
903
  backgroundImage?: undefined;
952
904
  border?: undefined;
953
- '&:hover'?: undefined;
954
905
  '.nextui-button-text'?: undefined;
955
906
  '.nextui-button-icon'?: undefined;
956
907
  '.nextui-button-icon-right'?: undefined;
@@ -958,13 +909,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
958
909
  '.nextui-button-text-right'?: undefined;
959
910
  br?: undefined;
960
911
  };
912
+ isPressed?: undefined;
913
+ animated?: undefined;
961
914
  auto?: undefined;
962
915
  size?: undefined;
963
- animated?: undefined;
964
- disabled?: undefined;
965
916
  shadow?: undefined;
966
917
  bordered?: undefined;
967
918
  ghost?: undefined;
919
+ isHovered?: undefined;
968
920
  flat?: undefined;
969
921
  rounded?: undefined;
970
922
  } | {
@@ -979,15 +931,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
979
931
  bg: string;
980
932
  borderColor: string;
981
933
  color: string;
934
+ transform?: undefined;
982
935
  px?: undefined;
983
936
  minWidth?: undefined;
984
- '&:active'?: undefined;
985
937
  normalShadow?: undefined;
986
938
  padding?: undefined;
987
939
  bgClip?: undefined;
988
940
  backgroundImage?: undefined;
989
941
  border?: undefined;
990
- '&:hover'?: undefined;
991
942
  '.nextui-button-text'?: undefined;
992
943
  '.nextui-button-icon'?: undefined;
993
944
  '.nextui-button-icon-right'?: undefined;
@@ -995,13 +946,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
995
946
  '.nextui-button-text-right'?: undefined;
996
947
  br?: undefined;
997
948
  };
949
+ isPressed?: undefined;
950
+ animated?: undefined;
998
951
  auto?: undefined;
999
952
  size?: undefined;
1000
- animated?: undefined;
1001
- disabled?: undefined;
1002
953
  shadow?: undefined;
1003
954
  light?: undefined;
1004
955
  ghost?: undefined;
956
+ isHovered?: undefined;
1005
957
  flat?: undefined;
1006
958
  rounded?: undefined;
1007
959
  } | {
@@ -1020,11 +972,10 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1020
972
  borderColor: string;
1021
973
  backgroundImage: string;
1022
974
  border: string;
975
+ transform?: undefined;
1023
976
  px?: undefined;
1024
977
  minWidth?: undefined;
1025
- '&:active'?: undefined;
1026
978
  normalShadow?: undefined;
1027
- '&:hover'?: undefined;
1028
979
  '.nextui-button-text'?: undefined;
1029
980
  '.nextui-button-icon'?: undefined;
1030
981
  '.nextui-button-icon-right'?: undefined;
@@ -1032,27 +983,26 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1032
983
  '.nextui-button-text-right'?: undefined;
1033
984
  br?: undefined;
1034
985
  };
986
+ isPressed?: undefined;
987
+ animated?: undefined;
1035
988
  auto?: undefined;
1036
989
  size?: undefined;
1037
- animated?: undefined;
1038
- disabled?: undefined;
1039
990
  shadow?: undefined;
1040
991
  light?: undefined;
1041
992
  ghost?: undefined;
993
+ isHovered?: undefined;
1042
994
  flat?: undefined;
1043
995
  rounded?: undefined;
1044
996
  } | {
1045
997
  ghost: true;
998
+ isHovered: true;
1046
999
  color: string;
1047
1000
  css: {
1048
- '&:hover': {
1049
- bg: string;
1050
- };
1001
+ bg: string;
1002
+ transform?: undefined;
1051
1003
  px?: undefined;
1052
1004
  minWidth?: undefined;
1053
- '&:active'?: undefined;
1054
1005
  normalShadow?: undefined;
1055
- bg?: undefined;
1056
1006
  color?: undefined;
1057
1007
  borderColor?: undefined;
1058
1008
  padding?: undefined;
@@ -1066,10 +1016,10 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1066
1016
  '.nextui-button-text-right'?: undefined;
1067
1017
  br?: undefined;
1068
1018
  };
1019
+ isPressed?: undefined;
1020
+ animated?: undefined;
1069
1021
  auto?: undefined;
1070
1022
  size?: undefined;
1071
- animated?: undefined;
1072
- disabled?: undefined;
1073
1023
  shadow?: undefined;
1074
1024
  light?: undefined;
1075
1025
  bordered?: undefined;
@@ -1087,16 +1037,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1087
1037
  };
1088
1038
  bg: string;
1089
1039
  color: string;
1040
+ transform?: undefined;
1090
1041
  px?: undefined;
1091
1042
  minWidth?: undefined;
1092
- '&:active'?: undefined;
1093
1043
  normalShadow?: undefined;
1094
1044
  borderColor?: undefined;
1095
1045
  padding?: undefined;
1096
1046
  bgClip?: undefined;
1097
1047
  backgroundImage?: undefined;
1098
1048
  border?: undefined;
1099
- '&:hover'?: undefined;
1100
1049
  '.nextui-button-text'?: undefined;
1101
1050
  '.nextui-button-icon'?: undefined;
1102
1051
  '.nextui-button-icon-right'?: undefined;
@@ -1104,14 +1053,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1104
1053
  '.nextui-button-text-right'?: undefined;
1105
1054
  br?: undefined;
1106
1055
  };
1056
+ isPressed?: undefined;
1057
+ animated?: undefined;
1107
1058
  auto?: undefined;
1108
1059
  size?: undefined;
1109
- animated?: undefined;
1110
- disabled?: undefined;
1111
1060
  shadow?: undefined;
1112
1061
  light?: undefined;
1113
1062
  bordered?: undefined;
1114
1063
  ghost?: undefined;
1064
+ isHovered?: undefined;
1115
1065
  rounded?: undefined;
1116
1066
  } | {
1117
1067
  auto: true;
@@ -1133,9 +1083,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1133
1083
  '.nextui-button-text-right': {
1134
1084
  pr: number;
1135
1085
  };
1086
+ transform?: undefined;
1136
1087
  px?: undefined;
1137
1088
  minWidth?: undefined;
1138
- '&:active'?: undefined;
1139
1089
  normalShadow?: undefined;
1140
1090
  bg?: undefined;
1141
1091
  color?: undefined;
@@ -1144,15 +1094,15 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1144
1094
  bgClip?: undefined;
1145
1095
  backgroundImage?: undefined;
1146
1096
  border?: undefined;
1147
- '&:hover'?: undefined;
1148
1097
  br?: undefined;
1149
1098
  };
1150
- size?: undefined;
1099
+ isPressed?: undefined;
1151
1100
  animated?: undefined;
1152
- disabled?: undefined;
1101
+ size?: undefined;
1153
1102
  shadow?: undefined;
1154
1103
  light?: undefined;
1155
1104
  ghost?: undefined;
1105
+ isHovered?: undefined;
1156
1106
  flat?: undefined;
1157
1107
  rounded?: undefined;
1158
1108
  } | {
@@ -1160,9 +1110,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1160
1110
  size: string;
1161
1111
  css: {
1162
1112
  br: string;
1113
+ transform?: undefined;
1163
1114
  px?: undefined;
1164
1115
  minWidth?: undefined;
1165
- '&:active'?: undefined;
1166
1116
  normalShadow?: undefined;
1167
1117
  bg?: undefined;
1168
1118
  color?: undefined;
@@ -1171,21 +1121,21 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1171
1121
  bgClip?: undefined;
1172
1122
  backgroundImage?: undefined;
1173
1123
  border?: undefined;
1174
- '&:hover'?: undefined;
1175
1124
  '.nextui-button-text'?: undefined;
1176
1125
  '.nextui-button-icon'?: undefined;
1177
1126
  '.nextui-button-icon-right'?: undefined;
1178
1127
  '.nextui-button-text-left'?: undefined;
1179
1128
  '.nextui-button-text-right'?: undefined;
1180
1129
  };
1181
- auto?: undefined;
1130
+ isPressed?: undefined;
1182
1131
  animated?: undefined;
1183
- disabled?: undefined;
1132
+ auto?: undefined;
1184
1133
  shadow?: undefined;
1185
1134
  color?: undefined;
1186
1135
  light?: undefined;
1187
1136
  bordered?: undefined;
1188
1137
  ghost?: undefined;
1138
+ isHovered?: undefined;
1189
1139
  flat?: undefined;
1190
1140
  })[];
1191
1141
  defaultVariants: {