@nextui-org/react 1.0.3-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 (89) hide show
  1. package/cjs/backdrop/backdrop.js +1 -1
  2. package/cjs/backdrop/backdrop.styles.js +1 -1
  3. package/cjs/button/button-group.styles.js +1 -1
  4. package/cjs/button/button-icon.js +1 -1
  5. package/cjs/button/button.js +1 -1
  6. package/cjs/button/button.styles.js +1 -1
  7. package/cjs/button/utils.js +1 -1
  8. package/cjs/css-baseline/css-baseline.js +1 -1
  9. package/cjs/index.js +1 -1
  10. package/cjs/input/input.js +1 -1
  11. package/cjs/loading/loading.js +1 -1
  12. package/cjs/loading/loading.styles.js +1 -1
  13. package/cjs/pagination/pagination.styles.js +1 -1
  14. package/cjs/progress/progress.styles.js +1 -1
  15. package/cjs/table/table-body.js +1 -1
  16. package/cjs/table/table-column-header.js +1 -1
  17. package/cjs/table/table-row.js +1 -1
  18. package/cjs/table/table.js +1 -1
  19. package/cjs/theme/common.js +1 -1
  20. package/cjs/theme/stitches.config.js +1 -1
  21. package/cjs/utils/dom.js +1 -1
  22. package/esm/backdrop/backdrop.js +1 -1
  23. package/esm/backdrop/backdrop.styles.js +1 -1
  24. package/esm/button/button-group.styles.js +1 -1
  25. package/esm/button/button-icon.js +1 -1
  26. package/esm/button/button.js +1 -1
  27. package/esm/button/button.styles.js +1 -1
  28. package/esm/button/utils.js +1 -1
  29. package/esm/css-baseline/css-baseline.js +1 -1
  30. package/esm/index.js +1 -1
  31. package/esm/input/input.js +1 -1
  32. package/esm/loading/loading.js +1 -1
  33. package/esm/loading/loading.styles.js +1 -1
  34. package/esm/pagination/pagination.styles.js +1 -1
  35. package/esm/progress/progress.styles.js +1 -1
  36. package/esm/table/table-body.js +1 -1
  37. package/esm/table/table-column-header.js +1 -1
  38. package/esm/table/table-row.js +1 -1
  39. package/esm/table/table.js +1 -1
  40. package/esm/theme/common.js +1 -1
  41. package/esm/theme/stitches.config.js +1 -1
  42. package/esm/utils/dom.js +1 -1
  43. package/package.json +6 -4
  44. package/types/avatar/avatar-group.styles.d.ts +2 -0
  45. package/types/avatar/avatar.styles.d.ts +1 -0
  46. package/types/backdrop/backdrop.styles.d.ts +6 -1
  47. package/types/button/button-group.styles.d.ts +1 -0
  48. package/types/button/button-icon.d.ts +2 -0
  49. package/types/button/button.d.ts +6 -5
  50. package/types/button/button.styles.d.ts +248 -300
  51. package/types/button/utils.d.ts +49 -0
  52. package/types/card/card.styles.d.ts +4 -0
  53. package/types/checkbox/checkbox.styles.d.ts +10 -0
  54. package/types/code/code.styles.d.ts +2 -0
  55. package/types/col/col.styles.d.ts +1 -0
  56. package/types/collapse/collapse.styles.d.ts +6 -0
  57. package/types/container/container.styles.d.ts +1 -0
  58. package/types/divider/divider.styles.d.ts +2 -0
  59. package/types/grid/grid.styles.d.ts +2 -0
  60. package/types/image/image.styles.d.ts +3 -0
  61. package/types/index.d.ts +2 -0
  62. package/types/input/input-password.d.ts +1 -1
  63. package/types/input/input.styles.d.ts +11 -0
  64. package/types/link/link.styles.d.ts +2 -0
  65. package/types/loading/loading.styles.d.ts +7 -1
  66. package/types/modal/modal.d.ts +2 -4
  67. package/types/modal/modal.styles.d.ts +6 -0
  68. package/types/pagination/pagination.styles.d.ts +6 -0
  69. package/types/progress/progress.styles.d.ts +2 -0
  70. package/types/radio/radio.styles.d.ts +6 -0
  71. package/types/row/row.styles.d.ts +1 -0
  72. package/types/snippet/snippet.styles.d.ts +4 -0
  73. package/types/spacer/spacer.styles.d.ts +1 -0
  74. package/types/switch/switch.styles.d.ts +4 -0
  75. package/types/table/table-column-header.d.ts +1 -0
  76. package/types/table/table-row.d.ts +0 -1
  77. package/types/table/table-sort-icon.d.ts +1 -0
  78. package/types/table/table.styles.d.ts +17 -0
  79. package/types/text/text.styles.d.ts +1 -0
  80. package/types/theme/common.d.ts +2 -0
  81. package/types/theme/stitches.config.d.ts +13 -0
  82. package/types/theme/types.d.ts +11 -14
  83. package/types/tooltip/tooltip.styles.d.ts +4 -0
  84. package/types/use-drip/use-drip.d.ts +2 -1
  85. package/types/user/user.styles.d.ts +5 -0
  86. package/types/utils/dom.d.ts +18 -0
  87. package/types/utils/drip.d.ts +1 -0
  88. package/umd/nextui.js +18284 -13284
  89. 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,30 +15,30 @@ 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
- py?: undefined;
20
18
  '.nextui-button-text'?: undefined;
