@particle-network/ui-react 0.5.1-beta.4 → 0.5.1-beta.6

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 (57) hide show
  1. package/dist/components/ProgressWrapper/index.d.ts +2 -2
  2. package/dist/components/UXButton/button.js +1 -1
  3. package/dist/components/UXChip/chip.extend.d.ts +2 -1
  4. package/dist/components/UXChip/index.d.ts +1 -1
  5. package/dist/components/UXColorPicker/color-picker.js +1 -1
  6. package/dist/components/UXColorPicker/types.d.ts +1 -1
  7. package/dist/components/UXInput/index.d.ts +4 -4
  8. package/dist/components/UXInput/input.extend.d.ts +4 -4
  9. package/dist/components/UXSpinner/spinner.d.ts +1 -5
  10. package/dist/components/UXSpinner/spinner.js +2 -3
  11. package/dist/components/UXSwitch/index.d.ts +2 -2
  12. package/dist/components/UXSwitch/switch.extend.d.ts +2 -2
  13. package/dist/components/UXTable/index.d.ts +2 -2
  14. package/dist/components/UXTable/table.extend.d.ts +2 -2
  15. package/dist/components/UXThemeSwitch/constants.d.ts +9 -0
  16. package/dist/components/UXThemeSwitch/constants.js +3 -0
  17. package/dist/components/UXThemeSwitch/custom-theme-config.js +52 -15
  18. package/dist/components/UXThemeSwitch/theme-item.js +47 -11
  19. package/dist/components/UXThemeSwitch/theme-switch.js +6 -5
  20. package/dist/components/UXThemeSwitch/use-theme-color.d.ts +1 -22
  21. package/dist/components/UXThemeSwitch/use-theme-color.js +1 -9
  22. package/dist/components/UXThemeSwitch/use-theme-store.d.ts +5 -0
  23. package/dist/components/UXThemeSwitch/use-theme-store.js +9 -4
  24. package/dist/components/UXThemeSwitch/use-theme.d.ts +2 -0
  25. package/dist/components/UXThemeSwitch/use-theme.js +5 -76
  26. package/dist/components/UXThemeSwitch/utils.d.ts +28 -0
  27. package/dist/components/UXThemeSwitch/utils.js +202 -0
  28. package/dist/components/layout/Box/box-theme.d.ts +1808 -0
  29. package/dist/components/layout/Box/box-theme.js +328 -0
  30. package/dist/components/layout/Box/box.d.ts +14 -0
  31. package/dist/components/layout/Box/box.js +90 -0
  32. package/dist/components/layout/Circle.js +2 -3
  33. package/dist/components/layout/Flex.d.ts +3 -27
  34. package/dist/components/layout/Flex.js +6 -19
  35. package/dist/components/layout/HStack.d.ts +1 -1
  36. package/dist/components/layout/Square.js +5 -3
  37. package/dist/components/layout/VStack.d.ts +1 -1
  38. package/dist/components/layout/VStack.js +2 -2
  39. package/dist/components/layout/index.d.ts +1 -0
  40. package/dist/components/layout/index.js +1 -0
  41. package/dist/components/typography/Text.js +21 -6
  42. package/dist/components/typography/Text.type.d.ts +3 -26
  43. package/dist/components/typography/Text.type.js +0 -47
  44. package/dist/components/typography/text-theme.d.ts +178 -0
  45. package/dist/components/typography/text-theme.js +79 -0
  46. package/dist/heroui/constants.d.ts +18 -0
  47. package/dist/heroui/constants.js +98 -0
  48. package/dist/heroui/types.d.ts +91 -0
  49. package/dist/heroui/types.js +0 -0
  50. package/dist/heroui/utils/colors.d.ts +34 -0
  51. package/dist/heroui/utils/colors.js +121 -0
  52. package/dist/heroui/utils/object.d.ts +1 -0
  53. package/dist/heroui/utils/object.js +17 -0
  54. package/dist/hooks/useI18n.d.ts +54 -38
  55. package/dist/hooks/useI18n.js +54 -38
  56. package/package.json +4 -3
  57. package/tailwind-preset.js +22 -69
