@dito-uai/components 5.1.0-alpha.34 → 5.1.0-alpha.36

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 (14) hide show
  1. package/dist/global.css +1 -1
  2. package/dist/index.cjs +44 -43
  3. package/dist/index.d.cts +215 -1
  4. package/dist/index.d.ts +215 -1
  5. package/dist/index.d.ts.map +1 -1
  6. package/dist/index.js +13 -13
  7. package/dist/ui/button.d.ts +204 -0
  8. package/dist/ui/button.d.ts.map +1 -1
  9. package/dist/ui/chips.d.ts +2 -0
  10. package/dist/ui/chips.d.ts.map +1 -1
  11. package/dist/ui/loading.d.ts +9 -0
  12. package/dist/ui/loading.d.ts.map +1 -0
  13. package/package.json +1 -1
  14. package/tailwind.config.ts +18 -0
package/dist/ui/button.d.ts CHANGED
@@ -4,31 +4,37 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
4
4
  appearance: {
5
5
  primary: {
6
6
  container: string;
7
+ loading: string;
7
8
  text: string;
8
9
  icon: string;
9
10
  };
10
11
  secondary: {
11
12
  container: string;
13
+ loading: string;
12
14
  text: string;
13
15
  icon: string;
14
16
  };
15
17
  tertiary: {
16
18
  container: string;
19
+ loading: string;
17
20
  text: string;
18
21
  icon: string;
19
22
  };
20
23
  danger: {
21
24
  container: string;
25
+ loading: string;
22
26
  text: string;
23
27
  icon: string;
24
28
  };
25
29
  link: {
26
30
  container: string;
31
+ loading: string;
27
32
  text: string;
28
33
  icon: string;
29
34
  };
30
35
  table: {
31
36
  container: string;
37
+ loading: string;
32
38
  text: string;
33
39
  icon: string;
34
40
  };
@@ -49,6 +55,14 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
49
55
  container: string;
50
56
  text: string;
51
57
  icon: string;
58
+ loading: string;
59
+ };
60
+ false: string;
61
+ };
62
+ loading: {
63
+ true: {
64
+ text: string;
65
+ icon: string;
52
66
  };
53
67
  false: string;
54
68
  };
@@ -56,35 +70,42 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
56
70
  container: string;
57
71
  icon: string;
58
72
  text: string;
73
+ loading: string;
59
74
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
60
75
  appearance: {
61
76
  primary: {
62
77
  container: string;
78
+ loading: string;
63
79
  text: string;
64
80
  icon: string;
65
81
  };
66
82
  secondary: {
67
83
  container: string;
84
+ loading: string;
68
85
  text: string;
69
86
  icon: string;
70
87
  };
71
88
  tertiary: {
72
89
  container: string;
90
+ loading: string;
73
91
  text: string;
74
92
  icon: string;
75
93
  };
76
94
  danger: {
77
95
  container: string;
96
+ loading: string;
78
97
  text: string;
79
98
  icon: string;
80
99
  };
81
100
  link: {
82
101
  container: string;
102
+ loading: string;
83
103
  text: string;
84
104
  icon: string;
85
105
  };
86
106
  table: {
87
107
  container: string;
108
+ loading: string;
88
109
  text: string;
89
110
  icon: string;
90
111
  };
@@ -105,6 +126,14 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
105
126
  container: string;
106
127
  text: string;
107
128
  icon: string;
129
+ loading: string;
130
+ };
131
+ false: string;
132
+ };
133
+ loading: {
134
+ true: {
135
+ text: string;
136
+ icon: string;
108
137
  };
109
138
  false: string;
110
139
  };
