@nextui-org/react 1.0.2-beta.5 → 1.0.5-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 (75) hide show
  1. package/cjs/button/button-group.styles.js +1 -1
  2. package/cjs/button/button-icon.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/css-baseline/css-baseline.js +1 -1
  7. package/cjs/index.js +1 -1
  8. package/cjs/progress/progress.styles.js +1 -1
  9. package/cjs/table/table-body.js +1 -1
  10. package/cjs/table/table-column-header.js +1 -1
  11. package/cjs/table/table-row.js +1 -1
  12. package/cjs/table/table.js +1 -1
  13. package/cjs/theme/common.js +1 -1
  14. package/cjs/theme/stitches.config.js +1 -1
  15. package/esm/button/button-group.styles.js +1 -1
  16. package/esm/button/button-icon.js +1 -1
  17. package/esm/button/button.js +1 -1
  18. package/esm/button/button.styles.js +1 -1
  19. package/esm/button/utils.js +1 -1
  20. package/esm/css-baseline/css-baseline.js +1 -1
  21. package/esm/index.js +1 -1
  22. package/esm/progress/progress.styles.js +1 -1
  23. package/esm/table/table-body.js +1 -1
  24. package/esm/table/table-column-header.js +1 -1
  25. package/esm/table/table-row.js +1 -1
  26. package/esm/table/table.js +1 -1
  27. package/esm/theme/common.js +1 -1
  28. package/esm/theme/stitches.config.js +1 -1
  29. package/package.json +4 -4
  30. package/types/avatar/avatar-group.styles.d.ts +2 -0
  31. package/types/avatar/avatar.styles.d.ts +1 -0
  32. package/types/backdrop/backdrop.d.ts +1 -1
  33. package/types/backdrop/backdrop.styles.d.ts +3 -0
  34. package/types/button/button-group.styles.d.ts +1 -0
  35. package/types/button/button-icon.d.ts +2 -0
  36. package/types/button/button.styles.d.ts +126 -129
  37. package/types/button/utils.d.ts +26 -0
  38. package/types/card/card.styles.d.ts +4 -0
  39. package/types/checkbox/checkbox.styles.d.ts +10 -1
  40. package/types/code/code.styles.d.ts +2 -0
  41. package/types/col/col.styles.d.ts +1 -0
  42. package/types/collapse/collapse.styles.d.ts +6 -1
  43. package/types/container/container.styles.d.ts +1 -0
  44. package/types/divider/divider.styles.d.ts +2 -0
  45. package/types/grid/grid.styles.d.ts +2 -0
  46. package/types/image/image.styles.d.ts +3 -0
  47. package/types/index.d.ts +2 -0
  48. package/types/input/input-password.d.ts +1 -1
  49. package/types/input/input.styles.d.ts +11 -0
  50. package/types/link/link.styles.d.ts +2 -0
  51. package/types/loading/loading.styles.d.ts +6 -0
  52. package/types/modal/modal.styles.d.ts +6 -0
  53. package/types/pagination/pagination.styles.d.ts +6 -0
  54. package/types/progress/progress.d.ts +1 -1
  55. package/types/progress/progress.styles.d.ts +2 -0
  56. package/types/radio/radio.styles.d.ts +6 -0
  57. package/types/row/row.styles.d.ts +1 -0
  58. package/types/snippet/snippet.styles.d.ts +4 -0
  59. package/types/spacer/spacer.styles.d.ts +1 -0
  60. package/types/switch/switch.d.ts +1 -1
  61. package/types/switch/switch.styles.d.ts +4 -0
  62. package/types/table/table-column-header.d.ts +1 -1
  63. package/types/table/table-row.d.ts +0 -1
  64. package/types/table/table-sort-icon.d.ts +1 -0
  65. package/types/table/table.styles.d.ts +17 -5
  66. package/types/text/text.styles.d.ts +1 -0
  67. package/types/theme/common.d.ts +2 -0
  68. package/types/theme/stitches.config.d.ts +13 -1
  69. package/types/theme/types.d.ts +11 -14
  70. package/types/tooltip/tooltip.d.ts +1 -1
  71. package/types/tooltip/tooltip.styles.d.ts +4 -0
  72. package/types/user/user.styles.d.ts +5 -0
  73. package/types/utils/drip.d.ts +1 -0
  74. package/umd/nextui.js +3412 -1064
  75. package/umd/nextui.min.js +1 -1