19
+ '.nextui-button-icon'?: undefined;
20
+ '.nextui-button-icon-right'?: undefined;
21
+ '.nextui-button-text-left'?: undefined;
22
+ '.nextui-button-text-right'?: undefined;
21
23
  br?: undefined;
22
24
  };
23
- animated?: undefined;
24
- disabled?: undefined;
25
+ auto?: undefined;
26
+ size?: undefined;
25
27
  shadow?: undefined;
26
28
  color?: undefined;
27
29
  light?: undefined;
28
30
  bordered?: undefined;
29
31
  ghost?: undefined;
32
+ isHovered?: undefined;
30
33
  flat?: undefined;
31
- borderWeight?: undefined;
32
34
  rounded?: undefined;
33
35
  } | {
34
- animated: true;
35
- disabled: true;
36
+ auto: true;
37
+ size: string;
36
38
  css: {
37
- '&:active': {
38
- transform: string;
39
- };
40
- px?: undefined;
41
- minWidth?: undefined;
39
+ px: string;
40
+ minWidth: string;
41
+ transform?: undefined;
42
42
  normalShadow?: undefined;
43
43
  bg?: undefined;
44
44
  color?: undefined;
@@ -47,29 +47,31 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
47
47
  bgClip?: undefined;
48
48
  backgroundImage?: undefined;
49
49
  border?: undefined;
50
- '&:hover'?: undefined;
51
- py?: undefined;
52
50
  '.nextui-button-text'?: undefined;
51
+ '.nextui-button-icon'?: undefined;
52
+ '.nextui-button-icon-right'?: undefined;
53
+ '.nextui-button-text-left'?: undefined;
54
+ '.nextui-button-text-right'?: undefined;
53
55
  br?: undefined;
54
56
  };
55
- auto?: undefined;
56
- size?: undefined;
57
+ isPressed?: undefined;
58
+ animated?: undefined;
57
59
  shadow?: undefined;
58
60
  color?: undefined;
59
61
  light?: undefined;
60
62
  bordered?: undefined;
61
63
  ghost?: undefined;
64
+ isHovered?: undefined;
62
65
  flat?: undefined;
63
- borderWeight?: undefined;
64
66
  rounded?: undefined;
65
67
  } | {
66
68
  shadow: true;
67
69
  color: string;
68
70
  css: {
69
71
  normalShadow: string;
72
+ transform?: undefined;
70
73
  px?: undefined;
71
74
  minWidth?: undefined;
72
- '&:active'?: undefined;
73
75
  bg?: undefined;
74
76
  color?: undefined;
75
77
  borderColor?: undefined;
@@ -77,20 +79,22 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
77
79
  bgClip?: undefined;
78
80
  backgroundImage?: undefined;
79
81
  border?: undefined;
80
- '&:hover'?: undefined;
81
- py?: undefined;
82
82
  '.nextui-button-text'?: undefined;
83
+ '.nextui-button-icon'?: undefined;
84
+ '.nextui-button-icon-right'?: undefined;
85
+ '.nextui-button-text-left'?: undefined;
86
+ '.nextui-button-text-right'?: undefined;
83
87
  br?: undefined;
84
88
  };
89
+ isPressed?: undefined;
90
+ animated?: undefined;
85
91
  auto?: undefined;
86
92
  size?: undefined;
87
- animated?: undefined;
88
- disabled?: undefined;
89
93
  light?: undefined;
90
94
  bordered?: undefined;
91
95
  ghost?: undefined;
96
+ isHovered?: undefined;
92
97
  flat?: undefined;
93
- borderWeight?: undefined;
94
98
  rounded?: undefined;
95
99
  } | {
96
100
  light: true;
@@ -98,29 +102,31 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
98
102
  css: {
99
103
  bg: string;
100
104
  color: string;
105
+ transform?: undefined;
101
106
  px?: undefined;
102
107
  minWidth?: undefined;
103
- '&:active'?: undefined;
104
108
  normalShadow?: undefined;
105
109
  borderColor?: undefined;
106
110
  padding?: undefined;
107
111
  bgClip?: undefined;
108
112
  backgroundImage?: undefined;
109
113
  border?: undefined;
110
- '&:hover'?: undefined;
111
- py?: undefined;
112
114
  '.nextui-button-text'?: undefined;
115
+ '.nextui-button-icon'?: undefined;
116
+ '.nextui-button-icon-right'?: undefined;
117
+ '.nextui-button-text-left'?: undefined;
118
+ '.nextui-button-text-right'?: undefined;
113
119
  br?: undefined;
114
120
  };
121
+ isPressed?: undefined;
122
+ animated?: undefined;
115
123
  auto?: undefined;
116
124
  size?: undefined;
117
- animated?: undefined;
118
- disabled?: undefined;
119
125
  shadow?: undefined;
120
126
  bordered?: undefined;
121
127
  ghost?: undefined;
128
+ isHovered?: undefined;
122
129
  flat?: undefined;
123
- borderWeight?: undefined;
124
130
  rounded?: undefined;
125
131
  } | {
126
132
  bordered: true;
@@ -134,28 +140,30 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
134
140
  bg: string;
135
141
  borderColor: string;
136
142
  color: string;
143
+ transform?: undefined;
137
144
  px?: undefined;
138
145
  minWidth?: undefined;
139
- '&:active'?: undefined;
140
146
  normalShadow?: undefined;
141
147
  padding?: undefined;
142
148
  bgClip?: undefined;
143
149
  backgroundImage?: undefined;
144
150
  border?: undefined;
145
- '&:hover'?: undefined;
146
- py?: undefined;
147
151
  '.nextui-button-text'?: undefined;
152
+ '.nextui-button-icon'?: undefined;
153
+ '.nextui-button-icon-right'?: undefined;
154
+ '.nextui-button-text-left'?: undefined;
155
+ '.nextui-button-text-right'?: undefined;
148
156
  br?: undefined;
149
157
  };