@@ -112,31 +141,37 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
112
141
  appearance: {
113
142
  primary: {
114
143
  container: string;
144
+ loading: string;
115
145
  text: string;
116
146
  icon: string;
117
147
  };
118
148
  secondary: {
119
149
  container: string;
150
+ loading: string;
120
151
  text: string;
121
152
  icon: string;
122
153
  };
123
154
  tertiary: {
124
155
  container: string;
156
+ loading: string;
125
157
  text: string;
126
158
  icon: string;
127
159
  };
128
160
  danger: {
129
161
  container: string;
162
+ loading: string;
130
163
  text: string;
131
164
  icon: string;
132
165
  };
133
166
  link: {
134
167
  container: string;
168
+ loading: string;
135
169
  text: string;
136
170
  icon: string;
137
171
  };
138
172
  table: {
139
173
  container: string;
174
+ loading: string;
140
175
  text: string;
141
176
  icon: string;
142
177
  };
@@ -157,6 +192,14 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
157
192
  container: string;
158
193
  text: string;
159
194
  icon: string;
195
+ loading: string;
196
+ };
197
+ false: string;
198
+ };
199
+ loading: {
200
+ true: {
201
+ text: string;
202
+ icon: string;
160
203
  };
161
204
  false: string;
162
205
  };
@@ -164,31 +207,37 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
164
207
  appearance: {
165
208
  primary: {
166
209
  container: string;
210
+ loading: string;
167
211
  text: string;
168
212
  icon: string;
169
213
  };
170
214
  secondary: {
171
215
  container: string;
216
+ loading: string;
172
217
  text: string;
173
218
  icon: string;
174
219
  };
175
220
  tertiary: {
176
221
  container: string;
222
+ loading: string;
177
223
  text: string;
178
224
  icon: string;
179
225
  };
180
226
  danger: {
181
227
  container: string;
228
+ loading: string;
182
229
  text: string;
183
230
  icon: string;
184
231
  };
185
232
  link: {
186
233
  container: string;
234
+ loading: string;
187
235
  text: string;
188
236
  icon: string;
189
237
  };
190
238
  table: {
191
239
  container: string;
240
+ loading: string;
192
241
  text: string;
193
242
  icon: string;
194
243
  };
@@ -209,6 +258,14 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
209
258
  container: string;
210
259
  text: string;
211
260
  icon: string;
261
+ loading: string;
262
+ };
263
+ false: string;
264
+ };
265
+ loading: {
266
+ true: {
267
+ text: string;
268
+ icon: string;
212
269
  };
213
270
  false: string;
214
271
  };
@@ -216,35 +273,42 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
216
273
  container: string;
217
274
  icon: string;
218
275
  text: string;
276
+ loading: string;
219
277
  }, import("tailwind-variants").TVReturnType<{
220
278
  appearance: {
221
279
  primary: {
222
280
  container: string;
281
+ loading: string;
223
282
  text: string;
224
283
  icon: string;
225
284
  };
226
285
  secondary: {
227
286
  container: string;
287
+ loading: string;
228
288
  text: string;
229
289
  icon: string;
230
290
  };
231
291
  tertiary: {
232
292
  container: string;
293
+ loading: string;
233
294
  text: string;
234
295
  icon: string;
235
296
  };
236
297
  danger: {
237
298
  container: string;
299
+ loading: string;
238
300
  text: string;
239
301
  icon: string;
240
302
  };
241
303
  link: {
242
304
  container: string;
305
+ loading: string;
243
306
  text: string;
244
307
  icon: string;
245
308
  };
246
309
  table: {
247
310
  container: string;
311
+ loading: string;
248
312
  text: string;
249
313
  icon: string;
250
314
  };
@@ -265,6 +329,14 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
265
329
  container: string;
266
330
  text: string;
267
331
  icon: string;
332
+ loading: string;
333
+ };
334
+ false: string;
335
+ };
336
+ loading: {
337
+ true: {
338
+ text: string;
339
+ icon: string;
268
340
  };
269
341
  false: string;
270
342
  };
@@ -272,35 +344,42 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
272
344
  container: string;
273
345
  icon: string;
274
346
  text: string;