package/types/button/button.styles.d.ts CHANGED
@@ -16,8 +16,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
16
16
  backgroundImage?: undefined;
17
17
  border?: undefined;
18
18
  '&:hover'?: undefined;
19
- py?: undefined;
20
19
  '.nextui-button-text'?: undefined;
20
+ '.nextui-button-icon'?: undefined;
21
+ '.nextui-button-icon-right'?: undefined;
22
+ '.nextui-button-text-left'?: undefined;
23
+ '.nextui-button-text-right'?: undefined;
21
24
  br?: undefined;
22
25
  };
23
26
  animated?: undefined;
@@ -28,7 +31,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
28
31
  bordered?: undefined;
29
32
  ghost?: undefined;
30
33
  flat?: undefined;
31
- borderWeight?: undefined;
32
34
  rounded?: undefined;
33
35
  } | {
34
36
  animated: true;
@@ -48,8 +50,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
48
50
  backgroundImage?: undefined;
49
51
  border?: undefined;
50
52
  '&:hover'?: undefined;
51
- py?: undefined;
52
53
  '.nextui-button-text'?: undefined;
54
+ '.nextui-button-icon'?: undefined;
55
+ '.nextui-button-icon-right'?: undefined;
56
+ '.nextui-button-text-left'?: undefined;
57
+ '.nextui-button-text-right'?: undefined;
53
58
  br?: undefined;
54
59
  };
55
60
  auto?: undefined;
@@ -60,7 +65,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
60
65
  bordered?: undefined;
61
66
  ghost?: undefined;
62
67
  flat?: undefined;
63
- borderWeight?: undefined;
64
68
  rounded?: undefined;
65
69
  } | {
66
70
  shadow: true;
@@ -78,8 +82,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
78
82
  backgroundImage?: undefined;
79
83
  border?: undefined;
80
84
  '&:hover'?: undefined;
81
- py?: undefined;
82
85
  '.nextui-button-text'?: undefined;
86
+ '.nextui-button-icon'?: undefined;
87
+ '.nextui-button-icon-right'?: undefined;
88
+ '.nextui-button-text-left'?: undefined;
89
+ '.nextui-button-text-right'?: undefined;
83
90
  br?: undefined;
84
91
  };
85
92
  auto?: undefined;
@@ -90,7 +97,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
90
97
  bordered?: undefined;
91
98
  ghost?: undefined;
92
99
  flat?: undefined;
93
- borderWeight?: undefined;
94
100
  rounded?: undefined;
95
101
  } | {
96
102
  light: true;
@@ -108,8 +114,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
108
114
  backgroundImage?: undefined;
109
115
  border?: undefined;
110
116
  '&:hover'?: undefined;
111
- py?: undefined;
112
117
  '.nextui-button-text'?: undefined;
118
+ '.nextui-button-icon'?: undefined;
119
+ '.nextui-button-icon-right'?: undefined;
120
+ '.nextui-button-text-left'?: undefined;
121
+ '.nextui-button-text-right'?: undefined;
113
122
  br?: undefined;
114
123
  };
115
124
  auto?: undefined;
@@ -120,7 +129,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
120
129
  bordered?: undefined;
121
130
  ghost?: undefined;
122
131
  flat?: undefined;
123
- borderWeight?: undefined;
124
132
  rounded?: undefined;
