@cofhe/react 0.3.2 → 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/README.md +12 -13
- package/dist/index.cjs +2832 -1815
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +173 -154
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +187 -62
- package/dist/index.d.ts +187 -62
- package/dist/index.js +2488 -1465
- package/dist/index.js.map +1 -1
- package/dist/styles.css +163 -144
- package/package.json +34 -36
package/dist/styles.css
CHANGED
|
@@ -1,128 +1,128 @@
|
|
|
1
1
|
/* Import component styles */
|
|
2
|
-
.
|
|
3
|
-
color: var(--
|
|
2
|
+
.cofhe-text-primary {
|
|
3
|
+
color: var(--cofhe-text-primary);
|
|
4
4
|
}
|
|
5
|
-
.
|
|
6
|
-
background-color: var(--
|
|
7
|
-
border: 1px solid var(--
|
|
8
|
-
border-radius: var(--
|
|
9
|
-
box-shadow: var(--
|
|
5
|
+
.cofhe-panel {
|
|
6
|
+
background-color: var(--cofhe-bg-primary);
|
|
7
|
+
border: 1px solid var(--cofhe-border-color);
|
|
8
|
+
border-radius: var(--cofhe-border-radius);
|
|
9
|
+
box-shadow: var(--cofhe-content-shadow);
|
|
10
10
|
}
|
|
11
11
|
/* FloatingIcon styles */
|
|
12
|
-
.
|
|
12
|
+
.cofhe-floating-icon {
|
|
13
13
|
outline: none !important;
|
|
14
14
|
position: relative;
|
|
15
15
|
z-index: 1;
|
|
16
|
-
color: var(--
|
|
16
|
+
color: var(--cofhe-text-primary);
|
|
17
17
|
}
|
|
18
18
|
/* MainPage component utility classes */
|
|
19
|
-
.
|
|
20
|
-
background-color: var(--
|
|
19
|
+
.cofhe-card-bg {
|
|
20
|
+
background-color: var(--cofhe-card-bg);
|
|
21
21
|
}
|
|
22
|
-
.
|
|
23
|
-
border-left: 1px solid var(--
|
|
24
|
-
border-bottom: 1px solid var(--
|
|
22
|
+
.cofhe-card-border {
|
|
23
|
+
border-left: 1px solid var(--cofhe-card-border);
|
|
24
|
+
border-bottom: 1px solid var(--cofhe-card-border);
|
|
25
25
|
border-top: none;
|
|
26
26
|
border-right: none;
|
|
27
27
|
}
|
|
28
|
-
.
|
|
29
|
-
background-color: var(--
|
|
28
|
+
.cofhe-icon-bg {
|
|
29
|
+
background-color: var(--cofhe-icon-bg);
|
|
30
30
|
}
|
|
31
|
-
.
|
|
32
|
-
background-color: var(--
|
|
33
|
-
color: var(--
|
|
34
|
-
font-weight: var(--
|
|
35
|
-
border: 1px solid var(--
|
|
36
|
-
transition: background-color var(--
|
|
31
|
+
.cofhe-nav-button {
|
|
32
|
+
background-color: var(--cofhe-button-bg);
|
|
33
|
+
color: var(--cofhe-button-default-text);
|
|
34
|
+
font-weight: var(--cofhe-button-default-font-weight);
|
|
35
|
+
border: 1px solid var(--cofhe-button-default-border);
|
|
36
|
+
transition: background-color var(--cofhe-transition-duration-fast) ease-in-out, color var(--cofhe-transition-duration-fast) ease-in-out, border-color var(--cofhe-transition-duration-fast) ease-in-out;
|
|
37
37
|
}
|
|
38
|
-
.
|
|
39
|
-
background-color: var(--
|
|
38
|
+
.cofhe-nav-button:hover {
|
|
39
|
+
background-color: var(--cofhe-button-hover-bg);
|
|
40
40
|
}
|
|
41
41
|
/* Active state for nav/action buttons (used e.g. for tab selection) */
|
|
42
|
-
.
|
|
43
|
-
background-color: var(--
|
|
44
|
-
color: var(--
|
|
42
|
+
.cofhe-nav-button-active {
|
|
43
|
+
background-color: var(--cofhe-button-hover-bg);
|
|
44
|
+
color: var(--cofhe-button-hover-text);
|
|
45
45
|
}
|
|
46
|
-
.
|
|
47
|
-
background-color: var(--
|
|
48
|
-
color: var(--
|
|
49
|
-
font-weight: var(--
|
|
50
|
-
border: 1px solid var(--
|
|
51
|
-
transition: background-color var(--
|
|
46
|
+
.cofhe-max-button {
|
|
47
|
+
background-color: var(--cofhe-button-bg);
|
|
48
|
+
color: var(--cofhe-button-default-text);
|
|
49
|
+
font-weight: var(--cofhe-button-default-font-weight);
|
|
50
|
+
border: 1px solid var(--cofhe-button-default-border);
|
|
51
|
+
transition: background-color var(--cofhe-transition-duration-fast) ease-in-out, color var(--cofhe-transition-duration-fast) ease-in-out, border-color var(--cofhe-transition-duration-fast) ease-in-out;
|
|
52
52
|
}
|
|
53
|
-
.
|
|
54
|
-
background-color: var(--
|
|
55
|
-
color: var(--
|
|
53
|
+
.cofhe-max-button:hover {
|
|
54
|
+
background-color: var(--cofhe-button-hover-bg);
|
|
55
|
+
color: var(--cofhe-button-hover-text);
|
|
56
56
|
}
|
|
57
57
|
/* Default button styles */
|
|
58
|
-
.
|
|
59
|
-
color: var(--
|
|
60
|
-
font-weight: var(--
|
|
61
|
-
border: 1px solid var(--
|
|
62
|
-
transition: background-color var(--
|
|
63
|
-
}
|
|
64
|
-
.
|
|
65
|
-
color: var(--
|
|
66
|
-
font-weight: var(--
|
|
67
|
-
border: 1px solid var(--
|
|
68
|
-
transition: background-color var(--
|
|
69
|
-
}
|
|
70
|
-
.
|
|
71
|
-
background-color: var(--
|
|
72
|
-
color: var(--
|
|
73
|
-
}
|
|
74
|
-
.
|
|
75
|
-
background-color: var(--
|
|
76
|
-
color: var(--
|
|
77
|
-
}
|
|
78
|
-
.
|
|
79
|
-
background-color: var(--
|
|
80
|
-
color: var(--
|
|
58
|
+
.cofhe-button {
|
|
59
|
+
color: var(--cofhe-button-default-text);
|
|
60
|
+
font-weight: var(--cofhe-button-default-font-weight);
|
|
61
|
+
border: 1px solid var(--cofhe-button-default-border);
|
|
62
|
+
transition: background-color var(--cofhe-transition-duration-fast) ease-in-out, color var(--cofhe-transition-duration-fast) ease-in-out, border-color var(--cofhe-transition-duration-fast) ease-in-out;
|
|
63
|
+
}
|
|
64
|
+
.cofhe-send-button {
|
|
65
|
+
color: var(--cofhe-button-default-text);
|
|
66
|
+
font-weight: var(--cofhe-button-default-font-weight);
|
|
67
|
+
border: 1px solid var(--cofhe-button-default-border);
|
|
68
|
+
transition: background-color var(--cofhe-transition-duration-fast) ease-in-out, color var(--cofhe-transition-duration-fast) ease-in-out, border-color var(--cofhe-transition-duration-fast) ease-in-out;
|
|
69
|
+
}
|
|
70
|
+
.cofhe-send-button-enabled {
|
|
71
|
+
background-color: var(--cofhe-send-button-enabled-bg);
|
|
72
|
+
color: var(--cofhe-button-default-text);
|
|
73
|
+
}
|
|
74
|
+
.cofhe-send-button-enabled:hover {
|
|
75
|
+
background-color: var(--cofhe-send-button-enabled-hover-bg);
|
|
76
|
+
color: var(--cofhe-button-default-text);
|
|
77
|
+
}
|
|
78
|
+
.cofhe-send-button-disabled {
|
|
79
|
+
background-color: var(--cofhe-send-button-disabled-bg);
|
|
80
|
+
color: var(--cofhe-send-button-disabled-text);
|
|
81
81
|
cursor: not-allowed;
|
|
82
82
|
}
|
|
83
|
-
.
|
|
84
|
-
background-color: var(--
|
|
83
|
+
.cofhe-dropdown-bg {
|
|
84
|
+
background-color: var(--cofhe-dropdown-bg);
|
|
85
85
|
}
|
|
86
|
-
.
|
|
87
|
-
border-color: var(--
|
|
86
|
+
.cofhe-dropdown-border {
|
|
87
|
+
border-color: var(--cofhe-dropdown-border);
|
|
88
88
|
}
|
|
89
|
-
.
|
|
90
|
-
.
|
|
91
|
-
background-color: var(--
|
|
89
|
+
.cofhe-dropdown-hover:hover,
|
|
90
|
+
.cofhe-dropdown-hover:focus {
|
|
91
|
+
background-color: var(--cofhe-dropdown-hover-bg);
|
|
92
92
|
}
|
|
93
|
-
.
|
|
94
|
-
background-color: var(--
|
|
93
|
+
.cofhe-hover-overlay:hover {
|
|
94
|
+
background-color: var(--cofhe-hover-overlay);
|
|
95
95
|
}
|
|
96
|
-
.
|
|
97
|
-
color: var(--
|
|
96
|
+
.cofhe-positive-change {
|
|
97
|
+
color: var(--cofhe-positive-change);
|
|
98
98
|
}
|
|
99
99
|
/* TokenListPage styles */
|
|
100
|
-
.
|
|
100
|
+
.cofhe-token-list-container {
|
|
101
101
|
display: flex;
|
|
102
102
|
flex-direction: column;
|
|
103
103
|
gap: 0.5rem;
|
|
104
104
|
padding: 0.25rem;
|
|
105
105
|
}
|
|
106
106
|
/* Loading dots animation */
|
|
107
|
-
.
|
|
107
|
+
.cofhe-loading-dots {
|
|
108
108
|
display: inline-flex;
|
|
109
109
|
align-items: center;
|
|
110
110
|
gap: 0.125rem;
|
|
111
111
|
}
|
|
112
|
-
.
|
|
112
|
+
.cofhe-loading-dots span {
|
|
113
113
|
display: inline-block;
|
|
114
|
-
animation:
|
|
114
|
+
animation: cofhe-dot-bounce 1.4s ease-in-out infinite;
|
|
115
115
|
}
|
|
116
|
-
.
|
|
116
|
+
.cofhe-loading-dots span:nth-child(1) {
|
|
117
117
|
animation-delay: 0s;
|
|
118
118
|
}
|
|
119
|
-
.
|
|
119
|
+
.cofhe-loading-dots span:nth-child(2) {
|
|
120
120
|
animation-delay: 0.2s;
|
|
121
121
|
}
|
|
122
|
-
.
|
|
122
|
+
.cofhe-loading-dots span:nth-child(3) {
|
|
123
123
|
animation-delay: 0.4s;
|
|
124
124
|
}
|
|
125
|
-
@keyframes
|
|
125
|
+
@keyframes cofhe-dot-bounce {
|
|
126
126
|
0%, 60%, 100% {
|
|
127
127
|
transform: translateY(0);
|
|
128
128
|
opacity: 0.4;
|
|
@@ -565,84 +565,84 @@ video {
|
|
|
565
565
|
[hidden]:where(:not([hidden="until-found"])) {
|
|
566
566
|
display: none;
|
|
567
567
|
}
|
|
568
|
-
.
|
|
568
|
+
.cofhe-floating-button {
|
|
569
569
|
/* Theme colors */
|
|
570
|
-
--
|
|
571
|
-
--
|
|
572
|
-
--
|
|
573
|
-
--
|
|
570
|
+
--cofhe-bg-primary: #ffffff;
|
|
571
|
+
--cofhe-bg-status: #FFF8E1;
|
|
572
|
+
--cofhe-text-primary: #000000;
|
|
573
|
+
--cofhe-border-color: #e2e8f0;
|
|
574
574
|
|
|
575
575
|
/* MainPage colors */
|
|
576
|
-
--
|
|
577
|
-
--
|
|
578
|
-
--
|
|
579
|
-
--
|
|
580
|
-
--
|
|
581
|
-
--
|
|
582
|
-
--
|
|
583
|
-
--
|
|
584
|
-
--
|
|
585
|
-
--
|
|
586
|
-
--
|
|
587
|
-
--
|
|
588
|
-
--
|
|
589
|
-
--
|
|
590
|
-
--
|
|
591
|
-
--
|
|
592
|
-
--
|
|
593
|
-
--
|
|
594
|
-
--
|
|
595
|
-
--
|
|
596
|
-
--
|
|
597
|
-
--
|
|
598
|
-
--
|
|
599
|
-
--
|
|
576
|
+
--cofhe-card-bg: #F5F5F5;
|
|
577
|
+
--cofhe-card-border: #4E4E4E;
|
|
578
|
+
--cofhe-icon-bg: #ffffff;
|
|
579
|
+
--cofhe-button-bg: #ffffff;
|
|
580
|
+
--cofhe-button-hover-bg: #0AD9DC99;
|
|
581
|
+
--cofhe-button-hover-text: #ffffff;
|
|
582
|
+
--cofhe-dropdown-bg: #ffffff;
|
|
583
|
+
--cofhe-dropdown-border: #e5e7eb;
|
|
584
|
+
--cofhe-dropdown-hover-bg: #f3f4f6;
|
|
585
|
+
--cofhe-hover-overlay: rgba(255, 255, 255, 0.1);
|
|
586
|
+
--cofhe-positive-change: #16a34a;
|
|
587
|
+
--cofhe-pattern-overlay: rgba(0, 0, 0, 0.02);
|
|
588
|
+
--cofhe-button-border: #08989A;
|
|
589
|
+
--cofhe-button-default-text: #00314E;
|
|
590
|
+
--cofhe-button-default-border: #5F6368;
|
|
591
|
+
--cofhe-button-default-font-weight: 500;
|
|
592
|
+
--cofhe-send-button-enabled-bg: #8DE8EF;
|
|
593
|
+
--cofhe-send-button-enabled-hover-bg: #80d4da;
|
|
594
|
+
--cofhe-send-button-enabled-text: #ffffff;
|
|
595
|
+
--cofhe-send-button-disabled-bg: #d1d5db;
|
|
596
|
+
--cofhe-send-button-disabled-text: #6b7280;
|
|
597
|
+
--cofhe-corner-accent-color: #0AD9DC;
|
|
598
|
+
--cofhe-corner-size: 10px;
|
|
599
|
+
--cofhe-content-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
600
600
|
|
|
601
601
|
/* Sizing - defaults, will be overridden by inline CSS variables */
|
|
602
|
-
--
|
|
602
|
+
--cofhe-border-radius: 0x;
|
|
603
603
|
|
|
604
604
|
/* Token list */
|
|
605
|
-
--
|
|
605
|
+
--cofhe-token-list-max-height: 250px;
|
|
606
606
|
|
|
607
607
|
/* Animation timing */
|
|
608
|
-
--
|
|
609
|
-
--
|
|
610
|
-
--
|
|
608
|
+
--cofhe-transition-duration: 300ms;
|
|
609
|
+
--cofhe-transition-duration-fast: 200ms;
|
|
610
|
+
--cofhe-transition-duration-content: 150ms;
|
|
611
611
|
|
|
612
612
|
width: 380px;
|
|
613
613
|
max-width: calc(100vw - 24px);
|
|
614
614
|
}
|
|
615
615
|
.dark {
|
|
616
|
-
--
|
|
617
|
-
--
|
|
618
|
-
--
|
|
619
|
-
--
|
|
620
|
-
--
|
|
616
|
+
--cofhe-bg-primary: #1a1a1a;
|
|
617
|
+
--cofhe-bg-status: #2d2d2d;
|
|
618
|
+
--cofhe-text-primary: #ffffff;
|
|
619
|
+
--cofhe-text-status: #e0e0e0;
|
|
620
|
+
--cofhe-border-color: rgba(255, 255, 255, 0.3);
|
|
621
621
|
|
|
622
622
|
/* MainPage dark mode colors */
|
|
623
|
-
--
|
|
624
|
-
--
|
|
625
|
-
--
|
|
626
|
-
--
|
|
627
|
-
--
|
|
628
|
-
--
|
|
629
|
-
--
|
|
630
|
-
--
|
|
631
|
-
--
|
|
632
|
-
--
|
|
633
|
-
--
|
|
634
|
-
--
|
|
635
|
-
--
|
|
636
|
-
--
|
|
637
|
-
--
|
|
638
|
-
--
|
|
639
|
-
--
|
|
640
|
-
--
|
|
641
|
-
--
|
|
642
|
-
--
|
|
643
|
-
--
|
|
644
|
-
--
|
|
645
|
-
--
|
|
623
|
+
--cofhe-card-bg: #333333;
|
|
624
|
+
--cofhe-card-border: #9E9E9E;
|
|
625
|
+
--cofhe-icon-bg: #374151;
|
|
626
|
+
--cofhe-button-bg: #595959;
|
|
627
|
+
--cofhe-button-hover-bg: #00ACC1;
|
|
628
|
+
--cofhe-button-hover-text: #ffffff;
|
|
629
|
+
--cofhe-dropdown-bg: #1f2937;
|
|
630
|
+
--cofhe-dropdown-border: #374151;
|
|
631
|
+
--cofhe-dropdown-hover-bg: #374151;
|
|
632
|
+
--cofhe-hover-overlay: rgba(255, 255, 255, 0.1);
|
|
633
|
+
--cofhe-positive-change: #4ade80;
|
|
634
|
+
--cofhe-pattern-overlay: rgba(255, 255, 255, 0.02);
|
|
635
|
+
--cofhe-button-border: #08989A;
|
|
636
|
+
--cofhe-button-default-text: #FFFFFF;
|
|
637
|
+
--cofhe-button-default-border: #5F6368;
|
|
638
|
+
--cofhe-button-default-font-weight: 500;
|
|
639
|
+
--cofhe-send-button-enabled-bg: #08989A;
|
|
640
|
+
--cofhe-send-button-enabled-hover-bg: #068285;
|
|
641
|
+
--cofhe-send-button-enabled-text: #ffffff;
|
|
642
|
+
--cofhe-send-button-disabled-bg: #374151;
|
|
643
|
+
--cofhe-send-button-disabled-text: #9ca3af;
|
|
644
|
+
--cofhe-corner-accent-color: #0AD9DC;
|
|
645
|
+
--cofhe-content-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
|
|
646
646
|
}
|
|
647
647
|
.container {
|
|
648
648
|
width: 100%;
|
|
@@ -846,6 +846,9 @@ video {
|
|
|
846
846
|
.mt-3 {
|
|
847
847
|
margin-top: 0.75rem;
|
|
848
848
|
}
|
|
849
|
+
.mt-4 {
|
|
850
|
+
margin-top: 1rem;
|
|
851
|
+
}
|
|
849
852
|
.mt-auto {
|
|
850
853
|
margin-top: auto;
|
|
851
854
|
}
|
|
@@ -961,6 +964,9 @@ video {
|
|
|
961
964
|
.min-w-\[18px\] {
|
|
962
965
|
min-width: 18px;
|
|
963
966
|
}
|
|
967
|
+
.max-w-\[26rem\] {
|
|
968
|
+
max-width: 26rem;
|
|
969
|
+
}
|
|
964
970
|
.max-w-full {
|
|
965
971
|
max-width: 100%;
|
|
966
972
|
}
|
|
@@ -1168,6 +1174,9 @@ video {
|
|
|
1168
1174
|
.border-l {
|
|
1169
1175
|
border-left-width: 1px;
|
|
1170
1176
|
}
|
|
1177
|
+
.border-t {
|
|
1178
|
+
border-top-width: 1px;
|
|
1179
|
+
}
|
|
1171
1180
|
.border-\[\#068571\] {
|
|
1172
1181
|
--tw-border-opacity: 1;
|
|
1173
1182
|
border-color: rgb(6 133 113 / var(--tw-border-opacity, 1));
|
|
@@ -1193,8 +1202,11 @@ video {
|
|
|
1193
1202
|
--tw-border-opacity: 1;
|
|
1194
1203
|
border-color: rgb(161 66 31 / var(--tw-border-opacity, 1));
|
|
1195
1204
|
}
|
|
1196
|
-
.border-\[var\(--
|
|
1197
|
-
border-color: var(--
|
|
1205
|
+
.border-\[var\(--cofhe-border-color\)\] {
|
|
1206
|
+
border-color: var(--cofhe-border-color);
|
|
1207
|
+
}
|
|
1208
|
+
.border-\[var\(--cofhe-button-default-border\)\] {
|
|
1209
|
+
border-color: var(--cofhe-button-default-border);
|
|
1198
1210
|
}
|
|
1199
1211
|
.border-blue-200 {
|
|
1200
1212
|
--tw-border-opacity: 1;
|
|
@@ -1470,6 +1482,9 @@ video {
|
|
|
1470
1482
|
.pt-2 {
|
|
1471
1483
|
padding-top: 0.5rem;
|
|
1472
1484
|
}
|
|
1485
|
+
.pt-3 {
|
|
1486
|
+
padding-top: 0.75rem;
|
|
1487
|
+
}
|
|
1473
1488
|
.text-left {
|
|
1474
1489
|
text-align: left;
|
|
1475
1490
|
}
|
|
@@ -1579,6 +1594,10 @@ video {
|
|
|
1579
1594
|
--tw-text-opacity: 1;
|
|
1580
1595
|
color: rgb(240 120 79 / var(--tw-text-opacity, 1));
|
|
1581
1596
|
}
|
|
1597
|
+
.text-\[\#c2410c\] {
|
|
1598
|
+
--tw-text-opacity: 1;
|
|
1599
|
+
color: rgb(194 65 12 / var(--tw-text-opacity, 1));
|
|
1600
|
+
}
|
|
1582
1601
|
.text-blue-500 {
|
|
1583
1602
|
--tw-text-opacity: 1;
|
|
1584
1603
|
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
|
|
@@ -1699,8 +1718,8 @@ video {
|
|
|
1699
1718
|
.outline-2 {
|
|
1700
1719
|
outline-width: 2px;
|
|
1701
1720
|
}
|
|
1702
|
-
.outline-\[var\(--
|
|
1703
|
-
outline-color: var(--
|
|
1721
|
+
.outline-\[var\(--cofhe-button-bg\)\] {
|
|
1722
|
+
outline-color: var(--cofhe-button-bg);
|
|
1704
1723
|
}
|
|
1705
1724
|
.\!filter {
|
|
1706
1725
|
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) !important;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cofhe/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"main": "./dist/index.cjs",
|
|
5
5
|
"module": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -24,52 +24,50 @@
|
|
|
24
24
|
"dist/**"
|
|
25
25
|
],
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"@
|
|
28
|
-
"@svgr/
|
|
29
|
-
"@
|
|
30
|
-
"@types/react": "
|
|
31
|
-
"
|
|
32
|
-
"eslint": "
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"postcss-
|
|
36
|
-
"
|
|
37
|
-
"react": "
|
|
38
|
-
"react-dom": "^18.2.0",
|
|
27
|
+
"@svgr/core": "8.1.0",
|
|
28
|
+
"@svgr/plugin-jsx": "8.1.0",
|
|
29
|
+
"@types/react": "18.2.61",
|
|
30
|
+
"@types/react-dom": "18.2.19",
|
|
31
|
+
"eslint": "8.57.1",
|
|
32
|
+
"eslint-plugin-react-hooks": "4.6.0",
|
|
33
|
+
"nodemon": "3.1.11",
|
|
34
|
+
"postcss-cli": "11.0.1",
|
|
35
|
+
"postcss-import": "16.1.1",
|
|
36
|
+
"react": "18.3.1",
|
|
37
|
+
"react-dom": "18.3.1",
|
|
39
38
|
"tailwindcss": "3.4.18",
|
|
40
|
-
"ts-essentials": "
|
|
41
|
-
"tsup": "
|
|
39
|
+
"ts-essentials": "10.1.1",
|
|
40
|
+
"tsup": "8.5.0",
|
|
42
41
|
"typescript": "5.5.4",
|
|
43
|
-
"@cofhe/abi": "^0.3.2",
|
|
44
42
|
"@cofhe/eslint-config": "0.2.1",
|
|
45
43
|
"@cofhe/tsconfig": "0.1.2"
|
|
46
44
|
},
|
|
47
45
|
"dependencies": {
|
|
48
|
-
"@
|
|
49
|
-
"@radix-ui/react-
|
|
50
|
-
"@
|
|
51
|
-
"@tanstack/
|
|
52
|
-
"@tanstack/react-query
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"react-icons": "
|
|
58
|
-
"recharts": "
|
|
59
|
-
"tailwind-merge": "
|
|
60
|
-
"zod": "
|
|
61
|
-
"zustand": "
|
|
62
|
-
"@cofhe/
|
|
46
|
+
"@fhenixprotocol/cofhe-errors": "1.0.2",
|
|
47
|
+
"@radix-ui/react-dropdown-menu": "2.1.16",
|
|
48
|
+
"@radix-ui/react-select": "2.2.6",
|
|
49
|
+
"@tanstack/query-async-storage-persister": "5.90.22",
|
|
50
|
+
"@tanstack/react-query": "5.90.7",
|
|
51
|
+
"@tanstack/react-query-persist-client": "5.90.22",
|
|
52
|
+
"bignumber.js": "9.3.1",
|
|
53
|
+
"clsx": "2.1.1",
|
|
54
|
+
"motion": "12.23.26",
|
|
55
|
+
"react-icons": "5.5.0",
|
|
56
|
+
"recharts": "3.7.0",
|
|
57
|
+
"tailwind-merge": "2.6.0",
|
|
58
|
+
"zod": "4.1.12",
|
|
59
|
+
"zustand": "5.0.8",
|
|
60
|
+
"@cofhe/abi": "0.5.0",
|
|
61
|
+
"@cofhe/sdk": "0.5.0"
|
|
63
62
|
},
|
|
64
63
|
"peerDependencies": {
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
68
|
-
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
64
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
65
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
69
66
|
"viem": "^2.38.6"
|
|
70
67
|
},
|
|
71
68
|
"publishConfig": {
|
|
72
|
-
"access": "public"
|
|
69
|
+
"access": "public",
|
|
70
|
+
"registry": "https://registry.npmjs.org/"
|
|
73
71
|
},
|
|
74
72
|
"scripts": {
|
|
75
73
|
"build": "tsup && postcss ./src/styles.css -o ./dist/styles.css --minify",
|