@agenticindiedev/ui 0.2.1 → 0.2.2
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/README.md +67 -15
- package/dist/index.cjs +7 -7
- package/dist/index.js +227 -224
- package/dist/styles.css +308 -0
- package/package.json +30 -12
package/dist/styles.css
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
12
12
|
--color-red-600: oklch(57.7% 0.245 27.325);
|
|
13
13
|
--color-red-700: oklch(50.5% 0.213 27.518);
|
|
14
|
+
--color-red-800: oklch(44.4% 0.177 26.899);
|
|
14
15
|
--color-yellow-400: oklch(85.2% 0.199 91.936);
|
|
15
16
|
--color-yellow-500: oklch(79.5% 0.184 86.047);
|
|
16
17
|
--color-yellow-600: oklch(68.1% 0.162 75.834);
|
|
@@ -43,14 +44,20 @@
|
|
|
43
44
|
--text-base--line-height: calc(1.5 / 1);
|
|
44
45
|
--text-lg: 1.125rem;
|
|
45
46
|
--text-lg--line-height: calc(1.75 / 1.125);
|
|
47
|
+
--text-2xl: 1.5rem;
|
|
48
|
+
--text-2xl--line-height: calc(2 / 1.5);
|
|
49
|
+
--text-3xl: 1.875rem;
|
|
50
|
+
--text-3xl--line-height: calc(2.25 / 1.875);
|
|
46
51
|
--font-weight-medium: 500;
|
|
47
52
|
--font-weight-semibold: 600;
|
|
53
|
+
--font-weight-bold: 700;
|
|
48
54
|
--tracking-tight: -0.025em;
|
|
49
55
|
--tracking-widest: 0.1em;
|
|
50
56
|
--leading-relaxed: 1.625;
|
|
51
57
|
--radius-sm: 0.25rem;
|
|
52
58
|
--radius-md: 0.375rem;
|
|
53
59
|
--radius-lg: 0.5rem;
|
|
60
|
+
--radius-xl: 0.75rem;
|
|
54
61
|
--animate-spin: spin 1s linear infinite;
|
|
55
62
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
56
63
|
--default-transition-duration: 150ms;
|
|
@@ -234,6 +241,9 @@
|
|
|
234
241
|
.relative {
|
|
235
242
|
position: relative;
|
|
236
243
|
}
|
|
244
|
+
.static {
|
|
245
|
+
position: static;
|
|
246
|
+
}
|
|
237
247
|
.inset-0 {
|
|
238
248
|
inset: calc(var(--spacing) * 0);
|
|
239
249
|
}
|
|
@@ -285,6 +295,9 @@
|
|
|
285
295
|
.-mx-1 {
|
|
286
296
|
margin-inline: calc(var(--spacing) * -1);
|
|
287
297
|
}
|
|
298
|
+
.mx-auto {
|
|
299
|
+
margin-inline: auto;
|
|
300
|
+
}
|
|
288
301
|
.my-1 {
|
|
289
302
|
margin-block: calc(var(--spacing) * 1);
|
|
290
303
|
}
|
|
@@ -297,9 +310,18 @@
|
|
|
297
310
|
.mt-4 {
|
|
298
311
|
margin-top: calc(var(--spacing) * 4);
|
|
299
312
|
}
|
|
313
|
+
.mr-2 {
|
|
314
|
+
margin-right: calc(var(--spacing) * 2);
|
|
315
|
+
}
|
|
300
316
|
.mb-1 {
|
|
301
317
|
margin-bottom: calc(var(--spacing) * 1);
|
|
302
318
|
}
|
|
319
|
+
.mb-2 {
|
|
320
|
+
margin-bottom: calc(var(--spacing) * 2);
|
|
321
|
+
}
|
|
322
|
+
.mb-4 {
|
|
323
|
+
margin-bottom: calc(var(--spacing) * 4);
|
|
324
|
+
}
|
|
303
325
|
.ml-auto {
|
|
304
326
|
margin-left: auto;
|
|
305
327
|
}
|
|
@@ -354,21 +376,45 @@
|
|
|
354
376
|
.h-12 {
|
|
355
377
|
height: calc(var(--spacing) * 12);
|
|
356
378
|
}
|
|
379
|
+
.h-16 {
|
|
380
|
+
height: calc(var(--spacing) * 16);
|
|
381
|
+
}
|
|
382
|
+
.h-20 {
|
|
383
|
+
height: calc(var(--spacing) * 20);
|
|
384
|
+
}
|
|
357
385
|
.h-24 {
|
|
358
386
|
height: calc(var(--spacing) * 24);
|
|
359
387
|
}
|
|
360
388
|
.h-\[1px\] {
|
|
361
389
|
height: 1px;
|
|
362
390
|
}
|
|
391
|
+
.h-\[125px\] {
|
|
392
|
+
height: 125px;
|
|
393
|
+
}
|
|
363
394
|
.h-full {
|
|
364
395
|
height: 100%;
|
|
365
396
|
}
|
|
366
397
|
.h-px {
|
|
367
398
|
height: 1px;
|
|
368
399
|
}
|
|
400
|
+
.min-h-\[60px\] {
|
|
401
|
+
min-height: 60px;
|
|
402
|
+
}
|
|
369
403
|
.min-h-\[80px\] {
|
|
370
404
|
min-height: 80px;
|
|
371
405
|
}
|
|
406
|
+
.min-h-\[100px\] {
|
|
407
|
+
min-height: 100px;
|
|
408
|
+
}
|
|
409
|
+
.min-h-\[120px\] {
|
|
410
|
+
min-height: 120px;
|
|
411
|
+
}
|
|
412
|
+
.min-h-\[150px\] {
|
|
413
|
+
min-height: 150px;
|
|
414
|
+
}
|
|
415
|
+
.min-h-screen {
|
|
416
|
+
min-height: 100vh;
|
|
417
|
+
}
|
|
372
418
|
.w-2 {
|
|
373
419
|
width: calc(var(--spacing) * 2);
|
|
374
420
|
}
|
|
@@ -384,18 +430,57 @@
|
|
|
384
430
|
.w-5 {
|
|
385
431
|
width: calc(var(--spacing) * 5);
|
|
386
432
|
}
|
|
433
|
+
.w-5\/6 {
|
|
434
|
+
width: calc(5/6 * 100%);
|
|
435
|
+
}
|
|
436
|
+
.w-8 {
|
|
437
|
+
width: calc(var(--spacing) * 8);
|
|
438
|
+
}
|
|
387
439
|
.w-10 {
|
|
388
440
|
width: calc(var(--spacing) * 10);
|
|
389
441
|
}
|
|
390
442
|
.w-11 {
|
|
391
443
|
width: calc(var(--spacing) * 11);
|
|
392
444
|
}
|
|
445
|
+
.w-12 {
|
|
446
|
+
width: calc(var(--spacing) * 12);
|
|
447
|
+
}
|
|
448
|
+
.w-16 {
|
|
449
|
+
width: calc(var(--spacing) * 16);
|
|
450
|
+
}
|
|
451
|
+
.w-64 {
|
|
452
|
+
width: calc(var(--spacing) * 64);
|
|
453
|
+
}
|
|
393
454
|
.w-72 {
|
|
394
455
|
width: calc(var(--spacing) * 72);
|
|
395
456
|
}
|
|
457
|
+
.w-80 {
|
|
458
|
+
width: calc(var(--spacing) * 80);
|
|
459
|
+
}
|
|
460
|
+
.w-96 {
|
|
461
|
+
width: calc(var(--spacing) * 96);
|
|
462
|
+
}
|
|
396
463
|
.w-\[1px\] {
|
|
397
464
|
width: 1px;
|
|
398
465
|
}
|
|
466
|
+
.w-\[150px\] {
|
|
467
|
+
width: 150px;
|
|
468
|
+
}
|
|
469
|
+
.w-\[200px\] {
|
|
470
|
+
width: 200px;
|
|
471
|
+
}
|
|
472
|
+
.w-\[250px\] {
|
|
473
|
+
width: 250px;
|
|
474
|
+
}
|
|
475
|
+
.w-\[400px\] {
|
|
476
|
+
width: 400px;
|
|
477
|
+
}
|
|
478
|
+
.w-\[500px\] {
|
|
479
|
+
width: 500px;
|
|
480
|
+
}
|
|
481
|
+
.w-\[800px\] {
|
|
482
|
+
width: 800px;
|
|
483
|
+
}
|
|
399
484
|
.w-full {
|
|
400
485
|
width: 100%;
|
|
401
486
|
}
|
|
@@ -446,12 +531,24 @@
|
|
|
446
531
|
.touch-none {
|
|
447
532
|
touch-action: none;
|
|
448
533
|
}
|
|
534
|
+
.list-inside {
|
|
535
|
+
list-style-position: inside;
|
|
536
|
+
}
|
|
537
|
+
.list-disc {
|
|
538
|
+
list-style-type: disc;
|
|
539
|
+
}
|
|
540
|
+
.grid-cols-1 {
|
|
541
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
542
|
+
}
|
|
449
543
|
.flex-col {
|
|
450
544
|
flex-direction: column;
|
|
451
545
|
}
|
|
452
546
|
.flex-col-reverse {
|
|
453
547
|
flex-direction: column-reverse;
|
|
454
548
|
}
|
|
549
|
+
.flex-wrap {
|
|
550
|
+
flex-wrap: wrap;
|
|
551
|
+
}
|
|
455
552
|
.items-center {
|
|
456
553
|
align-items: center;
|
|
457
554
|
}
|
|
@@ -467,6 +564,9 @@
|
|
|
467
564
|
.justify-end {
|
|
468
565
|
justify-content: flex-end;
|
|
469
566
|
}
|
|
567
|
+
.gap-1 {
|
|
568
|
+
gap: calc(var(--spacing) * 1);
|
|
569
|
+
}
|
|
470
570
|
.gap-2 {
|
|
471
571
|
gap: calc(var(--spacing) * 2);
|
|
472
572
|
}
|
|
@@ -476,6 +576,19 @@
|
|
|
476
576
|
.gap-4 {
|
|
477
577
|
gap: calc(var(--spacing) * 4);
|
|
478
578
|
}
|
|
579
|
+
.gap-6 {
|
|
580
|
+
gap: calc(var(--spacing) * 6);
|
|
581
|
+
}
|
|
582
|
+
.gap-8 {
|
|
583
|
+
gap: calc(var(--spacing) * 8);
|
|
584
|
+
}
|
|
585
|
+
.space-y-1 {
|
|
586
|
+
:where(& > :not(:last-child)) {
|
|
587
|
+
--tw-space-y-reverse: 0;
|
|
588
|
+
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
|
|
589
|
+
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
|
|
590
|
+
}
|
|
591
|
+
}
|
|
479
592
|
.space-y-1\.5 {
|
|
480
593
|
:where(& > :not(:last-child)) {
|
|
481
594
|
--tw-space-y-reverse: 0;
|
|
@@ -483,6 +596,20 @@
|
|
|
483
596
|
margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
|
|
484
597
|
}
|
|
485
598
|
}
|
|
599
|
+
.space-y-2 {
|
|
600
|
+
:where(& > :not(:last-child)) {
|
|
601
|
+
--tw-space-y-reverse: 0;
|
|
602
|
+
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
|
|
603
|
+
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
|
|
604
|
+
}
|
|
605
|
+
}
|
|
606
|
+
.space-y-3 {
|
|
607
|
+
:where(& > :not(:last-child)) {
|
|
608
|
+
--tw-space-y-reverse: 0;
|
|
609
|
+
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
|
|
610
|
+
margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
|
|
611
|
+
}
|
|
612
|
+
}
|
|
486
613
|
.space-y-4 {
|
|
487
614
|
:where(& > :not(:last-child)) {
|
|
488
615
|
--tw-space-y-reverse: 0;
|
|
@@ -490,6 +617,20 @@
|
|
|
490
617
|
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
|
|
491
618
|
}
|
|
492
619
|
}
|
|
620
|
+
.space-y-8 {
|
|
621
|
+
:where(& > :not(:last-child)) {
|
|
622
|
+
--tw-space-y-reverse: 0;
|
|
623
|
+
margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
|
|
624
|
+
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
|
|
625
|
+
}
|
|
626
|
+
}
|
|
627
|
+
.-space-x-2 {
|
|
628
|
+
:where(& > :not(:last-child)) {
|
|
629
|
+
--tw-space-x-reverse: 0;
|
|
630
|
+
margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
|
|
631
|
+
margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
|
|
632
|
+
}
|
|
633
|
+
}
|
|
493
634
|
.space-x-2 {
|
|
494
635
|
:where(& > :not(:last-child)) {
|
|
495
636
|
--tw-space-x-reverse: 0;
|
|
@@ -497,12 +638,22 @@
|
|
|
497
638
|
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
|
|
498
639
|
}
|
|
499
640
|
}
|
|
641
|
+
.space-x-4 {
|
|
642
|
+
:where(& > :not(:last-child)) {
|
|
643
|
+
--tw-space-x-reverse: 0;
|
|
644
|
+
margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
|
|
645
|
+
margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
|
|
646
|
+
}
|
|
647
|
+
}
|
|
500
648
|
.overflow-auto {
|
|
501
649
|
overflow: auto;
|
|
502
650
|
}
|
|
503
651
|
.overflow-hidden {
|
|
504
652
|
overflow: hidden;
|
|
505
653
|
}
|
|
654
|
+
.rounded {
|
|
655
|
+
border-radius: 0.25rem;
|
|
656
|
+
}
|
|
506
657
|
.rounded-full {
|
|
507
658
|
border-radius: calc(infinity * 1px);
|
|
508
659
|
}
|
|
@@ -515,6 +666,9 @@
|
|
|
515
666
|
.rounded-sm {
|
|
516
667
|
border-radius: var(--radius-sm);
|
|
517
668
|
}
|
|
669
|
+
.rounded-xl {
|
|
670
|
+
border-radius: var(--radius-xl);
|
|
671
|
+
}
|
|
518
672
|
.border {
|
|
519
673
|
border-style: var(--tw-border-style);
|
|
520
674
|
border-width: 1px;
|
|
@@ -576,6 +730,9 @@
|
|
|
576
730
|
background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
|
|
577
731
|
}
|
|
578
732
|
}
|
|
733
|
+
.bg-transparent {
|
|
734
|
+
background-color: transparent;
|
|
735
|
+
}
|
|
579
736
|
.bg-yellow-500 {
|
|
580
737
|
background-color: var(--color-yellow-500);
|
|
581
738
|
}
|
|
@@ -603,6 +760,9 @@
|
|
|
603
760
|
.p-1 {
|
|
604
761
|
padding: calc(var(--spacing) * 1);
|
|
605
762
|
}
|
|
763
|
+
.p-2 {
|
|
764
|
+
padding: calc(var(--spacing) * 2);
|
|
765
|
+
}
|
|
606
766
|
.p-4 {
|
|
607
767
|
padding: calc(var(--spacing) * 4);
|
|
608
768
|
}
|
|
@@ -642,6 +802,12 @@
|
|
|
642
802
|
.py-4 {
|
|
643
803
|
padding-block: calc(var(--spacing) * 4);
|
|
644
804
|
}
|
|
805
|
+
.py-6 {
|
|
806
|
+
padding-block: calc(var(--spacing) * 6);
|
|
807
|
+
}
|
|
808
|
+
.py-8 {
|
|
809
|
+
padding-block: calc(var(--spacing) * 8);
|
|
810
|
+
}
|
|
645
811
|
.pt-0 {
|
|
646
812
|
padding-top: calc(var(--spacing) * 0);
|
|
647
813
|
}
|
|
@@ -669,9 +835,20 @@
|
|
|
669
835
|
.text-left {
|
|
670
836
|
text-align: left;
|
|
671
837
|
}
|
|
838
|
+
.text-right {
|
|
839
|
+
text-align: right;
|
|
840
|
+
}
|
|
672
841
|
.align-middle {
|
|
673
842
|
vertical-align: middle;
|
|
674
843
|
}
|
|
844
|
+
.text-2xl {
|
|
845
|
+
font-size: var(--text-2xl);
|
|
846
|
+
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
847
|
+
}
|
|
848
|
+
.text-3xl {
|
|
849
|
+
font-size: var(--text-3xl);
|
|
850
|
+
line-height: var(--tw-leading, var(--text-3xl--line-height));
|
|
851
|
+
}
|
|
675
852
|
.text-base {
|
|
676
853
|
font-size: var(--text-base);
|
|
677
854
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
@@ -692,6 +869,10 @@
|
|
|
692
869
|
--tw-leading: 1;
|
|
693
870
|
line-height: 1;
|
|
694
871
|
}
|
|
872
|
+
.font-bold {
|
|
873
|
+
--tw-font-weight: var(--font-weight-bold);
|
|
874
|
+
font-weight: var(--font-weight-bold);
|
|
875
|
+
}
|
|
695
876
|
.font-medium {
|
|
696
877
|
--tw-font-weight: var(--font-weight-medium);
|
|
697
878
|
font-weight: var(--font-weight-medium);
|
|
@@ -756,6 +937,10 @@
|
|
|
756
937
|
.opacity-75 {
|
|
757
938
|
opacity: 75%;
|
|
758
939
|
}
|
|
940
|
+
.shadow {
|
|
941
|
+
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
942
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
943
|
+
}
|
|
759
944
|
.shadow-lg {
|
|
760
945
|
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
761
946
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -995,6 +1180,58 @@
|
|
|
995
1180
|
outline-style: none;
|
|
996
1181
|
}
|
|
997
1182
|
}
|
|
1183
|
+
.active\:bg-gray-100 {
|
|
1184
|
+
&:active {
|
|
1185
|
+
background-color: var(--color-gray-100);
|
|
1186
|
+
}
|
|
1187
|
+
}
|
|
1188
|
+
.active\:bg-gray-200 {
|
|
1189
|
+
&:active {
|
|
1190
|
+
background-color: var(--color-gray-200);
|
|
1191
|
+
}
|
|
1192
|
+
}
|
|
1193
|
+
.active\:bg-gray-300 {
|
|
1194
|
+
&:active {
|
|
1195
|
+
background-color: var(--color-gray-300);
|
|
1196
|
+
}
|
|
1197
|
+
}
|
|
1198
|
+
.active\:bg-gray-500\/35 {
|
|
1199
|
+
&:active {
|
|
1200
|
+
background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 35%, transparent);
|
|
1201
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1202
|
+
background-color: color-mix(in oklab, var(--color-gray-500) 35%, transparent);
|
|
1203
|
+
}
|
|
1204
|
+
}
|
|
1205
|
+
}
|
|
1206
|
+
.active\:bg-green-500\/35 {
|
|
1207
|
+
&:active {
|
|
1208
|
+
background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 35%, transparent);
|
|
1209
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1210
|
+
background-color: color-mix(in oklab, var(--color-green-500) 35%, transparent);
|
|
1211
|
+
}
|
|
1212
|
+
}
|
|
1213
|
+
}
|
|
1214
|
+
.active\:bg-red-500\/35 {
|
|
1215
|
+
&:active {
|
|
1216
|
+
background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 35%, transparent);
|
|
1217
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1218
|
+
background-color: color-mix(in oklab, var(--color-red-500) 35%, transparent);
|
|
1219
|
+
}
|
|
1220
|
+
}
|
|
1221
|
+
}
|
|
1222
|
+
.active\:bg-red-700 {
|
|
1223
|
+
&:active {
|
|
1224
|
+
background-color: var(--color-red-700);
|
|
1225
|
+
}
|
|
1226
|
+
}
|
|
1227
|
+
.active\:bg-yellow-500\/35 {
|
|
1228
|
+
&:active {
|
|
1229
|
+
background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 35%, transparent);
|
|
1230
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1231
|
+
background-color: color-mix(in oklab, var(--color-yellow-500) 35%, transparent);
|
|
1232
|
+
}
|
|
1233
|
+
}
|
|
1234
|
+
}
|
|
998
1235
|
.disabled\:pointer-events-none {
|
|
999
1236
|
&:disabled {
|
|
1000
1237
|
pointer-events: none;
|
|
@@ -1067,6 +1304,16 @@
|
|
|
1067
1304
|
text-align: left;
|
|
1068
1305
|
}
|
|
1069
1306
|
}
|
|
1307
|
+
.md\:grid-cols-2 {
|
|
1308
|
+
@media (width >= 48rem) {
|
|
1309
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1310
|
+
}
|
|
1311
|
+
}
|
|
1312
|
+
.lg\:grid-cols-3 {
|
|
1313
|
+
@media (width >= 64rem) {
|
|
1314
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1315
|
+
}
|
|
1316
|
+
}
|
|
1070
1317
|
.dark\:border-gray-600 {
|
|
1071
1318
|
@media (prefers-color-scheme: dark) {
|
|
1072
1319
|
border-color: var(--color-gray-600);
|
|
@@ -1219,6 +1466,67 @@
|
|
|
1219
1466
|
}
|
|
1220
1467
|
}
|
|
1221
1468
|
}
|
|
1469
|
+
.dark\:active\:bg-gray-400\/35 {
|
|
1470
|
+
@media (prefers-color-scheme: dark) {
|
|
1471
|
+
&:active {
|
|
1472
|
+
background-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 35%, transparent);
|
|
1473
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1474
|
+
background-color: color-mix(in oklab, var(--color-gray-400) 35%, transparent);
|
|
1475
|
+
}
|
|
1476
|
+
}
|
|
1477
|
+
}
|
|
1478
|
+
}
|
|
1479
|
+
.dark\:active\:bg-gray-600 {
|
|
1480
|
+
@media (prefers-color-scheme: dark) {
|
|
1481
|
+
&:active {
|
|
1482
|
+
background-color: var(--color-gray-600);
|
|
1483
|
+
}
|
|
1484
|
+
}
|
|
1485
|
+
}
|
|
1486
|
+
.dark\:active\:bg-gray-700 {
|
|
1487
|
+
@media (prefers-color-scheme: dark) {
|
|
1488
|
+
&:active {
|
|
1489
|
+
background-color: var(--color-gray-700);
|
|
1490
|
+
}
|
|
1491
|
+
}
|
|
1492
|
+
}
|
|
1493
|
+
.dark\:active\:bg-green-400\/35 {
|
|
1494
|
+
@media (prefers-color-scheme: dark) {
|
|
1495
|
+
&:active {
|
|
1496
|
+
background-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 35%, transparent);
|
|
1497
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1498
|
+
background-color: color-mix(in oklab, var(--color-green-400) 35%, transparent);
|
|
1499
|
+
}
|
|
1500
|
+
}
|
|
1501
|
+
}
|
|
1502
|
+
}
|
|
1503
|
+
.dark\:active\:bg-red-400\/35 {
|
|
1504
|
+
@media (prefers-color-scheme: dark) {
|
|
1505
|
+
&:active {
|
|
1506
|
+
background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 35%, transparent);
|
|
1507
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1508
|
+
background-color: color-mix(in oklab, var(--color-red-400) 35%, transparent);
|
|
1509
|
+
}
|
|
1510
|
+
}
|
|
1511
|
+
}
|
|
1512
|
+
}
|
|
1513
|
+
.dark\:active\:bg-red-800 {
|
|
1514
|
+
@media (prefers-color-scheme: dark) {
|
|
1515
|
+
&:active {
|
|
1516
|
+
background-color: var(--color-red-800);
|
|
1517
|
+
}
|
|
1518
|
+
}
|
|
1519
|
+
}
|
|
1520
|
+
.dark\:active\:bg-yellow-400\/35 {
|
|
1521
|
+
@media (prefers-color-scheme: dark) {
|
|
1522
|
+
&:active {
|
|
1523
|
+
background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 35%, transparent);
|
|
1524
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1525
|
+
background-color: color-mix(in oklab, var(--color-yellow-400) 35%, transparent);
|
|
1526
|
+
}
|
|
1527
|
+
}
|
|
1528
|
+
}
|
|
1529
|
+
}
|
|
1222
1530
|
.\[\&_p\]\:leading-relaxed {
|
|
1223
1531
|
& p {
|
|
1224
1532
|
--tw-leading: var(--leading-relaxed);
|
package/package.json
CHANGED
|
@@ -31,13 +31,11 @@
|
|
|
31
31
|
"description": "@agenticindiedev/ui - Modern React component library",
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@happy-dom/global-registrator": "20.0.11",
|
|
34
|
-
"@storybook/addon-
|
|
35
|
-
"@storybook/addon-interactions": "8.6.14",
|
|
34
|
+
"@storybook/addon-docs": "10.1.10",
|
|
36
35
|
"@storybook/addon-links": "10.1.10",
|
|
37
|
-
"@storybook/
|
|
36
|
+
"@storybook/addon-vitest": "10.1.10",
|
|
38
37
|
"@storybook/react": "10.1.10",
|
|
39
38
|
"@storybook/react-vite": "10.1.10",
|
|
40
|
-
"@storybook/test": "8.6.14",
|
|
41
39
|
"@tailwindcss/postcss": "4.1.18",
|
|
42
40
|
"@testing-library/jest-dom": "6.9.1",
|
|
43
41
|
"@testing-library/react": "16.3.1",
|
|
@@ -48,6 +46,8 @@
|
|
|
48
46
|
"@typescript-eslint/eslint-plugin": "8.50.1",
|
|
49
47
|
"@typescript-eslint/parser": "8.50.1",
|
|
50
48
|
"@vitejs/plugin-react": "5.1.2",
|
|
49
|
+
"@vitest/browser-playwright": "^4.0.16",
|
|
50
|
+
"@vitest/coverage-v8": "^4.0.16",
|
|
51
51
|
"ajv": "8.17.1",
|
|
52
52
|
"autoprefixer": "10.4.23",
|
|
53
53
|
"eslint": "9.39.2",
|
|
@@ -55,22 +55,28 @@
|
|
|
55
55
|
"eslint-plugin-prettier": "5.5.4",
|
|
56
56
|
"eslint-plugin-react": "7.37.5",
|
|
57
57
|
"eslint-plugin-react-hooks": "7.0.1",
|
|
58
|
+
"eslint-plugin-storybook": "^10.1.10",
|
|
59
|
+
"husky": "^9.1.7",
|
|
60
|
+
"lint-staged": "^16.2.7",
|
|
61
|
+
"playwright": "^1.57.0",
|
|
58
62
|
"postcss": "8.5.6",
|
|
59
63
|
"postcss-cli": "11.0.1",
|
|
60
64
|
"prettier": "3.7.4",
|
|
61
65
|
"react": "19.2.3",
|
|
62
66
|
"react-dom": "19.2.3",
|
|
67
|
+
"sass": "^1.97.1",
|
|
63
68
|
"storybook": "10.1.10",
|
|
64
69
|
"tailwindcss": "4.1.18",
|
|
65
70
|
"typescript": "5.9.3",
|
|
66
71
|
"vite": "7.3.0",
|
|
67
|
-
"vite-plugin-dts": "4.5.4"
|
|
72
|
+
"vite-plugin-dts": "4.5.4",
|
|
73
|
+
"vitest": "^4.0.16"
|
|
68
74
|
},
|
|
69
75
|
"exports": {
|
|
70
76
|
".": {
|
|
71
|
-
"types": "./dist/index.d.ts",
|
|
72
77
|
"import": "./dist/index.js",
|
|
73
|
-
"require": "./dist/index.cjs"
|
|
78
|
+
"require": "./dist/index.cjs",
|
|
79
|
+
"types": "./dist/index.d.ts"
|
|
74
80
|
},
|
|
75
81
|
"./styles.css": "./dist/styles.css"
|
|
76
82
|
},
|
|
@@ -85,6 +91,15 @@
|
|
|
85
91
|
"agenticindiedev"
|
|
86
92
|
],
|
|
87
93
|
"license": "MIT",
|
|
94
|
+
"lint-staged": {
|
|
95
|
+
"*.{json,md,css,scss,yml,yaml}": [
|
|
96
|
+
"prettier --write"
|
|
97
|
+
],
|
|
98
|
+
"*.{ts,tsx,js,jsx}": [
|
|
99
|
+
"eslint --fix",
|
|
100
|
+
"prettier --write"
|
|
101
|
+
]
|
|
102
|
+
},
|
|
88
103
|
"main": "./dist/index.cjs",
|
|
89
104
|
"module": "./dist/index.js",
|
|
90
105
|
"name": "@agenticindiedev/ui",
|
|
@@ -104,25 +119,28 @@
|
|
|
104
119
|
"scripts": {
|
|
105
120
|
"build": "bun run build:lib && bun run build:css",
|
|
106
121
|
"build-storybook": "storybook build",
|
|
107
|
-
"build:css": "bunx postcss ./src/styles/globals.
|
|
108
|
-
"build:lib": "
|
|
122
|
+
"build:css": "bunx postcss ./src/styles/globals.scss -o ./dist/styles.css --verbose",
|
|
123
|
+
"build:lib": "./scripts/build-lib.sh",
|
|
124
|
+
"deploy:storybook": "bun run build-storybook",
|
|
109
125
|
"dev": "storybook dev -p 6006",
|
|
110
126
|
"format:check": "prettier --check .",
|
|
111
127
|
"format:fix": "prettier --write .",
|
|
112
128
|
"lint:check": "eslint .",
|
|
113
129
|
"lint:fix": "eslint . --fix",
|
|
114
130
|
"pre:install": "bun update --latest --recursive && bun install",
|
|
115
|
-
"prepare": "
|
|
131
|
+
"prepare": "husky",
|
|
116
132
|
"prepare:deploy": "bun run format:fix && bun run lint:fix && bun run build",
|
|
117
133
|
"prepublishOnly": "node -e \"const fs = require('fs'); if (!fs.existsSync('dist')) { console.error('ERROR: dist directory not found. Run \\\"bun run build\\\" first.'); process.exit(1); }\"",
|
|
118
134
|
"storybook": "storybook dev -p 6006",
|
|
119
135
|
"test": "bun test",
|
|
136
|
+
"test:coverage": "bunx vitest run --coverage",
|
|
120
137
|
"typecheck": "tsc --noEmit"
|
|
121
138
|
},
|
|
122
139
|
"sideEffects": [
|
|
123
|
-
"**/*.css"
|
|
140
|
+
"**/*.css",
|
|
141
|
+
"**/*.scss"
|
|
124
142
|
],
|
|
125
143
|
"type": "module",
|
|
126
144
|
"types": "./dist/index.d.ts",
|
|
127
|
-
"version": "0.2.
|
|
145
|
+
"version": "0.2.2"
|
|
128
146
|
}
|