125
133
  } | {
126
134
  bordered: true;
@@ -143,8 +151,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
143
151
  backgroundImage?: undefined;
144
152
  border?: undefined;
145
153
  '&:hover'?: undefined;
146
- py?: undefined;
147
154
  '.nextui-button-text'?: undefined;
155
+ '.nextui-button-icon'?: undefined;
156
+ '.nextui-button-icon-right'?: undefined;
157
+ '.nextui-button-text-left'?: undefined;
158
+ '.nextui-button-text-right'?: undefined;
148
159
  br?: undefined;
149
160
  };
150
161
  auto?: undefined;
@@ -155,7 +166,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
155
166
  light?: undefined;
156
167
  ghost?: undefined;
157
168
  flat?: undefined;
158
- borderWeight?: undefined;
159
169
  rounded?: undefined;
160
170
  } | {
161
171
  bordered: true;
@@ -178,8 +188,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
178
188
  '&:active'?: undefined;
179
189
  normalShadow?: undefined;
180
190
  '&:hover'?: undefined;
181
- py?: undefined;
182
191
  '.nextui-button-text'?: undefined;
192
+ '.nextui-button-icon'?: undefined;
193
+ '.nextui-button-icon-right'?: undefined;
194
+ '.nextui-button-text-left'?: undefined;
195
+ '.nextui-button-text-right'?: undefined;
183
196
  br?: undefined;
184
197
  };
185
198
  auto?: undefined;
@@ -190,7 +203,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
190
203
  light?: undefined;
191
204
  ghost?: undefined;
192
205
  flat?: undefined;
193
- borderWeight?: undefined;
194
206
  rounded?: undefined;
195
207
  } | {
196
208
  ghost: true;
@@ -210,8 +222,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
210
222
  bgClip?: undefined;
211
223
  backgroundImage?: undefined;
212
224
  border?: undefined;
213
- py?: undefined;
214
225
  '.nextui-button-text'?: undefined;
226
+ '.nextui-button-icon'?: undefined;
227
+ '.nextui-button-icon-right'?: undefined;
228
+ '.nextui-button-text-left'?: undefined;
229
+ '.nextui-button-text-right'?: undefined;
215
230
  br?: undefined;
216
231
  };
217
232
  auto?: undefined;
@@ -222,7 +237,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
222
237
  light?: undefined;
223
238
  bordered?: undefined;
224
239
  flat?: undefined;
225
- borderWeight?: undefined;
226
240
  rounded?: undefined;
227
241
  } | {
228
242
  flat: true;
@@ -246,8 +260,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
246
260
  backgroundImage?: undefined;
247
261
  border?: undefined;
248
262
  '&:hover'?: undefined;
249
- py?: undefined;
250
263
  '.nextui-button-text'?: undefined;
264
+ '.nextui-button-icon'?: undefined;
265
+ '.nextui-button-icon-right'?: undefined;
266
+ '.nextui-button-text-left'?: undefined;
267
+ '.nextui-button-text-right'?: undefined;
251
268
  br?: undefined;
252
269
  };
253
270
  auto?: undefined;
@@ -258,49 +275,28 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
258
275
  light?: undefined;
259
276
  bordered?: undefined;
260
277
  ghost?: undefined;
