@nextui-org/theme 2.1.3 → 2.1.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 (48) hide show
  1. package/dist/{chunk-FZZINZOQ.mjs → chunk-ER6JQ3OQ.mjs} +21 -4
  2. package/dist/{chunk-PBGVMEDL.mjs → chunk-PJV3MWBL.mjs} +24 -8
  3. package/dist/{chunk-NVPBHMUQ.mjs → chunk-X3O5NF4F.mjs} +4 -7
  4. package/dist/components/accordion.d.ts +153 -2
  5. package/dist/components/avatar.d.ts +227 -2
  6. package/dist/components/badge.d.ts +199 -1
  7. package/dist/components/button.d.ts +155 -2
  8. package/dist/components/card.d.ts +225 -1
  9. package/dist/components/checkbox.d.ts +250 -2
  10. package/dist/components/chip.d.ts +304 -1
  11. package/dist/components/circular-progress.d.ts +171 -1
  12. package/dist/components/code.d.ts +64 -1
  13. package/dist/components/divider.d.ts +16 -1
  14. package/dist/components/drip.d.ts +1 -1
  15. package/dist/components/dropdown.d.ts +135 -4
  16. package/dist/components/image.d.ts +141 -1
  17. package/dist/components/index.js +49 -19
  18. package/dist/components/index.mjs +3 -3
  19. package/dist/components/input.d.ts +386 -20
  20. package/dist/components/input.js +24 -8
  21. package/dist/components/input.mjs +1 -1
  22. package/dist/components/kbd.d.ts +5 -1
  23. package/dist/components/link.d.ts +94 -1
  24. package/dist/components/menu.d.ts +152 -3
  25. package/dist/components/modal.d.ts +315 -1
  26. package/dist/components/navbar.d.ts +174 -1
  27. package/dist/components/pagination.d.ts +239 -1
  28. package/dist/components/pagination.js +21 -4
  29. package/dist/components/pagination.mjs +1 -1
  30. package/dist/components/popover.d.ts +276 -1
  31. package/dist/components/progress.d.ts +91 -1
  32. package/dist/components/radio.d.ts +231 -2
  33. package/dist/components/scroll-shadow.d.ts +28 -1
  34. package/dist/components/select.d.ts +390 -17
  35. package/dist/components/select.js +4 -7
  36. package/dist/components/select.mjs +1 -1
  37. package/dist/components/skeleton.d.ts +37 -1
  38. package/dist/components/snippet.d.ts +165 -1
  39. package/dist/components/spacer.d.ts +16 -1
  40. package/dist/components/spinner.d.ts +232 -1
  41. package/dist/components/table.d.ts +311 -1
  42. package/dist/components/tabs.d.ts +269 -1
  43. package/dist/components/toggle.d.ts +192 -1
  44. package/dist/components/user.d.ts +11 -1
  45. package/dist/index.js +49 -19
  46. package/dist/index.mjs +3 -3
  47. package/dist/types.d.ts +1 -1
  48. package/package.json +2 -2