158
+ isPressed?: undefined;
159
+ animated?: undefined;
150
160
  auto?: undefined;
151
161
  size?: undefined;
152
- animated?: undefined;
153
- disabled?: undefined;
154
162
  shadow?: undefined;
155
163
  light?: undefined;
156
164
  ghost?: undefined;
165
+ isHovered?: undefined;
157
166
  flat?: undefined;
158
- borderWeight?: undefined;
159
167
  rounded?: undefined;
160
168
  } | {
161
169
  bordered: true;
@@ -173,56 +181,58 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
173
181
  borderColor: string;
174
182
  backgroundImage: string;
175
183
  border: string;
184
+ transform?: undefined;
176
185
  px?: undefined;
177
186
  minWidth?: undefined;
178
- '&:active'?: undefined;
179
187
  normalShadow?: undefined;
180
- '&:hover'?: undefined;
181
- py?: undefined;
182
188
  '.nextui-button-text'?: undefined;
189
+ '.nextui-button-icon'?: undefined;
190
+ '.nextui-button-icon-right'?: undefined;
191
+ '.nextui-button-text-left'?: undefined;
192
+ '.nextui-button-text-right'?: undefined;
183
193
  br?: undefined;
184
194
  };
195
+ isPressed?: undefined;
196
+ animated?: undefined;
185
197
  auto?: undefined;
186
198
  size?: undefined;
187
- animated?: undefined;
188
- disabled?: undefined;
189
199
  shadow?: undefined;
190
200
  light?: undefined;
191
201
  ghost?: undefined;
202
+ isHovered?: undefined;
192
203
  flat?: undefined;
193
- borderWeight?: undefined;
194
204
  rounded?: undefined;
195
205
  } | {
196
206
  ghost: true;
207
+ isHovered: true;
197
208
  color: string;
198
209
  css: {
199
- '&:hover': {
200
- bg: string;
201
- };
210
+ bg: string;
211
+ transform?: undefined;
202
212
  px?: undefined;
203
213
  minWidth?: undefined;
204
- '&:active'?: undefined;
205
214
  normalShadow?: undefined;
206
- bg?: undefined;
207
215
  color?: undefined;
208
216
  borderColor?: undefined;
209
217
  padding?: undefined;
210
218
  bgClip?: undefined;
211
219
  backgroundImage?: undefined;
212
220
  border?: undefined;
213
- py?: undefined;
214
221
  '.nextui-button-text'?: undefined;
222
+ '.nextui-button-icon'?: undefined;
223
+ '.nextui-button-icon-right'?: undefined;
224
+ '.nextui-button-text-left'?: undefined;
225
+ '.nextui-button-text-right'?: undefined;
215
226
  br?: undefined;
216
227
  };
228
+ isPressed?: undefined;
229
+ animated?: undefined;
217
230
  auto?: undefined;
218
231
  size?: undefined;
219
- animated?: undefined;
220
- disabled?: undefined;
221
232
  shadow?: undefined;
222
233
  light?: undefined;
223
234
  bordered?: undefined;
224
235
  flat?: undefined;
225
- borderWeight?: undefined;
226
236
  rounded?: undefined;
227
237
  } | {
228
238
  flat: true;
@@ -236,73 +246,55 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
236
246
  };
237
247
  bg: string;
238
248
  color: string;
249
+ transform?: undefined;
239
250
  px?: undefined;
240
251
  minWidth?: undefined;
241
- '&:active'?: undefined;
242
252
  normalShadow?: undefined;
243
253
  borderColor?: undefined;
244
254
  padding?: undefined;
245
255
  bgClip?: undefined;
246
256
  backgroundImage?: undefined;
247
257
  border?: undefined;
248
- '&:hover'?: undefined;
249
- py?: undefined;
250
258
  '.nextui-button-text'?: undefined;
259
+ '.nextui-button-icon'?: undefined;
260
+ '.nextui-button-icon-right'?: undefined;
261
+ '.nextui-button-text-left'?: undefined;
262
+ '.nextui-button-text-right'?: undefined;
251
263
  br?: undefined;
252
264
  };
253
- auto?: undefined;
254
- size?: undefined;
265
+ isPressed?: undefined;
255
266
  animated?: undefined;
256
- disabled?: undefined;
257
- shadow?: undefined;
258
- light?: undefined;
259
- bordered?: undefined;
260
- 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
267
  auto?: undefined;
285
268
  size?: undefined;
286
- animated?: undefined;
287
- disabled?: undefined;
288
269
  shadow?: undefined;
289
270
  light?: undefined;
271
+ bordered?: undefined;
290
272
  ghost?: undefined;
291
- flat?: undefined;
273
+ isHovered?: undefined;
292
274
  rounded?: undefined;