261
- borderWeight?: undefined;
262
- rounded?: undefined;
263
- } | {
264
- bordered: true;
265
- color: string;
266
- borderWeight: string;
267
- css: {
268
- padding: string;
269
- px?: undefined;
270
- minWidth?: undefined;
271
- '&:active'?: undefined;
272
- normalShadow?: undefined;
273
- bg?: undefined;
274
- color?: undefined;
275
- borderColor?: undefined;
276
- bgClip?: undefined;
277
- backgroundImage?: undefined;
278
- border?: undefined;
279
- '&:hover'?: undefined;
280
- py?: undefined;
281
- '.nextui-button-text'?: undefined;
282
- br?: undefined;
283
- };
284
- auto?: undefined;
285
- size?: undefined;
286
- animated?: undefined;
287
- disabled?: undefined;
288
- shadow?: undefined;
289
- light?: undefined;
290
- ghost?: undefined;
291
- flat?: undefined;
292
278
  rounded?: undefined;
293
279
  } | {
294
280
  auto: true;
295
281
  color: string;
296
282
  bordered: true;
297
- size: string;
298
283
  css: {
299
- px: string;
300
- py: string;
301
284
  '.nextui-button-text': {
302
285
  px: string;
303
286
  };
287
+ '.nextui-button-icon': {
288
+ ml: string;
289
+ };
290
+ '.nextui-button-icon-right': {
291
+ mr: string;
292
+ };
293
+ '.nextui-button-text-left': {
294
+ pl: number;
295
+ };
296
+ '.nextui-button-text-right': {
297
+ pr: number;
298
+ };
299
+ px?: undefined;
304
300
  minWidth?: undefined;
305
301
  '&:active'?: undefined;
306
302
  normalShadow?: undefined;
@@ -314,13 +310,13 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
314
310
  '&:hover'?: undefined;
315
311
  br?: undefined;
316
312
  };
313
+ size?: undefined;
317
314
  animated?: undefined;
318
315
  disabled?: undefined;
319
316
  shadow?: undefined;
320
317
  light?: undefined;
321
318
  ghost?: undefined;
322
319
  flat?: undefined;
323
- borderWeight?: undefined;
324
320
  rounded?: undefined;
325
321
  } | {
326
322
  rounded: true;
@@ -339,8 +335,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
339
335
  backgroundImage?: undefined;
340
336
  border?: undefined;
341
337
  '&:hover'?: undefined;
342
- py?: undefined;
343
338
  '.nextui-button-text'?: undefined;
339
+ '.nextui-button-icon'?: undefined;
340
+ '.nextui-button-icon-right'?: undefined;
341
+ '.nextui-button-text-left'?: undefined;
342
+ '.nextui-button-text-right'?: undefined;
344
343
  };
345
344
  auto?: undefined;
346
345
  animated?: undefined;
@@ -351,7 +350,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
351
350
  bordered?: undefined;
352
351
  ghost?: undefined;
353
352
  flat?: undefined;
354
- borderWeight?: undefined;
355
353
  })[] | {
356
354
  opacity: number;
357
355
  transition?: undefined;
@@ -485,70 +483,75 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
485
483
  size: {
486
484
  xs: {
487
485
  $$buttonPadding: string;
486
+ $$buttonBorderRadius: string;
488
487
  px: string;
489
488
  height: string;
490
489
  lh: string;
491
490
  width: string;
492
491
  minWidth: string;
493
492
  fontSize: string;
494
- br: string;
495
493
  };
496
494
  sm: {
497
495
  $$buttonPadding: string;
496
+ $$buttonBorderRadius: string;
498
497
  px: string;
499
498
  height: string;
500
499
  lh: string;
501
500
  width: string;
502
501
  minWidth: string;
503
502
  fontSize: string;
504
- br: string;
505
503
  };
506
504
  md: {
507
505
  $$buttonPadding: string;
506
+ $$buttonBorderRadius: string;
508
507
  px: string;
509
508
  height: string;
510
509
  lh: string;
511
510
  width: string;
512
511
  minWidth: string;
513
512
  fontSize: string;
514
- br: string;
515
513
  };
516
514
  lg: {
517
515
  $$buttonPadding: string;
516
+ $$buttonBorderRadius: string;
518
517
  px: string;
519
518
  height: string;
520
519
  lh: string;
521
520
  width: string;
522
521
  minWidth: string;
523
522
  fontSize: string;
524
- br: string;
525
523
  };
526
524
  xl: {
527
525
  $$buttonPadding: string;
526
+ $$buttonBorderRadius: string;
528
527
  px: string;
529
528
  height: string;
530
529
  lh: string;
531
530
  width: string;
532
531
  minWidth: string;
533
532
  fontSize: string;
534
- br: string;
535
533
  };
536
534
  };
537
535
  borderWeight: {
538
536
  light: {
539
537
  bw: string;
538
+ $$buttonBorderWeight: string;
540
539
  };
541
540
  normal: {
542
541
  bw: string;
542
+ $$buttonBorderWeight: string;
543
543
  };
544
544
  bold: {
545
545
  bw: string;
546
+ $$buttonBorderWeight: string;
546
547
  };
547
548
  extrabold: {
548
549
  bw: string;
550
+ $$buttonBorderWeight: string;
549
551
  };
550
552
  black: {
551
553
  bw: string;
554
+ $$buttonBorderWeight: string;
552
555
  };
553
556
  };
554
557
  flat: {
@@ -574,13 +577,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
574
577
  };
575
578
  disabled: {
576
579
  true: {
577
- bg: string;
578
- color: string;
579
- cursor: string;
580
580
  pe: string;
581
- '&:hover': {
582
- opacity: number;
583
- };
584
581
  };
585
582
  };
586
583
  clickable: {
@@ -607,7 +604,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
607
604
  };
608
605
  rounded: {
609
606
  true: {
610
- br: string;
607
+ $$buttonBorderRadius: string;
611
608
  };
612
609
  };
613
610
  opacity?: undefined;
@@ -637,6 +634,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
637
634
  auto?: undefined;
638
635
  rounded?: undefined;
639
636
  };