347
+ loading: string;
275
348
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
276
349
  appearance: {
277
350
  primary: {
278
351
  container: string;
352
+ loading: string;
279
353
  text: string;
280
354
  icon: string;
281
355
  };
282
356
  secondary: {
283
357
  container: string;
358
+ loading: string;
284
359
  text: string;
285
360
  icon: string;
286
361
  };
287
362
  tertiary: {
288
363
  container: string;
364
+ loading: string;
289
365
  text: string;
290
366
  icon: string;
291
367
  };
292
368
  danger: {
293
369
  container: string;
370
+ loading: string;
294
371
  text: string;
295
372
  icon: string;
296
373
  };
297
374
  link: {
298
375
  container: string;
376
+ loading: string;
299
377
  text: string;
300
378
  icon: string;
301
379
  };
302
380
  table: {
303
381
  container: string;
382
+ loading: string;
304
383
  text: string;
305
384
  icon: string;
306
385
  };
@@ -321,6 +400,14 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
321
400
  container: string;
322
401
  text: string;
323
402
  icon: string;
403
+ loading: string;
404
+ };
405
+ false: string;
406
+ };
407
+ loading: {
408
+ true: {
409
+ text: string;
410
+ icon: string;
324
411
  };
325
412
  false: string;
326
413
  };
@@ -328,31 +415,37 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
328
415
  appearance: {
329
416
  primary: {
330
417
  container: string;
418
+ loading: string;
331
419
  text: string;
332
420
  icon: string;
333
421
  };
334
422
  secondary: {
335
423
  container: string;
424
+ loading: string;
336
425
  text: string;
337
426
  icon: string;
338
427
  };
339
428
  tertiary: {
340
429
  container: string;
430
+ loading: string;
341
431
  text: string;
342
432
  icon: string;
343
433
  };
344
434
  danger: {
345
435
  container: string;
436
+ loading: string;
346
437
  text: string;
347
438
  icon: string;
348
439
  };
349
440
  link: {
350
441
  container: string;
442
+ loading: string;
351
443
  text: string;
352
444
  icon: string;
353
445
  };
354
446
  table: {
355
447
  container: string;
448
+ loading: string;
356
449
  text: string;
357
450
  icon: string;
358
451
  };
@@ -373,6 +466,14 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
373
466
  container: string;
374
467
  text: string;
375
468
  icon: string;
469
+ loading: string;
470
+ };
471
+ false: string;
472
+ };
473
+ loading: {
474
+ true: {
475
+ text: string;
476
+ icon: string;
376
477
  };
377
478
  false: string;
378
479
  };
@@ -380,36 +481,43 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
380
481
  export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
381
482
  asChild?: boolean;
382
483
  icon?: React.ElementType;
484
+ loading?: boolean;
383
485
  };
384
486
  declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<import("tailwind-variants").TVReturnType<{
385
487
  appearance: {
386
488
  primary: {
387
489
  container: string;
490
+ loading: string;
388
491
  text: string;
389
492
  icon: string;
390
493
  };
391
494
  secondary: {
392
495
  container: string;
496
+ loading: string;
393
497
  text: string;
394
498
  icon: string;
395
499
  };
396
500
  tertiary: {
397
501
  container: string;
502
+ loading: string;
398
503
  text: string;
399
504
  icon: string;
400
505
  };
401
506
  danger: {
402
507
  container: string;
508
+ loading: string;
403
509
  text: string;
404
510
  icon: string;
405
511
  };
406
512
  link: {
407
513
  container: string;
514
+ loading: string;
408
515
  text: string;
409
516
  icon: string;
410
517
  };
411
518
  table: {
412
519
  container: string;
520
+ loading: string;
413
521
  text: string;
414
522
  icon: string;
415
523
  };
@@ -430,6 +538,14 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
430
538
  container: string;
431
539
  text: string;
432
540
  icon: string;
541
+ loading: string;
542
+ };
543
+ false: string;
544
+ };
545
+ loading: {
546
+ true: {
547
+ text: string;
548
+ icon: string;
433
549
  };
434
550
  false: string;
435
551
  };
@@ -437,35 +553,42 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
437
553
  container: string;
438
554
  icon: string;
439
555
  text: string;