293
275
  } | {
294
276
  auto: true;
295
277
  color: string;
296
278
  bordered: true;
297
- size: string;
298
279
  css: {
299
- px: string;
300
- py: string;
301
280
  '.nextui-button-text': {
302
281
  px: string;
303
282
  };
283
+ '.nextui-button-icon': {
284
+ ml: string;
285
+ };
286
+ '.nextui-button-icon-right': {
287
+ mr: string;
288
+ };
289
+ '.nextui-button-text-left': {
290
+ pl: number;
291
+ };
292
+ '.nextui-button-text-right': {
293
+ pr: number;
294
+ };
295
+ transform?: undefined;
296
+ px?: undefined;
304
297
  minWidth?: undefined;
305
- '&:active'?: undefined;
306
298
  normalShadow?: undefined;
307
299
  bg?: undefined;
308
300
  color?: undefined;
@@ -311,25 +303,25 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
311
303
  bgClip?: undefined;
312
304
  backgroundImage?: undefined;
313
305
  border?: undefined;
314
- '&:hover'?: undefined;
315
306
  br?: undefined;
316
307
  };
308
+ isPressed?: undefined;
317
309
  animated?: undefined;
318
- disabled?: undefined;
310
+ size?: undefined;
319
311
  shadow?: undefined;
320
312
  light?: undefined;
321
313
  ghost?: undefined;
314
+ isHovered?: undefined;
322
315
  flat?: undefined;
323
- borderWeight?: undefined;
324
316
  rounded?: undefined;
325
317
  } | {
326
318
  rounded: true;
327
319
  size: string;
328
320
  css: {
329
321
  br: string;
322
+ transform?: undefined;
330
323
  px?: undefined;
331
324
  minWidth?: undefined;
332
- '&:active'?: undefined;
333
325
  normalShadow?: undefined;
334
326
  bg?: undefined;
335
327
  color?: undefined;
@@ -338,43 +330,24 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
338
330
  bgClip?: undefined;
339
331
  backgroundImage?: undefined;
340
332
  border?: undefined;
341
- '&:hover'?: undefined;
342
- py?: undefined;
343
333
  '.nextui-button-text'?: undefined;
334
+ '.nextui-button-icon'?: undefined;
335
+ '.nextui-button-icon-right'?: undefined;
336
+ '.nextui-button-text-left'?: undefined;
337
+ '.nextui-button-text-right'?: undefined;
344
338
  };
345
- auto?: undefined;
339
+ isPressed?: undefined;
346
340
  animated?: undefined;
347
- disabled?: undefined;
341
+ auto?: undefined;
348
342
  shadow?: undefined;
349
343
  color?: undefined;
350
344
  light?: undefined;
351
345
  bordered?: undefined;
352
346
  ghost?: undefined;
347
+ isHovered?: undefined;
353
348
  flat?: undefined;
354
- borderWeight?: undefined;
355
349
  })[] | {
356
- opacity: number;
357
- transition?: undefined;
358
- dflex?: undefined;
359
- zIndex?: undefined;
360
- 'p, pre, div'?: undefined;
361
- '.nextui-drip-filler'?: undefined;
362
- bordered?: undefined;
363
- ghost?: undefined;
364
- color?: undefined;
365
- size?: undefined;
366
- borderWeight?: undefined;
367
- flat?: undefined;
368
- light?: undefined;
369
- shadow?: undefined;
370
- disabled?: undefined;
371
- clickable?: undefined;
372
- animated?: undefined;
373
- auto?: undefined;
374
- rounded?: undefined;
375
- } | {
376
350
  transition: string;
377
- opacity?: undefined;
378
351
  dflex?: undefined;
379
352
  zIndex?: undefined;
380
353
  'p, pre, div'?: undefined;
@@ -387,18 +360,17 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
387
360
  flat?: undefined;
388
361
  light?: undefined;
389
362
  shadow?: undefined;
390
- disabled?: undefined;
391
- clickable?: undefined;
392
363
  animated?: undefined;
393
364
  auto?: undefined;
394
365
  rounded?: undefined;
366
+ isPressed?: undefined;
367
+ isHovered?: undefined;
395
368
  } | {
396
369
  dflex: string;
397
370
  zIndex: string;
398
371
  'p, pre, div': {
399
372
  margin: number;
400
373
  };
401
- opacity?: undefined;
402
374
  transition?: undefined;
403
375
  '.nextui-drip-filler'?: undefined;
404
376
  bordered?: undefined;
@@ -409,18 +381,17 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
409
381
  flat?: undefined;
410
382
  light?: undefined;
411
383
  shadow?: undefined;
412
- disabled?: undefined;
413
- clickable?: undefined;
414
384
  animated?: undefined;
415
385
  auto?: undefined;
416
386
  rounded?: undefined;
387
+ isPressed?: undefined;
388
+ isHovered?: undefined;
417
389
  } | {
418
390
  zIndex: string;
419
391
  '.nextui-drip-filler': {
420
392
  opacity: number;
421
393
  fill: string;
422
394
  };
423
- opacity?: undefined;
424
395
  transition?: undefined;
425
396
  dflex?: undefined;
426
397
  'p, pre, div'?: undefined;
@@ -432,11 +403,11 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
432
403
  flat?: undefined;
433
404
  light?: undefined;
434
405
  shadow?: undefined;
435
- disabled?: undefined;
436
- clickable?: undefined;
437
406
  animated?: undefined;
438
407
  auto?: undefined;
439
408
  rounded?: undefined;
409
+ isPressed?: undefined;
410
+ isHovered?: undefined;
440
411
  } | {
441
412
  bordered: {
442
413
  true: {
@@ -485,70 +456,75 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
485
456
  size: {
486
457
  xs: {
487
458
  $$buttonPadding: string;
459
+ $$buttonBorderRadius: string;
488
460
  px: string;
489
461
  height: string;
490
462
  lh: string;
491
463
  width: string;
492
464
  minWidth: string;
493
465
  fontSize: string;
494
- br: string;
495
466
  };
496
467
  sm: {
497
468
  $$buttonPadding: string;
469
+ $$buttonBorderRadius: string;
498
470
  px: string;
499
471
  height: string;
500
472
  lh: string;
501
473
  width: string;
502
474
  minWidth: string;
503
475
  fontSize: string;
504
- br: string;
505
476
  };
506
477
  md: {
507
478
  $$buttonPadding: string;
479
+ $$buttonBorderRadius: string;
508
480
  px: string;
509
481
  height: string;
510
482
  lh: string;
511
483
  width: string;
512
484
  minWidth: string;
513
485
  fontSize: string;
514
- br: string;
515
486
  };
516
487
  lg: {
517
488
  $$buttonPadding: string;
489
+ $$buttonBorderRadius: string;
518
490
  px: string;
519
491
  height: string;
520
492
  lh: string;
521
493
  width: string;
522
494
  minWidth: string;
523
495
  fontSize: string;
524
- br: string;
525
496
  };
526
497
  xl: {
527
498
  $$buttonPadding: string;
499
+ $$buttonBorderRadius: string;
528
500
  px: string;
529
501
  height: string;
530
502
  lh: string;
531
503
  width: string;
532
504
  minWidth: string;
533
505
  fontSize: string;
534
- br: string;
535
506
  };
536
507
  };
537
508
  borderWeight: {
538
509
  light: {
539
510
  bw: string;
511
+ $$buttonBorderWeight: string;
540
512
  };
541
513
  normal: {
542
514
  bw: string;
515
+ $$buttonBorderWeight: string;
543
516
  };
544
517
  bold: {
545
518
  bw: string;
519
+ $$buttonBorderWeight: string;
546
520
  };
547
521
  extrabold: {
548
522
  bw: string;
523
+ $$buttonBorderWeight: string;
549
524
  };
550
525
  black: {
551
526
  bw: string;
527
+ $$buttonBorderWeight: string;
552
528
  };
553
529
  };
554
530
  flat: {
@@ -572,29 +548,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
572
548
  bs: string;
573
549
  };
574
550
  };
575
- disabled: {
576
- true: {
577
- bg: string;
578
- color: string;
579
- cursor: string;
580
- pe: string;
581
- '&:hover': {
582
- opacity: number;
583
- };
584
- };
585
- };
586
- clickable: {
587
- false: {
588
- cursor: string;
589
- pe: string;
590
- };
591
- };
592
551
  animated: {
593
- true: {
594
- '&:active': {
595
- transform: string;
596
- };
597
- };
598
552
  false: {
599
553
  transition: string;
600
554
  };
@@ -607,10 +561,17 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
607
561
  };
608
562
  rounded: {
609
563
  true: {
610
- br: string;
564
+ $$buttonBorderRadius: string;
565
+ };
566
+ };
567
+ isPressed: {
568
+ true: {};
569
+ };
570
+ isHovered: {
571
+ true: {
572
+ opacity: string;
611
573
  };
612
574
  };
613
- opacity?: undefined;
614
575
  transition?: undefined;
615
576
  dflex?: undefined;
616
577
  zIndex?: undefined;
@@ -621,7 +582,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
621
582
  borderWeight: "normal";
622
583
  animated: true;
623
584
  size: "md";
624
- opacity?: undefined;
625
585
  transition?: undefined;
626
586
  dflex?: undefined;
627
587
  zIndex?: undefined;
@@ -632,11 +592,14 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
632
592
  flat?: undefined;
633
593
  light?: undefined;
634
594
  shadow?: undefined;
635
- disabled?: undefined;
636
- clickable?: undefined;
637
595
  auto?: undefined;
638
596
  rounded?: undefined;
597
+ isPressed?: undefined;
598
+ isHovered?: undefined;
639
599
  };
600
+ $$buttonBorderRadius: string;
601
+ $$buttonHoverOpacity: number;
602
+ $$buttonPressedScale: number;
640
603
  dflex: string;
641
604
  appearance: string;
642
605
  boxSizing: string;
@@ -652,9 +615,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
652
615
  cursor: string;
653
616
  pe: string;
654
617
  p: number;
655
- '&:hover': {
656
- opacity: number;
657
- };
618
+ br: string;
658
619
  '@motion': {
659
620
  transition: string;
660
621
  };
@@ -713,70 +674,75 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
713
674
  size: {
714
675
  xs: {
715
676
  $$buttonPadding: string;
677
+ $$buttonBorderRadius: string;
716
678
  px: string;
717
679
  height: string;
718
680
  lh: string;
719
681
  width: string;
720
682
  minWidth: string;
721
683
  fontSize: string;
722
- br: string;
723
684
  };
724
685
  sm: {
725
686
  $$buttonPadding: string;
687
+ $$buttonBorderRadius: string;
726
688
  px: string;
727
689
  height: string;
728
690
  lh: string;
729
691
  width: string;
730
692
  minWidth: string;
731
693
  fontSize: string;
732
- br: string;
733
694
  };
734
695
  md: {
735
696
  $$buttonPadding: string;
697
+ $$buttonBorderRadius: string;
736
698
  px: string;
737
699
  height: string;
738
700
  lh: string;
739
701
  width: string;
740
702
  minWidth: string;
741
703
  fontSize: string;
742
- br: string;
743
704
  };
744
705
  lg: {
745
706
  $$buttonPadding: string;
707
+ $$buttonBorderRadius: string;
746
708
  px: string;
747
709
  height: string;
748
710
  lh: string;
749
711
  width: string;
750
712
  minWidth: string;
751
713
  fontSize: string;
752
- br: string;
753
714
  };
754
715
  xl: {
755
716
  $$buttonPadding: string;
717
+ $$buttonBorderRadius: string;
756
718
  px: string;
757
719
  height: string;
758
720
  lh: string;
759
721
  width: string;
760
722
  minWidth: string;
761
723
  fontSize: string;
762
- br: string;
763
724
  };
764
725
  };
765
726
  borderWeight: {
766
727
  light: {
767
728
  bw: string;
729
+ $$buttonBorderWeight: string;
768
730
  };
769
731
  normal: {
770
732
  bw: string;
733
+ $$buttonBorderWeight: string;
771
734
  };
772
735
  bold: {
773
736
  bw: string;
737
+ $$buttonBorderWeight: string;
774
738
  };
775
739
  extrabold: {
776
740
  bw: string;
741
+ $$buttonBorderWeight: string;
777
742
  };
778
743
  black: {
779
744
  bw: string;
745
+ $$buttonBorderWeight: string;
780
746
  };
781
747
  };
782
748
  flat: {
@@ -800,29 +766,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
800
766
  bs: string;
801
767
  };
802
768
  };