637
+ $$buttonBorderRadius: string;
640
638
  dflex: string;
641
639
  appearance: string;
642
640
  boxSizing: string;
@@ -652,6 +650,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
652
650
  cursor: string;
653
651
  pe: string;
654
652
  p: number;
653
+ br: string;
655
654
  '&:hover': {
656
655
  opacity: number;
657
656
  };
@@ -713,70 +712,75 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
713
712
  size: {
714
713
  xs: {
715
714
  $$buttonPadding: string;
715
+ $$buttonBorderRadius: string;
716
716
  px: string;
717
717
  height: string;
718
718
  lh: string;
719
719
  width: string;
720
720
  minWidth: string;
721
721
  fontSize: string;
722
- br: string;
723
722
  };
724
723
  sm: {
725
724
  $$buttonPadding: string;
725
+ $$buttonBorderRadius: string;
726
726
  px: string;
727
727
  height: string;
728
728
  lh: string;
729
729
  width: string;
730
730
  minWidth: string;
731
731
  fontSize: string;
732
- br: string;
733
732
  };
734
733
  md: {
735
734
  $$buttonPadding: string;
735
+ $$buttonBorderRadius: string;
736
736
  px: string;
737
737
  height: string;
738
738
  lh: string;
739
739
  width: string;
740
740
  minWidth: string;
741
741
  fontSize: string;
742
- br: string;
743
742
  };
744
743
  lg: {
745
744
  $$buttonPadding: string;
745
+ $$buttonBorderRadius: string;
746
746
  px: string;
747
747
  height: string;
748
748
  lh: string;
749
749
  width: string;
750
750
  minWidth: string;
751
751
  fontSize: string;
752
- br: string;
753
752
  };
754
753
  xl: {
755
754
  $$buttonPadding: string;
755
+ $$buttonBorderRadius: string;
756
756
  px: string;
757
757
  height: string;
758
758
  lh: string;
759
759
  width: string;
760
760
  minWidth: string;
761
761
  fontSize: string;
762
- br: string;
763
762
  };
764
763
  };
765
764
  borderWeight: {
766
765
  light: {
767
766
  bw: string;
767
+ $$buttonBorderWeight: string;
768
768
  };
769
769
  normal: {
770
770
  bw: string;
771
+ $$buttonBorderWeight: string;
771
772
  };
772
773
  bold: {
773
774
  bw: string;
775
+ $$buttonBorderWeight: string;
774
776
  };
775
777
  extrabold: {
776
778
  bw: string;
779
+ $$buttonBorderWeight: string;
777
780
  };
778
781
  black: {
779
782
  bw: string;
783
+ $$buttonBorderWeight: string;
780
784
  };
781
785
  };