@@ -0,0 +1,1808 @@
1
+ import type { VariantProps } from '@heroui/theme';
2
+ export type Sizing = 'auto' | 'px' | 'full' | 'screen' | 'dvw' | 'dvh' | 'lvw' | 'lvh' | 'svw' | 'svh' | 'min' | 'max' | 'fit';
3
+ export declare const sizingPresets: Sizing[];
4
+ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
5
+ position: {
6
+ static: string;
7
+ relative: string;
8
+ absolute: string;
9
+ fixed: string;
10
+ sticky: string;
11
+ };
12
+ display: {
13
+ flex: string;
14
+ inlineFlex: string;
15
+ block: string;
16
+ hidden: string;
17
+ grid: string;
18
+ inlineGrid: string;
19
+ };
20
+ aspect: {
21
+ square: string;
22
+ video: string;
23
+ auto: string;
24
+ };
25
+ overflow: {
26
+ visible: string;
27
+ hidden: string;
28
+ clip: string;
29
+ scroll: string;
30
+ auto: string;
31
+ };
32
+ zIndex: {
33
+ auto: string;
34
+ '0': string;
35
+ '10': string;
36
+ '20': string;
37
+ '30': string;
38
+ '40': string;
39
+ '50': string;
40
+ '60': string;
41
+ '70': string;
42
+ '80': string;
43
+ '90': string;
44
+ '100': string;
45
+ };
46
+ direction: {
47
+ row: string;
48
+ column: string;
49
+ 'row-reverse': string;
50
+ 'col-reverse': string;
51
+ };
52
+ items: {
53
+ start: string;
54
+ center: string;
55
+ end: string;
56
+ baseline: string;
57
+ stretch: string;
58
+ normal: string;
59
+ };
60
+ justify: {
61
+ start: string;
62
+ center: string;
63
+ end: string;
64
+ between: string;
65
+ around: string;
66
+ evenly: string;
67
+ stretch: string;
68
+ baseline: string;
69
+ normal: string;
70
+ };
71
+ gap: {
72
+ px: string;
73
+ 0: string;
74
+ 1: string;
75
+ 2: string;
76
+ 3: string;
77
+ 4: string;
78
+ 5: string;
79
+ 6: string;
80
+ 7: string;
81
+ 8: string;
82
+ 9: string;
83
+ 10: string;
84
+ xs: string;
85
+ sm: string;
86
+ md: string;
87
+ lg: string;
88
+ };
89
+ wrap: {
90
+ true: string;
91
+ wrap: string;
92
+ nowrap: string;
93
+ 'wrap-reverse': string;
94
+ };
95
+ self: {
96
+ auto: string;
97
+ start: string;
98
+ end: string;
99
+ center: string;
100
+ stretch: string;
101
+ baseline: string;
102
+ normal: string;
103
+ };
104
+ grow: {
105
+ true: string;
106
+ 0: string;
107
+ 1: string;
108
+ 2: string;
109
+ 3: string;
110
+ };
111
+ shrink: {
112
+ true: string;
113
+ 0: string;
114
+ 1: string;
115
+ 2: string;
116
+ 3: string;
117
+ };
118
+ order: {
119
+ first: string;
120
+ last: string;
121
+ none: string;
122
+ 0: string;
123
+ 1: string;
124
+ 2: string;
125
+ 3: string;
126
+ 4: string;
127
+ 5: string;
128
+ 6: string;
129
+ 7: string;
130
+ 8: string;
131
+ 9: string;
132
+ 10: string;
133
+ };
134
+ fill: {
135
+ true: string;
136
+ };
137
+ vertical: {
138
+ true: string;
139
+ };
140
+ horizontal: {
141
+ true: string;
142
+ };
143
+ center: {
144
+ true: string;
145
+ };
146
+ p: {
147
+ px: string;
148
+ 0: string;
149
+ 1: string;
150
+ 2: string;
151
+ 3: string;
152
+ 4: string;
153
+ 5: string;
154
+ 6: string;
155
+ 7: string;
156
+ 8: string;
157
+ 9: string;
158
+ 10: string;
159
+ xs: string;
160
+ sm: string;
161
+ md: string;
162
+ lg: string;
163
+ };
164
+ pt: {
165
+ px: string;
166
+ 0: string;
167
+ 1: string;
168
+ 2: string;
169
+ 3: string;
170
+ 4: string;
171
+ 5: string;
172
+ 6: string;
173
+ 7: string;
174
+ 8: string;
175
+ 9: string;
176
+ 10: string;
177
+ xs: string;
178
+ sm: string;
179
+ md: string;
180
+ lg: string;
181
+ };
182
+ pr: {
183
+ px: string;
184
+ 0: string;
185
+ 1: string;
186
+ 2: string;
187
+ 3: string;
188
+ 4: string;
189
+ 5: string;
190
+ 6: string;
191
+ 7: string;
192
+ 8: string;
193
+ 9: string;
194
+ 10: string;
195
+ xs: string;
196
+ sm: string;
197
+ md: string;
198
+ lg: string;
199
+ };
200
+ pb: {
201
+ px: string;
202
+ 0: string;
203
+ 1: string;
204
+ 2: string;
205
+ 3: string;
206
+ 4: string;
207
+ 5: string;
208
+ 6: string;
209
+ 7: string;
210
+ 8: string;
211
+ 9: string;
212
+ 10: string;
213
+ xs: string;
214
+ sm: string;
215
+ md: string;
216
+ lg: string;
217
+ };
218
+ pl: {
219
+ px: string;
220
+ 0: string;
221
+ 1: string;
222
+ 2: string;
223
+ 3: string;
224
+ 4: string;
225
+ 5: string;
226
+ 6: string;
227
+ 7: string;
228
+ 8: string;
229
+ 9: string;
230
+ 10: string;
231
+ xs: string;
232
+ sm: string;
233
+ md: string;
234
+ lg: string;
235
+ };
236
+ ps: {
237
+ px: string;
238
+ 0: string;
239
+ 1: string;
240
+ 2: string;
241
+ 3: string;
242
+ 4: string;
243
+ 5: string;
244
+ 6: string;
245
+ 7: string;
246
+ 8: string;
247
+ 9: string;
248
+ 10: string;
249
+ xs: string;
250
+ sm: string;
251
+ md: string;
252
+ lg: string;
253
+ };
254
+ pe: {
255
+ px: string;
256
+ 0: string;
257
+ 1: string;
258
+ 2: string;
259
+ 3: string;
260
+ 4: string;
261
+ 5: string;
262
+ 6: string;
263
+ 7: string;
264
+ 8: string;
265
+ 9: string;
266
+ 10: string;
267
+ xs: string;
268
+ sm: string;
269
+ md: string;
270
+ lg: string;
271
+ };
272
+ px: {
273
+ px: string;
274
+ 0: string;
275
+ 1: string;
276
+ 2: string;
277
+ 3: string;
278
+ 4: string;
279
+ 5: string;
280
+ 6: string;
281
+ 7: string;
282
+ 8: string;
283
+ 9: string;
284
+ 10: string;
285
+ xs: string;
286
+ sm: string;
287
+ md: string;
288
+ lg: string;
289
+ };
290
+ py: {
291
+ px: string;
292
+ 0: string;
293
+ 1: string;
294
+ 2: string;
295
+ 3: string;
296
+ 4: string;
297
+ 5: string;
298
+ 6: string;
299
+ 7: string;
300
+ 8: string;
301
+ 9: string;
302
+ 10: string;
303
+ xs: string;
304
+ sm: string;
305
+ md: string;
306
+ lg: string;
307
+ };
308
+ m: {
309
+ px: string;
310
+ 0: string;
311
+ 1: string;
312
+ 2: string;
313
+ 3: string;
314
+ 4: string;
315
+ 5: string;
316
+ 6: string;
317
+ 7: string;
318
+ 8: string;
319
+ 9: string;
320
+ 10: string;
321
+ xs: string;
322
+ sm: string;
323
+ md: string;
324
+ lg: string;
325
+ };
326
+ mt: {
327
+ px: string;
328
+ 0: string;
329
+ 1: string;
330
+ 2: string;
331
+ 3: string;
332
+ 4: string;
333
+ 5: string;
334
+ 6: string;
335
+ 7: string;
336
+ 8: string;
337
+ 9: string;
338
+ 10: string;
339
+ xs: string;
340
+ sm: string;
341
+ md: string;
342
+ lg: string;
343
+ };
344
+ mr: {
345
+ px: string;
346
+ 0: string;
347
+ 1: string;
348
+ 2: string;
349
+ 3: string;
350
+ 4: string;
351
+ 5: string;
352
+ 6: string;
353
+ 7: string;
354
+ 8: string;
355
+ 9: string;
356
+ 10: string;
357
+ xs: string;
358
+ sm: string;
359
+ md: string;
360
+ lg: string;
361
+ };
362
+ mb: {
363
+ px: string;
364
+ 0: string;
365
+ 1: string;
366
+ 2: string;
367
+ 3: string;
368
+ 4: string;
369
+ 5: string;
370
+ 6: string;
371
+ 7: string;
372
+ 8: string;
373
+ 9: string;
374
+ 10: string;
375
+ xs: string;
376
+ sm: string;
377
+ md: string;
378
+ lg: string;
379
+ };
380
+ ml: {
381
+ px: string;
382
+ 0: string;
383
+ 1: string;
384
+ 2: string;
385
+ 3: string;
386
+ 4: string;
387
+ 5: string;
388
+ 6: string;
389
+ 7: string;
390
+ 8: string;
391
+ 9: string;
392
+ 10: string;
393
+ xs: string;
394
+ sm: string;
395
+ md: string;
396
+ lg: string;
397
+ };
398
+ ms: {
399
+ px: string;
400
+ 0: string;
401
+ 1: string;
402
+ 2: string;
403
+ 3: string;
404
+ 4: string;
405
+ 5: string;
406
+ 6: string;
407
+ 7: string;
408
+ 8: string;
409
+ 9: string;
410
+ 10: string;
411
+ xs: string;
412
+ sm: string;
413
+ md: string;
414
+ lg: string;
415
+ };
416
+ me: {
417
+ px: string;
418
+ 0: string;
419
+ 1: string;
420
+ 2: string;
421
+ 3: string;
422
+ 4: string;
423
+ 5: string;
424
+ 6: string;
425
+ 7: string;
426
+ 8: string;
427
+ 9: string;
428
+ 10: string;
429
+ xs: string;
430
+ sm: string;
431
+ md: string;
432
+ lg: string;
433
+ };
434
+ mx: {
435
+ px: string;
436
+ 0: string;
437
+ 1: string;
438
+ 2: string;
439
+ 3: string;
440
+ 4: string;
441
+ 5: string;
442
+ 6: string;
443
+ 7: string;
444
+ 8: string;
445
+ 9: string;
446
+ 10: string;
447
+ xs: string;
448
+ sm: string;
449
+ md: string;
450
+ lg: string;
451
+ };
452
+ my: {
453
+ px: string;
454
+ 0: string;
455
+ 1: string;
456
+ 2: string;
457
+ 3: string;
458
+ 4: string;
459
+ 5: string;
460
+ 6: string;
461
+ 7: string;
462
+ 8: string;
463
+ 9: string;
464
+ 10: string;
465
+ xs: string;
466
+ sm: string;
467
+ md: string;
468
+ lg: string;
469
+ };
470
+ w: Record<Sizing, string>;
471
+ h: Record<Sizing, string>;
472
+ minW: Record<Sizing, string>;
473
+ maxW: Record<Sizing, string>;
474
+ minH: Record<Sizing, string>;
475
+ maxH: Record<Sizing, string>;
476
+ fullWidth: {
477
+ true: string;
478
+ };
479
+ fullHeight: {
480
+ true: string;
481
+ };
482
+ bg: {
483
+ current: string;
484
+ transparent: string;
485
+ default: string;
486
+ pure: string;
487
+ bg100: string;
488
+ bg200: string;
489
+ bg300: string;
490
+ bg400: string;
491
+ overlay: string;
492
+ divider: string;
493
+ foreground: string;
494
+ secondary: string;
495
+ tertiary: string;
496
+ primary: string;
497
+ success: string;
498
+ warning: string;
499
+ danger: string;
500
+ alert: string;
501
+ bullish: string;
502
+ bearish: string;
503
+ };
504
+ opacity: {
505
+ disabled: string;
506
+ hover: string;
507
+ };
508
+ shadow: {
509
+ true: string;
510
+ box: string;
511
+ none: string;
512
+ sm: string;
513
+ md: string;
514
+ lg: string;
515
+ xl: string;
516
+ };
517
+ rounded: {
518
+ none: string;
519
+ sm: string;
520
+ md: string;
521
+ lg: string;
522
+ xl: string;
523
+ small: string;
524
+ medium: string;
525
+ large: string;
526
+ full: string;
527
+ };
528
+ radius: {
529
+ none: string;
530
+ sm: string;
531
+ md: string;
532
+ lg: string;
533
+ xl: string;
534
+ small: string;
535
+ medium: string;
536
+ large: string;
537
+ full: string;
538
+ };
539
+ borderStyle: {
540
+ solid: string;
541
+ dashed: string;
542
+ dotted: string;
543
+ double: string;
544
+ };
545
+ borderColor: {
546
+ transparent: string;
547
+ divider: string;
548
+ foreground: string;
549
+ secondary: string;
550
+ tertiary: string;
551
+ primary: string;
552
+ success: string;
553
+ warning: string;
554
+ danger: string;
555
+ alert: string;
556
+ bullish: string;
557
+ bearish: string;
558
+ };
559
+ borderWidth: {
560
+ none: string;
561
+ '0.5': string;
562
+ '1': string;
563
+ '1.5': string;
564
+ '2': string;
565
+ };
566
+ cursor: {
567
+ auto: string;
568
+ default: string;
569
+ pointer: string;
570
+ wait: string;
571
+ help: string;
572
+ notAllowed: string;
573
+ };
574
+ color: {
575
+ current: string;
576
+ transparent: string;
577
+ divider: string;
578
+ foreground: string;
579
+ secondary: string;
580
+ tertiary: string;
581
+ primary: string;
582
+ success: string;
583
+ warning: string;
584
+ danger: string;
585
+ alert: string;
586
+ bullish: string;
587
+ bearish: string;
588
+ };
589
+ fontWeight: {
590
+ normal: string;
591
+ medium: string;
592
+ semibold: string;
593
+ bold: string;
594
+ extrabold: string;
595
+ };
596
+ lineHeight: {
597
+ '1': string;
598
+ '1.4': string;
599
+ };
600
+ textAlign: {
601
+ left: string;
602
+ center: string;
603
+ right: string;
604
+ };
605
+ }, undefined, "ux-box", {
606
+ position: {
607
+ static: string;
608
+ relative: string;
609
+ absolute: string;
610
+ fixed: string;
611
+ sticky: string;
612
+ };
613
+ display: {
614
+ flex: string;
615
+ inlineFlex: string;
616
+ block: string;
617
+ hidden: string;
618
+ grid: string;
619
+ inlineGrid: string;
620
+ };
621
+ aspect: {
622
+ square: string;
623
+ video: string;
624
+ auto: string;
625
+ };
626
+ overflow: {
627
+ visible: string;
628
+ hidden: string;
629
+ clip: string;
630
+ scroll: string;
631
+ auto: string;
632
+ };
633
+ zIndex: {
634
+ auto: string;
635
+ '0': string;
636
+ '10': string;
637
+ '20': string;
638
+ '30': string;
639
+ '40': string;
640
+ '50': string;
641
+ '60': string;
642
+ '70': string;
643
+ '80': string;
644
+ '90': string;
645
+ '100': string;
646
+ };
647
+ direction: {
648
+ row: string;
649
+ column: string;
650
+ 'row-reverse': string;
651
+ 'col-reverse': string;
652
+ };
653
+ items: {
654
+ start: string;
655
+ center: string;
656
+ end: string;
657
+ baseline: string;
658
+ stretch: string;
659
+ normal: string;
660
+ };
661
+ justify: {
662
+ start: string;
663
+ center: string;
664
+ end: string;
665
+ between: string;
666
+ around: string;
667
+ evenly: string;
668
+ stretch: string;
669
+ baseline: string;
670
+ normal: string;
671
+ };
672
+ gap: {
673
+ px: string;
674
+ 0: string;
675
+ 1: string;
676
+ 2: string;
677
+ 3: string;
678
+ 4: string;
679
+ 5: string;
680
+ 6: string;
681
+ 7: string;
682
+ 8: string;
683
+ 9: string;
684
+ 10: string;
685
+ xs: string;
686
+ sm: string;
687
+ md: string;
688
+ lg: string;
689
+ };
690
+ wrap: {
691
+ true: string;
692
+ wrap: string;
693
+ nowrap: string;
694
+ 'wrap-reverse': string;
695
+ };
696
+ self: {
697
+ auto: string;
698
+ start: string;
699
+ end: string;
700
+ center: string;
701
+ stretch: string;
702
+ baseline: string;
703
+ normal: string;
704
+ };
705
+ grow: {
706
+ true: string;
707
+ 0: string;
708
+ 1: string;
709
+ 2: string;
710
+ 3: string;
711
+ };
712
+ shrink: {
713
+ true: string;
714
+ 0: string;
715
+ 1: string;
716
+ 2: string;
717
+ 3: string;
718
+ };
719
+ order: {
720
+ first: string;
721
+ last: string;
722
+ none: string;
723
+ 0: string;
724
+ 1: string;
725
+ 2: string;
726
+ 3: string;
727
+ 4: string;
728
+ 5: string;
729
+ 6: string;
730
+ 7: string;
731
+ 8: string;
732
+ 9: string;
733
+ 10: string;
734
+ };
735
+ fill: {
736
+ true: string;
737
+ };
738
+ vertical: {
739
+ true: string;
740
+ };
741
+ horizontal: {
742
+ true: string;
743
+ };
744
+ center: {
745
+ true: string;
746
+ };
747
+ p: {
748
+ px: string;
749
+ 0: string;
750
+ 1: string;
751
+ 2: string;
752
+ 3: string;
753
+ 4: string;
754
+ 5: string;
755
+ 6: string;
756
+ 7: string;
757
+ 8: string;
758
+ 9: string;
759
+ 10: string;
760
+ xs: string;
761
+ sm: string;
762
+ md: string;
763
+ lg: string;
764
+ };
765
+ pt: {
766
+ px: string;
767
+ 0: string;
768
+ 1: string;
769
+ 2: string;
770
+ 3: string;
771
+ 4: string;
772
+ 5: string;
773
+ 6: string;
774
+ 7: string;
775
+ 8: string;
776
+ 9: string;
777
+ 10: string;
778
+ xs: string;
779
+ sm: string;
780
+ md: string;
781
+ lg: string;
782
+ };
783
+ pr: {
784
+ px: string;
785
+ 0: string;
786
+ 1: string;
787
+ 2: string;
788
+ 3: string;
789
+ 4: string;
790
+ 5: string;
791
+ 6: string;
792
+ 7: string;
793
+ 8: string;
794
+ 9: string;
795
+ 10: string;
796
+ xs: string;
797
+ sm: string;
798
+ md: string;
799
+ lg: string;
800
+ };
801
+ pb: {
802
+ px: string;
803
+ 0: string;
804
+ 1: string;
805
+ 2: string;
806
+ 3: string;
807
+ 4: string;
808
+ 5: string;
809
+ 6: string;
810
+ 7: string;
811
+ 8: string;
812
+ 9: string;
813
+ 10: string;
814
+ xs: string;
815
+ sm: string;
816
+ md: string;
817
+ lg: string;
818
+ };
819
+ pl: {
820
+ px: string;
821
+ 0: string;
822
+ 1: string;
823
+ 2: string;
824
+ 3: string;
825
+ 4: string;
826
+ 5: string;
827
+ 6: string;
828
+ 7: string;
829
+ 8: string;
830
+ 9: string;
831
+ 10: string;
832
+ xs: string;
833
+ sm: string;
834
+ md: string;
835
+ lg: string;
836
+ };
837
+ ps: {
838
+ px: string;
839
+ 0: string;
840
+ 1: string;
841
+ 2: string;
842
+ 3: string;
843
+ 4: string;
844
+ 5: string;
845
+ 6: string;
846
+ 7: string;
847
+ 8: string;
848
+ 9: string;
849
+ 10: string;
850
+ xs: string;
851
+ sm: string;
852
+ md: string;
853
+ lg: string;
854
+ };
855
+ pe: {
856
+ px: string;
857
+ 0: string;
858
+ 1: string;
859
+ 2: string;
860
+ 3: string;
861
+ 4: string;
862
+ 5: string;
863
+ 6: string;
864
+ 7: string;
865
+ 8: string;
866
+ 9: string;
867
+ 10: string;
868
+ xs: string;
869
+ sm: string;
870
+ md: string;
871
+ lg: string;
872
+ };
873
+ px: {
874
+ px: string;
875
+ 0: string;
876
+ 1: string;
877
+ 2: string;
878
+ 3: string;
879
+ 4: string;
880
+ 5: string;
881
+ 6: string;
882
+ 7: string;
883
+ 8: string;
884
+ 9: string;
885
+ 10: string;
886
+ xs: string;
887
+ sm: string;
888
+ md: string;
889
+ lg: string;
890
+ };
891
+ py: {
892
+ px: string;
893
+ 0: string;
894
+ 1: string;
895
+ 2: string;
896
+ 3: string;
897
+ 4: string;
898
+ 5: string;
899
+ 6: string;
900
+ 7: string;
901
+ 8: string;
902
+ 9: string;
903
+ 10: string;
904
+ xs: string;
905
+ sm: string;
906
+ md: string;
907
+ lg: string;
908
+ };
909
+ m: {
910
+ px: string;
911
+ 0: string;
912
+ 1: string;
913
+ 2: string;
914
+ 3: string;
915
+ 4: string;
916
+ 5: string;
917
+ 6: string;
918
+ 7: string;
919
+ 8: string;
920
+ 9: string;
921
+ 10: string;
922
+ xs: string;
923
+ sm: string;
924
+ md: string;
925
+ lg: string;
926
+ };
927
+ mt: {
928
+ px: string;
929
+ 0: string;
930
+ 1: string;
931
+ 2: string;
932
+ 3: string;
933
+ 4: string;
934
+ 5: string;
935
+ 6: string;
936
+ 7: string;
937
+ 8: string;
938
+ 9: string;
939
+ 10: string;
940
+ xs: string;
941
+ sm: string;
942
+ md: string;
943
+ lg: string;
944
+ };
945
+ mr: {
946
+ px: string;
947
+ 0: string;
948
+ 1: string;
949
+ 2: string;
950
+ 3: string;
951
+ 4: string;
952
+ 5: string;
953
+ 6: string;
954
+ 7: string;
955
+ 8: string;
956
+ 9: string;
957
+ 10: string;
958
+ xs: string;
959
+ sm: string;
960
+ md: string;
961
+ lg: string;
962
+ };
963
+ mb: {
964
+ px: string;
965
+ 0: string;
966
+ 1: string;
967
+ 2: string;
968
+ 3: string;
969
+ 4: string;
970
+ 5: string;
971
+ 6: string;
972
+ 7: string;
973
+ 8: string;
974
+ 9: string;
975
+ 10: string;
976
+ xs: string;
977
+ sm: string;
978
+ md: string;
979
+ lg: string;
980
+ };
981
+ ml: {
982
+ px: string;
983
+ 0: string;
984
+ 1: string;
985
+ 2: string;
986
+ 3: string;
987
+ 4: string;
988
+ 5: string;
989
+ 6: string;
990
+ 7: string;
991
+ 8: string;
992
+ 9: string;
993
+ 10: string;
994
+ xs: string;
995
+ sm: string;
996
+ md: string;
997
+ lg: string;
998
+ };
999
+ ms: {
1000
+ px: string;
1001
+ 0: string;
1002
+ 1: string;
1003
+ 2: string;
1004
+ 3: string;
1005
+ 4: string;
1006
+ 5: string;
1007
+ 6: string;
1008
+ 7: string;
1009
+ 8: string;
1010
+ 9: string;
1011
+ 10: string;
1012
+ xs: string;
1013
+ sm: string;
1014
+ md: string;
1015
+ lg: string;
1016
+ };
1017
+ me: {
1018
+ px: string;
1019
+ 0: string;
1020
+ 1: string;
1021
+ 2: string;
1022
+ 3: string;
1023
+ 4: string;
1024
+ 5: string;
1025
+ 6: string;
1026
+ 7: string;
1027
+ 8: string;
1028
+ 9: string;
1029
+ 10: string;
1030
+ xs: string;
1031
+ sm: string;
1032
+ md: string;
1033
+ lg: string;
1034
+ };
1035
+ mx: {
1036
+ px: string;
1037
+ 0: string;
1038
+ 1: string;
1039
+ 2: string;
1040
+ 3: string;
1041
+ 4: string;
1042
+ 5: string;
1043
+ 6: string;
1044
+ 7: string;
1045
+ 8: string;
1046
+ 9: string;
1047
+ 10: string;
1048
+ xs: string;
1049
+ sm: string;
1050
+ md: string;
1051
+ lg: string;
1052
+ };
1053
+ my: {
1054
+ px: string;
1055
+ 0: string;
1056
+ 1: string;
1057
+ 2: string;
1058
+ 3: string;
1059
+ 4: string;
1060
+ 5: string;
1061
+ 6: string;
1062
+ 7: string;
1063
+ 8: string;
1064
+ 9: string;
1065
+ 10: string;
1066
+ xs: string;
1067
+ sm: string;
1068
+ md: string;
1069
+ lg: string;
1070
+ };
1071
+ w: Record<Sizing, string>;
1072
+ h: Record<Sizing, string>;
1073
+ minW: Record<Sizing, string>;
1074
+ maxW: Record<Sizing, string>;
1075
+ minH: Record<Sizing, string>;
1076
+ maxH: Record<Sizing, string>;
1077
+ fullWidth: {
1078
+ true: string;
1079
+ };
1080
+ fullHeight: {
1081
+ true: string;
1082
+ };
1083
+ bg: {
1084
+ current: string;
1085
+ transparent: string;
1086
+ default: string;
1087
+ pure: string;
1088
+ bg100: string;
1089
+ bg200: string;
1090
+ bg300: string;
1091
+ bg400: string;
1092
+ overlay: string;
1093
+ divider: string;
1094
+ foreground: string;
1095
+ secondary: string;
1096
+ tertiary: string;
1097
+ primary: string;
1098
+ success: string;
1099
+ warning: string;
1100
+ danger: string;
1101
+ alert: string;
1102
+ bullish: string;
1103
+ bearish: string;
1104
+ };
1105
+ opacity: {
1106
+ disabled: string;
1107
+ hover: string;
1108
+ };
1109
+ shadow: {
1110
+ true: string;
1111
+ box: string;
1112
+ none: string;
1113
+ sm: string;
1114
+ md: string;
1115
+ lg: string;
1116
+ xl: string;
1117
+ };
1118
+ rounded: {
1119
+ none: string;
1120
+ sm: string;
1121
+ md: string;
1122
+ lg: string;
1123
+ xl: string;
1124
+ small: string;
1125
+ medium: string;
1126
+ large: string;
1127
+ full: string;
1128
+ };
1129
+ radius: {
1130
+ none: string;
1131
+ sm: string;
1132
+ md: string;
1133
+ lg: string;
1134
+ xl: string;
1135
+ small: string;
1136
+ medium: string;
1137
+ large: string;
1138
+ full: string;
1139
+ };
1140
+ borderStyle: {
1141
+ solid: string;
1142
+ dashed: string;
1143
+ dotted: string;
1144
+ double: string;
1145
+ };
1146
+ borderColor: {
1147
+ transparent: string;
1148
+ divider: string;
1149
+ foreground: string;
1150
+ secondary: string;
1151
+ tertiary: string;
1152
+ primary: string;
1153
+ success: string;
1154
+ warning: string;
1155
+ danger: string;
1156
+ alert: string;
1157
+ bullish: string;
1158
+ bearish: string;
1159
+ };
1160
+ borderWidth: {
1161
+ none: string;
1162
+ '0.5': string;
1163
+ '1': string;
1164
+ '1.5': string;
1165
+ '2': string;
1166
+ };
1167
+ cursor: {
1168
+ auto: string;
1169
+ default: string;
1170
+ pointer: string;
1171
+ wait: string;
1172
+ help: string;
1173
+ notAllowed: string;
1174
+ };
1175
+ color: {
1176
+ current: string;
1177
+ transparent: string;
1178
+ divider: string;
1179
+ foreground: string;
1180
+ secondary: string;
1181
+ tertiary: string;
1182
+ primary: string;
1183
+ success: string;
1184
+ warning: string;
1185
+ danger: string;
1186
+ alert: string;
1187
+ bullish: string;
1188
+ bearish: string;
1189
+ };
1190
+ fontWeight: {
1191
+ normal: string;
1192
+ medium: string;
1193
+ semibold: string;
1194
+ bold: string;
1195
+ extrabold: string;
1196
+ };
1197
+ lineHeight: {
1198
+ '1': string;
1199
+ '1.4': string;
1200
+ };
1201
+ textAlign: {
1202
+ left: string;
1203
+ center: string;
1204
+ right: string;
1205
+ };
1206
+ }, undefined, import("tailwind-variants").TVReturnType<{
1207
+ position: {
1208
+ static: string;
1209
+ relative: string;
1210
+ absolute: string;
1211
+ fixed: string;
1212
+ sticky: string;
1213
+ };
1214
+ display: {
1215
+ flex: string;
1216
+ inlineFlex: string;
1217
+ block: string;
1218
+ hidden: string;
1219
+ grid: string;
1220
+ inlineGrid: string;
1221
+ };
1222
+ aspect: {
1223
+ square: string;
1224
+ video: string;
1225
+ auto: string;
1226
+ };
1227
+ overflow: {
1228
+ visible: string;
1229
+ hidden: string;
1230
+ clip: string;
1231
+ scroll: string;
1232
+ auto: string;
1233
+ };
1234
+ zIndex: {
1235
+ auto: string;
1236
+ '0': string;
1237
+ '10': string;
1238
+ '20': string;
1239
+ '30': string;
1240
+ '40': string;
1241
+ '50': string;
1242
+ '60': string;
1243
+ '70': string;
1244
+ '80': string;
1245
+ '90': string;
1246
+ '100': string;
1247
+ };
1248
+ direction: {
1249
+ row: string;
1250
+ column: string;
1251
+ 'row-reverse': string;
1252
+ 'col-reverse': string;
1253
+ };
1254
+ items: {
1255
+ start: string;
1256
+ center: string;
1257
+ end: string;
1258
+ baseline: string;
1259
+ stretch: string;
1260
+ normal: string;
1261
+ };
1262
+ justify: {
1263
+ start: string;
1264
+ center: string;
1265
+ end: string;
1266
+ between: string;
1267
+ around: string;
1268
+ evenly: string;
1269
+ stretch: string;
1270
+ baseline: string;
1271
+ normal: string;
1272
+ };
1273
+ gap: {
1274
+ px: string;
1275
+ 0: string;
1276
+ 1: string;
1277
+ 2: string;
1278
+ 3: string;
1279
+ 4: string;
1280
+ 5: string;
1281
+ 6: string;
1282
+ 7: string;
1283
+ 8: string;
1284
+ 9: string;
1285
+ 10: string;
1286
+ xs: string;
1287
+ sm: string;
1288
+ md: string;
1289
+ lg: string;
1290
+ };
1291
+ wrap: {
1292
+ true: string;
1293
+ wrap: string;
1294
+ nowrap: string;
1295
+ 'wrap-reverse': string;
1296
+ };
1297
+ self: {
1298
+ auto: string;
1299
+ start: string;
1300
+ end: string;
1301
+ center: string;
1302
+ stretch: string;
1303
+ baseline: string;
1304
+ normal: string;
1305
+ };
1306
+ grow: {
1307
+ true: string;
1308
+ 0: string;
1309
+ 1: string;
1310
+ 2: string;
1311
+ 3: string;
1312
+ };
1313
+ shrink: {
1314
+ true: string;
1315
+ 0: string;
1316
+ 1: string;
1317
+ 2: string;
1318
+ 3: string;
1319
+ };
1320
+ order: {
1321
+ first: string;
1322
+ last: string;
1323
+ none: string;
1324
+ 0: string;
1325
+ 1: string;
1326
+ 2: string;
1327
+ 3: string;
1328
+ 4: string;
1329
+ 5: string;
1330
+ 6: string;
1331
+ 7: string;
1332
+ 8: string;
1333
+ 9: string;
1334
+ 10: string;
1335
+ };
1336
+ fill: {
1337
+ true: string;
1338
+ };
1339
+ vertical: {
1340
+ true: string;
1341
+ };
1342
+ horizontal: {
1343
+ true: string;
1344
+ };
1345
+ center: {
1346
+ true: string;
1347
+ };
1348
+ p: {
1349
+ px: string;
1350
+ 0: string;
1351
+ 1: string;
1352
+ 2: string;
1353
+ 3: string;
1354
+ 4: string;
1355
+ 5: string;
1356
+ 6: string;
1357
+ 7: string;
1358
+ 8: string;
1359
+ 9: string;
1360
+ 10: string;
1361
+ xs: string;
1362
+ sm: string;
1363
+ md: string;
1364
+ lg: string;
1365
+ };
1366
+ pt: {
1367
+ px: string;
1368
+ 0: string;
1369
+ 1: string;
1370
+ 2: string;
1371
+ 3: string;
1372
+ 4: string;
1373
+ 5: string;
1374
+ 6: string;
1375
+ 7: string;
1376
+ 8: string;
1377
+ 9: string;
1378
+ 10: string;
1379
+ xs: string;
1380
+ sm: string;
1381
+ md: string;
1382
+ lg: string;
1383
+ };
1384
+ pr: {
1385
+ px: string;
1386
+ 0: string;
1387
+ 1: string;
1388
+ 2: string;
1389
+ 3: string;
1390
+ 4: string;
1391
+ 5: string;
1392
+ 6: string;
1393
+ 7: string;
1394
+ 8: string;
1395
+ 9: string;
1396
+ 10: string;
1397
+ xs: string;
1398
+ sm: string;
1399
+ md: string;
1400
+ lg: string;
1401
+ };
1402
+ pb: {
1403
+ px: string;
1404
+ 0: string;
1405
+ 1: string;
1406
+ 2: string;
1407
+ 3: string;
1408
+ 4: string;
1409
+ 5: string;
1410
+ 6: string;
1411
+ 7: string;
1412
+ 8: string;
1413
+ 9: string;
1414
+ 10: string;
1415
+ xs: string;
1416
+ sm: string;
1417
+ md: string;
1418
+ lg: string;
1419
+ };
1420
+ pl: {
1421
+ px: string;
1422
+ 0: string;
1423
+ 1: string;
1424
+ 2: string;
1425
+ 3: string;
1426
+ 4: string;
1427
+ 5: string;
1428
+ 6: string;
1429
+ 7: string;
1430
+ 8: string;
1431
+ 9: string;
1432
+ 10: string;
1433
+ xs: string;
1434
+ sm: string;
1435
+ md: string;
1436
+ lg: string;
1437
+ };
1438
+ ps: {
1439
+ px: string;
1440
+ 0: string;
1441
+ 1: string;
1442
+ 2: string;
1443
+ 3: string;
1444
+ 4: string;
1445
+ 5: string;
1446
+ 6: string;
1447
+ 7: string;
1448
+ 8: string;
1449
+ 9: string;
1450
+ 10: string;
1451
+ xs: string;
1452
+ sm: string;
1453
+ md: string;
1454
+ lg: string;
1455
+ };
1456
+ pe: {
1457
+ px: string;
1458
+ 0: string;
1459
+ 1: string;
1460
+ 2: string;
1461
+ 3: string;
1462
+ 4: string;
1463
+ 5: string;
1464
+ 6: string;
1465
+ 7: string;
1466
+ 8: string;
1467
+ 9: string;
1468
+ 10: string;
1469
+ xs: string;
1470
+ sm: string;
1471
+ md: string;
1472
+ lg: string;
1473
+ };
1474
+ px: {
1475
+ px: string;
1476
+ 0: string;
1477
+ 1: string;
1478
+ 2: string;
1479
+ 3: string;
1480
+ 4: string;
1481
+ 5: string;
1482
+ 6: string;
1483
+ 7: string;
1484
+ 8: string;
1485
+ 9: string;
1486
+ 10: string;
1487
+ xs: string;
1488
+ sm: string;
1489
+ md: string;
1490
+ lg: string;
1491
+ };
1492
+ py: {
1493
+ px: string;
1494
+ 0: string;
1495
+ 1: string;
1496
+ 2: string;
1497
+ 3: string;
1498
+ 4: string;
1499
+ 5: string;
1500
+ 6: string;
1501
+ 7: string;
1502
+ 8: string;
1503
+ 9: string;
1504
+ 10: string;
1505
+ xs: string;
1506
+ sm: string;
1507
+ md: string;
1508
+ lg: string;
1509
+ };
1510
+ m: {
1511
+ px: string;
1512
+ 0: string;
1513
+ 1: string;
1514
+ 2: string;
1515
+ 3: string;
1516
+ 4: string;
1517
+ 5: string;
1518
+ 6: string;
1519
+ 7: string;
1520
+ 8: string;
1521
+ 9: string;
1522
+ 10: string;
1523
+ xs: string;
1524
+ sm: string;
1525
+ md: string;
1526
+ lg: string;
1527
+ };
1528
+ mt: {
1529
+ px: string;
1530
+ 0: string;
1531
+ 1: string;
1532
+ 2: string;
1533
+ 3: string;
1534
+ 4: string;
1535
+ 5: string;
1536
+ 6: string;
1537
+ 7: string;
1538
+ 8: string;
1539
+ 9: string;
1540
+ 10: string;
1541
+ xs: string;
1542
+ sm: string;
1543
+ md: string;
1544
+ lg: string;
1545
+ };
1546
+ mr: {
1547
+ px: string;
1548
+ 0: string;
1549
+ 1: string;
1550
+ 2: string;
1551
+ 3: string;
1552
+ 4: string;
1553
+ 5: string;
1554
+ 6: string;
1555
+ 7: string;
1556
+ 8: string;
1557
+ 9: string;
1558
+ 10: string;
1559
+ xs: string;
1560
+ sm: string;
1561
+ md: string;
1562
+ lg: string;
1563
+ };
1564
+ mb: {
1565
+ px: string;
1566
+ 0: string;
1567
+ 1: string;
1568
+ 2: string;
1569
+ 3: string;
1570
+ 4: string;
1571
+ 5: string;
1572
+ 6: string;
1573
+ 7: string;
1574
+ 8: string;
1575
+ 9: string;
1576
+ 10: string;
1577
+ xs: string;
1578
+ sm: string;
1579
+ md: string;
1580
+ lg: string;
1581
+ };
1582
+ ml: {
1583
+ px: string;
1584
+ 0: string;
1585
+ 1: string;
1586
+ 2: string;
1587
+ 3: string;
1588
+ 4: string;
1589
+ 5: string;
1590
+ 6: string;
1591
+ 7: string;
1592
+ 8: string;
1593
+ 9: string;
1594
+ 10: string;
1595
+ xs: string;
1596
+ sm: string;
1597
+ md: string;
1598
+ lg: string;
1599
+ };
1600
+ ms: {
1601
+ px: string;
1602
+ 0: string;
1603
+ 1: string;
1604
+ 2: string;
1605
+ 3: string;
1606
+ 4: string;
1607
+ 5: string;
1608
+ 6: string;
1609
+ 7: string;
1610
+ 8: string;
1611
+ 9: string;
1612
+ 10: string;
1613
+ xs: string;
1614
+ sm: string;
1615
+ md: string;
1616
+ lg: string;
1617
+ };
1618
+ me: {
1619
+ px: string;
1620
+ 0: string;
1621
+ 1: string;
1622
+ 2: string;
1623
+ 3: string;
1624
+ 4: string;
1625
+ 5: string;
1626
+ 6: string;
1627
+ 7: string;
1628
+ 8: string;
1629
+ 9: string;
1630
+ 10: string;
1631
+ xs: string;
1632
+ sm: string;
1633
+ md: string;
1634
+ lg: string;
1635
+ };
1636
+ mx: {
1637
+ px: string;
1638
+ 0: string;
1639
+ 1: string;
1640
+ 2: string;
1641
+ 3: string;
1642
+ 4: string;
1643
+ 5: string;
1644
+ 6: string;
1645
+ 7: string;
1646
+ 8: string;
1647
+ 9: string;
1648
+ 10: string;
1649
+ xs: string;
1650
+ sm: string;
1651
+ md: string;
1652
+ lg: string;
1653
+ };
1654
+ my: {
1655
+ px: string;
1656
+ 0: string;
1657
+ 1: string;
1658
+ 2: string;
1659
+ 3: string;
1660
+ 4: string;
1661
+ 5: string;
1662
+ 6: string;
1663
+ 7: string;
1664
+ 8: string;
1665
+ 9: string;
1666
+ 10: string;
1667
+ xs: string;
1668
+ sm: string;
1669
+ md: string;
1670
+ lg: string;
1671
+ };
1672
+ w: Record<Sizing, string>;
1673
+ h: Record<Sizing, string>;
1674
+ minW: Record<Sizing, string>;
1675
+ maxW: Record<Sizing, string>;
1676
+ minH: Record<Sizing, string>;
1677
+ maxH: Record<Sizing, string>;
1678
+ fullWidth: {
1679
+ true: string;
1680
+ };
1681
+ fullHeight: {
1682
+ true: string;
1683
+ };
1684
+ bg: {
1685
+ current: string;
1686
+ transparent: string;
1687
+ default: string;
1688
+ pure: string;
1689
+ bg100: string;
1690
+ bg200: string;
1691
+ bg300: string;
1692
+ bg400: string;
1693
+ overlay: string;
1694
+ divider: string;
1695
+ foreground: string;
1696
+ secondary: string;
1697
+ tertiary: string;
1698
+ primary: string;
1699
+ success: string;
1700
+ warning: string;
1701
+ danger: string;
1702
+ alert: string;
1703
+ bullish: string;
1704
+ bearish: string;
1705
+ };
1706
+ opacity: {
1707
+ disabled: string;
1708
+ hover: string;
1709
+ };
1710
+ shadow: {
1711
+ true: string;
1712
+ box: string;
1713
+ none: string;
1714
+ sm: string;
1715
+ md: string;
1716
+ lg: string;
1717
+ xl: string;
1718
+ };
1719
+ rounded: {
1720
+ none: string;
1721
+ sm: string;
1722
+ md: string;
1723
+ lg: string;
1724
+ xl: string;
1725
+ small: string;
1726
+ medium: string;
1727
+ large: string;
1728
+ full: string;
1729
+ };
1730
+ radius: {
1731
+ none: string;
1732
+ sm: string;
1733
+ md: string;
1734
+ lg: string;
1735
+ xl: string;
1736
+ small: string;
1737
+ medium: string;
1738
+ large: string;
1739
+ full: string;
1740
+ };
1741
+ borderStyle: {
1742
+ solid: string;
1743
+ dashed: string;
1744
+ dotted: string;
1745
+ double: string;
1746
+ };
1747
+ borderColor: {
1748
+ transparent: string;
1749
+ divider: string;
1750
+ foreground: string;
1751
+ secondary: string;
1752
+ tertiary: string;
1753
+ primary: string;
1754
+ success: string;
1755
+ warning: string;
1756
+ danger: string;
1757
+ alert: string;
1758
+ bullish: string;
1759
+ bearish: string;
1760
+ };
1761
+ borderWidth: {
1762
+ none: string;
1763
+ '0.5': string;
1764
+ '1': string;
1765
+ '1.5': string;
1766
+ '2': string;
1767
+ };
1768
+ cursor: {
1769
+ auto: string;
1770
+ default: string;
1771
+ pointer: string;
1772
+ wait: string;
1773
+ help: string;
1774
+ notAllowed: string;
1775
+ };
1776
+ color: {
1777
+ current: string;
1778
+ transparent: string;
1779
+ divider: string;
1780
+ foreground: string;
1781
+ secondary: string;
1782
+ tertiary: string;
1783
+ primary: string;
1784
+ success: string;
1785
+ warning: string;
1786
+ danger: string;
1787
+ alert: string;
1788
+ bullish: string;
1789
+ bearish: string;
1790
+ };
1791
+ fontWeight: {
1792
+ normal: string;
1793
+ medium: string;
1794
+ semibold: string;
1795
+ bold: string;
1796
+ extrabold: string;
1797
+ };
1798
+ lineHeight: {
1799
+ '1': string;
1800
+ '1.4': string;
1801
+ };
1802
+ textAlign: {
1803
+ left: string;
1804
+ center: string;
1805
+ right: string;
1806
+ };
1807
+ }, undefined, "ux-box", unknown, unknown, undefined>>;
1808
+ export type BoxVariants = VariantProps<typeof boxVariants>;