803
- disabled: {
804
- true: {
805
- bg: string;
806
- color: string;
807
- cursor: string;
808
- pe: string;
809
- '&:hover': {
810
- opacity: number;
811
- };
812
- };
813
- };
814
- clickable: {
815
- false: {
816
- cursor: string;
817
- pe: string;
818
- };
819
- };
820
769
  animated: {
821
- true: {
822
- '&:active': {
823
- transform: string;
824
- };
825
- };
826
770
  false: {
827
771
  transition: string;
828
772
  };
@@ -835,17 +779,25 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
835
779
  };
836
780
  rounded: {
837
781
  true: {
838
- br: string;
782
+ $$buttonBorderRadius: string;
783
+ };
784
+ };
785
+ isPressed: {
786
+ true: {};
787
+ };
788
+ isHovered: {
789
+ true: {
790
+ opacity: string;
839
791
  };
840
792
  };
841
793
  };
842
794
  compoundVariants: ({
843
- auto: true;
844
- size: string;
795
+ isPressed: true;
796
+ animated: true;
845
797
  css: {
846
- px: string;
847
- minWidth: string;
848
- '&:active'?: undefined;
798
+ transform: string;
799
+ px?: undefined;
800
+ minWidth?: undefined;
849
801
  normalShadow?: undefined;
850
802
  bg?: undefined;
851
803
  color?: undefined;
@@ -854,30 +806,30 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
854
806
  bgClip?: undefined;
855
807
  backgroundImage?: undefined;
856
808
  border?: undefined;
857
- '&:hover'?: undefined;
858
- py?: undefined;
859
809
  '.nextui-button-text'?: undefined;
810
+ '.nextui-button-icon'?: undefined;
811
+ '.nextui-button-icon-right'?: undefined;
812
+ '.nextui-button-text-left'?: undefined;
813
+ '.nextui-button-text-right'?: undefined;
860
814
  br?: undefined;
861
815
  };
862
- animated?: undefined;
863
- disabled?: undefined;
816
+ auto?: undefined;
817
+ size?: undefined;
864
818
  shadow?: undefined;
865
819
  color?: undefined;
866
820
  light?: undefined;
867
821
  bordered?: undefined;
868
822
  ghost?: undefined;
823
+ isHovered?: undefined;
869
824
  flat?: undefined;
870
- borderWeight?: 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,29 +838,31 @@ 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
- py?: undefined;
891
841
  '.nextui-button-text'?: undefined;
842
+ '.nextui-button-icon'?: undefined;
843
+ '.nextui-button-icon-right'?: undefined;
844
+ '.nextui-button-text-left'?: undefined;
845
+ '.nextui-button-text-right'?: undefined;
892
846
  br?: undefined;
893
847
  };
894
- auto?: undefined;
895
- size?: undefined;
848
+ isPressed?: undefined;
849
+ animated?: undefined;
896
850
  shadow?: undefined;
897
851
  color?: undefined;
898
852
  light?: undefined;
899
853
  bordered?: undefined;
900
854
  ghost?: undefined;
855
+ isHovered?: undefined;
901
856
  flat?: undefined;
902
- borderWeight?: undefined;
903
857
  rounded?: undefined;
904
858
  } | {
905
859
  shadow: true;
906
860
  color: string;
907
861
  css: {
908
862
  normalShadow: string;
863
+ transform?: undefined;
909
864
  px?: undefined;
910
865
  minWidth?: undefined;
911
- '&:active'?: undefined;
912
866
  bg?: undefined;
913
867
  color?: undefined;
914
868
  borderColor?: undefined;
@@ -916,20 +870,22 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
916
870
  bgClip?: undefined;
917
871
  backgroundImage?: undefined;
918
872
  border?: undefined;
919
- '&:hover'?: undefined;
920
- py?: undefined;
921
873
  '.nextui-button-text'?: undefined;
874
+ '.nextui-button-icon'?: undefined;
875
+ '.nextui-button-icon-right'?: undefined;
876
+ '.nextui-button-text-left'?: undefined;
877
+ '.nextui-button-text-right'?: undefined;
922
878
  br?: undefined;
923
879
  };
880
+ isPressed?: undefined;
881
+ animated?: undefined;
924
882
  auto?: undefined;
925
883
  size?: undefined;
926
- animated?: undefined;
927
- disabled?: undefined;
928
884
  light?: undefined;
929
885
  bordered?: undefined;
930
886
  ghost?: undefined;
887
+ isHovered?: undefined;
931
888
  flat?: undefined;
932
- borderWeight?: undefined;
933
889
  rounded?: undefined;
934
890
  } | {
935
891
  light: true;
@@ -937,29 +893,31 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
937
893
  css: {
938
894
  bg: string;
939
895
  color: string;
896
+ transform?: undefined;
940
897
  px?: undefined;
941
898
  minWidth?: undefined;
942
- '&:active'?: undefined;
943
899
  normalShadow?: undefined;
944
900
  borderColor?: undefined;
945
901
  padding?: undefined;
946
902
  bgClip?: undefined;
947
903
  backgroundImage?: undefined;
948
904
  border?: undefined;
949
- '&:hover'?: undefined;
950
- py?: undefined;
951
905
  '.nextui-button-text'?: undefined;
906
+ '.nextui-button-icon'?: undefined;
907
+ '.nextui-button-icon-right'?: undefined;
908
+ '.nextui-button-text-left'?: undefined;
909
+ '.nextui-button-text-right'?: undefined;
952
910
  br?: undefined;
953
911
  };
912
+ isPressed?: undefined;
913
+ animated?: undefined;
954
914
  auto?: undefined;
955
915
  size?: undefined;
956
- animated?: undefined;
957
- disabled?: undefined;
958
916
  shadow?: undefined;
959
917
  bordered?: undefined;
960
918
  ghost?: undefined;
919
+ isHovered?: undefined;
961
920
  flat?: undefined;
962
- borderWeight?: undefined;
963
921
  rounded?: undefined;
964
922
  } | {
965
923
  bordered: true;
@@ -973,28 +931,30 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
973
931
  bg: string;
974
932
  borderColor: string;
975
933
  color: string;
934
+ transform?: undefined;
976
935
  px?: undefined;
977
936
  minWidth?: undefined;
978
- '&:active'?: undefined;
979
937
  normalShadow?: undefined;
980
938
  padding?: undefined;
981
939
  bgClip?: undefined;
982
940
  backgroundImage?: undefined;
983
941
  border?: undefined;
984
- '&:hover'?: undefined;
985
- py?: undefined;
986
942
  '.nextui-button-text'?: undefined;
943
+ '.nextui-button-icon'?: undefined;
944
+ '.nextui-button-icon-right'?: undefined;
945
+ '.nextui-button-text-left'?: undefined;
946
+ '.nextui-button-text-right'?: undefined;
987
947
  br?: undefined;
988
948
  };