782
786
  flat: {
@@ -802,13 +806,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
802
806
  };
803
807
  disabled: {
804
808
  true: {
805
- bg: string;
806
- color: string;
807
- cursor: string;
808
809
  pe: string;
809
- '&:hover': {
810
- opacity: number;
811
- };
812
810
  };
813
811
  };
814
812
  clickable: {
@@ -835,7 +833,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
835
833
  };
836
834
  rounded: {
837
835
  true: {
838
- br: string;
836
+ $$buttonBorderRadius: string;
839
837
  };
840
838
  };
841
839
  };
@@ -855,8 +853,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
855
853
  backgroundImage?: undefined;
856
854
  border?: undefined;
857
855
  '&:hover'?: undefined;
858
- py?: undefined;
859
856
  '.nextui-button-text'?: undefined;
857
+ '.nextui-button-icon'?: undefined;
858
+ '.nextui-button-icon-right'?: undefined;
859
+ '.nextui-button-text-left'?: undefined;
860
+ '.nextui-button-text-right'?: undefined;
860
861
  br?: undefined;
861
862
  };
862
863
  animated?: undefined;
@@ -867,7 +868,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
867
868
  bordered?: undefined;
868
869
  ghost?: undefined;
869
870
  flat?: undefined;
870
- borderWeight?: undefined;
871
871
  rounded?: undefined;
872
872
  } | {
873
873
  animated: true;
@@ -887,8 +887,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
887
887
  backgroundImage?: undefined;
888
888
  border?: undefined;
889
889
  '&:hover'?: undefined;
890
- py?: undefined;
891
890
  '.nextui-button-text'?: undefined;
891
+ '.nextui-button-icon'?: undefined;
892
+ '.nextui-button-icon-right'?: undefined;
893
+ '.nextui-button-text-left'?: undefined;
894
+ '.nextui-button-text-right'?: undefined;
892
895
  br?: undefined;
893
896
  };
894
897
  auto?: undefined;
@@ -899,7 +902,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
899
902
  bordered?: undefined;
900
903
  ghost?: undefined;
901
904
  flat?: undefined;
902
- borderWeight?: undefined;
903
905
  rounded?: undefined;
904
906
  } | {
905
907
  shadow: true;
@@ -917,8 +919,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
917
919
  backgroundImage?: undefined;
918
920
  border?: undefined;
919
921
  '&:hover'?: undefined;
920
- py?: undefined;
921
922
  '.nextui-button-text'?: undefined;
923
+ '.nextui-button-icon'?: undefined;
924
+ '.nextui-button-icon-right'?: undefined;
925
+ '.nextui-button-text-left'?: undefined;
926
+ '.nextui-button-text-right'?: undefined;
922
927
  br?: undefined;
923
928
  };
924
929
  auto?: undefined;
@@ -929,7 +934,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
929
934
  bordered?: undefined;
930
935
  ghost?: undefined;
931
936
  flat?: undefined;
932
- borderWeight?: undefined;
933
937
  rounded?: undefined;
934
938
  } | {
935
939
  light: true;
@@ -947,8 +951,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
947
951
  backgroundImage?: undefined;
948
952
  border?: undefined;
949
953
  '&:hover'?: undefined;
950
- py?: undefined;
951
954
  '.nextui-button-text'?: undefined;
955
+ '.nextui-button-icon'?: undefined;
956
+ '.nextui-button-icon-right'?: undefined;
957
+ '.nextui-button-text-left'?: undefined;
958
+ '.nextui-button-text-right'?: undefined;
952
959
  br?: undefined;
953
960
  };
954
961
  auto?: undefined;
@@ -959,7 +966,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
959
966
  bordered?: undefined;
960
967
  ghost?: undefined;
961
968
  flat?: undefined;
