@dito-uai/components 5.1.0-alpha.39 → 5.1.0-alpha.41

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 (46) hide show
  1. package/dist/global.css +1 -1
  2. package/dist/index.cjs +69 -48
  3. package/dist/index.d.cts +1057 -2883
  4. package/dist/index.d.ts +2 -0
  5. package/dist/index.d.ts.map +1 -1
  6. package/dist/index.js +16 -14
  7. package/dist/ui/alert.d.ts +4 -220
  8. package/dist/ui/alert.d.ts.map +1 -1
  9. package/dist/ui/avatar.d.ts +4 -124
  10. package/dist/ui/avatar.d.ts.map +1 -1
  11. package/dist/ui/badge.d.ts +4 -148
  12. package/dist/ui/badge.d.ts.map +1 -1
  13. package/dist/ui/button.d.ts +94 -448
  14. package/dist/ui/button.d.ts.map +1 -1
  15. package/dist/ui/card.d.ts +2 -66
  16. package/dist/ui/card.d.ts.map +1 -1
  17. package/dist/ui/chips.d.ts +4 -236
  18. package/dist/ui/chips.d.ts.map +1 -1
  19. package/dist/ui/dropdown-menu.d.ts +107 -0
  20. package/dist/ui/dropdown-menu.d.ts.map +1 -0
  21. package/dist/ui/indicator.d.ts +4 -60
  22. package/dist/ui/indicator.d.ts.map +1 -1
  23. package/dist/ui/input-description.d.ts +2 -26
  24. package/dist/ui/input-description.d.ts.map +1 -1
  25. package/dist/ui/input.d.ts +4 -292
  26. package/dist/ui/input.d.ts.map +1 -1
  27. package/dist/ui/label.d.ts +2 -18
  28. package/dist/ui/label.d.ts.map +1 -1
  29. package/dist/ui/message.d.ts +2 -34
  30. package/dist/ui/message.d.ts.map +1 -1
  31. package/dist/ui/popover.d.ts +7 -0
  32. package/dist/ui/popover.d.ts.map +1 -0
  33. package/dist/ui/progress.d.ts +2 -22
  34. package/dist/ui/progress.d.ts.map +1 -1
  35. package/dist/ui/scope.d.ts +2 -106
  36. package/dist/ui/scope.d.ts.map +1 -1
  37. package/dist/ui/search.d.ts +2 -146
  38. package/dist/ui/search.d.ts.map +1 -1
  39. package/dist/ui/status.d.ts +2 -34
  40. package/dist/ui/status.d.ts.map +1 -1
  41. package/dist/ui/text.d.ts +2 -62
  42. package/dist/ui/text.d.ts.map +1 -1
  43. package/dist/ui/toggle.d.ts +4 -60
  44. package/dist/ui/toggle.d.ts.map +1 -1
  45. package/package.json +6 -5
  46. package/tailwind-preset.ts +4 -0
package/dist/ui/button.d.ts CHANGED
@@ -38,87 +38,45 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
38
38
  text: string;
39
39
  icon: string;
40
40
  };