949
+ isPressed?: undefined;
950
+ animated?: undefined;
989
951
  auto?: undefined;
990
952
  size?: undefined;
991
- animated?: undefined;
992
- disabled?: undefined;
993
953
  shadow?: undefined;
994
954
  light?: undefined;
995
955
  ghost?: undefined;
956
+ isHovered?: undefined;
996
957
  flat?: undefined;
997
- borderWeight?: undefined;
998
958
  rounded?: undefined;
999
959
  } | {
1000
960
  bordered: true;
@@ -1012,56 +972,58 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1012
972
  borderColor: string;
1013
973
  backgroundImage: string;
1014
974
  border: string;
975
+ transform?: undefined;
1015
976
  px?: undefined;
1016
977
  minWidth?: undefined;
1017
- '&:active'?: undefined;
1018
978
  normalShadow?: undefined;
1019
- '&:hover'?: undefined;
1020
- py?: undefined;
1021
979
  '.nextui-button-text'?: undefined;
980
+ '.nextui-button-icon'?: undefined;
981
+ '.nextui-button-icon-right'?: undefined;
982
+ '.nextui-button-text-left'?: undefined;
983
+ '.nextui-button-text-right'?: undefined;
1022
984
  br?: undefined;
1023
985
  };
986
+ isPressed?: undefined;
987
+ animated?: undefined;
1024
988
  auto?: undefined;