962
- borderWeight?: undefined;
963
969
  rounded?: undefined;
964
970
  } | {
965
971
  bordered: true;
@@ -982,8 +988,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
982
988
  backgroundImage?: undefined;
983
989
  border?: undefined;
984
990
  '&:hover'?: undefined;
985
- py?: undefined;
986
991
  '.nextui-button-text'?: undefined;
992
+ '.nextui-button-icon'?: undefined;
993
+ '.nextui-button-icon-right'?: undefined;
994
+ '.nextui-button-text-left'?: undefined;
995
+ '.nextui-button-text-right'?: undefined;
987
996
  br?: undefined;
988
997
  };
989
998
  auto?: undefined;
@@ -994,7 +1003,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
994
1003
  light?: undefined;
995
1004
  ghost?: undefined;
996
1005
  flat?: undefined;
997
- borderWeight?: undefined;
998
1006
  rounded?: undefined;
999
1007
  } | {
1000
1008
  bordered: true;
@@ -1017,8 +1025,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1017
1025
  '&:active'?: undefined;
1018
1026
  normalShadow?: undefined;
1019
1027
  '&:hover'?: undefined;
1020
- py?: undefined;
1021
1028
  '.nextui-button-text'?: undefined;
1029
+ '.nextui-button-icon'?: undefined;
1030
+ '.nextui-button-icon-right'?: undefined;
1031
+ '.nextui-button-text-left'?: undefined;
1032
+ '.nextui-button-text-right'?: undefined;
1022
1033
  br?: undefined;
1023
1034
  };
1024
1035
  auto?: undefined;
@@ -1029,7 +1040,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1029
1040
  light?: undefined;
1030
1041
  ghost?: undefined;
1031
1042
  flat?: undefined;
1032
- borderWeight?: undefined;
1033
1043
  rounded?: undefined;
1034
1044
  } | {
1035
1045
  ghost: true;
@@ -1049,8 +1059,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1049
1059
  bgClip?: undefined;
1050
1060
  backgroundImage?: undefined;
1051
1061
  border?: undefined;
1052
- py?: undefined;
1053
1062
  '.nextui-button-text'?: undefined;
1063
+ '.nextui-button-icon'?: undefined;
1064
+ '.nextui-button-icon-right'?: undefined;
1065
+ '.nextui-button-text-left'?: undefined;
1066
+ '.nextui-button-text-right'?: undefined;
1054
1067
  br?: undefined;
1055
1068
  };
1056
1069
  auto?: undefined;
@@ -1061,7 +1074,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1061
1074
  light?: undefined;
1062
1075
  bordered?: undefined;
1063
1076
  flat?: undefined;
1064
- borderWeight?: undefined;
1065
1077
  rounded?: undefined;
1066
1078
  } | {
1067
1079
  flat: true;
@@ -1085,8 +1097,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1085
1097
  backgroundImage?: undefined;
1086
1098
  border?: undefined;
1087
1099
  '&:hover'?: undefined;
1088
- py?: undefined;
1089
1100
  '.nextui-button-text'?: undefined;
1101
+ '.nextui-button-icon'?: undefined;
1102
+ '.nextui-button-icon-right'?: undefined;
1103
+ '.nextui-button-text-left'?: undefined;
1104
+ '.nextui-button-text-right'?: undefined;
1090
1105
  br?: undefined;
1091
1106
  };
1092
1107
  auto?: undefined;
@@ -1097,49 +1112,28 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1097
1112
  light?: undefined;
1098
1113
  bordered?: undefined;
1099
1114
  ghost?: undefined;