41
- };
42
- size: {
43
- medium: {
44
- container: string;
45
- icon: string;
46
- };
47
- small: {
48
- container: string;
49
- text: string;
50
- icon: string;
51
- };
52
- };
53
- disabled: {
54
- true: {
55
- container: string;
56
- text: string;
57
- icon: string;
58
- loading: string;
59
- };
60
- false: string;
61
- };
62
- loading: {
63
- true: {
64
- text: string;
65
- icon: string;
66
- };
67
- false: string;
68
- };
69
- }, {
70
- container: string;
71
- icon: string;
72
- text: string;
73
- loading: string;
74
- }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
75
- appearance: {
76
- primary: {
41
+ ai: {
77
42
  container: string;
78
43
  loading: string;
79
44
  text: string;
80
45
  icon: string;
81
46
  };
82
- secondary: {
47
+ 'ai-outline': {
83
48
  container: string;
84
- loading: string;
85
49
  text: string;
86
50
  icon: string;
87
51
  };
88
- tertiary: {
52
+ };
53
+ size: {
54
+ medium: {
89
55
  container: string;
90
- loading: string;
91
- text: string;
92
56
  icon: string;
93
57
  };
94
- danger: {
58
+ small: {
95
59
  container: string;
96
- loading: string;
97
60
  text: string;
98
61
  icon: string;
99
62
  };
100
- link: {
63
+ };
64
+ rounded: {
65
+ true: {
101
66
  container: string;
102
- loading: string;
103
- text: string;
104
- icon: string;
105
67
  };
106
- table: {
68
+ false: {
107
69
  container: string;
108
- loading: string;
109
- text: string;
110
- icon: string;
111
70
  };
112
71
  };
113
- size: {
114
- medium: {
72
+ vertical: {
73
+ true: {
115
74
  container: string;
75
+ text: string;
116
76
  icon: string;
117
77
  };
118
- small: {
78
+ false: {
119
79
  container: string;
120
- text: string;
121
- icon: string;
122
80
  };
123
81
  };
124
82
  disabled: {
@@ -138,6 +96,11 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
138
96
  false: string;
139
97
  };
140
98
  }, {
99
+ container: string;
100
+ icon: string;
101
+ text: string;
102
+ loading: string;
103
+ }, undefined, {
141
104
  appearance: {
142
105
  primary: {
143
106
  container: string;
@@ -175,82 +138,45 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
175
138
  text: string;
176
139
  icon: string;
177
140
  };
178
- };
179
- size: {
180
- medium: {
181
- container: string;
182
- icon: string;
183
- };
184
- small: {
141
+ ai: {
185
142
  container: string;
143
+ loading: string;
186
144
  text: string;
187
145
  icon: string;
188
146
  };
189
- };
190
- disabled: {
191
- true: {
147
+ 'ai-outline': {
192
148
  container: string;
193
149
  text: string;
194
150
  icon: string;
195
- loading: string;
196
151
  };
197
- false: string;
198
152
  };
199
- loading: {
200
- true: {
201
- text: string;
202
- icon: string;
203
- };
204
- false: string;
205
- };
206
- }>, {
207
- appearance: {
208
- primary: {
153
+ size: {
154
+ medium: {
209
155
  container: string;
210
- loading: string;
211
- text: string;
212
156
  icon: string;
213
157
  };
214
- secondary: {
158
+ small: {
215
159
  container: string;
216
- loading: string;
217
160
  text: string;
218
161
  icon: string;
219
162
  };
220
- tertiary: {
163
+ };
164
+ rounded: {
165
+ true: {
221
166
  container: string;
222
- loading: string;
223
- text: string;
224
- icon: string;
225
167
  };
226
- danger: {
168
+ false: {
227
169
  container: string;
228
- loading: string;
229
- text: string;
230
- icon: string;
231
170
  };
232
- link: {
171
+ };
172
+ vertical: {
173
+ true: {
233
174
  container: string;
234
- loading: string;
235
175
  text: string;
236
176
  icon: string;
237
177
  };
238
- table: {
178
+ false: {
239
179
  container: string;
240
- loading: string;
241
- text: string;
242
- icon: string;
243
- };
244
- };
245
- size: {
246
- medium: {
247
- container: string;
248
- icon: string;
249
- };
250
- small: {
251
- container: string;
252
- text: string;
253
- icon: string;
254
180
  };
255
181
  };
256
182
  disabled: {
@@ -312,74 +238,14 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
312
238
  text: string;
313
239
  icon: string;
314
240
  };
315
- };
316
- size: {
317
- medium: {
318
- container: string;
319
- icon: string;
320
- };
321
- small: {
322
- container: string;
323
- text: string;
324
- icon: string;
325
- };
326
- };
327
- disabled: {
328
- true: {
329
- container: string;
330
- text: string;
331
- icon: string;
332
- loading: string;
333
- };
334
- false: string;
335
- };
336
- loading: {
337
- true: {
338
- text: string;
339
- icon: string;
340
- };
341
- false: string;
342
- };
343
- }, {
344
- container: string;
345
- icon: string;
346
- text: string;
347
- loading: string;
348
- }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
349
- appearance: {
350
- primary: {
351
- container: string;
352
- loading: string;
353
- text: string;
354
- icon: string;
355
- };
356
- secondary: {
241
+ ai: {
357
242
  container: string;
358
243
  loading: string;
359
244
  text: string;
360
245
  icon: string;
361
246
  };
362
- tertiary: {
247
+ 'ai-outline': {
363
248
  container: string;
364
- loading: string;
365
- text: string;
366
- icon: string;
367
- };
368
- danger: {
369
- container: string;
370
- loading: string;
371
- text: string;
372
- icon: string;
373
- };
374
- link: {
375
- container: string;
376
- loading: string;
377
- text: string;
378
- icon: string;
379
- };
380
- table: {
381
- container: string;
382
- loading: string;
383
249
  text: string;
384
250
  icon: string;
385
251
  };
@@ -395,70 +261,22 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
395
261
  icon: string;
396
262
  };
397
263
  };
398
- disabled: {
264
+ rounded: {
399
265
  true: {
400
266
  container: string;
401
- text: string;
402
- icon: string;
403
- loading: string;
404
- };
405
- false: string;
406
- };
407
- loading: {
408
- true: {
409
- text: string;
410
- icon: string;
411
267
  };
412
- false: string;
413
- };
414
- }, {
415
- appearance: {
416
- primary: {
268
+ false: {
417
269
  container: string;
418
- loading: string;
419
- text: string;
420
- icon: string;
421
- };
422
- secondary: {
423
- container: string;
424
- loading: string;
425
- text: string;
426
- icon: string;
427
- };
428
- tertiary: {
429
- container: string;
430
- loading: string;
431
- text: string;
432
- icon: string;
433
- };
434
- danger: {
435
- container: string;
436
- loading: string;
437
- text: string;
438
- icon: string;
439
- };
440
- link: {
441
- container: string;
442
- loading: string;
443
- text: string;
444
- icon: string;
445
- };
446
- table: {
447
- container: string;
448
- loading: string;
449
- text: string;
450
- icon: string;
451
270
  };
452
271
  };
453
- size: {
454
- medium: {
272
+ vertical: {
273
+ true: {
455
274
  container: string;
275
+ text: string;
456
276
  icon: string;
457
277
  };
458
- small: {
278
+ false: {
459
279
  container: string;
460
- text: string;
461
- icon: string;
462
280
  };
463
281
  };
464
282
  disabled: {
@@ -477,7 +295,12 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
477
295
  };
478
296
  false: string;
479
297
  };
480
- }>, unknown, unknown, undefined>>;
298
+ }, {
299
+ container: string;
300
+ icon: string;
301
+ text: string;
302
+ loading: string;
303
+ }, undefined, unknown, unknown, undefined>>;
481
304
  export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
482
305
  asChild?: boolean;
483
306
  icon?: React.ElementType;
@@ -521,87 +344,45 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
521
344
  text: string;
522
345
  icon: string;
523
346
  };
524
- };
525
- size: {
526
- medium: {
527
- container: string;
528
- icon: string;
529
- };
530
- small: {
531
- container: string;
532
- text: string;
533
- icon: string;
534
- };
535
- };
536
- disabled: {
537
- true: {
538
- container: string;
539
- text: string;
540
- icon: string;
541
- loading: string;
542
- };
543
- false: string;
544
- };
545
- loading: {
546
- true: {
547
- text: string;
548
- icon: string;
549
- };
550
- false: string;
551
- };
552
- }, {
553
- container: string;
554
- icon: string;
555
- text: string;
556
- loading: string;
557
- }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
558
- appearance: {
559
- primary: {
347
+ ai: {
560
348
  container: string;
561
349
  loading: string;
562
350
  text: string;
563
351
  icon: string;
564
352
  };
565
- secondary: {
353
+ 'ai-outline': {
566
354
  container: string;
567
- loading: string;
568
355
  text: string;
569
356
  icon: string;
570
357
  };
571
- tertiary: {
358
+ };
359
+ size: {
360
+ medium: {
572
361
  container: string;
573
- loading: string;
574
- text: string;
575
362
  icon: string;
576
363
  };
577
- danger: {
364
+ small: {
578
365
  container: string;
579
- loading: string;
580
366
  text: string;
581
367
  icon: string;
582
368
  };
583
- link: {
369
+ };
370
+ rounded: {
371
+ true: {
584
372
  container: string;
585
- loading: string;
586
- text: string;
587
- icon: string;
588
373
  };
589
- table: {
374
+ false: {
590
375
  container: string;
591
- loading: string;
592
- text: string;
593
- icon: string;
594
376
  };
595
377
  };
596
- size: {
597
- medium: {
378
+ vertical: {
379
+ true: {
598
380
  container: string;
381
+ text: string;
599
382
  icon: string;
600
383
  };
601
- small: {
384
+ false: {
602
385
  container: string;
603
- text: string;
604
- icon: string;
605
386
  };
606
387
  };
607
388
  disabled: {
@@ -621,6 +402,11 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
621
402
  false: string;
622
403
  };
623
404
  }, {
405
+ container: string;
406
+ icon: string;
407
+ text: string;
408
+ loading: string;
409
+ }, undefined, {
624
410
  appearance: {
625
411
  primary: {
626
412
  container: string;
@@ -658,82 +444,45 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
658
444
  text: string;
659
445
  icon: string;
660
446
  };
661
- };
662
- size: {
663
- medium: {
664
- container: string;
665
- icon: string;
666
- };
667
- small: {
447
+ ai: {
668
448
  container: string;
449
+ loading: string;
669
450
  text: string;
670
451
  icon: string;
671
452
  };
672
- };
673
- disabled: {
674
- true: {
453
+ 'ai-outline': {
675
454
  container: string;
676
455
  text: string;
677
456
  icon: string;
678
- loading: string;
679
457
  };
680
- false: string;
681
458
  };
682
- loading: {
683
- true: {
684
- text: string;
685
- icon: string;
686
- };
687
- false: string;
688
- };
689
- }>, {
690
- appearance: {
691
- primary: {
459
+ size: {
460
+ medium: {
692
461
  container: string;
693
- loading: string;
694
- text: string;
695
462
  icon: string;
696
463
  };
697
- secondary: {
464
+ small: {
698
465
  container: string;
699
- loading: string;
700
466
  text: string;
701
467
  icon: string;
702
468
  };
703
- tertiary: {
469
+ };
470
+ rounded: {
471
+ true: {
704
472
  container: string;
705
- loading: string;
706
- text: string;
707
- icon: string;
708
473
  };
709
- danger: {
474
+ false: {
710
475
  container: string;
711
- loading: string;
712
- text: string;
713
- icon: string;
714
476
  };
715
- link: {
477
+ };
478
+ vertical: {
479
+ true: {
716
480
  container: string;
717
- loading: string;
718
481
  text: string;
719
482
  icon: string;
720
483
  };
721
- table: {
484
+ false: {
722
485
  container: string;
723
- loading: string;
724
- text: string;
725
- icon: string;
726
- };
727
- };
728
- size: {
729
- medium: {
730
- container: string;
731
- icon: string;
732
- };
733
- small: {
734
- container: string;
735
- text: string;
736
- icon: string;
737
486
  };
738
487
  };
739
488
  disabled: {
@@ -795,74 +544,14 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
795
544
  text: string;
796
545
  icon: string;
797
546
  };
798
- };
799
- size: {
800
- medium: {
801
- container: string;
802
- icon: string;
803
- };
804
- small: {
805
- container: string;
806
- text: string;
807
- icon: string;
808
- };
809
- };
810
- disabled: {
811
- true: {
812
- container: string;
813
- text: string;
814
- icon: string;
815
- loading: string;
816
- };
817
- false: string;
818
- };
819
- loading: {
820
- true: {
821
- text: string;
822
- icon: string;
823
- };
824
- false: string;
825
- };
826
- }, {
827
- container: string;
828
- icon: string;
829
- text: string;
830
- loading: string;
831
- }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
832
- appearance: {
833
- primary: {
834
- container: string;
835
- loading: string;
836
- text: string;
837
- icon: string;
838
- };
839
- secondary: {
547
+ ai: {
840
548
  container: string;
841
549
  loading: string;
842
550
  text: string;
843
551
  icon: string;
844
552
  };
845
- tertiary: {
553
+ 'ai-outline': {
846
554
  container: string;
847
- loading: string;
848
- text: string;
849
- icon: string;
850
- };
851
- danger: {
852
- container: string;
853
- loading: string;
854
- text: string;
855
- icon: string;
856
- };
857
- link: {
858
- container: string;
859
- loading: string;
860
- text: string;
861
- icon: string;
862
- };
863
- table: {
864
- container: string;
865
- loading: string;
866
555
  text: string;
867
556
  icon: string;
868
557
  };
@@ -878,70 +567,22 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
878
567
  icon: string;
879
568
  };
880
569
  };
881
- disabled: {
570
+ rounded: {
882
571
  true: {
883
572
  container: string;
884
- text: string;
885
- icon: string;
886
- loading: string;
887
- };
888
- false: string;
889
- };
890
- loading: {
891
- true: {
892
- text: string;
893
- icon: string;
894
573
  };
895
- false: string;
896
- };
897
- }, {
898
- appearance: {
899
- primary: {
574
+ false: {
900
575
  container: string;
901
- loading: string;
902
- text: string;
903
- icon: string;
904
- };
905
- secondary: {
906
- container: string;
907
- loading: string;
908
- text: string;
909
- icon: string;
910
- };
911
- tertiary: {
912
- container: string;
913
- loading: string;
914
- text: string;
915
- icon: string;
916
- };
917
- danger: {
918
- container: string;
919
- loading: string;
920
- text: string;
921
- icon: string;
922
- };
923
- link: {
924
- container: string;
925
- loading: string;
926
- text: string;
927
- icon: string;
928
- };
929
- table: {
930
- container: string;
931
- loading: string;
932
- text: string;
933
- icon: string;
934
576
  };
935
577
  };
936
- size: {
937
- medium: {
578
+ vertical: {
579
+ true: {
938
580
  container: string;
581
+ text: string;
939
582
  icon: string;
940
583
  };
941
- small: {
584
+ false: {
942
585
  container: string;
943
- text: string;
944
- icon: string;
945
586
  };
946
587
  };
947
588
  disabled: {
@@ -960,7 +601,12 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
960
601
  };
961
602
  false: string;
962
603
  };
963
- }>, unknown, unknown, undefined>>> & {
604
+ }, {
605
+ container: string;
606
+ icon: string;
607
+ text: string;
608
+ loading: string;
609
+ }, undefined, unknown, unknown, undefined>>> & {
964
610
  asChild?: boolean;
965
611
  icon?: React.ElementType;
966
612
  loading?: boolean;