1025
989
  size?: undefined;
1026
- animated?: undefined;
1027
- disabled?: undefined;
1028
990
  shadow?: undefined;
1029
991
  light?: undefined;
1030
992
  ghost?: undefined;
993
+ isHovered?: undefined;
1031
994
  flat?: undefined;
1032
- borderWeight?: undefined;
1033
995
  rounded?: undefined;
1034
996
  } | {
1035
997
  ghost: true;
998
+ isHovered: true;
1036
999
  color: string;
1037
1000
  css: {
1038
- '&:hover': {
1039
- bg: string;
1040
- };
1001
+ bg: string;
1002
+ transform?: undefined;
1041
1003
  px?: undefined;
1042
1004
  minWidth?: undefined;
1043
- '&:active'?: undefined;
1044
1005
  normalShadow?: undefined;
1045
- bg?: undefined;
1046
1006
  color?: undefined;
1047
1007
  borderColor?: undefined;
1048
1008
  padding?: undefined;
1049
1009
  bgClip?: undefined;
1050
1010
  backgroundImage?: undefined;
1051
1011
  border?: undefined;
1052
- py?: undefined;
1053
1012
  '.nextui-button-text'?: undefined;
1013
+ '.nextui-button-icon'?: undefined;
1014
+ '.nextui-button-icon-right'?: undefined;
1015
+ '.nextui-button-text-left'?: undefined;
1016
+ '.nextui-button-text-right'?: undefined;
1054
1017
  br?: undefined;
1055
1018
  };
1019
+ isPressed?: undefined;
1020
+ animated?: undefined;
1056
1021
  auto?: undefined;
1057
1022
  size?: undefined;
1058
- animated?: undefined;
1059
- disabled?: undefined;
1060
1023
  shadow?: undefined;
1061
1024
  light?: undefined;
1062
1025
  bordered?: undefined;
1063
1026
  flat?: undefined;
1064
- borderWeight?: undefined;
1065
1027
  rounded?: undefined;
1066
1028
  } | {
1067
1029
  flat: true;
@@ -1075,73 +1037,55 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1075
1037
  };