1100
- borderWeight?: undefined;
1101
- rounded?: undefined;
1102
- } | {
1103
- bordered: true;
1104
- color: string;
1105
- borderWeight: string;
1106
- css: {
1107
- padding: string;
1108
- px?: undefined;
1109
- minWidth?: undefined;
1110
- '&:active'?: undefined;
1111
- normalShadow?: undefined;
1112
- bg?: undefined;
1113
- color?: undefined;
1114
- borderColor?: undefined;
1115
- bgClip?: undefined;
1116
- backgroundImage?: undefined;
1117
- border?: undefined;
1118
- '&:hover'?: undefined;
1119
- py?: undefined;
1120
- '.nextui-button-text'?: undefined;
1121
- br?: undefined;
1122
- };
1123
- auto?: undefined;
1124
- size?: undefined;
1125
- animated?: undefined;
1126
- disabled?: undefined;
1127
- shadow?: undefined;
1128
- light?: undefined;
1129
- ghost?: undefined;
1130
- flat?: undefined;
1131
1115
  rounded?: undefined;
1132
1116
  } | {
1133
1117
  auto: true;
1134
1118
  color: string;
1135
1119
  bordered: true;
1136
- size: string;
1137
1120
  css: {
1138
- px: string;
1139
- py: string;
1140
1121
  '.nextui-button-text': {
1141
1122
  px: string;
1142
1123
  };
1124
+ '.nextui-button-icon': {
1125
+ ml: string;
1126
+ };
1127
+ '.nextui-button-icon-right': {
1128
+ mr: string;
1129
+ };
1130
+ '.nextui-button-text-left': {
1131
+ pl: number;
1132
+ };
1133
+ '.nextui-button-text-right': {
1134
+ pr: number;
1135
+ };
1136
+ px?: undefined;
1143
1137
  minWidth?: undefined;
1144
1138
  '&:active'?: undefined;
1145
1139
  normalShadow?: undefined;
@@ -1153,13 +1147,13 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1153
1147
  '&:hover'?: undefined;
1154
1148
  br?: undefined;
1155
1149
  };
1150
+ size?: undefined;
1156
1151
  animated?: undefined;
1157
1152
  disabled?: undefined;
1158
1153
  shadow?: undefined;
1159
1154
  light?: undefined;
1160
1155
  ghost?: undefined;
1161
1156
  flat?: undefined;
1162
- borderWeight?: undefined;
1163
1157
  rounded?: undefined;
1164
1158
  } | {
1165
1159
  rounded: true;
@@ -1178,8 +1172,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1178
1172
  backgroundImage?: undefined;
1179
1173
  border?: undefined;
1180
1174
  '&:hover'?: undefined;
1181
- py?: undefined;
1182
1175
  '.nextui-button-text'?: undefined;
1176
+ '.nextui-button-icon'?: undefined;
1177
+ '.nextui-button-icon-right'?: undefined;
1178
+ '.nextui-button-text-left'?: undefined;
1179
+ '.nextui-button-text-right'?: undefined;
1183
1180
  };
1184
1181
  auto?: undefined;
1185
1182
  animated?: undefined;
@@ -1190,7 +1187,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1190
1187
  bordered?: undefined;
1191
1188
  ghost?: undefined;
1192
1189
  flat?: undefined;
1193
- borderWeight?: undefined;
1194
1190
  })[];
1195
1191
  defaultVariants: {
1196
1192
  color: "default";
@@ -1199,7 +1195,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1199
1195
  size: "md";
1200
1196
  };
1201
1197
  }, import("@stitches/react/types/styled-component").CssComponent<never, {
1202
- animated?: boolean | "false" | undefined;
1203
1198
  isFocusVisible?: boolean | "true" | "false" | undefined;
1204
1199
  }, {
1205
1200
  xs: string;
@@ -1465,6 +1460,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1465
1460
  };
1466
1461
  transitions: {
1467
1462
  default: string;
1463
+ button: string;
1468
1464
  };
1469
1465
  breakpoints: {
1470
1466
  xs: string;
@@ -2395,6 +2391,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
2395
2391
  };
2396
2392
  transitions: {
2397
2393
  default: string;
2394
+ button: string;
2398
2395
  };
2399
2396
  breakpoints: {
2400
2397
  xs: string;