@rash2x/bridge-widget 0.1.2 → 0.1.3

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 (7) hide show
  1. package/dist/evaa-bridge.cjs +69 -168
  2. package/dist/evaa-bridge.cjs.map +1 -1
  3. package/dist/evaa-bridge.mjs +67 -166
  4. package/dist/evaa-bridge.mjs.map +1 -1
  5. package/dist/index.d.ts +2 -2
  6. package/dist/styles.css +104 -125
  7. package/package.json +18 -10
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { JSX as JSX_2 } from 'react/jsx-runtime';
1
+ import { JSX } from 'react/jsx-runtime';
2
2
  import { StoreApi } from 'zustand';
3
3
  import { TronWeb } from 'tronweb';
4
4
  import { UseBoundStore } from 'zustand';
@@ -159,7 +159,7 @@ declare interface DeliveryStatusParams {
159
159
 
160
160
  export declare function dollarsFromNativeFees(feeNative: string, feeLzToken: string, chain: Chain | undefined, tokens: Token[] | undefined): number;
161
161
 
162
- export declare const EvaaBridge: (props: EvaaBridgeProps) => JSX_2.Element;
162
+ export declare const EvaaBridge: (props: EvaaBridgeProps) => JSX.Element;
163
163
 
164
164
  export declare interface EvaaBridgeProps {
165
165
  className?: string;
package/dist/styles.css CHANGED
@@ -2,9 +2,7 @@
2
2
 
3
3
  @custom-variant dark (&:is([data-theme="dark"] *));
4
4
 
5
- /* ===== TOKENS: системные скейлы ===== */
6
5
  @theme {
7
- /* Custom bridge radius */
8
6
  --radius-6: 6px;
9
7
  --radius-12: 12px;
10
8
  --radius-16: 16px;
@@ -12,89 +10,79 @@
12
10
  --radius-26: 26px;
13
11
  --radius-36: 36px;
14
12
  --radius-40: 40px;
15
-
16
13
  --text-32: 32px;
17
-
18
- /* Custom bridge blur */
19
14
  --blur-35: 35px;
20
-
21
- --color-body: #E3E3E3;
15
+ --color-body: #e3e3e3;
22
16
  }
23
17
 
24
- /* ===== LIGHT THEME ===== */
25
18
  :root {
26
19
  --radius: 0.625rem;
27
-
28
- /* Shadcn design tokens */
29
- --background: #FFF;
20
+ --background: #fff;
30
21
  --foreground: #171717;
31
- --card: #F2F2F2;
22
+ --card: #f2f2f2;
32
23
  --card-foreground: #171717;
33
- --popover: #FFFFFF;
24
+ --popover: #ffffff;
34
25
  --popover-foreground: #171717;
35
- --dialog: #FFFFFF;
26
+ --dialog: #ffffff;
36
27
  --dialog-foreground: #171717;
37
- --primary: #0095F9;
38
- --primary-foreground: #FFFFFF;
39
- --secondary: #FFFFFFE5;
40
- --secondary-foreground: #000000B2;
41
- --muted: #E4E6E7;
42
- --muted-focus: #D9DCDE;
43
- --muted-foreground: #000000B2;
28
+ --primary: #0095f9;
29
+ --primary-foreground: #ffffff;
30
+ --secondary: #ffffffe5;
31
+ --secondary-foreground: #000000b2;
32
+ --muted: #e4e6e7;
33
+ --muted-focus: #d9dcde;
34
+ --muted-foreground: #000000b2;
44
35
  --priority: #00000080;
45
- --accent: #98AAB426;
36
+ --accent: #98aab426;
46
37
  --accent-foreground: #171717;
47
- --destructive: #FF3B30;
48
- --destructive-foreground: #FFFFFF;
38
+ --destructive: #ff3b30;
39
+ --destructive-foreground: #ffffff;
49
40
  --border: #00000029;
50
- --input: #98AAB426;
51
- --ring: #5200FF;
41
+ --input: #98aab426;
42
+ --ring: #5200ff;
52
43
 
53
- /* Custom semantic tokens */
54
- --link: #0099FF;
55
- --filter: #F2F2F2;
56
- --filter-foreground: #000000B2;
57
- --filter-active: #5100FF;
58
- --filter-active-foreground: #FFFFFF;
44
+ --link: #0099ff;
45
+ --filter: #f2f2f2;
46
+ --filter-foreground: #000000b2;
47
+ --filter-active: #5100ff;
48
+ --filter-active-foreground: #ffffff;
59
49
  --swap: #fff;
60
50
  --swap-foreground: #171717;
61
- --settings-button: #F2F2F2;
62
- --settings-button-foreground: #000000CC;
63
- --settings-active: #5200FF;
64
- --settings-active-foreground: #FFFFFF;
65
- --modal-x: #000000CC;
66
- --modal-x-foreground: #FFFFFF;
67
- --input-icon: #000000A6;
51
+ --settings-button: #f2f2f2;
52
+ --settings-button-foreground: #000000cc;
53
+ --settings-active: #5200ff;
54
+ --settings-active-foreground: #ffffff;
55
+ --modal-x: #000000cc;
56
+ --modal-x-foreground: #ffffff;
57
+ --input-icon: #000000a6;
68
58
  --input-text: #171717;
69
- --input-placeholder: #000000A6;
59
+ --input-placeholder: #000000a6;
70
60
  --modal-group-label: #00000080;
71
- --switch-active: #5200FF;
72
- --switch-inactive: #CACFD3;
73
- --input-button: #98AAB440;
74
- --input-button-hover: #98AAB414;
61
+ --switch-active: #5200ff;
62
+ --switch-inactive: #cacfd3;
63
+ --input-button: #98aab440;
64
+ --input-button-hover: #98aab414;
75
65
  --input-button-foreground: #515151;
76
- --input-x-bg: #FFFFFF;
77
- --input-x: #8A8A8A;
78
- --receive-icon: #5B5C5D;
66
+ --input-x-bg: #ffffff;
67
+ --input-x: #8a8a8a;
68
+ --receive-icon: #5b5c5d;
79
69
  --receive-label: #00000080;
80
- --receive-tip: #FFFFFF;
81
- --modal-blur: #0A0A0A4D;
70
+ --receive-tip: #ffffff;
71
+ --modal-blur: #0a0a0a4d;
82
72
  --balance-icon: #17171780;
83
- --balance-text: #000000B2;
84
- --section-focus-bg: #D9DCDE;
85
- --section-wallet-amount-usd: #000000B2;
73
+ --balance-text: #000000b2;
74
+ --section-focus-bg: #d9dcde;
75
+ --section-wallet-amount-usd: #000000b2;
86
76
  --modal-item-subtext: #00000080;
87
77
  --settings-label: #00000080;
88
78
  --settings-amount: #000000;
89
79
  --input-helper: #00000080;
90
- --another-label: #000000B2;
91
- --thumb-bg: #FFFFFF;
80
+ --another-label: #000000b2;
81
+ --thumb-bg: #ffffff;
92
82
 
93
- /* Modal item hover states */
94
- --modal-item-hover: #98AAB426;
95
- --modal-item-selected: #5200FF;
83
+ --modal-item-hover: #98aab426;
84
+ --modal-item-selected: #5200ff;
96
85
 
97
- /* Default chart colors */
98
86
  --chart-1: oklch(0.646 0.222 41.116);
99
87
  --chart-2: oklch(0.6 0.118 184.704);
100
88
  --chart-3: oklch(0.398 0.07 227.392);
@@ -110,7 +98,6 @@
110
98
  --sidebar-ring: oklch(0.708 0 0);
111
99
  }
112
100
 
113
- /* ===== TAILWIND THEME TOKENS ===== */
114
101
  @theme inline {
115
102
  --rounded-custom: calc(value * 4);
116
103
  --radius-sm: calc(var(--radius) - 4px);
@@ -118,7 +105,6 @@
118
105
  --radius-lg: var(--radius);
119
106
  --radius-xl: calc(var(--radius) + 4px);
120
107
 
121
- /* Core design tokens */
122
108
  --color-background: var(--background);
123
109
  --color-foreground: var(--foreground);
124
110
  --color-card: var(--card);
@@ -143,7 +129,6 @@
143
129
  --color-input: var(--input);
144
130
  --color-ring: var(--ring);
145
131
 
146
- /* Semantic tokens */
147
132
  --color-link: var(--link);
148
133
  --color-filter: var(--filter);
149
134
  --color-filter-foreground: var(--filter-foreground);
@@ -185,14 +170,12 @@
185
170
  --color-modal-item-hover: var(--modal-item-hover);
186
171
  --color-modal-item-selected: var(--modal-item-selected);
187
172
 
188
- /* Chart colors */
189
173
  --color-chart-1: var(--chart-1);
190
174
  --color-chart-2: var(--chart-2);
191
175
  --color-chart-3: var(--chart-3);
192
176
  --color-chart-4: var(--chart-4);
193
177
  --color-chart-5: var(--chart-5);
194
178
 
195
- /* Sidebar colors */
196
179
  --color-sidebar: var(--sidebar);
197
180
  --color-sidebar-foreground: var(--sidebar-foreground);
198
181
  --color-sidebar-primary: var(--sidebar-primary);
@@ -203,76 +186,72 @@
203
186
  --color-sidebar-ring: var(--sidebar-ring);
204
187
  }
205
188
 
206
- /* ===== DARK THEME ===== */
207
189
  [data-theme="dark"] {
208
- /* Core design tokens */
209
190
  --background: #000000;
210
- --foreground: #FFFFFF;
191
+ --foreground: #ffffff;
211
192
  --card: #000000;
212
- --card-foreground: #FFFFFF;
193
+ --card-foreground: #ffffff;
213
194
  --popover: #000000;
214
- --popover-foreground: #FFFFFF;
195
+ --popover-foreground: #ffffff;
215
196
  --dialog: #000000;
216
- --dialog-foreground: #FFFFFF;
217
- --primary: #5200FF;
218
- --primary-foreground: #FFFFFF;
219
- --secondary: #FFFFFF1A;
220
- --secondary-foreground: #D5D5D6;
221
- --muted: #98AAB414;
222
- --muted-focus: #3C3D3F;
223
- --muted-foreground: #FFFFFFB2;
224
- --priority: #FFFFFF80;
225
- --accent: #98AAB426;
226
- --accent-foreground: #FFFFFF;
227
- --destructive: #FF3B30;
228
- --destructive-foreground: #FFFFFF;
229
- --border: #FFFFFF29;
230
- --input: #98AAB426;
231
- --ring: #5200FF;
197
+ --dialog-foreground: #ffffff;
198
+ --primary: #5200ff;
199
+ --primary-foreground: #ffffff;
200
+ --secondary: #ffffff1a;
201
+ --secondary-foreground: #d5d5d6;
202
+ --muted: #98aab414;
203
+ --muted-focus: #3c3d3f;
204
+ --muted-foreground: #ffffffb2;
205
+ --priority: #ffffff80;
206
+ --accent: #98aab426;
207
+ --accent-foreground: #ffffff;
208
+ --destructive: #ff3b30;
209
+ --destructive-foreground: #ffffff;
210
+ --border: #ffffff29;
211
+ --input: #98aab426;
212
+ --ring: #5200ff;
232
213
 
233
- /* Custom semantic tokens */
234
- --link: #FFFFFF;
235
- --filter: #1D1D1D;
236
- --filter-foreground: #FFFFFFB2;
237
- --filter-active: #5100FF;
238
- --filter-active-foreground: #FFFFFF;
239
- --swap: #2F3538;
240
- --swap-foreground: #FFFFFF;
241
- --settings-button: #191A1B;
242
- --settings-button-foreground: #FFFFFFCC;
243
- --settings-active: #5200FF;
244
- --settings-active-foreground: #FFFFFF;
245
- --modal-x: #FFFFFFCC;
214
+ --link: #ffffff;
215
+ --filter: #1d1d1d;
216
+ --filter-foreground: #ffffffb2;
217
+ --filter-active: #5100ff;
218
+ --filter-active-foreground: #ffffff;
219
+ --swap: #2f3538;
220
+ --swap-foreground: #ffffff;
221
+ --settings-button: #191a1b;
222
+ --settings-button-foreground: #ffffffcc;
223
+ --settings-active: #5200ff;
224
+ --settings-active-foreground: #ffffff;
225
+ --modal-x: #ffffffcc;
246
226
  --modal-x-foreground: #000000;
247
- --input-icon: #FFFFFFA6;
248
- --input-text: #FFFFFF;
249
- --input-placeholder: #FFFFFFA6;
250
- --modal-group-label: #FFFFFF80;
251
- --switch-active: #5200FF;
252
- --switch-inactive: #FFFFFF26;
253
- --input-button: #FFFFFF1A;
254
- --input-button-hover: #FFFFFF33;
255
- --input-button-foreground: #D5D5D6;
256
- --input-x-bg: #2B3033;
257
- --input-x: #C4C4C4;
258
- --receive-icon: #FFFFFFCC;
259
- --receive-label: #FFFFFF80;
260
- --receive-tip: #FFFFFF;
261
- --modal-blur: #0A0A0A4D;
262
- --balance-icon: #FFFFFFB2;
263
- --balance-text: #FFFFFFB2;
264
- --section-focus-bg: #98AAB414;
265
- --section-wallet-amount-usd: #FFFFFFB2;
266
- --modal-item-subtext: #FFFFFF80;
267
- --settings-label: #FFFFFF80;
268
- --settings-amount: #FFFFFF;
269
- --input-helper: #FFFFFF80;
270
- --another-label: #FFFFFFB2;
271
- --thumb-bg: #FFFFFF;
227
+ --input-icon: #ffffffa6;
228
+ --input-text: #ffffff;
229
+ --input-placeholder: #ffffffa6;
230
+ --modal-group-label: #ffffff80;
231
+ --switch-active: #5200ff;
232
+ --switch-inactive: #ffffff26;
233
+ --input-button: #ffffff1a;
234
+ --input-button-hover: #ffffff33;
235
+ --input-button-foreground: #d5d5d6;
236
+ --input-x-bg: #2b3033;
237
+ --input-x: #c4c4c4;
238
+ --receive-icon: #ffffffcc;
239
+ --receive-label: #ffffff80;
240
+ --receive-tip: #ffffff;
241
+ --modal-blur: #0a0a0a4d;
242
+ --balance-icon: #ffffffb2;
243
+ --balance-text: #ffffffb2;
244
+ --section-focus-bg: #98aab414;
245
+ --section-wallet-amount-usd: #ffffffb2;
246
+ --modal-item-subtext: #ffffff80;
247
+ --settings-label: #ffffff80;
248
+ --settings-amount: #ffffff;
249
+ --input-helper: #ffffff80;
250
+ --another-label: #ffffffb2;
251
+ --thumb-bg: #ffffff;
272
252
 
273
- /* Modal item hover states */
274
- --modal-item-hover: #FFFFFF1A;
275
- --modal-item-selected: #FFFFFF26;
253
+ --modal-item-hover: #ffffff1a;
254
+ --modal-item-selected: #ffffff26;
276
255
  }
277
256
 
278
257
  @layer base {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rash2x/bridge-widget",
3
- "version": "0.1.2",
3
+ "version": "0.1.3",
4
4
  "description": "Cross-chain bridge widget powered by Stargate Protocol with multi-chain wallet support",
5
5
  "type": "module",
6
6
  "main": "./dist/evaa-bridge.cjs",
@@ -56,16 +56,24 @@
56
56
  "@tonconnect/ui-react": "^2.0.0",
57
57
  "@tronweb3/tronwallet-adapter-react-hooks": "^1.0.0",
58
58
  "@tronweb3/tronwallet-adapters": "^1.0.0",
59
+ "connectkit": "^1.9.1",
59
60
  "ethers": "^6.0.0",
60
- "react": "^18.2.0",
61
- "react-dom": "^18.2.0",
61
+ "react": "^19.0.0",
62
+ "react-dom": "^19.0.0",
62
63
  "tronweb": "^6.0.0",
64
+ "viem": "^2.0.0",
63
65
  "wagmi": "^2.0.0"
64
66
  },
65
67
  "peerDependenciesMeta": {
66
68
  "wagmi": {
67
69
  "optional": true
68
70
  },
71
+ "viem": {
72
+ "optional": true
73
+ },
74
+ "connectkit": {
75
+ "optional": true
76
+ },
69
77
  "ethers": {
70
78
  "optional": true
71
79
  },
@@ -105,7 +113,6 @@
105
113
  "class-variance-authority": "^0.7.1",
106
114
  "clsx": "^2.1.1",
107
115
  "cmdk": "^1.1.1",
108
- "connectkit": "^1.9.1",
109
116
  "framer-motion": "^12.23.12",
110
117
  "i18next": "^25.4.1",
111
118
  "i18next-browser-languagedetector": "^8.2.0",
@@ -116,7 +123,6 @@
116
123
  "react-window": "^1.8.11",
117
124
  "sonner": "^1.5.0",
118
125
  "tailwind-merge": "^3.3.1",
119
- "viem": "^2.0.0",
120
126
  "zod": "^4.0.17",
121
127
  "zustand": "^5.0.7"
122
128
  },
@@ -132,18 +138,20 @@
132
138
  "@tronweb3/tronwallet-adapter-react-ui": "^1.1.8",
133
139
  "@tronweb3/tronwallet-adapters": "^1.2.14",
134
140
  "@types/node": "^24.1.0",
135
- "@types/react": "^18.2.0",
136
- "@types/react-dom": "^18.2.0",
137
- "@vitejs/plugin-react": "^4.6.0",
141
+ "@types/react": "^19.0.0",
142
+ "@types/react-dom": "^19.0.0",
143
+ "@vitejs/plugin-react": "^5.0.0",
144
+ "ajv": "^8.17.1",
138
145
  "buffer": "^6.0.3",
146
+ "connectkit": "^1.9.1",
139
147
  "eslint": "^9.30.1",
140
148
  "eslint-plugin-react-hooks": "^5.2.0",
141
149
  "eslint-plugin-react-refresh": "^0.4.20",
142
150
  "ethers": "^6.15.0",
143
151
  "globals": "^16.3.0",
144
152
  "process": "^0.11.10",
145
- "react": "^18.2.0",
146
- "react-dom": "^18.2.0",
153
+ "react": "^19.0.0",
154
+ "react-dom": "^19.0.0",
147
155
  "tailwindcss": "^4.1.11",
148
156
  "tronweb": "^6.0.4",
149
157
  "tw-animate-css": "^1.3.6",