@@ -61,14 +61,10 @@ declare const select: tailwind_variants.TVReturnType<{
61
61
  outside: {
62
62
  base: string;
63
63
  label: string;
64
- description: string;
65
- errorMessage: string;
66
64
  };
67
65
  "outside-left": {
68
66
  base: string;
69
67
  label: string;
70
- description: string;
71
- errorMessage: string;
72
68
  };
73
69
  inside: {
74
70
  label: string;
@@ -133,6 +129,7 @@ declare const select: tailwind_variants.TVReturnType<{
133
129
  }, {
134
130
  base: string;
135
131
  label: string;
132
+ mainWrapper: string;
136
133
  trigger: string;
137
134
  innerWrapper: string;
138
135
  selectorIcon: string;
@@ -203,14 +200,10 @@ declare const select: tailwind_variants.TVReturnType<{
203
200
  outside: {
204
201
  base: string;
205
202
  label: string;
206
- description: string;
207
- errorMessage: string;
208
203
  };
209
204
  "outside-left": {
210
205
  base: string;
211
206
  label: string;
212
- description: string;
213
- errorMessage: string;
214
207
  };
215
208
  inside: {
216
209
  label: string;
@@ -331,14 +324,10 @@ declare const select: tailwind_variants.TVReturnType<{
331
324
  outside: {
332
325
  base: string;
333
326
  label: string;
334
- description: string;
335
- errorMessage: string;
336
327
  };
337
328
  "outside-left": {
338
329
  base: string;
339
330
  label: string;
340
- description: string;
341
- errorMessage: string;
342
331
  };
343
332
  inside: {
344
333
  label: string;
@@ -459,14 +448,10 @@ declare const select: tailwind_variants.TVReturnType<{
459
448
  outside: {
460
449
  base: string;
461
450
  label: string;
462
- description: string;
463
- errorMessage: string;
464
451
  };
465
452
  "outside-left": {
466
453
  base: string;
467
454
  label: string;
468
- description: string;
469
- errorMessage: string;
470
455
  };
471
456
  inside: {
472
457
  label: string;
@@ -531,6 +516,7 @@ declare const select: tailwind_variants.TVReturnType<{
531
516
  }, {
532
517
  base: string;
533
518
  label: string;
519
+ mainWrapper: string;
534
520
  trigger: string;
535
521
  innerWrapper: string;
536
522
  selectorIcon: string;
@@ -542,7 +528,394 @@ declare const select: tailwind_variants.TVReturnType<{
542
528
  helperWrapper: string;
543
529
  description: string;
544
530
  errorMessage: string;
545
- }>;
531
+ }, tailwind_variants.TVReturnType<{
532
+ variant: {
533
+ flat: {
534
+ trigger: string[];
535
+ };
536
+ faded: {
537
+ trigger: string[];
538
+ };
539
+ bordered: {
540
+ trigger: string[];
541
+ };
542
+ underlined: {
543
+ trigger: string[];
544
+ };
545
+ };
546
+ color: {
547
+ default: {};
548
+ primary: {};
549
+ secondary: {};
550
+ success: {};
551
+ warning: {};
552
+ danger: {};
553
+ };
554
+ size: {
555
+ sm: {
556
+ label: string;
557
+ trigger: string;
558
+ value: string;
559
+ };
560
+ md: {
561
+ trigger: string;
562
+ value: string;
563
+ };
564
+ lg: {
565
+ trigger: string;
566
+ value: string;
567
+ };
568
+ };
569
+ radius: {
570
+ none: {
571
+ trigger: string;
572
+ };
573
+ sm: {
574
+ trigger: string;
575
+ };
576
+ md: {
577
+ trigger: string;
578
+ };
579
+ lg: {
580
+ trigger: string;
581
+ };
582
+ full: {
583
+ trigger: string;
584
+ };
585
+ };
586
+ labelPlacement: {
587
+ outside: {
588
+ base: string;
589
+ label: string;
590
+ };
591
+ "outside-left": {
592
+ base: string;
593
+ label: string;
594
+ };
595
+ inside: {
596
+ label: string;
597
+ trigger: string;
598
+ };
599
+ };
600
+ fullWidth: {
601
+ true: {
602
+ base: string;
603
+ };
604
+ };
605
+ isLabelPlaceholder: {
606
+ true: {
607
+ label: string;
608
+ };
609
+ };
610
+ isDisabled: {
611
+ true: {
612
+ base: string;
613
+ trigger: string;
614
+ };
615
+ };
616
+ isInvalid: {
617
+ true: {
618
+ label: string;
619
+ value: string;
620
+ selectorIcon: string;
621
+ };
622
+ };
623
+ isRequired: {
624
+ true: {
625
+ label: string;
626
+ };
627
+ };
628
+ isMultiline: {
629
+ true: {
630
+ trigger: string;
631
+ };
632
+ false: {
633
+ value: string;
634
+ };
635
+ };
636
+ disableAnimation: {
637
+ true: {
638
+ trigger: string;
639
+ base: string;
640
+ label: string;
641
+ selectorIcon: string;
642
+ };
643
+ false: {
644
+ base: string;
645
+ label: string[];
646
+ selectorIcon: string;
647
+ };
648
+ };
649
+ disableSelectorIconRotation: {
650
+ true: {};
651
+ false: {
652
+ selectorIcon: string;
653
+ };
654
+ };
655
+ }, {
656
+ base: string;
657
+ label: string;
658
+ mainWrapper: string;
659
+ trigger: string;
660
+ innerWrapper: string;
661
+ selectorIcon: string;
662
+ spinner: string;
663
+ value: string;
664
+ listboxWrapper: string;
665
+ listbox: string;
666
+ popover: string;
667
+ helperWrapper: string;
668
+ description: string;
669
+ errorMessage: string;
670
+ }, undefined, tailwind_variants_dist_config.TVConfig<{
671
+ variant: {
672
+ flat: {
673
+ trigger: string[];
674
+ };
675
+ faded: {
676
+ trigger: string[];
677
+ };
678
+ bordered: {
679
+ trigger: string[];
680
+ };
681
+ underlined: {
682
+ trigger: string[];
683
+ };
684
+ };
685
+ color: {
686
+ default: {};
687
+ primary: {};
688
+ secondary: {};
689
+ success: {};
690
+ warning: {};
691
+ danger: {};
692
+ };
693
+ size: {
694
+ sm: {
695
+ label: string;
696
+ trigger: string;
697
+ value: string;
698
+ };
699
+ md: {
700
+ trigger: string;
701
+ value: string;
702
+ };
703
+ lg: {
704
+ trigger: string;
705
+ value: string;
706
+ };
707
+ };
708
+ radius: {
709
+ none: {
710
+ trigger: string;
711
+ };
712
+ sm: {
713
+ trigger: string;
714
+ };
715
+ md: {
716
+ trigger: string;
717
+ };
718
+ lg: {
719
+ trigger: string;
720
+ };
721
+ full: {
722
+ trigger: string;
723
+ };
724
+ };
725
+ labelPlacement: {
726
+ outside: {
727
+ base: string;
728
+ label: string;
729
+ };
730
+ "outside-left": {
731
+ base: string;
732
+ label: string;
733
+ };
734
+ inside: {
735
+ label: string;
736
+ trigger: string;
737
+ };
738
+ };
739
+ fullWidth: {
740
+ true: {
741
+ base: string;
742
+ };
743
+ };
744
+ isLabelPlaceholder: {
745
+ true: {
746
+ label: string;
747
+ };
748
+ };
749
+ isDisabled: {
750
+ true: {
751
+ base: string;
752
+ trigger: string;
753
+ };
754
+ };
755
+ isInvalid: {
756
+ true: {
757
+ label: string;
758
+ value: string;
759
+ selectorIcon: string;
760
+ };
761
+ };
762
+ isRequired: {
763
+ true: {
764
+ label: string;
765
+ };
766
+ };
767
+ isMultiline: {
768
+ true: {
769
+ trigger: string;
770
+ };
771
+ false: {
772
+ value: string;
773
+ };
774
+ };
775
+ disableAnimation: {
776
+ true: {
777
+ trigger: string;
778
+ base: string;
779
+ label: string;
780
+ selectorIcon: string;
781
+ };
782
+ false: {
783
+ base: string;
784
+ label: string[];
785
+ selectorIcon: string;
786
+ };
787
+ };
788
+ disableSelectorIconRotation: {
789
+ true: {};
790
+ false: {
791
+ selectorIcon: string;
792
+ };
793
+ };
794
+ }, {
795
+ variant: {
796
+ flat: {
797
+ trigger: string[];
798
+ };
799
+ faded: {
800
+ trigger: string[];
801
+ };
802
+ bordered: {
803
+ trigger: string[];
804
+ };
805
+ underlined: {
806
+ trigger: string[];
807
+ };
808
+ };
809
+ color: {
810
+ default: {};
811
+ primary: {};
812
+ secondary: {};
813
+ success: {};
814
+ warning: {};
815
+ danger: {};
816
+ };
817
+ size: {
818
+ sm: {
819
+ label: string;
820
+ trigger: string;
821
+ value: string;
822
+ };
823
+ md: {
824
+ trigger: string;
825
+ value: string;
826
+ };
827
+ lg: {
828
+ trigger: string;
829
+ value: string;
830
+ };
831
+ };
832
+ radius: {
833
+ none: {
834
+ trigger: string;
835
+ };
836
+ sm: {
837
+ trigger: string;
838
+ };
839
+ md: {
840
+ trigger: string;
841
+ };
842
+ lg: {
843
+ trigger: string;
844
+ };
845
+ full: {
846
+ trigger: string;
847
+ };
848
+ };
849
+ labelPlacement: {
850
+ outside: {
851
+ base: string;
852
+ label: string;
853
+ };
854
+ "outside-left": {
855
+ base: string;
856
+ label: string;
857
+ };
858
+ inside: {
859
+ label: string;
860
+ trigger: string;
861
+ };
862
+ };
863
+ fullWidth: {
864
+ true: {
865
+ base: string;
866
+ };
867
+ };
868
+ isLabelPlaceholder: {
869
+ true: {
870
+ label: string;
871
+ };
872
+ };
873
+ isDisabled: {
874
+ true: {
875
+ base: string;
876
+ trigger: string;
877
+ };
878
+ };
879
+ isInvalid: {
880
+ true: {
881
+ label: string;
882
+ value: string;
883
+ selectorIcon: string;
884
+ };
885
+ };
886
+ isRequired: {
887
+ true: {
888
+ label: string;
889
+ };
890
+ };
891
+ isMultiline: {
892
+ true: {
893
+ trigger: string;
894
+ };
895
+ false: {
896
+ value: string;
897
+ };
898
+ };
899
+ disableAnimation: {
900
+ true: {
901
+ trigger: string;
902
+ base: string;
903
+ label: string;
904
+ selectorIcon: string;
905
+ };
906
+ false: {
907
+ base: string;
908
+ label: string[];
909
+ selectorIcon: string;
910
+ };
911
+ };
912
+ disableSelectorIconRotation: {
913
+ true: {};
914
+ false: {
915
+ selectorIcon: string;
916
+ };
917
+ };
918
+ }>, unknown, unknown, undefined>>;
546
919
  type SelectVariantProps = VariantProps<typeof select>;
547
920
  type SelectSlots = keyof ReturnType<typeof select>;
548
921
 
@@ -130,6 +130,7 @@ var select = tv({
130
130
  slots: {
131
131
  base: "group inline-flex flex-col relative w-full",
132
132
  label: "block text-small font-medium text-foreground-500 pointer-events-none",
133
+ mainWrapper: "w-full flex flex-col",
133
134
  trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
134
135
  innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
135
136
  selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
@@ -237,15 +238,11 @@ var select = tv({
237
238
  labelPlacement: {
238
239
  outside: {
239
240
  base: "data-[has-helper=true]:pb-4 flex flex-col",
240
- label: "text-foreground pb-1.5",
241
- description: "absolute left-1",
242
- errorMessage: "absolute left-1"
241
+ label: "text-foreground pb-1.5"
243
242
  },
244
243
  "outside-left": {
245
- base: "flex-row items-center flex-nowrap data-[has-helper=true]:pb-4",
246
- label: "text-foreground pr-2",
247
- description: "absolute left-1",
248
- errorMessage: "absolute left-1"
244
+ base: "flex-row items-center flex-nowrap items-start",
245
+ label: "text-foreground pr-2"
249
246
  },
250
247
  inside: {
251
248
  label: "text-tiny cursor-pointer",
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  select
3
- } from "../chunk-NVPBHMUQ.mjs";
3
+ } from "../chunk-X3O5NF4F.mjs";
4
4
  import "../chunk-CMYR6AOY.mjs";
5
5
  import "../chunk-K7LK7NCE.mjs";
6
6
  import "../chunk-2PIR7DFM.mjs";
@@ -62,7 +62,43 @@ declare const skeleton: tailwind_variants.TVReturnType<{
62
62
  }, {
63
63
  base: string[];
64
64
  content: string[];
65
- }>;
65
+ }, tailwind_variants.TVReturnType<{
66
+ disableAnimation: {
67
+ true: {
68
+ base: string;
69
+ content: string;
70
+ };
71
+ false: {
72
+ base: string;
73
+ content: string;
74
+ };
75
+ };
76
+ }, {
77
+ base: string[];
78
+ content: string[];
79
+ }, undefined, tailwind_variants_dist_config.TVConfig<{
80
+ disableAnimation: {
81
+ true: {
82
+ base: string;
83
+ content: string;
84
+ };
85
+ false: {
86
+ base: string;
87
+ content: string;
88
+ };
89
+ };
90
+ }, {
91
+ disableAnimation: {
92
+ true: {
93
+ base: string;
94
+ content: string;
95
+ };
96
+ false: {
97
+ base: string;
98
+ content: string;
99
+ };
100
+ };
101
+ }>, unknown, unknown, undefined>>;
66
102
  type SkeletonVariantProps = VariantProps<typeof skeleton>;
67
103
  type SkeletonSlots = keyof ReturnType<typeof skeleton>;
68
104
 
@@ -244,7 +244,171 @@ declare const snippet: tailwind_variants.TVReturnType<{
244
244
  copyButton: string[];
245
245
  copyIcon: string[];
246
246
  checkIcon: string[];
247
- }>;
247
+ }, tailwind_variants.TVReturnType<{
248
+ variant: {
249
+ flat: "";
250
+ solid: "";
251
+ bordered: "border-medium bg-transparent";
252
+ shadow: "";
253
+ };
254
+ color: {
255
+ default: {};
256
+ primary: {};
257
+ secondary: {};
258
+ success: {};
259
+ warning: {};
260
+ danger: {};
261
+ };
262
+ size: {
263
+ sm: {
264
+ base: string;
265
+ };
266
+ md: {
267
+ base: string;
268
+ };
269
+ lg: {
270
+ base: string;
271
+ };
272
+ };
273
+ radius: {
274
+ none: {
275
+ base: string;
276
+ };
277
+ sm: {
278
+ base: string;
279
+ };
280
+ md: {
281
+ base: string;
282
+ };
283
+ lg: {
284
+ base: string;
285
+ };
286
+ };
287
+ fullWidth: {
288
+ true: {
289
+ base: string;
290
+ };
291
+ };
292
+ disableAnimation: {
293
+ true: {};
294
+ false: {
295
+ copyIcon: string;
296
+ checkIcon: string;
297
+ };
298
+ };
299
+ }, {
300
+ base: string;
301
+ pre: string;
302
+ content: string;
303
+ symbol: string;
304
+ copyButton: string[];
305
+ copyIcon: string[];
306
+ checkIcon: string[];
307
+ }, undefined, tailwind_variants_dist_config.TVConfig<{
308
+ variant: {
309
+ flat: "";
310
+ solid: "";
311
+ bordered: "border-medium bg-transparent";
312
+ shadow: "";
313
+ };
314
+ color: {
315
+ default: {};
316
+ primary: {};
317
+ secondary: {};
318
+ success: {};
319
+ warning: {};
320
+ danger: {};
321
+ };
322
+ size: {
323
+ sm: {
324
+ base: string;
325
+ };
326
+ md: {
327
+ base: string;
328
+ };
329
+ lg: {
330
+ base: string;
331
+ };
332
+ };
333
+ radius: {
334
+ none: {
335
+ base: string;
336
+ };
337
+ sm: {
338
+ base: string;
339
+ };
340
+ md: {
341
+ base: string;
342
+ };
343
+ lg: {
344
+ base: string;
345
+ };
346
+ };
347
+ fullWidth: {
348
+ true: {
349
+ base: string;
350
+ };
351
+ };
352
+ disableAnimation: {
353
+ true: {};
354
+ false: {
355
+ copyIcon: string;
356
+ checkIcon: string;
357
+ };
358
+ };
359
+ }, {
360
+ variant: {
361
+ flat: "";
362
+ solid: "";
363
+ bordered: "border-medium bg-transparent";
364
+ shadow: "";
365
+ };
366
+ color: {
367
+ default: {};
368
+ primary: {};
369
+ secondary: {};
370
+ success: {};
371
+ warning: {};
372
+ danger: {};
373
+ };
374
+ size: {
375
+ sm: {
376
+ base: string;
377
+ };
378
+ md: {
379
+ base: string;
380
+ };
381
+ lg: {
382
+ base: string;
383
+ };
384
+ };
385
+ radius: {
386
+ none: {
387
+ base: string;
388
+ };
389
+ sm: {
390
+ base: string;
391
+ };
392
+ md: {
393
+ base: string;
394
+ };
395
+ lg: {
396
+ base: string;
397
+ };
398
+ };
399
+ fullWidth: {
400
+ true: {
401
+ base: string;
402
+ };
403
+ };
404
+ disableAnimation: {
405
+ true: {};
406
+ false: {
407
+ copyIcon: string;
408
+ checkIcon: string;
409
+ };
410
+ };
411
+ }>, unknown, unknown, undefined>>;
248
412
  type SnippetVariantProps = VariantProps<typeof snippet>;
249
413
  type SnippetSlots = keyof ReturnType<typeof snippet>;
250
414