556
+ loading: string;
440
557
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
441
558
  appearance: {
442
559
  primary: {
443
560
  container: string;
561
+ loading: string;
444
562
  text: string;
445
563
  icon: string;
446
564
  };
447
565
  secondary: {
448
566
  container: string;
567
+ loading: string;
449
568
  text: string;
450
569
  icon: string;
451
570
  };
452
571
  tertiary: {
453
572
  container: string;
573
+ loading: string;
454
574
  text: string;
455
575
  icon: string;
456
576
  };
457
577
  danger: {
458
578
  container: string;
579
+ loading: string;
459
580
  text: string;
460
581
  icon: string;
461
582
  };
462
583
  link: {
463
584
  container: string;
585
+ loading: string;
464
586
  text: string;
465
587
  icon: string;
466
588
  };
467
589
  table: {
468
590
  container: string;
591
+ loading: string;
469
592
  text: string;
470
593
  icon: string;
471
594
  };
@@ -486,6 +609,14 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
486
609
  container: string;
487
610
  text: string;
488
611
  icon: string;
612
+ loading: string;
613
+ };
614
+ false: string;
615
+ };
616
+ loading: {
617
+ true: {
618
+ text: string;
619
+ icon: string;
489
620
  };
490
621
  false: string;
491
622
  };
@@ -493,31 +624,37 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
493
624
  appearance: {
494
625
  primary: {
495
626
  container: string;
627
+ loading: string;
496
628
  text: string;
497
629
  icon: string;
498
630
  };
499
631
  secondary: {
500
632
  container: string;
633
+ loading: string;
501
634
  text: string;
502
635
  icon: string;
503
636
  };
504
637
  tertiary: {
505
638
  container: string;
639
+ loading: string;
506
640
  text: string;
507
641
  icon: string;
508
642
  };
509
643
  danger: {
510
644
  container: string;
645
+ loading: string;
511
646
  text: string;
512
647
  icon: string;
513
648
  };
514
649
  link: {
515
650
  container: string;
651
+ loading: string;
516
652
  text: string;
517
653
  icon: string;
518
654
  };
519
655
  table: {
520
656
  container: string;
657
+ loading: string;
521
658
  text: string;
522
659
  icon: string;
523
660
  };
@@ -538,6 +675,14 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
538
675
  container: string;
539
676
  text: string;
540
677
  icon: string;
678
+ loading: string;
679
+ };
680
+ false: string;
681
+ };
682
+ loading: {
683
+ true: {
684
+ text: string;
685
+ icon: string;
541
686
  };
542
687
  false: string;
543
688
  };
@@ -545,31 +690,37 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
545
690
  appearance: {
546
691
  primary: {
547
692
  container: string;
693
+ loading: string;
548
694
  text: string;
549
695
  icon: string;
550
696
  };
551
697
  secondary: {
552
698
  container: string;
699
+ loading: string;
553
700
  text: string;
554
701
  icon: string;
555
702
  };
556
703
  tertiary: {
557
704
  container: string;
705
+ loading: string;
558
706
  text: string;
559
707
  icon: string;
560
708
  };
561
709
  danger: {
562
710
  container: string;
711
+ loading: string;
563
712
  text: string;
564
713
  icon: string;
565
714
  };
566
715
  link: {
567
716
  container: string;
717
+ loading: string;
568
718
  text: string;
569
719
  icon: string;
570
720
  };
571
721
  table: {
572
722
  container: string;
723
+ loading: string;
573
724
  text: string;
574
725
  icon: string;
575
726
  };
@@ -590,6 +741,14 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
590
741
  container: string;
591
742
  text: string;
592
743
  icon: string;
744
+ loading: string;
745
+ };
746
+ false: string;
747
+ };
748
+ loading: {
749
+ true: {
750
+ text: string;
751
+ icon: string;
593
752
  };
594
753
  false: string;
595
754
  };
@@ -597,35 +756,42 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
597
756
  container: string;
598
757
  icon: string;
599
758
  text: string;
