@jameskabz/nextcraft-ui 0.4.0 → 0.5.0
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.
- package/dist/index.cjs +1421 -65
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +223 -1
- package/dist/index.d.ts +223 -1
- package/dist/index.js +1418 -65
- package/dist/index.js.map +1 -1
- package/dist/styles.css +235 -4
- package/package.json +3 -1
package/dist/styles.css
CHANGED
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
--color-black: #000;
|
|
15
15
|
--color-white: #fff;
|
|
16
16
|
--spacing: 0.25rem;
|
|
17
|
+
--container-xs: 20rem;
|
|
17
18
|
--container-sm: 24rem;
|
|
18
19
|
--container-md: 28rem;
|
|
19
|
-
--container-lg: 32rem;
|
|
20
20
|
--container-3xl: 48rem;
|
|
21
21
|
--container-5xl: 64rem;
|
|
22
22
|
--container-6xl: 72rem;
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
--radius-xl: 0.75rem;
|
|
47
47
|
--radius-2xl: 1rem;
|
|
48
48
|
--radius-3xl: 1.5rem;
|
|
49
|
+
--animate-spin: spin 1s linear infinite;
|
|
49
50
|
--blur-sm: 8px;
|
|
50
51
|
--blur-md: 12px;
|
|
51
52
|
--blur-xl: 24px;
|
|
@@ -243,6 +244,9 @@
|
|
|
243
244
|
.top-6 {
|
|
244
245
|
top: calc(var(--spacing) * 6);
|
|
245
246
|
}
|
|
247
|
+
.top-10 {
|
|
248
|
+
top: calc(var(--spacing) * 10);
|
|
249
|
+
}
|
|
246
250
|
.top-full {
|
|
247
251
|
top: 100%;
|
|
248
252
|
}
|
|
@@ -339,6 +343,9 @@
|
|
|
339
343
|
.inline-flex {
|
|
340
344
|
display: inline-flex;
|
|
341
345
|
}
|
|
346
|
+
.table {
|
|
347
|
+
display: table;
|
|
348
|
+
}
|
|
342
349
|
.h-3 {
|
|
343
350
|
height: calc(var(--spacing) * 3);
|
|
344
351
|
}
|
|
@@ -375,6 +382,9 @@
|
|
|
375
382
|
.h-full {
|
|
376
383
|
height: 100%;
|
|
377
384
|
}
|
|
385
|
+
.max-h-\[calc\(100vh-1rem\)\] {
|
|
386
|
+
max-height: calc(100vh - 1rem);
|
|
387
|
+
}
|
|
378
388
|
.min-h-screen {
|
|
379
389
|
min-height: 100vh;
|
|
380
390
|
}
|
|
@@ -402,6 +412,9 @@
|
|
|
402
412
|
.w-40 {
|
|
403
413
|
width: calc(var(--spacing) * 40);
|
|
404
414
|
}
|
|
415
|
+
.w-48 {
|
|
416
|
+
width: calc(var(--spacing) * 48);
|
|
417
|
+
}
|
|
405
418
|
.w-full {
|
|
406
419
|
width: 100%;
|
|
407
420
|
}
|
|
@@ -417,18 +430,21 @@
|
|
|
417
430
|
.max-w-7xl {
|
|
418
431
|
max-width: var(--container-7xl);
|
|
419
432
|
}
|
|
420
|
-
.max-w-lg {
|
|
421
|
-
max-width: var(--container-lg);
|
|
422
|
-
}
|
|
423
433
|
.max-w-md {
|
|
424
434
|
max-width: var(--container-md);
|
|
425
435
|
}
|
|
426
436
|
.max-w-sm {
|
|
427
437
|
max-width: var(--container-sm);
|
|
428
438
|
}
|
|
439
|
+
.max-w-xs {
|
|
440
|
+
max-width: var(--container-xs);
|
|
441
|
+
}
|
|
429
442
|
.flex-1 {
|
|
430
443
|
flex: 1;
|
|
431
444
|
}
|
|
445
|
+
.border-collapse {
|
|
446
|
+
border-collapse: collapse;
|
|
447
|
+
}
|
|
432
448
|
.-translate-x-1\/2 {
|
|
433
449
|
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
|
|
434
450
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
@@ -464,6 +480,15 @@
|
|
|
464
480
|
.transform {
|
|
465
481
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
466
482
|
}
|
|
483
|
+
.animate-spin {
|
|
484
|
+
animation: var(--animate-spin);
|
|
485
|
+
}
|
|
486
|
+
.cursor-default {
|
|
487
|
+
cursor: default;
|
|
488
|
+
}
|
|
489
|
+
.cursor-not-allowed {
|
|
490
|
+
cursor: not-allowed;
|
|
491
|
+
}
|
|
467
492
|
.cursor-pointer {
|
|
468
493
|
cursor: pointer;
|
|
469
494
|
}
|
|
@@ -546,6 +571,13 @@
|
|
|
546
571
|
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
|
|
547
572
|
}
|
|
548
573
|
}
|
|
574
|
+
.space-y-5 {
|
|
575
|
+
:where(& > :not(:last-child)) {
|
|
576
|
+
--tw-space-y-reverse: 0;
|
|
577
|
+
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
|
|
578
|
+
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
|
|
579
|
+
}
|
|
580
|
+
}
|
|
549
581
|
.space-y-6 {
|
|
550
582
|
:where(& > :not(:last-child)) {
|
|
551
583
|
--tw-space-y-reverse: 0;
|
|
@@ -627,15 +659,24 @@
|
|
|
627
659
|
.border-\[rgb\(var\(--nc-accent-1\)\/0\.3\)\] {
|
|
628
660
|
border-color: rgb(var(--nc-accent-1)/0.3);
|
|
629
661
|
}
|
|
662
|
+
.border-\[rgb\(var\(--nc-accent-1\)\/0\.6\)\] {
|
|
663
|
+
border-color: rgb(var(--nc-accent-1)/0.6);
|
|
664
|
+
}
|
|
630
665
|
.border-\[rgb\(var\(--nc-border\)\/0\.3\)\] {
|
|
631
666
|
border-color: rgb(var(--nc-border)/0.3);
|
|
632
667
|
}
|
|
668
|
+
.border-\[rgb\(var\(--nc-border\)\/0\.15\)\] {
|
|
669
|
+
border-color: rgb(var(--nc-border)/0.15);
|
|
670
|
+
}
|
|
633
671
|
.border-\[rgb\(var\(--nc-border\)\/0\.35\)\] {
|
|
634
672
|
border-color: rgb(var(--nc-border)/0.35);
|
|
635
673
|
}
|
|
636
674
|
.border-\[rgb\(var\(--nc-border\)\/0\.45\)\] {
|
|
637
675
|
border-color: rgb(var(--nc-border)/0.45);
|
|
638
676
|
}
|
|
677
|
+
.border-\[rgb\(var\(--nc-fg-muted\)\)\] {
|
|
678
|
+
border-color: rgb(var(--nc-fg-muted));
|
|
679
|
+
}
|
|
639
680
|
.border-amber-400\/40 {
|
|
640
681
|
border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 40%, transparent);
|
|
641
682
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -663,6 +704,18 @@
|
|
|
663
704
|
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
|
|
664
705
|
}
|
|
665
706
|
}
|
|
707
|
+
.border-white\/60 {
|
|
708
|
+
border-color: color-mix(in srgb, #fff 60%, transparent);
|
|
709
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
710
|
+
border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
|
|
711
|
+
}
|
|
712
|
+
}
|
|
713
|
+
.border-t-transparent {
|
|
714
|
+
border-top-color: transparent;
|
|
715
|
+
}
|
|
716
|
+
.border-t-white {
|
|
717
|
+
border-top-color: var(--color-white);
|
|
718
|
+
}
|
|
666
719
|
.bg-\[color\:rgb\(var\(--nc-accent-1\)\)\] {
|
|
667
720
|
background-color: rgb(var(--nc-accent-1));
|
|
668
721
|
}
|
|
@@ -681,18 +734,27 @@
|
|
|
681
734
|
.bg-\[rgb\(var\(--nc-accent-1\)\/0\.3\)\] {
|
|
682
735
|
background-color: rgb(var(--nc-accent-1)/0.3);
|
|
683
736
|
}
|
|
737
|
+
.bg-\[rgb\(var\(--nc-accent-1\)\/0\.08\)\] {
|
|
738
|
+
background-color: rgb(var(--nc-accent-1)/0.08);
|
|
739
|
+
}
|
|
684
740
|
.bg-\[rgb\(var\(--nc-accent-1\)\/0\.25\)\] {
|
|
685
741
|
background-color: rgb(var(--nc-accent-1)/0.25);
|
|
686
742
|
}
|
|
687
743
|
.bg-\[rgb\(var\(--nc-accent-1\)\/0\.65\)\] {
|
|
688
744
|
background-color: rgb(var(--nc-accent-1)/0.65);
|
|
689
745
|
}
|
|
746
|
+
.bg-\[rgb\(var\(--nc-surface\)\/0\.2\)\] {
|
|
747
|
+
background-color: rgb(var(--nc-surface)/0.2);
|
|
748
|
+
}
|
|
690
749
|
.bg-\[rgb\(var\(--nc-surface\)\/0\.08\)\] {
|
|
691
750
|
background-color: rgb(var(--nc-surface)/0.08);
|
|
692
751
|
}
|
|
693
752
|
.bg-\[rgb\(var\(--nc-surface\)\/0\.12\)\] {
|
|
694
753
|
background-color: rgb(var(--nc-surface)/0.12);
|
|
695
754
|
}
|
|
755
|
+
.bg-\[rgb\(var\(--nc-surface\)\/0\.18\)\] {
|
|
756
|
+
background-color: rgb(var(--nc-surface)/0.18);
|
|
757
|
+
}
|
|
696
758
|
.bg-\[rgb\(var\(--nc-surface\)\/1\.52\)\] {
|
|
697
759
|
background-color: rgb(var(--nc-surface)/1.52);
|
|
698
760
|
}
|
|
@@ -780,6 +842,9 @@
|
|
|
780
842
|
.p-2 {
|
|
781
843
|
padding: calc(var(--spacing) * 2);
|
|
782
844
|
}
|
|
845
|
+
.p-3 {
|
|
846
|
+
padding: calc(var(--spacing) * 3);
|
|
847
|
+
}
|
|
783
848
|
.p-4 {
|
|
784
849
|
padding: calc(var(--spacing) * 4);
|
|
785
850
|
}
|
|
@@ -792,6 +857,9 @@
|
|
|
792
857
|
.p-12 {
|
|
793
858
|
padding: calc(var(--spacing) * 12);
|
|
794
859
|
}
|
|
860
|
+
.px-2 {
|
|
861
|
+
padding-inline: calc(var(--spacing) * 2);
|
|
862
|
+
}
|
|
795
863
|
.px-3 {
|
|
796
864
|
padding-inline: calc(var(--spacing) * 3);
|
|
797
865
|
}
|
|
@@ -822,6 +890,9 @@
|
|
|
822
890
|
.py-8 {
|
|
823
891
|
padding-block: calc(var(--spacing) * 8);
|
|
824
892
|
}
|
|
893
|
+
.py-10 {
|
|
894
|
+
padding-block: calc(var(--spacing) * 10);
|
|
895
|
+
}
|
|
825
896
|
.py-16 {
|
|
826
897
|
padding-block: calc(var(--spacing) * 16);
|
|
827
898
|
}
|
|
@@ -846,6 +917,9 @@
|
|
|
846
917
|
.text-left {
|
|
847
918
|
text-align: left;
|
|
848
919
|
}
|
|
920
|
+
.text-right {
|
|
921
|
+
text-align: right;
|
|
922
|
+
}
|
|
849
923
|
.text-2xl {
|
|
850
924
|
font-size: var(--text-2xl);
|
|
851
925
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
@@ -890,6 +964,10 @@
|
|
|
890
964
|
--tw-font-weight: var(--font-weight-semibold);
|
|
891
965
|
font-weight: var(--font-weight-semibold);
|
|
892
966
|
}
|
|
967
|
+
.tracking-\[0\.2em\] {
|
|
968
|
+
--tw-tracking: 0.2em;
|
|
969
|
+
letter-spacing: 0.2em;
|
|
970
|
+
}
|
|
893
971
|
.tracking-wide {
|
|
894
972
|
--tw-tracking: var(--tracking-wide);
|
|
895
973
|
letter-spacing: var(--tracking-wide);
|
|
@@ -903,6 +981,9 @@
|
|
|
903
981
|
.text-\[rgb\(var\(--nc-accent-1\)\)\] {
|
|
904
982
|
color: rgb(var(--nc-accent-1));
|
|
905
983
|
}
|
|
984
|
+
.text-\[rgb\(var\(--nc-accent-3\)\)\] {
|
|
985
|
+
color: rgb(var(--nc-accent-3));
|
|
986
|
+
}
|
|
906
987
|
.text-\[rgb\(var\(--nc-accent-soft\)\)\] {
|
|
907
988
|
color: rgb(var(--nc-accent-soft));
|
|
908
989
|
}
|
|
@@ -939,6 +1020,12 @@
|
|
|
939
1020
|
.text-white {
|
|
940
1021
|
color: var(--color-white);
|
|
941
1022
|
}
|
|
1023
|
+
.text-white\/60 {
|
|
1024
|
+
color: color-mix(in srgb, #fff 60%, transparent);
|
|
1025
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1026
|
+
color: color-mix(in oklab, var(--color-white) 60%, transparent);
|
|
1027
|
+
}
|
|
1028
|
+
}
|
|
942
1029
|
.text-white\/80 {
|
|
943
1030
|
color: color-mix(in srgb, #fff 80%, transparent);
|
|
944
1031
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -952,12 +1039,18 @@
|
|
|
952
1039
|
-webkit-font-smoothing: antialiased;
|
|
953
1040
|
-moz-osx-font-smoothing: grayscale;
|
|
954
1041
|
}
|
|
1042
|
+
.accent-\[rgb\(var\(--nc-accent-1\)\)\] {
|
|
1043
|
+
accent-color: rgb(var(--nc-accent-1));
|
|
1044
|
+
}
|
|
955
1045
|
.opacity-0 {
|
|
956
1046
|
opacity: 0%;
|
|
957
1047
|
}
|
|
958
1048
|
.opacity-40 {
|
|
959
1049
|
opacity: 40%;
|
|
960
1050
|
}
|
|
1051
|
+
.opacity-50 {
|
|
1052
|
+
opacity: 50%;
|
|
1053
|
+
}
|
|
961
1054
|
.opacity-60 {
|
|
962
1055
|
opacity: 60%;
|
|
963
1056
|
}
|
|
@@ -976,6 +1069,10 @@
|
|
|
976
1069
|
--tw-shadow: 0 10px 20px var(--tw-shadow-color, rgb(var(--nc-accent-1)/0.35));
|
|
977
1070
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
978
1071
|
}
|
|
1072
|
+
.shadow-\[0_12px_30px_rgb\(var\(--nc-accent-1\)\/0\.35\)\] {
|
|
1073
|
+
--tw-shadow: 0 12px 30px var(--tw-shadow-color, rgb(var(--nc-accent-1)/0.35));
|
|
1074
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1075
|
+
}
|
|
979
1076
|
.shadow-\[0_12px_30px_rgb\(var\(--nc-accent-1\)\/0\.45\)\] {
|
|
980
1077
|
--tw-shadow: 0 12px 30px var(--tw-shadow-color, rgb(var(--nc-accent-1)/0.45));
|
|
981
1078
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -984,6 +1081,14 @@
|
|
|
984
1081
|
--tw-shadow: 0 12px 30px var(--tw-shadow-color, rgb(var(--nc-accent-2)/0.45));
|
|
985
1082
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
986
1083
|
}
|
|
1084
|
+
.shadow-\[0_12px_30px_rgba\(0\,0\,0\,0\.35\)\] {
|
|
1085
|
+
--tw-shadow: 0 12px 30px var(--tw-shadow-color, rgba(0,0,0,0.35));
|
|
1086
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1087
|
+
}
|
|
1088
|
+
.shadow-\[0_12px_36px_rgba\(0\,0\,0\,0\.2\)\] {
|
|
1089
|
+
--tw-shadow: 0 12px 36px var(--tw-shadow-color, rgba(0,0,0,0.2));
|
|
1090
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1091
|
+
}
|
|
987
1092
|
.shadow-\[0_15px_35px_rgba\(0\,0\,0\,0\.35\)\] {
|
|
988
1093
|
--tw-shadow: 0 15px 35px var(--tw-shadow-color, rgba(0,0,0,0.35));
|
|
989
1094
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -996,6 +1101,10 @@
|
|
|
996
1101
|
--tw-shadow: 0 18px 40px var(--tw-shadow-color, rgba(0,0,0,0.35));
|
|
997
1102
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
998
1103
|
}
|
|
1104
|
+
.shadow-\[0_18px_50px_rgba\(0\,0\,0\,0\.35\)\] {
|
|
1105
|
+
--tw-shadow: 0 18px 50px var(--tw-shadow-color, rgba(0,0,0,0.35));
|
|
1106
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1107
|
+
}
|
|
999
1108
|
.shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.45\)\] {
|
|
1000
1109
|
--tw-shadow: 0 20px 60px var(--tw-shadow-color, rgba(0,0,0,0.45));
|
|
1001
1110
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -1028,6 +1137,9 @@
|
|
|
1028
1137
|
--tw-blur: blur(8px);
|
|
1029
1138
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
1030
1139
|
}
|
|
1140
|
+
.filter {
|
|
1141
|
+
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
1142
|
+
}
|
|
1031
1143
|
.backdrop-blur-2xl {
|
|
1032
1144
|
--tw-backdrop-blur: blur(var(--blur-2xl));
|
|
1033
1145
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
@@ -1117,6 +1229,54 @@
|
|
|
1117
1229
|
--tw-ring-color: rgb(var(--nc-accent-1)/0.5);
|
|
1118
1230
|
}
|
|
1119
1231
|
}
|
|
1232
|
+
.file\:mr-4 {
|
|
1233
|
+
&::file-selector-button {
|
|
1234
|
+
margin-right: calc(var(--spacing) * 4);
|
|
1235
|
+
}
|
|
1236
|
+
}
|
|
1237
|
+
.file\:rounded-xl {
|
|
1238
|
+
&::file-selector-button {
|
|
1239
|
+
border-radius: var(--radius-xl);
|
|
1240
|
+
}
|
|
1241
|
+
}
|
|
1242
|
+
.file\:border-0 {
|
|
1243
|
+
&::file-selector-button {
|
|
1244
|
+
border-style: var(--tw-border-style);
|
|
1245
|
+
border-width: 0px;
|
|
1246
|
+
}
|
|
1247
|
+
}
|
|
1248
|
+
.file\:bg-\[rgb\(var\(--nc-surface\)\/0\.35\)\] {
|
|
1249
|
+
&::file-selector-button {
|
|
1250
|
+
background-color: rgb(var(--nc-surface)/0.35);
|
|
1251
|
+
}
|
|
1252
|
+
}
|
|
1253
|
+
.file\:px-4 {
|
|
1254
|
+
&::file-selector-button {
|
|
1255
|
+
padding-inline: calc(var(--spacing) * 4);
|
|
1256
|
+
}
|
|
1257
|
+
}
|
|
1258
|
+
.file\:py-2 {
|
|
1259
|
+
&::file-selector-button {
|
|
1260
|
+
padding-block: calc(var(--spacing) * 2);
|
|
1261
|
+
}
|
|
1262
|
+
}
|
|
1263
|
+
.file\:text-sm {
|
|
1264
|
+
&::file-selector-button {
|
|
1265
|
+
font-size: var(--text-sm);
|
|
1266
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
1267
|
+
}
|
|
1268
|
+
}
|
|
1269
|
+
.file\:font-semibold {
|
|
1270
|
+
&::file-selector-button {
|
|
1271
|
+
--tw-font-weight: var(--font-weight-semibold);
|
|
1272
|
+
font-weight: var(--font-weight-semibold);
|
|
1273
|
+
}
|
|
1274
|
+
}
|
|
1275
|
+
.file\:text-\[rgb\(var\(--nc-fg\)\)\] {
|
|
1276
|
+
&::file-selector-button {
|
|
1277
|
+
color: rgb(var(--nc-fg));
|
|
1278
|
+
}
|
|
1279
|
+
}
|
|
1120
1280
|
.placeholder\:text-\[rgb\(var\(--nc-fg-soft\)\)\] {
|
|
1121
1281
|
&::placeholder {
|
|
1122
1282
|
color: rgb(var(--nc-fg-soft));
|
|
@@ -1299,6 +1459,17 @@
|
|
|
1299
1459
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
1300
1460
|
}
|
|
1301
1461
|
}
|
|
1462
|
+
.focus-within\:ring-2 {
|
|
1463
|
+
&:focus-within {
|
|
1464
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1465
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1466
|
+
}
|
|
1467
|
+
}
|
|
1468
|
+
.focus-within\:ring-\[rgb\(var\(--nc-accent-1\)\/0\.5\)\] {
|
|
1469
|
+
&:focus-within {
|
|
1470
|
+
--tw-ring-color: rgb(var(--nc-accent-1)/0.5);
|
|
1471
|
+
}
|
|
1472
|
+
}
|
|
1302
1473
|
.hover\:scale-\[1\.01\] {
|
|
1303
1474
|
&:hover {
|
|
1304
1475
|
@media (hover: hover) {
|
|
@@ -1341,6 +1512,13 @@
|
|
|
1341
1512
|
}
|
|
1342
1513
|
}
|
|
1343
1514
|
}
|
|
1515
|
+
.hover\:bg-\[rgb\(var\(--nc-surface\)\/0\.2\)\] {
|
|
1516
|
+
&:hover {
|
|
1517
|
+
@media (hover: hover) {
|
|
1518
|
+
background-color: rgb(var(--nc-surface)/0.2);
|
|
1519
|
+
}
|
|
1520
|
+
}
|
|
1521
|
+
}
|
|
1344
1522
|
.hover\:bg-\[rgb\(var\(--nc-surface\)\/0\.12\)\] {
|
|
1345
1523
|
&:hover {
|
|
1346
1524
|
@media (hover: hover) {
|
|
@@ -1380,6 +1558,14 @@
|
|
|
1380
1558
|
}
|
|
1381
1559
|
}
|
|
1382
1560
|
}
|
|
1561
|
+
.hover\:shadow-\[0_16px_36px_rgb\(var\(--nc-accent-1\)\/0\.5\)\] {
|
|
1562
|
+
&:hover {
|
|
1563
|
+
@media (hover: hover) {
|
|
1564
|
+
--tw-shadow: 0 16px 36px var(--tw-shadow-color, rgb(var(--nc-accent-1)/0.5));
|
|
1565
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1566
|
+
}
|
|
1567
|
+
}
|
|
1568
|
+
}
|
|
1383
1569
|
.hover\:shadow-\[0_16px_36px_rgb\(var\(--nc-accent-1\)\/0\.6\)\] {
|
|
1384
1570
|
&:hover {
|
|
1385
1571
|
@media (hover: hover) {
|
|
@@ -1488,6 +1674,11 @@
|
|
|
1488
1674
|
opacity: 50%;
|
|
1489
1675
|
}
|
|
1490
1676
|
}
|
|
1677
|
+
.disabled\:opacity-60 {
|
|
1678
|
+
&:disabled {
|
|
1679
|
+
opacity: 60%;
|
|
1680
|
+
}
|
|
1681
|
+
}
|
|
1491
1682
|
.disabled\:hover\:scale-100 {
|
|
1492
1683
|
&:disabled {
|
|
1493
1684
|
&:hover {
|
|
@@ -1520,11 +1711,36 @@
|
|
|
1520
1711
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1521
1712
|
}
|
|
1522
1713
|
}
|
|
1714
|
+
.md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
|
|
1715
|
+
@media (width >= 48rem) {
|
|
1716
|
+
grid-template-columns: minmax(0,1fr) auto;
|
|
1717
|
+
}
|
|
1718
|
+
}
|
|
1719
|
+
.lg\:sticky {
|
|
1720
|
+
@media (width >= 64rem) {
|
|
1721
|
+
position: sticky;
|
|
1722
|
+
}
|
|
1723
|
+
}
|
|
1724
|
+
.lg\:top-6 {
|
|
1725
|
+
@media (width >= 64rem) {
|
|
1726
|
+
top: calc(var(--spacing) * 6);
|
|
1727
|
+
}
|
|
1728
|
+
}
|
|
1729
|
+
.lg\:z-20 {
|
|
1730
|
+
@media (width >= 64rem) {
|
|
1731
|
+
z-index: 20;
|
|
1732
|
+
}
|
|
1733
|
+
}
|
|
1523
1734
|
.lg\:flex {
|
|
1524
1735
|
@media (width >= 64rem) {
|
|
1525
1736
|
display: flex;
|
|
1526
1737
|
}
|
|
1527
1738
|
}
|
|
1739
|
+
.lg\:max-h-\[calc\(100vh-3rem\)\] {
|
|
1740
|
+
@media (width >= 64rem) {
|
|
1741
|
+
max-height: calc(100vh - 3rem);
|
|
1742
|
+
}
|
|
1743
|
+
}
|
|
1528
1744
|
.lg\:grid-cols-3 {
|
|
1529
1745
|
@media (width >= 64rem) {
|
|
1530
1746
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
@@ -1560,6 +1776,16 @@
|
|
|
1560
1776
|
grid-template-columns: 260px 1fr;
|
|
1561
1777
|
}
|
|
1562
1778
|
}
|
|
1779
|
+
.lg\:self-start {
|
|
1780
|
+
@media (width >= 64rem) {
|
|
1781
|
+
align-self: flex-start;
|
|
1782
|
+
}
|
|
1783
|
+
}
|
|
1784
|
+
.lg\:overflow-y-auto {
|
|
1785
|
+
@media (width >= 64rem) {
|
|
1786
|
+
overflow-y: auto;
|
|
1787
|
+
}
|
|
1788
|
+
}
|
|
1563
1789
|
.lg\:px-8 {
|
|
1564
1790
|
@media (width >= 64rem) {
|
|
1565
1791
|
padding-inline: calc(var(--spacing) * 8);
|
|
@@ -1937,6 +2163,11 @@ body {
|
|
|
1937
2163
|
inherits: false;
|
|
1938
2164
|
initial-value: 1;
|
|
1939
2165
|
}
|
|
2166
|
+
@keyframes spin {
|
|
2167
|
+
to {
|
|
2168
|
+
transform: rotate(360deg);
|
|
2169
|
+
}
|
|
2170
|
+
}
|
|
1940
2171
|
@layer properties {
|
|
1941
2172
|
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
1942
2173
|
*, ::before, ::after, ::backdrop {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jameskabz/nextcraft-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"description": "Next.js + Tailwind UI components with a bold, crafted aesthetic.",
|
|
5
5
|
"private": false,
|
|
6
6
|
"license": "MIT",
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
"next": "^16.1.4",
|
|
49
49
|
"react": "^19.2.3",
|
|
50
50
|
"react-dom": "^19.2.3",
|
|
51
|
+
"react-hook-form": "^7.71.1",
|
|
51
52
|
"tailwindcss": "^4"
|
|
52
53
|
},
|
|
53
54
|
"devDependencies": {
|
|
@@ -62,6 +63,7 @@
|
|
|
62
63
|
"next": "16.1.4",
|
|
63
64
|
"react": "19.2.3",
|
|
64
65
|
"react-dom": "19.2.3",
|
|
66
|
+
"react-hook-form": "^7.71.1",
|
|
65
67
|
"tailwindcss": "^4",
|
|
66
68
|
"tsup": "^8.5.0",
|
|
67
69
|
"typescript": "^5"
|