@d13co/use-wallet-ui-react 1.0.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.
Files changed (11) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +556 -0
  3. package/dist/cjs/index.cjs +233 -0
  4. package/dist/cjs/index.cjs.map +1 -0
  5. package/dist/esm/index.js +65176 -0
  6. package/dist/esm/index.js.map +1 -0
  7. package/dist/style.css +1239 -0
  8. package/dist/types/index.d.cts +250 -0
  9. package/dist/types/index.d.ts +250 -0
  10. package/package.json +98 -0
  11. package/src/theme.css +108 -0
package/dist/style.css ADDED
@@ -0,0 +1,1239 @@
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ :root, :host {
4
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
5
+ monospace;
6
+ --color-green-500: oklch(72.3% 0.219 149.579);
7
+ --color-green-600: oklch(62.7% 0.194 149.214);
8
+ --color-blue-500: oklch(62.3% 0.214 259.815);
9
+ --color-black: #000;
10
+ --color-white: #fff;
11
+ --spacing: 0.25rem;
12
+ --container-sm: 24rem;
13
+ --container-md: 28rem;
14
+ --text-xs: 0.75rem;
15
+ --text-xs--line-height: calc(1 / 0.75);
16
+ --text-sm: 0.875rem;
17
+ --text-sm--line-height: calc(1.25 / 0.875);
18
+ --text-base: 1rem;
19
+ --text-base--line-height: calc(1.5 / 1);
20
+ --text-lg: 1.125rem;
21
+ --text-lg--line-height: calc(1.75 / 1.125);
22
+ --text-xl: 1.25rem;
23
+ --text-xl--line-height: calc(1.75 / 1.25);
24
+ --font-weight-normal: 400;
25
+ --font-weight-medium: 500;
26
+ --font-weight-bold: 700;
27
+ --radius-sm: 0.25rem;
28
+ --radius-md: 0.375rem;
29
+ --radius-lg: 0.5rem;
30
+ --radius-xl: 0.75rem;
31
+ --radius-2xl: 1rem;
32
+ --radius-3xl: 1.5rem;
33
+ --ease-in: cubic-bezier(0.4, 0, 1, 1);
34
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
35
+ --animate-spin: spin 1s linear infinite;
36
+ --default-transition-duration: 150ms;
37
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
38
+ }
39
+ [data-wallet-ui][data-wallet-button], [data-wallet-ui] [role="dialog"], [data-wallet-ui] [role="menu"], [data-wallet-ui] [role="listbox"] {
40
+ box-sizing: border-box;
41
+ margin: 0;
42
+ padding: 0;
43
+ border: 0 solid;
44
+ font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
45
+ line-height: 1.5;
46
+ }
47
+ [data-wallet-ui]:where([data-wallet-button]), [data-wallet-ui] :where([role="dialog"]) button, [data-wallet-ui] :where([role="menu"]) button, [data-wallet-ui] :where([role="listbox"]) button {
48
+ cursor: pointer;
49
+ background-color: transparent;
50
+ background-image: none;
51
+ text-transform: none;
52
+ -webkit-appearance: button;
53
+ appearance: button;
54
+ }
55
+ [data-wallet-ui] [role="dialog"] *, [data-wallet-ui] [role="menu"] *, [data-wallet-ui] [role="listbox"] * {
56
+ box-sizing: border-box;
57
+ margin: 0;
58
+ padding: 0;
59
+ border: 0 solid;
60
+ list-style: none;
61
+ }
62
+ [data-wallet-ui] [role="dialog"] img, [data-wallet-ui] [role="menu"] img, [data-wallet-ui] [role="listbox"] img {
63
+ display: block;
64
+ max-width: 100%;
65
+ height: auto;
66
+ }
67
+ [data-wallet-theme] {
68
+ --wui-color-primary: #2d2df1;
69
+ --wui-color-primary-hover: #2929d9;
70
+ --wui-color-primary-text: #ffffff;
71
+ --wui-color-bg: #ffffff;
72
+ --wui-color-bg-secondary: #f9fafb;
73
+ --wui-color-bg-tertiary: #f3f4f6;
74
+ --wui-color-bg-hover: #e9e9fd;
75
+ --wui-color-text: #1f2937;
76
+ --wui-color-text-secondary: #6b7280;
77
+ --wui-color-text-tertiary: #9ca3af;
78
+ --wui-color-border: #e5e7eb;
79
+ --wui-color-link: rgba(45, 45, 241, 0.8);
80
+ --wui-color-link-hover: #2d2df1;
81
+ --wui-color-overlay: rgba(0, 0, 0, 0.3);
82
+ --wui-color-danger-bg: #fee2e2;
83
+ --wui-color-danger-bg-hover: #fecaca;
84
+ --wui-color-danger-text: #b91c1c;
85
+ --wui-color-avatar-bg: #e5e7eb;
86
+ --wui-color-avatar-icon: #9ca3af;
87
+ }
88
+ [data-wallet-theme][data-theme='dark'] {
89
+ --wui-color-primary: #bfbff9;
90
+ --wui-color-primary-hover: #d4d4fa;
91
+ --wui-color-primary-text: #001324;
92
+ --wui-color-bg: #001324;
93
+ --wui-color-bg-secondary: #101b29;
94
+ --wui-color-bg-tertiary: #192a39;
95
+ --wui-color-bg-hover: #192a39;
96
+ --wui-color-text: #e9e9fd;
97
+ --wui-color-text-secondary: #99a1a7;
98
+ --wui-color-text-tertiary: #6b7280;
99
+ --wui-color-border: #192a39;
100
+ --wui-color-link: #6c6cf1;
101
+ --wui-color-link-hover: #8080f3;
102
+ --wui-color-overlay: rgba(0, 0, 0, 0.5);
103
+ --wui-color-danger-bg: rgba(127, 29, 29, 0.4);
104
+ --wui-color-danger-bg-hover: rgba(127, 29, 29, 0.6);
105
+ --wui-color-danger-text: #fca5a5;
106
+ --wui-color-avatar-bg: #192a39;
107
+ --wui-color-avatar-icon: #6b7280;
108
+ }
109
+ .dark [data-wallet-theme]:not([data-theme='light']) {
110
+ --wui-color-primary: #bfbff9;
111
+ --wui-color-primary-hover: #d4d4fa;
112
+ --wui-color-primary-text: #001324;
113
+ --wui-color-bg: #001324;
114
+ --wui-color-bg-secondary: #101b29;
115
+ --wui-color-bg-tertiary: #192a39;
116
+ --wui-color-bg-hover: #192a39;
117
+ --wui-color-text: #e9e9fd;
118
+ --wui-color-text-secondary: #99a1a7;
119
+ --wui-color-text-tertiary: #6b7280;
120
+ --wui-color-border: #192a39;
121
+ --wui-color-link: #6c6cf1;
122
+ --wui-color-link-hover: #8080f3;
123
+ --wui-color-overlay: rgba(0, 0, 0, 0.5);
124
+ --wui-color-danger-bg: rgba(127, 29, 29, 0.4);
125
+ --wui-color-danger-bg-hover: rgba(127, 29, 29, 0.6);
126
+ --wui-color-danger-text: #fca5a5;
127
+ --wui-color-avatar-bg: #192a39;
128
+ --wui-color-avatar-icon: #6b7280;
129
+ }
130
+ @media (prefers-color-scheme: dark) {
131
+ [data-wallet-theme]:not([data-theme='light']):not([data-theme='dark']) {
132
+ --wui-color-primary: #bfbff9;
133
+ --wui-color-primary-hover: #d4d4fa;
134
+ --wui-color-primary-text: #001324;
135
+ --wui-color-bg: #001324;
136
+ --wui-color-bg-secondary: #101b29;
137
+ --wui-color-bg-tertiary: #192a39;
138
+ --wui-color-bg-hover: #192a39;
139
+ --wui-color-text: #e9e9fd;
140
+ --wui-color-text-secondary: #99a1a7;
141
+ --wui-color-text-tertiary: #6b7280;
142
+ --wui-color-border: #192a39;
143
+ --wui-color-link: #6c6cf1;
144
+ --wui-color-link-hover: #8080f3;
145
+ --wui-color-overlay: rgba(0, 0, 0, 0.5);
146
+ --wui-color-danger-bg: rgba(127, 29, 29, 0.4);
147
+ --wui-color-danger-bg-hover: rgba(127, 29, 29, 0.6);
148
+ --wui-color-danger-text: #fca5a5;
149
+ --wui-color-avatar-bg: #192a39;
150
+ --wui-color-avatar-icon: #6b7280;
151
+ }
152
+ }
153
+ [data-wallet-ui].absolute, [data-wallet-ui] .absolute {
154
+ position: absolute;
155
+ }
156
+ [data-wallet-ui].fixed, [data-wallet-ui] .fixed {
157
+ position: fixed;
158
+ }
159
+ [data-wallet-ui].relative, [data-wallet-ui] .relative {
160
+ position: relative;
161
+ }
162
+ [data-wallet-ui].inset-y-0, [data-wallet-ui] .inset-y-0 {
163
+ inset-block: calc(var(--spacing) * 0);
164
+ }
165
+ [data-wallet-ui].top-5, [data-wallet-ui] .top-5 {
166
+ top: calc(var(--spacing) * 5);
167
+ }
168
+ [data-wallet-ui].right-0, [data-wallet-ui] .right-0 {
169
+ right: calc(var(--spacing) * 0);
170
+ }
171
+ [data-wallet-ui].right-4, [data-wallet-ui] .right-4 {
172
+ right: calc(var(--spacing) * 4);
173
+ }
174
+ [data-wallet-ui].bottom-4, [data-wallet-ui] .bottom-4 {
175
+ bottom: calc(var(--spacing) * 4);
176
+ }
177
+ [data-wallet-ui].z-10, [data-wallet-ui] .z-10 {
178
+ z-index: 10;
179
+ }
180
+ [data-wallet-ui].z-50, [data-wallet-ui] .z-50 {
181
+ z-index: 50;
182
+ }
183
+ [data-wallet-ui].z-\[100\], [data-wallet-ui] .z-\[100\] {
184
+ z-index: 100;
185
+ }
186
+ [data-wallet-ui].col-start-1, [data-wallet-ui] .col-start-1 {
187
+ grid-column-start: 1;
188
+ }
189
+ [data-wallet-ui].row-start-1, [data-wallet-ui] .row-start-1 {
190
+ grid-row-start: 1;
191
+ }
192
+ [data-wallet-ui].mx-auto, [data-wallet-ui] .mx-auto {
193
+ margin-inline: auto;
194
+ }
195
+ [data-wallet-ui].\!my-4, [data-wallet-ui] .\!my-4 {
196
+ margin-block: calc(var(--spacing) * 4) !important;
197
+ }
198
+ [data-wallet-ui].mt-0\.5, [data-wallet-ui] .mt-0\.5 {
199
+ margin-top: calc(var(--spacing) * 0.5);
200
+ }
201
+ [data-wallet-ui].mt-1, [data-wallet-ui] .mt-1 {
202
+ margin-top: calc(var(--spacing) * 1);
203
+ }
204
+ [data-wallet-ui].mt-2, [data-wallet-ui] .mt-2 {
205
+ margin-top: calc(var(--spacing) * 2);
206
+ }
207
+ [data-wallet-ui].mr-1, [data-wallet-ui] .mr-1 {
208
+ margin-right: calc(var(--spacing) * 1);
209
+ }
210
+ [data-wallet-ui].mr-1\.5, [data-wallet-ui] .mr-1\.5 {
211
+ margin-right: calc(var(--spacing) * 1.5);
212
+ }
213
+ [data-wallet-ui].mr-2, [data-wallet-ui] .mr-2 {
214
+ margin-right: calc(var(--spacing) * 2);
215
+ }
216
+ [data-wallet-ui].mb-1, [data-wallet-ui] .mb-1 {
217
+ margin-bottom: calc(var(--spacing) * 1);
218
+ }
219
+ [data-wallet-ui].mb-2, [data-wallet-ui] .mb-2 {
220
+ margin-bottom: calc(var(--spacing) * 2);
221
+ }
222
+ [data-wallet-ui].mb-3, [data-wallet-ui] .mb-3 {
223
+ margin-bottom: calc(var(--spacing) * 3);
224
+ }
225
+ [data-wallet-ui].mb-4, [data-wallet-ui] .mb-4 {
226
+ margin-bottom: calc(var(--spacing) * 4);
227
+ }
228
+ [data-wallet-ui].-ml-1, [data-wallet-ui] .-ml-1 {
229
+ margin-left: calc(var(--spacing) * -1);
230
+ }
231
+ [data-wallet-ui].ml-0\.5, [data-wallet-ui] .ml-0\.5 {
232
+ margin-left: calc(var(--spacing) * 0.5);
233
+ }
234
+ [data-wallet-ui].ml-1\.5, [data-wallet-ui] .ml-1\.5 {
235
+ margin-left: calc(var(--spacing) * 1.5);
236
+ }
237
+ [data-wallet-ui].ml-auto, [data-wallet-ui] .ml-auto {
238
+ margin-left: auto;
239
+ }
240
+ [data-wallet-ui].block, [data-wallet-ui] .block {
241
+ display: block;
242
+ }
243
+ [data-wallet-ui].flex, [data-wallet-ui] .flex {
244
+ display: flex;
245
+ }
246
+ [data-wallet-ui].grid, [data-wallet-ui] .grid {
247
+ display: grid;
248
+ }
249
+ [data-wallet-ui].hidden, [data-wallet-ui] .hidden {
250
+ display: none;
251
+ }
252
+ [data-wallet-ui].inline-block, [data-wallet-ui] .inline-block {
253
+ display: inline-block;
254
+ }
255
+ [data-wallet-ui].h-3, [data-wallet-ui] .h-3 {
256
+ height: calc(var(--spacing) * 3);
257
+ }
258
+ [data-wallet-ui].h-3\.5, [data-wallet-ui] .h-3\.5 {
259
+ height: calc(var(--spacing) * 3.5);
260
+ }
261
+ [data-wallet-ui].h-4, [data-wallet-ui] .h-4 {
262
+ height: calc(var(--spacing) * 4);
263
+ }
264
+ [data-wallet-ui].h-5, [data-wallet-ui] .h-5 {
265
+ height: calc(var(--spacing) * 5);
266
+ }
267
+ [data-wallet-ui].h-6, [data-wallet-ui] .h-6 {
268
+ height: calc(var(--spacing) * 6);
269
+ }
270
+ [data-wallet-ui].h-7, [data-wallet-ui] .h-7 {
271
+ height: calc(var(--spacing) * 7);
272
+ }
273
+ [data-wallet-ui].h-8, [data-wallet-ui] .h-8 {
274
+ height: calc(var(--spacing) * 8);
275
+ }
276
+ [data-wallet-ui].h-9, [data-wallet-ui] .h-9 {
277
+ height: calc(var(--spacing) * 9);
278
+ }
279
+ [data-wallet-ui].h-12, [data-wallet-ui] .h-12 {
280
+ height: calc(var(--spacing) * 12);
281
+ }
282
+ [data-wallet-ui].max-h-60, [data-wallet-ui] .max-h-60 {
283
+ max-height: calc(var(--spacing) * 60);
284
+ }
285
+ [data-wallet-ui].max-h-80, [data-wallet-ui] .max-h-80 {
286
+ max-height: calc(var(--spacing) * 80);
287
+ }
288
+ [data-wallet-ui].max-h-full, [data-wallet-ui] .max-h-full {
289
+ max-height: 100%;
290
+ }
291
+ [data-wallet-ui].w-3, [data-wallet-ui] .w-3 {
292
+ width: calc(var(--spacing) * 3);
293
+ }
294
+ [data-wallet-ui].w-3\.5, [data-wallet-ui] .w-3\.5 {
295
+ width: calc(var(--spacing) * 3.5);
296
+ }
297
+ [data-wallet-ui].w-4, [data-wallet-ui] .w-4 {
298
+ width: calc(var(--spacing) * 4);
299
+ }
300
+ [data-wallet-ui].w-5, [data-wallet-ui] .w-5 {
301
+ width: calc(var(--spacing) * 5);
302
+ }
303
+ [data-wallet-ui].w-6, [data-wallet-ui] .w-6 {
304
+ width: calc(var(--spacing) * 6);
305
+ }
306
+ [data-wallet-ui].w-7, [data-wallet-ui] .w-7 {
307
+ width: calc(var(--spacing) * 7);
308
+ }
309
+ [data-wallet-ui].w-8, [data-wallet-ui] .w-8 {
310
+ width: calc(var(--spacing) * 8);
311
+ }
312
+ [data-wallet-ui].w-9, [data-wallet-ui] .w-9 {
313
+ width: calc(var(--spacing) * 9);
314
+ }
315
+ [data-wallet-ui].w-12, [data-wallet-ui] .w-12 {
316
+ width: calc(var(--spacing) * 12);
317
+ }
318
+ [data-wallet-ui].w-full, [data-wallet-ui] .w-full {
319
+ width: 100%;
320
+ }
321
+ [data-wallet-ui].max-w-\[160px\], [data-wallet-ui] .max-w-\[160px\] {
322
+ max-width: 160px;
323
+ }
324
+ [data-wallet-ui].max-w-\[220px\], [data-wallet-ui] .max-w-\[220px\] {
325
+ max-width: 220px;
326
+ }
327
+ [data-wallet-ui].max-w-full, [data-wallet-ui] .max-w-full {
328
+ max-width: 100%;
329
+ }
330
+ [data-wallet-ui].max-w-md, [data-wallet-ui] .max-w-md {
331
+ max-width: var(--container-md);
332
+ }
333
+ [data-wallet-ui].max-w-sm, [data-wallet-ui] .max-w-sm {
334
+ max-width: var(--container-sm);
335
+ }
336
+ [data-wallet-ui].min-w-0, [data-wallet-ui] .min-w-0 {
337
+ min-width: calc(var(--spacing) * 0);
338
+ }
339
+ [data-wallet-ui].flex-1, [data-wallet-ui] .flex-1 {
340
+ flex: 1;
341
+ }
342
+ [data-wallet-ui].flex-none, [data-wallet-ui] .flex-none {
343
+ flex: none;
344
+ }
345
+ [data-wallet-ui].flex-shrink-0, [data-wallet-ui] .flex-shrink-0 {
346
+ flex-shrink: 0;
347
+ }
348
+ [data-wallet-ui].shrink-0, [data-wallet-ui] .shrink-0 {
349
+ flex-shrink: 0;
350
+ }
351
+ [data-wallet-ui].transform, [data-wallet-ui] .transform {
352
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
353
+ }
354
+ [data-wallet-ui].animate-spin, [data-wallet-ui] .animate-spin {
355
+ animation: var(--animate-spin);
356
+ }
357
+ [data-wallet-ui].cursor-default, [data-wallet-ui] .cursor-default {
358
+ cursor: default;
359
+ }
360
+ [data-wallet-ui].cursor-pointer, [data-wallet-ui] .cursor-pointer {
361
+ cursor: pointer;
362
+ }
363
+ [data-wallet-ui].grid-cols-1, [data-wallet-ui] .grid-cols-1 {
364
+ grid-template-columns: repeat(1, minmax(0, 1fr));
365
+ }
366
+ [data-wallet-ui].grid-cols-2, [data-wallet-ui] .grid-cols-2 {
367
+ grid-template-columns: repeat(2, minmax(0, 1fr));
368
+ }
369
+ [data-wallet-ui].grid-cols-\[1fr_auto_1fr\], [data-wallet-ui] .grid-cols-\[1fr_auto_1fr\] {
370
+ grid-template-columns: 1fr auto 1fr;
371
+ }
372
+ [data-wallet-ui].flex-col, [data-wallet-ui] .flex-col {
373
+ flex-direction: column;
374
+ }
375
+ [data-wallet-ui].place-items-center, [data-wallet-ui] .place-items-center {
376
+ place-items: center;
377
+ }
378
+ [data-wallet-ui].items-center, [data-wallet-ui] .items-center {
379
+ align-items: center;
380
+ }
381
+ [data-wallet-ui].items-start, [data-wallet-ui] .items-start {
382
+ align-items: flex-start;
383
+ }
384
+ [data-wallet-ui].justify-between, [data-wallet-ui] .justify-between {
385
+ justify-content: space-between;
386
+ }
387
+ [data-wallet-ui].justify-center, [data-wallet-ui] .justify-center {
388
+ justify-content: center;
389
+ }
390
+ [data-wallet-ui].gap-1, [data-wallet-ui] .gap-1 {
391
+ gap: calc(var(--spacing) * 1);
392
+ }
393
+ [data-wallet-ui].gap-1\.5, [data-wallet-ui] .gap-1\.5 {
394
+ gap: calc(var(--spacing) * 1.5);
395
+ }
396
+ [data-wallet-ui].gap-2, [data-wallet-ui] .gap-2 {
397
+ gap: calc(var(--spacing) * 2);
398
+ }
399
+ [data-wallet-ui].gap-3, [data-wallet-ui] .gap-3 {
400
+ gap: calc(var(--spacing) * 3);
401
+ }
402
+ [data-wallet-ui].space-y-0, [data-wallet-ui] .space-y-0 {
403
+ :where(& > :not(:last-child)) {
404
+ --tw-space-y-reverse: 0;
405
+ margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
406
+ margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
407
+ }
408
+ }
409
+ [data-wallet-ui].space-y-1\.5, [data-wallet-ui] .space-y-1\.5 {
410
+ :where(& > :not(:last-child)) {
411
+ --tw-space-y-reverse: 0;
412
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
413
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
414
+ }
415
+ }
416
+ [data-wallet-ui].space-y-2, [data-wallet-ui] .space-y-2 {
417
+ :where(& > :not(:last-child)) {
418
+ --tw-space-y-reverse: 0;
419
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
420
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
421
+ }
422
+ }
423
+ [data-wallet-ui].space-y-4, [data-wallet-ui] .space-y-4 {
424
+ :where(& > :not(:last-child)) {
425
+ --tw-space-y-reverse: 0;
426
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
427
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
428
+ }
429
+ }
430
+ [data-wallet-ui].self-center, [data-wallet-ui] .self-center {
431
+ align-self: center;
432
+ }
433
+ [data-wallet-ui].justify-self-end, [data-wallet-ui] .justify-self-end {
434
+ justify-self: flex-end;
435
+ }
436
+ [data-wallet-ui].truncate, [data-wallet-ui] .truncate {
437
+ overflow: hidden;
438
+ text-overflow: ellipsis;
439
+ white-space: nowrap;
440
+ }
441
+ [data-wallet-ui].overflow-auto, [data-wallet-ui] .overflow-auto {
442
+ overflow: auto;
443
+ }
444
+ [data-wallet-ui].overflow-hidden, [data-wallet-ui] .overflow-hidden {
445
+ overflow: hidden;
446
+ }
447
+ [data-wallet-ui].overflow-y-auto, [data-wallet-ui] .overflow-y-auto {
448
+ overflow-y: auto;
449
+ }
450
+ [data-wallet-ui].rounded, [data-wallet-ui] .rounded {
451
+ border-radius: 0.25rem;
452
+ }
453
+ [data-wallet-ui].rounded-2xl, [data-wallet-ui] .rounded-2xl {
454
+ border-radius: var(--radius-2xl);
455
+ }
456
+ [data-wallet-ui].rounded-3xl, [data-wallet-ui] .rounded-3xl {
457
+ border-radius: var(--radius-3xl);
458
+ }
459
+ [data-wallet-ui].rounded-full, [data-wallet-ui] .rounded-full {
460
+ border-radius: calc(infinity * 1px);
461
+ }
462
+ [data-wallet-ui].rounded-lg, [data-wallet-ui] .rounded-lg {
463
+ border-radius: var(--radius-lg);
464
+ }
465
+ [data-wallet-ui].rounded-md, [data-wallet-ui] .rounded-md {
466
+ border-radius: var(--radius-md);
467
+ }
468
+ [data-wallet-ui].rounded-sm, [data-wallet-ui] .rounded-sm {
469
+ border-radius: var(--radius-sm);
470
+ }
471
+ [data-wallet-ui].rounded-xl, [data-wallet-ui] .rounded-xl {
472
+ border-radius: var(--radius-xl);
473
+ }
474
+ [data-wallet-ui].border, [data-wallet-ui] .border {
475
+ border-style: var(--tw-border-style);
476
+ border-width: 1px;
477
+ }
478
+ [data-wallet-ui].border-t, [data-wallet-ui] .border-t {
479
+ border-top-style: var(--tw-border-style);
480
+ border-top-width: 1px;
481
+ }
482
+ [data-wallet-ui].border-\[var\(--wui-color-border\)\], [data-wallet-ui] .border-\[var\(--wui-color-border\)\] {
483
+ border-color: var(--wui-color-border);
484
+ }
485
+ [data-wallet-ui].border-\[var\(--wui-color-danger-text\)\], [data-wallet-ui] .border-\[var\(--wui-color-danger-text\)\] {
486
+ border-color: var(--wui-color-danger-text);
487
+ }
488
+ [data-wallet-ui].border-\[var\(--wui-color-primary\)\], [data-wallet-ui] .border-\[var\(--wui-color-primary\)\] {
489
+ border-color: var(--wui-color-primary);
490
+ }
491
+ [data-wallet-ui].bg-\[var\(--wui-color-bg\)\], [data-wallet-ui] .bg-\[var\(--wui-color-bg\)\] {
492
+ background-color: var(--wui-color-bg);
493
+ }
494
+ [data-wallet-ui].bg-\[var\(--wui-color-bg-secondary\)\], [data-wallet-ui] .bg-\[var\(--wui-color-bg-secondary\)\] {
495
+ background-color: var(--wui-color-bg-secondary);
496
+ }
497
+ [data-wallet-ui].bg-\[var\(--wui-color-bg-tertiary\)\], [data-wallet-ui] .bg-\[var\(--wui-color-bg-tertiary\)\] {
498
+ background-color: var(--wui-color-bg-tertiary);
499
+ }
500
+ [data-wallet-ui].bg-\[var\(--wui-color-danger-bg\)\], [data-wallet-ui] .bg-\[var\(--wui-color-danger-bg\)\] {
501
+ background-color: var(--wui-color-danger-bg);
502
+ }
503
+ [data-wallet-ui].bg-\[var\(--wui-color-danger-text\)\], [data-wallet-ui] .bg-\[var\(--wui-color-danger-text\)\] {
504
+ background-color: var(--wui-color-danger-text);
505
+ }
506
+ [data-wallet-ui].bg-\[var\(--wui-color-overlay\)\], [data-wallet-ui] .bg-\[var\(--wui-color-overlay\)\] {
507
+ background-color: var(--wui-color-overlay);
508
+ }
509
+ [data-wallet-ui].bg-\[var\(--wui-color-primary\)\], [data-wallet-ui] .bg-\[var\(--wui-color-primary\)\] {
510
+ background-color: var(--wui-color-primary);
511
+ }
512
+ [data-wallet-ui].object-contain, [data-wallet-ui] .object-contain {
513
+ object-fit: contain;
514
+ }
515
+ [data-wallet-ui].p-1, [data-wallet-ui] .p-1 {
516
+ padding: calc(var(--spacing) * 1);
517
+ }
518
+ [data-wallet-ui].p-2, [data-wallet-ui] .p-2 {
519
+ padding: calc(var(--spacing) * 2);
520
+ }
521
+ [data-wallet-ui].p-3, [data-wallet-ui] .p-3 {
522
+ padding: calc(var(--spacing) * 3);
523
+ }
524
+ [data-wallet-ui].p-4, [data-wallet-ui] .p-4 {
525
+ padding: calc(var(--spacing) * 4);
526
+ }
527
+ [data-wallet-ui].px-1, [data-wallet-ui] .px-1 {
528
+ padding-inline: calc(var(--spacing) * 1);
529
+ }
530
+ [data-wallet-ui].px-1\.5, [data-wallet-ui] .px-1\.5 {
531
+ padding-inline: calc(var(--spacing) * 1.5);
532
+ }
533
+ [data-wallet-ui].px-2, [data-wallet-ui] .px-2 {
534
+ padding-inline: calc(var(--spacing) * 2);
535
+ }
536
+ [data-wallet-ui].px-2\.5, [data-wallet-ui] .px-2\.5 {
537
+ padding-inline: calc(var(--spacing) * 2.5);
538
+ }
539
+ [data-wallet-ui].px-3, [data-wallet-ui] .px-3 {
540
+ padding-inline: calc(var(--spacing) * 3);
541
+ }
542
+ [data-wallet-ui].px-4, [data-wallet-ui] .px-4 {
543
+ padding-inline: calc(var(--spacing) * 4);
544
+ }
545
+ [data-wallet-ui].px-5, [data-wallet-ui] .px-5 {
546
+ padding-inline: calc(var(--spacing) * 5);
547
+ }
548
+ [data-wallet-ui].px-6, [data-wallet-ui] .px-6 {
549
+ padding-inline: calc(var(--spacing) * 6);
550
+ }
551
+ [data-wallet-ui].py-0\.5, [data-wallet-ui] .py-0\.5 {
552
+ padding-block: calc(var(--spacing) * 0.5);
553
+ }
554
+ [data-wallet-ui].py-1, [data-wallet-ui] .py-1 {
555
+ padding-block: calc(var(--spacing) * 1);
556
+ }
557
+ [data-wallet-ui].py-1\.5, [data-wallet-ui] .py-1\.5 {
558
+ padding-block: calc(var(--spacing) * 1.5);
559
+ }
560
+ [data-wallet-ui].py-2, [data-wallet-ui] .py-2 {
561
+ padding-block: calc(var(--spacing) * 2);
562
+ }
563
+ [data-wallet-ui].py-2\.5, [data-wallet-ui] .py-2\.5 {
564
+ padding-block: calc(var(--spacing) * 2.5);
565
+ }
566
+ [data-wallet-ui].py-3, [data-wallet-ui] .py-3 {
567
+ padding-block: calc(var(--spacing) * 3);
568
+ }
569
+ [data-wallet-ui].py-4, [data-wallet-ui] .py-4 {
570
+ padding-block: calc(var(--spacing) * 4);
571
+ }
572
+ [data-wallet-ui].py-5, [data-wallet-ui] .py-5 {
573
+ padding-block: calc(var(--spacing) * 5);
574
+ }
575
+ [data-wallet-ui].py-6, [data-wallet-ui] .py-6 {
576
+ padding-block: calc(var(--spacing) * 6);
577
+ }
578
+ [data-wallet-ui].pt-5, [data-wallet-ui] .pt-5 {
579
+ padding-top: calc(var(--spacing) * 5);
580
+ }
581
+ [data-wallet-ui].pr-2, [data-wallet-ui] .pr-2 {
582
+ padding-right: calc(var(--spacing) * 2);
583
+ }
584
+ [data-wallet-ui].pr-3, [data-wallet-ui] .pr-3 {
585
+ padding-right: calc(var(--spacing) * 3);
586
+ }
587
+ [data-wallet-ui].pr-3\.5, [data-wallet-ui] .pr-3\.5 {
588
+ padding-right: calc(var(--spacing) * 3.5);
589
+ }
590
+ [data-wallet-ui].pr-8, [data-wallet-ui] .pr-8 {
591
+ padding-right: calc(var(--spacing) * 8);
592
+ }
593
+ [data-wallet-ui].pr-9, [data-wallet-ui] .pr-9 {
594
+ padding-right: calc(var(--spacing) * 9);
595
+ }
596
+ [data-wallet-ui].pb-1, [data-wallet-ui] .pb-1 {
597
+ padding-bottom: calc(var(--spacing) * 1);
598
+ }
599
+ [data-wallet-ui].pb-3, [data-wallet-ui] .pb-3 {
600
+ padding-bottom: calc(var(--spacing) * 3);
601
+ }
602
+ [data-wallet-ui].pb-4, [data-wallet-ui] .pb-4 {
603
+ padding-bottom: calc(var(--spacing) * 4);
604
+ }
605
+ [data-wallet-ui].pl-2, [data-wallet-ui] .pl-2 {
606
+ padding-left: calc(var(--spacing) * 2);
607
+ }
608
+ [data-wallet-ui].pl-2\.5, [data-wallet-ui] .pl-2\.5 {
609
+ padding-left: calc(var(--spacing) * 2.5);
610
+ }
611
+ [data-wallet-ui].pl-3, [data-wallet-ui] .pl-3 {
612
+ padding-left: calc(var(--spacing) * 3);
613
+ }
614
+ [data-wallet-ui].pl-3\.5, [data-wallet-ui] .pl-3\.5 {
615
+ padding-left: calc(var(--spacing) * 3.5);
616
+ }
617
+ [data-wallet-ui].text-center, [data-wallet-ui] .text-center {
618
+ text-align: center;
619
+ }
620
+ [data-wallet-ui].text-left, [data-wallet-ui] .text-left {
621
+ text-align: left;
622
+ }
623
+ [data-wallet-ui].text-right, [data-wallet-ui] .text-right {
624
+ text-align: right;
625
+ }
626
+ [data-wallet-ui].align-baseline, [data-wallet-ui] .align-baseline {
627
+ vertical-align: baseline;
628
+ }
629
+ [data-wallet-ui].font-mono, [data-wallet-ui] .font-mono {
630
+ font-family: var(--font-mono);
631
+ }
632
+ [data-wallet-ui].text-base, [data-wallet-ui] .text-base {
633
+ font-size: var(--text-base);
634
+ line-height: var(--tw-leading, var(--text-base--line-height));
635
+ }
636
+ [data-wallet-ui].text-lg, [data-wallet-ui] .text-lg {
637
+ font-size: var(--text-lg);
638
+ line-height: var(--tw-leading, var(--text-lg--line-height));
639
+ }
640
+ [data-wallet-ui].text-sm, [data-wallet-ui] .text-sm {
641
+ font-size: var(--text-sm);
642
+ line-height: var(--tw-leading, var(--text-sm--line-height));
643
+ }
644
+ [data-wallet-ui].text-xl, [data-wallet-ui] .text-xl {
645
+ font-size: var(--text-xl);
646
+ line-height: var(--tw-leading, var(--text-xl--line-height));
647
+ }
648
+ [data-wallet-ui].text-xs, [data-wallet-ui] .text-xs {
649
+ font-size: var(--text-xs);
650
+ line-height: var(--tw-leading, var(--text-xs--line-height));
651
+ }
652
+ [data-wallet-ui].leading-none, [data-wallet-ui] .leading-none {
653
+ --tw-leading: 1;
654
+ line-height: 1;
655
+ }
656
+ [data-wallet-ui].font-bold, [data-wallet-ui] .font-bold {
657
+ --tw-font-weight: var(--font-weight-bold);
658
+ font-weight: var(--font-weight-bold);
659
+ }
660
+ [data-wallet-ui].font-medium, [data-wallet-ui] .font-medium {
661
+ --tw-font-weight: var(--font-weight-medium);
662
+ font-weight: var(--font-weight-medium);
663
+ }
664
+ [data-wallet-ui].font-normal, [data-wallet-ui] .font-normal {
665
+ --tw-font-weight: var(--font-weight-normal);
666
+ font-weight: var(--font-weight-normal);
667
+ }
668
+ [data-wallet-ui].break-all, [data-wallet-ui] .break-all {
669
+ word-break: break-all;
670
+ }
671
+ [data-wallet-ui].text-\[var\(--wui-color-danger-text\)\], [data-wallet-ui] .text-\[var\(--wui-color-danger-text\)\] {
672
+ color: var(--wui-color-danger-text);
673
+ }
674
+ [data-wallet-ui].text-\[var\(--wui-color-link\)\], [data-wallet-ui] .text-\[var\(--wui-color-link\)\] {
675
+ color: var(--wui-color-link);
676
+ }
677
+ [data-wallet-ui].text-\[var\(--wui-color-primary\)\], [data-wallet-ui] .text-\[var\(--wui-color-primary\)\] {
678
+ color: var(--wui-color-primary);
679
+ }
680
+ [data-wallet-ui].text-\[var\(--wui-color-primary-text\)\], [data-wallet-ui] .text-\[var\(--wui-color-primary-text\)\] {
681
+ color: var(--wui-color-primary-text);
682
+ }
683
+ [data-wallet-ui].text-\[var\(--wui-color-text\)\], [data-wallet-ui] .text-\[var\(--wui-color-text\)\] {
684
+ color: var(--wui-color-text);
685
+ }
686
+ [data-wallet-ui].text-\[var\(--wui-color-text-secondary\)\], [data-wallet-ui] .text-\[var\(--wui-color-text-secondary\)\] {
687
+ color: var(--wui-color-text-secondary);
688
+ }
689
+ [data-wallet-ui].text-\[var\(--wui-color-text-tertiary\)\], [data-wallet-ui] .text-\[var\(--wui-color-text-tertiary\)\] {
690
+ color: var(--wui-color-text-tertiary);
691
+ }
692
+ [data-wallet-ui].text-blue-500, [data-wallet-ui] .text-blue-500 {
693
+ color: var(--color-blue-500);
694
+ }
695
+ [data-wallet-ui].text-green-500, [data-wallet-ui] .text-green-500 {
696
+ color: var(--color-green-500);
697
+ }
698
+ [data-wallet-ui].text-green-600, [data-wallet-ui] .text-green-600 {
699
+ color: var(--color-green-600);
700
+ }
701
+ [data-wallet-ui].text-white, [data-wallet-ui] .text-white {
702
+ color: var(--color-white);
703
+ }
704
+ [data-wallet-ui].opacity-25, [data-wallet-ui] .opacity-25 {
705
+ opacity: 25%;
706
+ }
707
+ [data-wallet-ui].opacity-75, [data-wallet-ui] .opacity-75 {
708
+ opacity: 75%;
709
+ }
710
+ [data-wallet-ui].opacity-80, [data-wallet-ui] .opacity-80 {
711
+ opacity: 80%;
712
+ }
713
+ [data-wallet-ui].shadow-lg, [data-wallet-ui] .shadow-lg {
714
+ --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));
715
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
716
+ }
717
+ [data-wallet-ui].shadow-sm, [data-wallet-ui] .shadow-sm {
718
+ --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));
719
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
720
+ }
721
+ [data-wallet-ui].shadow-xl, [data-wallet-ui] .shadow-xl {
722
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
723
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
724
+ }
725
+ [data-wallet-ui].ring-1, [data-wallet-ui] .ring-1 {
726
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
727
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
728
+ }
729
+ [data-wallet-ui].ring-black\/5, [data-wallet-ui] .ring-black\/5 {
730
+ --tw-ring-color: color-mix(in srgb, #000 5%, transparent);
731
+ @supports (color: color-mix(in lab, red, red)) {
732
+ --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
733
+ }
734
+ }
735
+ [data-wallet-ui].transition, [data-wallet-ui] .transition {
736
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
737
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
738
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
739
+ }
740
+ [data-wallet-ui].transition-\[width\], [data-wallet-ui] .transition-\[width\] {
741
+ transition-property: width;
742
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
743
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
744
+ }
745
+ [data-wallet-ui].transition-all, [data-wallet-ui] .transition-all {
746
+ transition-property: all;
747
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
748
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
749
+ }
750
+ [data-wallet-ui].transition-colors, [data-wallet-ui] .transition-colors {
751
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
752
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
753
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
754
+ }
755
+ [data-wallet-ui].transition-opacity, [data-wallet-ui] .transition-opacity {
756
+ transition-property: opacity;
757
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
758
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
759
+ }
760
+ [data-wallet-ui].duration-150, [data-wallet-ui] .duration-150 {
761
+ --tw-duration: 150ms;
762
+ transition-duration: 150ms;
763
+ }
764
+ [data-wallet-ui].duration-200, [data-wallet-ui] .duration-200 {
765
+ --tw-duration: 200ms;
766
+ transition-duration: 200ms;
767
+ }
768
+ [data-wallet-ui].ease-in-out, [data-wallet-ui] .ease-in-out {
769
+ --tw-ease: var(--ease-in-out);
770
+ transition-timing-function: var(--ease-in-out);
771
+ }
772
+ [data-wallet-ui].select-none, [data-wallet-ui] .select-none {
773
+ -webkit-user-select: none;
774
+ user-select: none;
775
+ }
776
+ [data-wallet-ui].group-data-\[selected\]\:font-medium, [data-wallet-ui] .group-data-\[selected\]\:font-medium {
777
+ &:is(:where(.group)[data-selected] *) {
778
+ --tw-font-weight: var(--font-weight-medium);
779
+ font-weight: var(--font-weight-medium);
780
+ }
781
+ }
782
+ [data-wallet-ui].group-\[\&\:not\(\[data-selected\]\)\]\:hidden, [data-wallet-ui] .group-\[\&\:not\(\[data-selected\]\)\]\:hidden {
783
+ &:is(:where(.group):not([data-selected]) *) {
784
+ display: none;
785
+ }
786
+ }
787
+ [data-wallet-ui].placeholder\:text-\[var\(--wui-color-text-tertiary\)\], [data-wallet-ui] .placeholder\:text-\[var\(--wui-color-text-tertiary\)\] {
788
+ &::placeholder {
789
+ color: var(--wui-color-text-tertiary);
790
+ }
791
+ }
792
+ [data-wallet-ui].hover\:bg-\[var\(--wui-color-bg-hover\)\], [data-wallet-ui] .hover\:bg-\[var\(--wui-color-bg-hover\)\] {
793
+ &:hover {
794
+ @media (hover: hover) {
795
+ background-color: var(--wui-color-bg-hover);
796
+ }
797
+ }
798
+ }
799
+ [data-wallet-ui].hover\:bg-\[var\(--wui-color-bg-secondary\)\], [data-wallet-ui] .hover\:bg-\[var\(--wui-color-bg-secondary\)\] {
800
+ &:hover {
801
+ @media (hover: hover) {
802
+ background-color: var(--wui-color-bg-secondary);
803
+ }
804
+ }
805
+ }
806
+ [data-wallet-ui].hover\:bg-\[var\(--wui-color-danger-bg-hover\)\], [data-wallet-ui] .hover\:bg-\[var\(--wui-color-danger-bg-hover\)\] {
807
+ &:hover {
808
+ @media (hover: hover) {
809
+ background-color: var(--wui-color-danger-bg-hover);
810
+ }
811
+ }
812
+ }
813
+ [data-wallet-ui].hover\:bg-\[var\(--wui-color-primary-hover\)\], [data-wallet-ui] .hover\:bg-\[var\(--wui-color-primary-hover\)\] {
814
+ &:hover {
815
+ @media (hover: hover) {
816
+ background-color: var(--wui-color-primary-hover);
817
+ }
818
+ }
819
+ }
820
+ [data-wallet-ui].hover\:text-\[var\(--wui-color-link-hover\)\], [data-wallet-ui] .hover\:text-\[var\(--wui-color-link-hover\)\] {
821
+ &:hover {
822
+ @media (hover: hover) {
823
+ color: var(--wui-color-link-hover);
824
+ }
825
+ }
826
+ }
827
+ [data-wallet-ui].hover\:text-\[var\(--wui-color-text\)\], [data-wallet-ui] .hover\:text-\[var\(--wui-color-text\)\] {
828
+ &:hover {
829
+ @media (hover: hover) {
830
+ color: var(--wui-color-text);
831
+ }
832
+ }
833
+ }
834
+ [data-wallet-ui].hover\:text-\[var\(--wui-color-text-secondary\)\], [data-wallet-ui] .hover\:text-\[var\(--wui-color-text-secondary\)\] {
835
+ &:hover {
836
+ @media (hover: hover) {
837
+ color: var(--wui-color-text-secondary);
838
+ }
839
+ }
840
+ }
841
+ [data-wallet-ui].hover\:underline, [data-wallet-ui] .hover\:underline {
842
+ &:hover {
843
+ @media (hover: hover) {
844
+ text-decoration-line: underline;
845
+ }
846
+ }
847
+ }
848
+ [data-wallet-ui].hover\:brightness-90, [data-wallet-ui] .hover\:brightness-90 {
849
+ &:hover {
850
+ @media (hover: hover) {
851
+ --tw-brightness: brightness(90%);
852
+ 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,);
853
+ }
854
+ }
855
+ }
856
+ [data-wallet-ui].focus\:border-transparent, [data-wallet-ui] .focus\:border-transparent {
857
+ &:focus {
858
+ border-color: transparent;
859
+ }
860
+ }
861
+ [data-wallet-ui].focus\:ring-2, [data-wallet-ui] .focus\:ring-2 {
862
+ &:focus {
863
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
864
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
865
+ }
866
+ }
867
+ [data-wallet-ui].focus\:ring-\[var\(--wui-color-primary\)\], [data-wallet-ui] .focus\:ring-\[var\(--wui-color-primary\)\] {
868
+ &:focus {
869
+ --tw-ring-color: var(--wui-color-primary);
870
+ }
871
+ }
872
+ [data-wallet-ui].focus\:outline-none, [data-wallet-ui] .focus\:outline-none {
873
+ &:focus {
874
+ --tw-outline-style: none;
875
+ outline-style: none;
876
+ }
877
+ }
878
+ [data-wallet-ui].disabled\:pointer-events-none, [data-wallet-ui] .disabled\:pointer-events-none {
879
+ &:disabled {
880
+ pointer-events: none;
881
+ }
882
+ }
883
+ [data-wallet-ui].disabled\:cursor-not-allowed, [data-wallet-ui] .disabled\:cursor-not-allowed {
884
+ &:disabled {
885
+ cursor: not-allowed;
886
+ }
887
+ }
888
+ [data-wallet-ui].disabled\:opacity-40, [data-wallet-ui] .disabled\:opacity-40 {
889
+ &:disabled {
890
+ opacity: 40%;
891
+ }
892
+ }
893
+ [data-wallet-ui].disabled\:opacity-50, [data-wallet-ui] .disabled\:opacity-50 {
894
+ &:disabled {
895
+ opacity: 50%;
896
+ }
897
+ }
898
+ [data-wallet-ui].data-\[focus\]\:bg-\[var\(--wui-color-bg-hover\)\], [data-wallet-ui] .data-\[focus\]\:bg-\[var\(--wui-color-bg-hover\)\] {
899
+ &[data-focus] {
900
+ background-color: var(--wui-color-bg-hover);
901
+ }
902
+ }
903
+ [data-wallet-ui].data-\[focus\]\:outline-none, [data-wallet-ui] .data-\[focus\]\:outline-none {
904
+ &[data-focus] {
905
+ --tw-outline-style: none;
906
+ outline-style: none;
907
+ }
908
+ }
909
+ [data-wallet-ui].data-\[leave\]\:transition, [data-wallet-ui] .data-\[leave\]\:transition {
910
+ &[data-leave] {
911
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
912
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
913
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
914
+ }
915
+ }
916
+ [data-wallet-ui].data-\[leave\]\:duration-100, [data-wallet-ui] .data-\[leave\]\:duration-100 {
917
+ &[data-leave] {
918
+ --tw-duration: 100ms;
919
+ transition-duration: 100ms;
920
+ }
921
+ }
922
+ [data-wallet-ui].data-\[leave\]\:ease-in, [data-wallet-ui] .data-\[leave\]\:ease-in {
923
+ &[data-leave] {
924
+ --tw-ease: var(--ease-in);
925
+ transition-timing-function: var(--ease-in);
926
+ }
927
+ }
928
+ [data-wallet-ui].data-\[closed\]\:data-\[leave\]\:opacity-0, [data-wallet-ui] .data-\[closed\]\:data-\[leave\]\:opacity-0 {
929
+ &[data-closed] {
930
+ &[data-leave] {
931
+ opacity: 0%;
932
+ }
933
+ }
934
+ }
935
+ [data-wallet-ui].data-\[state\=entered\]\:scale-100, [data-wallet-ui] .data-\[state\=entered\]\:scale-100 {
936
+ &[data-state="entered"] {
937
+ --tw-scale-x: 100%;
938
+ --tw-scale-y: 100%;
939
+ --tw-scale-z: 100%;
940
+ scale: var(--tw-scale-x) var(--tw-scale-y);
941
+ }
942
+ }
943
+ [data-wallet-ui].data-\[state\=entered\]\:opacity-100, [data-wallet-ui] .data-\[state\=entered\]\:opacity-100 {
944
+ &[data-state="entered"] {
945
+ opacity: 100%;
946
+ }
947
+ }
948
+ [data-wallet-ui].data-\[state\=exiting\]\:scale-90, [data-wallet-ui] .data-\[state\=exiting\]\:scale-90 {
949
+ &[data-state="exiting"] {
950
+ --tw-scale-x: 90%;
951
+ --tw-scale-y: 90%;
952
+ --tw-scale-z: 90%;
953
+ scale: var(--tw-scale-x) var(--tw-scale-y);
954
+ }
955
+ }
956
+ [data-wallet-ui].data-\[state\=exiting\]\:opacity-0, [data-wallet-ui] .data-\[state\=exiting\]\:opacity-0 {
957
+ &[data-state="exiting"] {
958
+ opacity: 0%;
959
+ }
960
+ }
961
+ [data-wallet-ui].data-\[state\=starting\]\:scale-90, [data-wallet-ui] .data-\[state\=starting\]\:scale-90 {
962
+ &[data-state="starting"] {
963
+ --tw-scale-x: 90%;
964
+ --tw-scale-y: 90%;
965
+ --tw-scale-z: 90%;
966
+ scale: var(--tw-scale-x) var(--tw-scale-y);
967
+ }
968
+ }
969
+ [data-wallet-ui].data-\[state\=starting\]\:opacity-0, [data-wallet-ui] .data-\[state\=starting\]\:opacity-0 {
970
+ &[data-state="starting"] {
971
+ opacity: 0%;
972
+ }
973
+ }
974
+ [data-wallet-ui].md\:mr-1\.5, [data-wallet-ui] .md\:mr-1\.5 {
975
+ @media (width >= 48rem) {
976
+ margin-right: calc(var(--spacing) * 1.5);
977
+ }
978
+ }
979
+ [data-wallet-ui].md\:mr-2, [data-wallet-ui] .md\:mr-2 {
980
+ @media (width >= 48rem) {
981
+ margin-right: calc(var(--spacing) * 2);
982
+ }
983
+ }
984
+ [data-wallet-ui].md\:mr-2\.5, [data-wallet-ui] .md\:mr-2\.5 {
985
+ @media (width >= 48rem) {
986
+ margin-right: calc(var(--spacing) * 2.5);
987
+ }
988
+ }
989
+ [data-wallet-ui].md\:block, [data-wallet-ui] .md\:block {
990
+ @media (width >= 48rem) {
991
+ display: block;
992
+ }
993
+ }
994
+ [data-wallet-ui].md\:pl-2\.5, [data-wallet-ui] .md\:pl-2\.5 {
995
+ @media (width >= 48rem) {
996
+ padding-left: calc(var(--spacing) * 2.5);
997
+ }
998
+ }
999
+ [data-wallet-ui].md\:pl-3\.5, [data-wallet-ui] .md\:pl-3\.5 {
1000
+ @media (width >= 48rem) {
1001
+ padding-left: calc(var(--spacing) * 3.5);
1002
+ }
1003
+ }
1004
+ [data-wallet-ui].md\:pl-4, [data-wallet-ui] .md\:pl-4 {
1005
+ @media (width >= 48rem) {
1006
+ padding-left: calc(var(--spacing) * 4);
1007
+ }
1008
+ }
1009
+ @property --tw-rotate-x {
1010
+ syntax: "*";
1011
+ inherits: false;
1012
+ }
1013
+ @property --tw-rotate-y {
1014
+ syntax: "*";
1015
+ inherits: false;
1016
+ }
1017
+ @property --tw-rotate-z {
1018
+ syntax: "*";
1019
+ inherits: false;
1020
+ }
1021
+ @property --tw-skew-x {
1022
+ syntax: "*";
1023
+ inherits: false;
1024
+ }
1025
+ @property --tw-skew-y {
1026
+ syntax: "*";
1027
+ inherits: false;
1028
+ }
1029
+ @property --tw-space-y-reverse {
1030
+ syntax: "*";
1031
+ inherits: false;
1032
+ initial-value: 0;
1033
+ }
1034
+ @property --tw-border-style {
1035
+ syntax: "*";
1036
+ inherits: false;
1037
+ initial-value: solid;
1038
+ }
1039
+ @property --tw-leading {
1040
+ syntax: "*";
1041
+ inherits: false;
1042
+ }
1043
+ @property --tw-font-weight {
1044
+ syntax: "*";
1045
+ inherits: false;
1046
+ }
1047
+ @property --tw-shadow {
1048
+ syntax: "*";
1049
+ inherits: false;
1050
+ initial-value: 0 0 #0000;
1051
+ }
1052
+ @property --tw-shadow-color {
1053
+ syntax: "*";
1054
+ inherits: false;
1055
+ }
1056
+ @property --tw-shadow-alpha {
1057
+ syntax: "<percentage>";
1058
+ inherits: false;
1059
+ initial-value: 100%;
1060
+ }
1061
+ @property --tw-inset-shadow {
1062
+ syntax: "*";
1063
+ inherits: false;
1064
+ initial-value: 0 0 #0000;
1065
+ }
1066
+ @property --tw-inset-shadow-color {
1067
+ syntax: "*";
1068
+ inherits: false;
1069
+ }
1070
+ @property --tw-inset-shadow-alpha {
1071
+ syntax: "<percentage>";
1072
+ inherits: false;
1073
+ initial-value: 100%;
1074
+ }
1075
+ @property --tw-ring-color {
1076
+ syntax: "*";
1077
+ inherits: false;
1078
+ }
1079
+ @property --tw-ring-shadow {
1080
+ syntax: "*";
1081
+ inherits: false;
1082
+ initial-value: 0 0 #0000;
1083
+ }
1084
+ @property --tw-inset-ring-color {
1085
+ syntax: "*";
1086
+ inherits: false;
1087
+ }
1088
+ @property --tw-inset-ring-shadow {
1089
+ syntax: "*";
1090
+ inherits: false;
1091
+ initial-value: 0 0 #0000;
1092
+ }
1093
+ @property --tw-ring-inset {
1094
+ syntax: "*";
1095
+ inherits: false;
1096
+ }
1097
+ @property --tw-ring-offset-width {
1098
+ syntax: "<length>";
1099
+ inherits: false;
1100
+ initial-value: 0px;
1101
+ }
1102
+ @property --tw-ring-offset-color {
1103
+ syntax: "*";
1104
+ inherits: false;
1105
+ initial-value: #fff;
1106
+ }
1107
+ @property --tw-ring-offset-shadow {
1108
+ syntax: "*";
1109
+ inherits: false;
1110
+ initial-value: 0 0 #0000;
1111
+ }
1112
+ @property --tw-duration {
1113
+ syntax: "*";
1114
+ inherits: false;
1115
+ }
1116
+ @property --tw-ease {
1117
+ syntax: "*";
1118
+ inherits: false;
1119
+ }
1120
+ @property --tw-blur {
1121
+ syntax: "*";
1122
+ inherits: false;
1123
+ }
1124
+ @property --tw-brightness {
1125
+ syntax: "*";
1126
+ inherits: false;
1127
+ }
1128
+ @property --tw-contrast {
1129
+ syntax: "*";
1130
+ inherits: false;
1131
+ }
1132
+ @property --tw-grayscale {
1133
+ syntax: "*";
1134
+ inherits: false;
1135
+ }
1136
+ @property --tw-hue-rotate {
1137
+ syntax: "*";
1138
+ inherits: false;
1139
+ }
1140
+ @property --tw-invert {
1141
+ syntax: "*";
1142
+ inherits: false;
1143
+ }
1144
+ @property --tw-opacity {
1145
+ syntax: "*";
1146
+ inherits: false;
1147
+ }
1148
+ @property --tw-saturate {
1149
+ syntax: "*";
1150
+ inherits: false;
1151
+ }
1152
+ @property --tw-sepia {
1153
+ syntax: "*";
1154
+ inherits: false;
1155
+ }
1156
+ @property --tw-drop-shadow {
1157
+ syntax: "*";
1158
+ inherits: false;
1159
+ }
1160
+ @property --tw-drop-shadow-color {
1161
+ syntax: "*";
1162
+ inherits: false;
1163
+ }
1164
+ @property --tw-drop-shadow-alpha {
1165
+ syntax: "<percentage>";
1166
+ inherits: false;
1167
+ initial-value: 100%;
1168
+ }
1169
+ @property --tw-drop-shadow-size {
1170
+ syntax: "*";
1171
+ inherits: false;
1172
+ }
1173
+ @property --tw-scale-x {
1174
+ syntax: "*";
1175
+ inherits: false;
1176
+ initial-value: 1;
1177
+ }
1178
+ @property --tw-scale-y {
1179
+ syntax: "*";
1180
+ inherits: false;
1181
+ initial-value: 1;
1182
+ }
1183
+ @property --tw-scale-z {
1184
+ syntax: "*";
1185
+ inherits: false;
1186
+ initial-value: 1;
1187
+ }
1188
+ @keyframes spin {
1189
+ to {
1190
+ transform: rotate(360deg);
1191
+ }
1192
+ }
1193
+ @layer properties {
1194
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1195
+ *, ::before, ::after, ::backdrop {
1196
+ --tw-rotate-x: initial;
1197
+ --tw-rotate-y: initial;
1198
+ --tw-rotate-z: initial;
1199
+ --tw-skew-x: initial;
1200
+ --tw-skew-y: initial;
1201
+ --tw-space-y-reverse: 0;
1202
+ --tw-border-style: solid;
1203
+ --tw-leading: initial;
1204
+ --tw-font-weight: initial;
1205
+ --tw-shadow: 0 0 #0000;
1206
+ --tw-shadow-color: initial;
1207
+ --tw-shadow-alpha: 100%;
1208
+ --tw-inset-shadow: 0 0 #0000;
1209
+ --tw-inset-shadow-color: initial;
1210
+ --tw-inset-shadow-alpha: 100%;
1211
+ --tw-ring-color: initial;
1212
+ --tw-ring-shadow: 0 0 #0000;
1213
+ --tw-inset-ring-color: initial;
1214
+ --tw-inset-ring-shadow: 0 0 #0000;
1215
+ --tw-ring-inset: initial;
1216
+ --tw-ring-offset-width: 0px;
1217
+ --tw-ring-offset-color: #fff;
1218
+ --tw-ring-offset-shadow: 0 0 #0000;
1219
+ --tw-duration: initial;
1220
+ --tw-ease: initial;
1221
+ --tw-blur: initial;
1222
+ --tw-brightness: initial;
1223
+ --tw-contrast: initial;
1224
+ --tw-grayscale: initial;
1225
+ --tw-hue-rotate: initial;
1226
+ --tw-invert: initial;
1227
+ --tw-opacity: initial;
1228
+ --tw-saturate: initial;
1229
+ --tw-sepia: initial;
1230
+ --tw-drop-shadow: initial;
1231
+ --tw-drop-shadow-color: initial;
1232
+ --tw-drop-shadow-alpha: 100%;
1233
+ --tw-drop-shadow-size: initial;
1234
+ --tw-scale-x: 1;
1235
+ --tw-scale-y: 1;
1236
+ --tw-scale-z: 1;
1237
+ }
1238
+ }
1239
+ }