1076
1038
  bg: string;
1077
1039
  color: string;
1040
+ transform?: undefined;
1078
1041
  px?: undefined;
1079
1042
  minWidth?: undefined;
1080
- '&:active'?: undefined;
1081
1043
  normalShadow?: undefined;
1082
1044
  borderColor?: undefined;
1083
1045
  padding?: undefined;
1084
1046
  bgClip?: undefined;
1085
1047
  backgroundImage?: undefined;
1086
1048
  border?: undefined;
1087
- '&:hover'?: undefined;
1088
- py?: undefined;
1089
1049
  '.nextui-button-text'?: undefined;
1050
+ '.nextui-button-icon'?: undefined;
1051
+ '.nextui-button-icon-right'?: undefined;
1052
+ '.nextui-button-text-left'?: undefined;
1053
+ '.nextui-button-text-right'?: undefined;
1090
1054
  br?: undefined;
1091
1055
  };
1092
- auto?: undefined;
1093
- size?: undefined;
1056
+ isPressed?: undefined;
1094
1057
  animated?: undefined;
1095
- disabled?: undefined;
1096
- shadow?: undefined;
1097
- light?: undefined;
1098
- bordered?: undefined;
1099
- 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
1058
  auto?: undefined;
1124
1059
  size?: undefined;
1125
- animated?: undefined;
1126
- disabled?: undefined;
1127
1060
  shadow?: undefined;
1128
1061
  light?: undefined;
1062
+ bordered?: undefined;
1129
1063
  ghost?: undefined;
1130
- flat?: undefined;
1064
+ isHovered?: undefined;
1131
1065
  rounded?: undefined;
1132
1066
  } | {
1133
1067
  auto: true;
1134
1068
  color: string;
1135
1069
  bordered: true;
1136
- size: string;
1137
1070
  css: {
1138
- px: string;
1139
- py: string;
1140
1071
  '.nextui-button-text': {
1141
1072
  px: string;
1142
1073
  };
1074
+ '.nextui-button-icon': {
1075
+ ml: string;
1076
+ };
1077
+ '.nextui-button-icon-right': {
1078
+ mr: string;
1079
+ };
1080
+ '.nextui-button-text-left': {
1081
+ pl: number;
1082
+ };
1083
+ '.nextui-button-text-right': {
1084
+ pr: number;
1085
+ };
1086
+ transform?: undefined;
1087
+ px?: undefined;
1143
1088
  minWidth?: undefined;
1144
- '&:active'?: undefined;
1145
1089
  normalShadow?: undefined;
1146
1090
  bg?: undefined;
1147
1091
  color?: undefined;
@@ -1150,25 +1094,25 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1150
1094
  bgClip?: undefined;
1151
1095
  backgroundImage?: undefined;
1152
1096
  border?: undefined;
1153
- '&:hover'?: undefined;
1154
1097
  br?: undefined;
1155
1098
  };
1099
+ isPressed?: undefined;
1156
1100
  animated?: undefined;
1157
- disabled?: undefined;
1101
+ size?: undefined;
1158
1102
  shadow?: undefined;
1159
1103
  light?: undefined;
1160
1104
  ghost?: undefined;
1105
+ isHovered?: undefined;
1161
1106
  flat?: undefined;
1162
- borderWeight?: undefined;
1163
1107
  rounded?: undefined;
1164
1108
  } | {
1165
1109
  rounded: true;
1166
1110
  size: string;
1167
1111
  css: {
1168
1112
  br: string;
1113
+ transform?: undefined;
1169
1114
  px?: undefined;
1170
1115
  minWidth?: undefined;
1171
- '&:active'?: undefined;
1172
1116
  normalShadow?: undefined;
1173
1117
  bg?: undefined;
1174
1118
  color?: undefined;
@@ -1177,20 +1121,22 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1177
1121
  bgClip?: undefined;
1178
1122
  backgroundImage?: undefined;
1179
1123
  border?: undefined;
1180
- '&:hover'?: undefined;
1181
- py?: undefined;
1182
1124
  '.nextui-button-text'?: undefined;
1125
+ '.nextui-button-icon'?: undefined;
1126
+ '.nextui-button-icon-right'?: undefined;
1127
+ '.nextui-button-text-left'?: undefined;
1128
+ '.nextui-button-text-right'?: undefined;
1183
1129
  };
1184
- auto?: undefined;
1130
+ isPressed?: undefined;
1185
1131
  animated?: undefined;
1186
- disabled?: undefined;
1132
+ auto?: undefined;
1187
1133
  shadow?: undefined;
1188
1134
  color?: undefined;
1189
1135
  light?: undefined;
1190
1136
  bordered?: undefined;
1191
1137
  ghost?: undefined;
1138
+ isHovered?: undefined;
1192
1139
  flat?: undefined;
1193
- borderWeight?: undefined;
1194
1140
  })[];
1195
1141
  defaultVariants: {
1196
1142
  color: "default";
@@ -1464,6 +1410,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
1464
1410
  };
1465
1411
  transitions: {
1466
1412
  default: string;
1413
+ button: string;
1467
1414
  };
1468
1415
  breakpoints: {
1469
1416
  xs: string;
@@ -2394,6 +2341,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
2394
2341
  };
2395
2342
  transitions: {
2396
2343
  default: string;
2344
+ button: string;
2397
2345
  };
2398
2346
  breakpoints: {
2399
2347
  xs: string;