759
+ loading: string;
600
760
  }, import("tailwind-variants").TVReturnType<{
601
761
  appearance: {
602
762
  primary: {
603
763
  container: string;
764
+ loading: string;
604
765
  text: string;
605
766
  icon: string;
606
767
  };
607
768
  secondary: {
608
769
  container: string;
770
+ loading: string;
609
771
  text: string;
610
772
  icon: string;
611
773
  };
612
774
  tertiary: {
613
775
  container: string;
776
+ loading: string;
614
777
  text: string;
615
778
  icon: string;
616
779
  };
617
780
  danger: {
618
781
  container: string;
782
+ loading: string;
619
783
  text: string;
620
784
  icon: string;
621
785
  };
622
786
  link: {
623
787
  container: string;
788
+ loading: string;
624
789
  text: string;
625
790
  icon: string;
626
791
  };
627
792
  table: {
628
793
  container: string;
794
+ loading: string;
629
795
  text: string;
630
796
  icon: string;
631
797
  };
@@ -646,6 +812,14 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
646
812
  container: string;
647
813
  text: string;
648
814
  icon: string;
815
+ loading: string;
816
+ };
817
+ false: string;
818
+ };
819
+ loading: {
820
+ true: {
821
+ text: string;
822
+ icon: string;
649
823
  };
650
824
  false: string;
651
825
  };
@@ -653,35 +827,42 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
653
827
  container: string;
654
828
  icon: string;
655
829
  text: string;
830
+ loading: string;
656
831
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
657
832
  appearance: {
658
833
  primary: {
659
834
  container: string;
835
+ loading: string;
660
836
  text: string;
661
837
  icon: string;
662
838
  };
663
839
  secondary: {
664
840
  container: string;
841
+ loading: string;
665
842
  text: string;
666
843
  icon: string;
667
844
  };
668
845
  tertiary: {
669
846
  container: string;
847
+ loading: string;
670
848
  text: string;
671
849
  icon: string;
672
850
  };
673
851
  danger: {
674
852
  container: string;
853
+ loading: string;
675
854
  text: string;
676
855
  icon: string;
677
856
  };
678
857
  link: {
679
858
  container: string;
859
+ loading: string;
680
860
  text: string;
681
861
  icon: string;
682
862
  };
683
863
  table: {
684
864
  container: string;
865
+ loading: string;
685
866
  text: string;
686
867
  icon: string;
687
868
  };
@@ -702,6 +883,14 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
702
883
  container: string;
703
884
  text: string;
704
885
  icon: string;
886
+ loading: string;
887
+ };
888
+ false: string;
889
+ };
890
+ loading: {
891
+ true: {
892
+ text: string;
893
+ icon: string;
705
894
  };
706
895
  false: string;
707
896
  };
@@ -709,31 +898,37 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
709
898
  appearance: {
710
899
  primary: {
711
900
  container: string;
901
+ loading: string;
712
902
  text: string;
713
903
  icon: string;
714
904
  };
715
905
  secondary: {
716
906
  container: string;
907
+ loading: string;
717
908
  text: string;
718
909
  icon: string;
719
910
  };
720
911
  tertiary: {
721
912
  container: string;
913
+ loading: string;
722
914
  text: string;
723
915
  icon: string;
724
916
  };
725
917
  danger: {
726
918
  container: string;
919
+ loading: string;
727
920
  text: string;
728
921
  icon: string;
729
922
  };
730
923
  link: {
731
924
  container: string;
925
+ loading: string;
732
926
  text: string;
733
927
  icon: string;
734
928
  };
735
929
  table: {
736
930
  container: string;
931
+ loading: string;
737
932
  text: string;
738
933
  icon: string;
739
934
  };
@@ -754,12 +949,21 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
754
949
  container: string;
755
950
  text: string;
756
951
  icon: string;
952
+ loading: string;
953
+ };
954
+ false: string;
955
+ };
956
+ loading: {
957
+ true: {
958
+ text: string;
959
+ icon: string;
757
960
  };
758
961
  false: string;
759
962
  };
760
963
  }>, unknown, unknown, undefined>>> & {
761
964
  asChild?: boolean;
762
965
  icon?: React.ElementType;
966
+ loading?: boolean;
763
967
  } & React.RefAttributes<HTMLButtonElement>>;
764
968
  export default Button;
765
969
  //# sourceMappingURL=button.d.ts.map