@txnlab/use-wallet-ui-react 0.4.2 → 1.0.0-beta.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.
Files changed (10) hide show
  1. package/README.md +311 -400
  2. package/dist/cjs/index.cjs +18 -18
  3. package/dist/cjs/index.cjs.map +1 -1
  4. package/dist/esm/index.js +1798 -1771
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/style.css +237 -350
  7. package/dist/types/index.d.cts +16 -1
  8. package/dist/types/index.d.ts +16 -1
  9. package/package.json +1 -1
  10. package/src/theme.css +83 -71
package/dist/style.css CHANGED
@@ -1,10 +1,6 @@
1
1
  /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  :root, :host {
4
- --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
5
- 'Noto Color Emoji';
6
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
7
- monospace;
8
4
  --color-green-500: oklch(72.3% 0.219 149.579);
9
5
  --color-blue-500: oklch(62.3% 0.214 259.815);
10
6
  --color-black: #000;
@@ -29,158 +25,36 @@
29
25
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
30
26
  --default-transition-duration: 150ms;
31
27
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
32
- --default-font-family: var(--font-sans);
33
- --default-mono-font-family: var(--font-mono);
34
- }
35
- [data-wallet-ui-scope] {
36
- *, ::after, ::before, ::backdrop, ::file-selector-button {
37
- box-sizing: border-box;
38
- margin: 0;
39
- padding: 0;
40
- border: 0 solid;
41
- }
42
- html, :host {
43
- line-height: 1.5;
44
- -webkit-text-size-adjust: 100%;
45
- tab-size: 4;
46
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
47
- font-feature-settings: var(--default-font-feature-settings, normal);
48
- font-variation-settings: var(--default-font-variation-settings, normal);
49
- -webkit-tap-highlight-color: transparent;
50
- }
51
- hr {
52
- height: 0;
53
- color: inherit;
54
- border-top-width: 1px;
55
- }
56
- abbr:where([title]) {
57
- -webkit-text-decoration: underline dotted;
58
- text-decoration: underline dotted;
59
- }
60
- h1, h2, h3, h4, h5, h6 {
61
- font-size: inherit;
62
- font-weight: inherit;
63
- }
64
- a {
65
- color: inherit;
66
- -webkit-text-decoration: inherit;
67
- text-decoration: inherit;
68
- }
69
- b, strong {
70
- font-weight: bolder;
71
- }
72
- code, kbd, samp, pre {
73
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
74
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
75
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
76
- font-size: 1em;
77
- }
78
- small {
79
- font-size: 80%;
80
- }
81
- sub, sup {
82
- font-size: 75%;
83
- line-height: 0;
84
- position: relative;
85
- vertical-align: baseline;
86
- }
87
- sub {
88
- bottom: -0.25em;
89
- }
90
- sup {
91
- top: -0.5em;
92
- }
93
- table {
94
- text-indent: 0;
95
- border-color: inherit;
96
- border-collapse: collapse;
97
- }
98
- :-moz-focusring {
99
- outline: auto;
100
- }
101
- progress {
102
- vertical-align: baseline;
103
- }
104
- summary {
105
- display: list-item;
106
- }
107
- ol, ul, menu {
108
- list-style: none;
109
- }
110
- img, svg, video, canvas, audio, iframe, embed, object {
111
- display: block;
112
- vertical-align: middle;
113
- }
114
- img, video {
115
- max-width: 100%;
116
- height: auto;
117
- }
118
- button, input, select, optgroup, textarea, ::file-selector-button {
119
- font: inherit;
120
- font-feature-settings: inherit;
121
- font-variation-settings: inherit;
122
- letter-spacing: inherit;
123
- color: inherit;
124
- border-radius: 0;
125
- background-color: transparent;
126
- opacity: 1;
127
- }
128
- :where(select:is([multiple], [size])) optgroup {
129
- font-weight: bolder;
130
- }
131
- :where(select:is([multiple], [size])) optgroup option {
132
- padding-inline-start: 20px;
133
- }
134
- ::file-selector-button {
135
- margin-inline-end: 4px;
136
- }
137
- ::placeholder {
138
- opacity: 1;
139
- }
140
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
141
- ::placeholder {
142
- color: currentcolor;
143
- @supports (color: color-mix(in lab, red, red)) {
144
- color: color-mix(in oklab, currentcolor 50%, transparent);
145
- }
146
- }
147
- }
148
- textarea {
149
- resize: vertical;
150
- }
151
- ::-webkit-search-decoration {
152
- -webkit-appearance: none;
153
- }
154
- ::-webkit-date-and-time-value {
155
- min-height: 1lh;
156
- text-align: inherit;
157
- }
158
- ::-webkit-datetime-edit {
159
- display: inline-flex;
160
- }
161
- ::-webkit-datetime-edit-fields-wrapper {
162
- padding: 0;
163
- }
164
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
165
- padding-block: 0;
166
- }
167
- ::-webkit-calendar-picker-indicator {
168
- line-height: 1;
169
- }
170
- :-moz-ui-invalid {
171
- box-shadow: none;
172
- }
173
- button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
174
- appearance: button;
175
- }
176
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
177
- height: auto;
178
- }
179
- [hidden]:where(:not([hidden='until-found'])) {
180
- display: none !important;
181
- }
182
28
  }
183
- [data-wallet-ui] {
29
+ [data-wallet-ui][data-wallet-button], [data-wallet-ui] [role="dialog"], [data-wallet-ui] [role="menu"], [data-wallet-ui] [role="listbox"] {
30
+ box-sizing: border-box;
31
+ margin: 0;
32
+ padding: 0;
33
+ border: 0 solid;
34
+ font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
35
+ line-height: 1.5;
36
+ }
37
+ [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 {
38
+ cursor: pointer;
39
+ background-color: transparent;
40
+ background-image: none;
41
+ text-transform: none;
42
+ -webkit-appearance: button;
43
+ appearance: button;
44
+ }
45
+ [data-wallet-ui] [role="dialog"] *, [data-wallet-ui] [role="menu"] *, [data-wallet-ui] [role="listbox"] * {
46
+ box-sizing: border-box;
47
+ margin: 0;
48
+ padding: 0;
49
+ border: 0 solid;
50
+ list-style: none;
51
+ }
52
+ [data-wallet-ui] [role="dialog"] img, [data-wallet-ui] [role="menu"] img, [data-wallet-ui] [role="listbox"] img {
53
+ display: block;
54
+ max-width: 100%;
55
+ height: auto;
56
+ }
57
+ [data-wallet-theme] {
184
58
  --wui-color-primary: #2d2df1;
185
59
  --wui-color-primary-hover: #2929d9;
186
60
  --wui-color-primary-text: #ffffff;
@@ -201,7 +75,7 @@
201
75
  --wui-color-avatar-bg: #e5e7eb;
202
76
  --wui-color-avatar-icon: #9ca3af;
203
77
  }
204
- [data-wallet-ui][data-theme='dark'] {
78
+ [data-wallet-theme][data-theme='dark'] {
205
79
  --wui-color-primary: #bfbff9;
206
80
  --wui-color-primary-hover: #d4d4fa;
207
81
  --wui-color-primary-text: #001324;
@@ -222,7 +96,7 @@
222
96
  --wui-color-avatar-bg: #192a39;
223
97
  --wui-color-avatar-icon: #6b7280;
224
98
  }
225
- .dark [data-wallet-ui]:not([data-theme='light']) {
99
+ .dark [data-wallet-theme]:not([data-theme='light']) {
226
100
  --wui-color-primary: #bfbff9;
227
101
  --wui-color-primary-hover: #d4d4fa;
228
102
  --wui-color-primary-text: #001324;
@@ -244,7 +118,7 @@
244
118
  --wui-color-avatar-icon: #6b7280;
245
119
  }
246
120
  @media (prefers-color-scheme: dark) {
247
- [data-wallet-ui]:not([data-theme='light']):not([data-theme='dark']) {
121
+ [data-wallet-theme]:not([data-theme='light']):not([data-theme='dark']) {
248
122
  --wui-color-primary: #bfbff9;
249
123
  --wui-color-primary-hover: #d4d4fa;
250
124
  --wui-color-primary-text: #001324;
@@ -266,512 +140,505 @@
266
140
  --wui-color-avatar-icon: #6b7280;
267
141
  }
268
142
  }
269
- [data-wallet-ui-scope] .absolute {
143
+ [data-wallet-ui].absolute, [data-wallet-ui] .absolute {
270
144
  position: absolute;
271
145
  }
272
- [data-wallet-ui-scope] .relative {
146
+ [data-wallet-ui].relative, [data-wallet-ui] .relative {
273
147
  position: relative;
274
148
  }
275
- [data-wallet-ui-scope] .inset-y-0 {
149
+ [data-wallet-ui].inset-y-0, [data-wallet-ui] .inset-y-0 {
276
150
  inset-block: calc(var(--spacing) * 0);
277
151
  }
278
- [data-wallet-ui-scope] .right-0 {
152
+ [data-wallet-ui].right-0, [data-wallet-ui] .right-0 {
279
153
  right: calc(var(--spacing) * 0);
280
154
  }
281
- [data-wallet-ui-scope] .right-4 {
155
+ [data-wallet-ui].right-4, [data-wallet-ui] .right-4 {
282
156
  right: calc(var(--spacing) * 4);
283
157
  }
284
- [data-wallet-ui-scope] .z-10 {
158
+ [data-wallet-ui].z-10, [data-wallet-ui] .z-10 {
285
159
  z-index: 10;
286
160
  }
287
- [data-wallet-ui-scope] .z-50 {
161
+ [data-wallet-ui].z-50, [data-wallet-ui] .z-50 {
288
162
  z-index: 50;
289
163
  }
290
- [data-wallet-ui-scope] .col-start-1 {
164
+ [data-wallet-ui].col-start-1, [data-wallet-ui] .col-start-1 {
291
165
  grid-column-start: 1;
292
166
  }
293
- [data-wallet-ui-scope] .row-start-1 {
167
+ [data-wallet-ui].row-start-1, [data-wallet-ui] .row-start-1 {
294
168
  grid-row-start: 1;
295
169
  }
296
- [data-wallet-ui-scope] .container {
297
- width: 100%;
298
- @media (width >= 40rem) {
299
- max-width: 40rem;
300
- }
301
- @media (width >= 48rem) {
302
- max-width: 48rem;
303
- }
304
- @media (width >= 64rem) {
305
- max-width: 64rem;
306
- }
307
- @media (width >= 80rem) {
308
- max-width: 80rem;
309
- }
310
- @media (width >= 96rem) {
311
- max-width: 96rem;
312
- }
313
- }
314
- [data-wallet-ui-scope] .mt-0\.5 {
170
+ [data-wallet-ui].mt-0\.5, [data-wallet-ui] .mt-0\.5 {
315
171
  margin-top: calc(var(--spacing) * 0.5);
316
172
  }
317
- [data-wallet-ui-scope] .mt-1 {
173
+ [data-wallet-ui].mt-1, [data-wallet-ui] .mt-1 {
318
174
  margin-top: calc(var(--spacing) * 1);
319
175
  }
320
- [data-wallet-ui-scope] .mt-2 {
176
+ [data-wallet-ui].mt-2, [data-wallet-ui] .mt-2 {
321
177
  margin-top: calc(var(--spacing) * 2);
322
178
  }
323
- [data-wallet-ui-scope] .mr-1 {
179
+ [data-wallet-ui].mr-1, [data-wallet-ui] .mr-1 {
324
180
  margin-right: calc(var(--spacing) * 1);
325
181
  }
326
- [data-wallet-ui-scope] .mr-1\.5 {
182
+ [data-wallet-ui].mr-1\.5, [data-wallet-ui] .mr-1\.5 {
327
183
  margin-right: calc(var(--spacing) * 1.5);
328
184
  }
329
- [data-wallet-ui-scope] .mb-1 {
185
+ [data-wallet-ui].mb-1, [data-wallet-ui] .mb-1 {
330
186
  margin-bottom: calc(var(--spacing) * 1);
331
187
  }
332
- [data-wallet-ui-scope] .mb-2 {
188
+ [data-wallet-ui].mb-2, [data-wallet-ui] .mb-2 {
333
189
  margin-bottom: calc(var(--spacing) * 2);
334
190
  }
335
- [data-wallet-ui-scope] .mb-3 {
191
+ [data-wallet-ui].mb-3, [data-wallet-ui] .mb-3 {
336
192
  margin-bottom: calc(var(--spacing) * 3);
337
193
  }
338
- [data-wallet-ui-scope] .mb-4 {
194
+ [data-wallet-ui].mb-4, [data-wallet-ui] .mb-4 {
339
195
  margin-bottom: calc(var(--spacing) * 4);
340
196
  }
341
- [data-wallet-ui-scope] .ml-0\.5 {
197
+ [data-wallet-ui].ml-0\.5, [data-wallet-ui] .ml-0\.5 {
342
198
  margin-left: calc(var(--spacing) * 0.5);
343
199
  }
344
- [data-wallet-ui-scope] .ml-1\.5 {
200
+ [data-wallet-ui].ml-1\.5, [data-wallet-ui] .ml-1\.5 {
345
201
  margin-left: calc(var(--spacing) * 1.5);
346
202
  }
347
- [data-wallet-ui-scope] .block {
203
+ [data-wallet-ui].block, [data-wallet-ui] .block {
348
204
  display: block;
349
205
  }
350
- [data-wallet-ui-scope] .flex {
206
+ [data-wallet-ui].flex, [data-wallet-ui] .flex {
351
207
  display: flex;
352
208
  }
353
- [data-wallet-ui-scope] .grid {
209
+ [data-wallet-ui].grid, [data-wallet-ui] .grid {
354
210
  display: grid;
355
211
  }
356
- [data-wallet-ui-scope] .hidden {
212
+ [data-wallet-ui].hidden, [data-wallet-ui] .hidden {
357
213
  display: none;
358
214
  }
359
- [data-wallet-ui-scope] .inline-block {
215
+ [data-wallet-ui].inline-block, [data-wallet-ui] .inline-block {
360
216
  display: inline-block;
361
217
  }
362
- [data-wallet-ui-scope] .h-3 {
218
+ [data-wallet-ui].h-3, [data-wallet-ui] .h-3 {
363
219
  height: calc(var(--spacing) * 3);
364
220
  }
365
- [data-wallet-ui-scope] .h-4 {
221
+ [data-wallet-ui].h-4, [data-wallet-ui] .h-4 {
366
222
  height: calc(var(--spacing) * 4);
367
223
  }
368
- [data-wallet-ui-scope] .h-5 {
224
+ [data-wallet-ui].h-5, [data-wallet-ui] .h-5 {
369
225
  height: calc(var(--spacing) * 5);
370
226
  }
371
- [data-wallet-ui-scope] .h-6 {
227
+ [data-wallet-ui].h-6, [data-wallet-ui] .h-6 {
372
228
  height: calc(var(--spacing) * 6);
373
229
  }
374
- [data-wallet-ui-scope] .h-8 {
230
+ [data-wallet-ui].h-7, [data-wallet-ui] .h-7 {
231
+ height: calc(var(--spacing) * 7);
232
+ }
233
+ [data-wallet-ui].h-8, [data-wallet-ui] .h-8 {
375
234
  height: calc(var(--spacing) * 8);
376
235
  }
377
- [data-wallet-ui-scope] .h-12 {
236
+ [data-wallet-ui].h-12, [data-wallet-ui] .h-12 {
378
237
  height: calc(var(--spacing) * 12);
379
238
  }
380
- [data-wallet-ui-scope] .max-h-60 {
239
+ [data-wallet-ui].max-h-60, [data-wallet-ui] .max-h-60 {
381
240
  max-height: calc(var(--spacing) * 60);
382
241
  }
383
- [data-wallet-ui-scope] .max-h-full {
242
+ [data-wallet-ui].max-h-full, [data-wallet-ui] .max-h-full {
384
243
  max-height: 100%;
385
244
  }
386
- [data-wallet-ui-scope] .w-3 {
245
+ [data-wallet-ui].w-3, [data-wallet-ui] .w-3 {
387
246
  width: calc(var(--spacing) * 3);
388
247
  }
389
- [data-wallet-ui-scope] .w-4 {
248
+ [data-wallet-ui].w-4, [data-wallet-ui] .w-4 {
390
249
  width: calc(var(--spacing) * 4);
391
250
  }
392
- [data-wallet-ui-scope] .w-5 {
251
+ [data-wallet-ui].w-5, [data-wallet-ui] .w-5 {
393
252
  width: calc(var(--spacing) * 5);
394
253
  }
395
- [data-wallet-ui-scope] .w-6 {
254
+ [data-wallet-ui].w-6, [data-wallet-ui] .w-6 {
396
255
  width: calc(var(--spacing) * 6);
397
256
  }
398
- [data-wallet-ui-scope] .w-8 {
257
+ [data-wallet-ui].w-7, [data-wallet-ui] .w-7 {
258
+ width: calc(var(--spacing) * 7);
259
+ }
260
+ [data-wallet-ui].w-8, [data-wallet-ui] .w-8 {
399
261
  width: calc(var(--spacing) * 8);
400
262
  }
401
- [data-wallet-ui-scope] .w-12 {
263
+ [data-wallet-ui].w-12, [data-wallet-ui] .w-12 {
402
264
  width: calc(var(--spacing) * 12);
403
265
  }
404
- [data-wallet-ui-scope] .w-80 {
266
+ [data-wallet-ui].w-80, [data-wallet-ui] .w-80 {
405
267
  width: calc(var(--spacing) * 80);
406
268
  }
407
- [data-wallet-ui-scope] .w-full {
269
+ [data-wallet-ui].w-full, [data-wallet-ui] .w-full {
408
270
  width: 100%;
409
271
  }
410
- [data-wallet-ui-scope] .max-w-\[160px\] {
272
+ [data-wallet-ui].max-w-\[160px\], [data-wallet-ui] .max-w-\[160px\] {
411
273
  max-width: 160px;
412
274
  }
413
- [data-wallet-ui-scope] .max-w-\[220px\] {
275
+ [data-wallet-ui].max-w-\[220px\], [data-wallet-ui] .max-w-\[220px\] {
414
276
  max-width: 220px;
415
277
  }
416
- [data-wallet-ui-scope] .max-w-full {
278
+ [data-wallet-ui].max-w-full, [data-wallet-ui] .max-w-full {
417
279
  max-width: 100%;
418
280
  }
419
- [data-wallet-ui-scope] .max-w-sm {
281
+ [data-wallet-ui].max-w-sm, [data-wallet-ui] .max-w-sm {
420
282
  max-width: var(--container-sm);
421
283
  }
422
- [data-wallet-ui-scope] .flex-1 {
284
+ [data-wallet-ui].flex-1, [data-wallet-ui] .flex-1 {
423
285
  flex: 1;
424
286
  }
425
- [data-wallet-ui-scope] .shrink-0 {
287
+ [data-wallet-ui].shrink-0, [data-wallet-ui] .shrink-0 {
426
288
  flex-shrink: 0;
427
289
  }
428
- [data-wallet-ui-scope] .transform {
290
+ [data-wallet-ui].transform, [data-wallet-ui] .transform {
429
291
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
430
292
  }
431
- [data-wallet-ui-scope] .cursor-default {
293
+ [data-wallet-ui].cursor-default, [data-wallet-ui] .cursor-default {
432
294
  cursor: default;
433
295
  }
434
- [data-wallet-ui-scope] .cursor-pointer {
296
+ [data-wallet-ui].cursor-pointer, [data-wallet-ui] .cursor-pointer {
435
297
  cursor: pointer;
436
298
  }
437
- [data-wallet-ui-scope] .grid-cols-1 {
299
+ [data-wallet-ui].grid-cols-1, [data-wallet-ui] .grid-cols-1 {
438
300
  grid-template-columns: repeat(1, minmax(0, 1fr));
439
301
  }
440
- [data-wallet-ui-scope] .place-items-center {
302
+ [data-wallet-ui].place-items-center, [data-wallet-ui] .place-items-center {
441
303
  place-items: center;
442
304
  }
443
- [data-wallet-ui-scope] .items-center {
305
+ [data-wallet-ui].items-center, [data-wallet-ui] .items-center {
444
306
  align-items: center;
445
307
  }
446
- [data-wallet-ui-scope] .justify-between {
308
+ [data-wallet-ui].justify-between, [data-wallet-ui] .justify-between {
447
309
  justify-content: space-between;
448
310
  }
449
- [data-wallet-ui-scope] .justify-center {
311
+ [data-wallet-ui].justify-center, [data-wallet-ui] .justify-center {
450
312
  justify-content: center;
451
313
  }
452
- [data-wallet-ui-scope] .gap-1 {
314
+ [data-wallet-ui].gap-1, [data-wallet-ui] .gap-1 {
453
315
  gap: calc(var(--spacing) * 1);
454
316
  }
455
- [data-wallet-ui-scope] .gap-2 {
317
+ [data-wallet-ui].gap-2, [data-wallet-ui] .gap-2 {
456
318
  gap: calc(var(--spacing) * 2);
457
319
  }
458
- [data-wallet-ui-scope] .gap-3 {
320
+ [data-wallet-ui].gap-3, [data-wallet-ui] .gap-3 {
459
321
  gap: calc(var(--spacing) * 3);
460
322
  }
461
- [data-wallet-ui-scope] .space-y-1\.5 {
323
+ [data-wallet-ui].space-y-1\.5, [data-wallet-ui] .space-y-1\.5 {
462
324
  :where(& > :not(:last-child)) {
463
325
  --tw-space-y-reverse: 0;
464
326
  margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
465
327
  margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
466
328
  }
467
329
  }
468
- [data-wallet-ui-scope] .self-center {
330
+ [data-wallet-ui].self-center, [data-wallet-ui] .self-center {
469
331
  align-self: center;
470
332
  }
471
- [data-wallet-ui-scope] .justify-self-end {
333
+ [data-wallet-ui].justify-self-end, [data-wallet-ui] .justify-self-end {
472
334
  justify-self: flex-end;
473
335
  }
474
- [data-wallet-ui-scope] .truncate {
336
+ [data-wallet-ui].truncate, [data-wallet-ui] .truncate {
475
337
  overflow: hidden;
476
338
  text-overflow: ellipsis;
477
339
  white-space: nowrap;
478
340
  }
479
- [data-wallet-ui-scope] .overflow-auto {
341
+ [data-wallet-ui].overflow-auto, [data-wallet-ui] .overflow-auto {
480
342
  overflow: auto;
481
343
  }
482
- [data-wallet-ui-scope] .overflow-hidden {
344
+ [data-wallet-ui].overflow-hidden, [data-wallet-ui] .overflow-hidden {
483
345
  overflow: hidden;
484
346
  }
485
- [data-wallet-ui-scope] .rounded {
347
+ [data-wallet-ui].rounded, [data-wallet-ui] .rounded {
486
348
  border-radius: 0.25rem;
487
349
  }
488
- [data-wallet-ui-scope] .rounded-3xl {
350
+ [data-wallet-ui].rounded-3xl, [data-wallet-ui] .rounded-3xl {
489
351
  border-radius: var(--radius-3xl);
490
352
  }
491
- [data-wallet-ui-scope] .rounded-full {
353
+ [data-wallet-ui].rounded-full, [data-wallet-ui] .rounded-full {
492
354
  border-radius: calc(infinity * 1px);
493
355
  }
494
- [data-wallet-ui-scope] .rounded-lg {
356
+ [data-wallet-ui].rounded-lg, [data-wallet-ui] .rounded-lg {
495
357
  border-radius: var(--radius-lg);
496
358
  }
497
- [data-wallet-ui-scope] .rounded-md {
359
+ [data-wallet-ui].rounded-md, [data-wallet-ui] .rounded-md {
498
360
  border-radius: var(--radius-md);
499
361
  }
500
- [data-wallet-ui-scope] .rounded-xl {
362
+ [data-wallet-ui].rounded-xl, [data-wallet-ui] .rounded-xl {
501
363
  border-radius: var(--radius-xl);
502
364
  }
503
- [data-wallet-ui-scope] .border {
365
+ [data-wallet-ui].border, [data-wallet-ui] .border {
504
366
  border-style: var(--tw-border-style);
505
367
  border-width: 1px;
506
368
  }
507
- [data-wallet-ui-scope] .border-2 {
508
- border-style: var(--tw-border-style);
509
- border-width: 2px;
510
- }
511
- [data-wallet-ui-scope] .border-t {
369
+ [data-wallet-ui].border-t, [data-wallet-ui] .border-t {
512
370
  border-top-style: var(--tw-border-style);
513
371
  border-top-width: 1px;
514
372
  }
515
- [data-wallet-ui-scope] .border-\(--wui-color-border\) {
373
+ [data-wallet-ui].border-\[var\(--wui-color-border\)\], [data-wallet-ui] .border-\[var\(--wui-color-border\)\] {
516
374
  border-color: var(--wui-color-border);
517
375
  }
518
- [data-wallet-ui-scope] .border-green-500 {
519
- border-color: var(--color-green-500);
520
- }
521
- [data-wallet-ui-scope] .bg-\(--wui-color-bg\) {
376
+ [data-wallet-ui].bg-\[var\(--wui-color-bg\)\], [data-wallet-ui] .bg-\[var\(--wui-color-bg\)\] {
522
377
  background-color: var(--wui-color-bg);
523
378
  }
524
- [data-wallet-ui-scope] .bg-\(--wui-color-bg-secondary\) {
379
+ [data-wallet-ui].bg-\[var\(--wui-color-bg-secondary\)\], [data-wallet-ui] .bg-\[var\(--wui-color-bg-secondary\)\] {
525
380
  background-color: var(--wui-color-bg-secondary);
526
381
  }
527
- [data-wallet-ui-scope] .bg-\(--wui-color-bg-tertiary\) {
382
+ [data-wallet-ui].bg-\[var\(--wui-color-bg-tertiary\)\], [data-wallet-ui] .bg-\[var\(--wui-color-bg-tertiary\)\] {
528
383
  background-color: var(--wui-color-bg-tertiary);
529
384
  }
530
- [data-wallet-ui-scope] .bg-\(--wui-color-danger-bg\) {
385
+ [data-wallet-ui].bg-\[var\(--wui-color-danger-bg\)\], [data-wallet-ui] .bg-\[var\(--wui-color-danger-bg\)\] {
531
386
  background-color: var(--wui-color-danger-bg);
532
387
  }
533
- [data-wallet-ui-scope] .bg-\(--wui-color-overlay\) {
388
+ [data-wallet-ui].bg-\[var\(--wui-color-overlay\)\], [data-wallet-ui] .bg-\[var\(--wui-color-overlay\)\] {
534
389
  background-color: var(--wui-color-overlay);
535
390
  }
536
- [data-wallet-ui-scope] .bg-\[var\(--wui-color-primary\)\] {
391
+ [data-wallet-ui].bg-\[var\(--wui-color-primary\)\], [data-wallet-ui] .bg-\[var\(--wui-color-primary\)\] {
537
392
  background-color: var(--wui-color-primary);
538
393
  }
539
- [data-wallet-ui-scope] .bg-blue-500 {
540
- background-color: var(--color-blue-500);
541
- }
542
- [data-wallet-ui-scope] .object-contain {
394
+ [data-wallet-ui].object-contain, [data-wallet-ui] .object-contain {
543
395
  object-fit: contain;
544
396
  }
545
- [data-wallet-ui-scope] .p-2 {
397
+ [data-wallet-ui].p-2, [data-wallet-ui] .p-2 {
546
398
  padding: calc(var(--spacing) * 2);
547
399
  }
548
- [data-wallet-ui-scope] .p-3 {
400
+ [data-wallet-ui].p-3, [data-wallet-ui] .p-3 {
549
401
  padding: calc(var(--spacing) * 3);
550
402
  }
551
- [data-wallet-ui-scope] .p-4 {
403
+ [data-wallet-ui].p-4, [data-wallet-ui] .p-4 {
552
404
  padding: calc(var(--spacing) * 4);
553
405
  }
554
- [data-wallet-ui-scope] .px-1 {
406
+ [data-wallet-ui].px-1, [data-wallet-ui] .px-1 {
555
407
  padding-inline: calc(var(--spacing) * 1);
556
408
  }
557
- [data-wallet-ui-scope] .px-1\.5 {
409
+ [data-wallet-ui].px-1\.5, [data-wallet-ui] .px-1\.5 {
558
410
  padding-inline: calc(var(--spacing) * 1.5);
559
411
  }
560
- [data-wallet-ui-scope] .px-3 {
412
+ [data-wallet-ui].px-3, [data-wallet-ui] .px-3 {
561
413
  padding-inline: calc(var(--spacing) * 3);
562
414
  }
563
- [data-wallet-ui-scope] .px-4 {
415
+ [data-wallet-ui].px-4, [data-wallet-ui] .px-4 {
564
416
  padding-inline: calc(var(--spacing) * 4);
565
417
  }
566
- [data-wallet-ui-scope] .px-6 {
418
+ [data-wallet-ui].px-5, [data-wallet-ui] .px-5 {
419
+ padding-inline: calc(var(--spacing) * 5);
420
+ }
421
+ [data-wallet-ui].px-6, [data-wallet-ui] .px-6 {
567
422
  padding-inline: calc(var(--spacing) * 6);
568
423
  }
569
- [data-wallet-ui-scope] .py-0\.5 {
424
+ [data-wallet-ui].py-0\.5, [data-wallet-ui] .py-0\.5 {
570
425
  padding-block: calc(var(--spacing) * 0.5);
571
426
  }
572
- [data-wallet-ui-scope] .py-1 {
427
+ [data-wallet-ui].py-1, [data-wallet-ui] .py-1 {
573
428
  padding-block: calc(var(--spacing) * 1);
574
429
  }
575
- [data-wallet-ui-scope] .py-1\.5 {
430
+ [data-wallet-ui].py-1\.5, [data-wallet-ui] .py-1\.5 {
576
431
  padding-block: calc(var(--spacing) * 1.5);
577
432
  }
578
- [data-wallet-ui-scope] .py-2 {
433
+ [data-wallet-ui].py-2, [data-wallet-ui] .py-2 {
579
434
  padding-block: calc(var(--spacing) * 2);
580
435
  }
581
- [data-wallet-ui-scope] .py-2\.5 {
436
+ [data-wallet-ui].py-2\.5, [data-wallet-ui] .py-2\.5 {
582
437
  padding-block: calc(var(--spacing) * 2.5);
583
438
  }
584
- [data-wallet-ui-scope] .py-5 {
439
+ [data-wallet-ui].py-3, [data-wallet-ui] .py-3 {
440
+ padding-block: calc(var(--spacing) * 3);
441
+ }
442
+ [data-wallet-ui].py-5, [data-wallet-ui] .py-5 {
585
443
  padding-block: calc(var(--spacing) * 5);
586
444
  }
587
- [data-wallet-ui-scope] .pt-5 {
445
+ [data-wallet-ui].pt-5, [data-wallet-ui] .pt-5 {
588
446
  padding-top: calc(var(--spacing) * 5);
589
447
  }
590
- [data-wallet-ui-scope] .pr-2 {
448
+ [data-wallet-ui].pr-2, [data-wallet-ui] .pr-2 {
591
449
  padding-right: calc(var(--spacing) * 2);
592
450
  }
593
- [data-wallet-ui-scope] .pr-3 {
451
+ [data-wallet-ui].pr-3, [data-wallet-ui] .pr-3 {
594
452
  padding-right: calc(var(--spacing) * 3);
595
453
  }
596
- [data-wallet-ui-scope] .pr-8 {
454
+ [data-wallet-ui].pr-3\.5, [data-wallet-ui] .pr-3\.5 {
455
+ padding-right: calc(var(--spacing) * 3.5);
456
+ }
457
+ [data-wallet-ui].pr-8, [data-wallet-ui] .pr-8 {
597
458
  padding-right: calc(var(--spacing) * 8);
598
459
  }
599
- [data-wallet-ui-scope] .pr-9 {
460
+ [data-wallet-ui].pr-9, [data-wallet-ui] .pr-9 {
600
461
  padding-right: calc(var(--spacing) * 9);
601
462
  }
602
- [data-wallet-ui-scope] .pb-3 {
463
+ [data-wallet-ui].pb-3, [data-wallet-ui] .pb-3 {
603
464
  padding-bottom: calc(var(--spacing) * 3);
604
465
  }
605
- [data-wallet-ui-scope] .pb-4 {
466
+ [data-wallet-ui].pb-4, [data-wallet-ui] .pb-4 {
606
467
  padding-bottom: calc(var(--spacing) * 4);
607
468
  }
608
- [data-wallet-ui-scope] .pl-2\.5 {
469
+ [data-wallet-ui].pl-2, [data-wallet-ui] .pl-2 {
470
+ padding-left: calc(var(--spacing) * 2);
471
+ }
472
+ [data-wallet-ui].pl-2\.5, [data-wallet-ui] .pl-2\.5 {
609
473
  padding-left: calc(var(--spacing) * 2.5);
610
474
  }
611
- [data-wallet-ui-scope] .pl-3 {
475
+ [data-wallet-ui].pl-3, [data-wallet-ui] .pl-3 {
612
476
  padding-left: calc(var(--spacing) * 3);
613
477
  }
614
- [data-wallet-ui-scope] .text-center {
478
+ [data-wallet-ui].pl-3\.5, [data-wallet-ui] .pl-3\.5 {
479
+ padding-left: calc(var(--spacing) * 3.5);
480
+ }
481
+ [data-wallet-ui].text-center, [data-wallet-ui] .text-center {
615
482
  text-align: center;
616
483
  }
617
- [data-wallet-ui-scope] .text-left {
484
+ [data-wallet-ui].text-left, [data-wallet-ui] .text-left {
618
485
  text-align: left;
619
486
  }
620
- [data-wallet-ui-scope] .align-baseline {
487
+ [data-wallet-ui].align-baseline, [data-wallet-ui] .align-baseline {
621
488
  vertical-align: baseline;
622
489
  }
623
- [data-wallet-ui-scope] .text-base {
490
+ [data-wallet-ui].text-base, [data-wallet-ui] .text-base {
624
491
  font-size: var(--text-base);
625
492
  line-height: var(--tw-leading, var(--text-base--line-height));
626
493
  }
627
- [data-wallet-ui-scope] .text-lg {
494
+ [data-wallet-ui].text-lg, [data-wallet-ui] .text-lg {
628
495
  font-size: var(--text-lg);
629
496
  line-height: var(--tw-leading, var(--text-lg--line-height));
630
497
  }
631
- [data-wallet-ui-scope] .text-sm {
498
+ [data-wallet-ui].text-sm, [data-wallet-ui] .text-sm {
632
499
  font-size: var(--text-sm);
633
500
  line-height: var(--tw-leading, var(--text-sm--line-height));
634
501
  }
635
- [data-wallet-ui-scope] .text-xl {
502
+ [data-wallet-ui].text-xl, [data-wallet-ui] .text-xl {
636
503
  font-size: var(--text-xl);
637
504
  line-height: var(--tw-leading, var(--text-xl--line-height));
638
505
  }
639
- [data-wallet-ui-scope] .font-bold {
506
+ [data-wallet-ui].font-bold, [data-wallet-ui] .font-bold {
640
507
  --tw-font-weight: var(--font-weight-bold);
641
508
  font-weight: var(--font-weight-bold);
642
509
  }
643
- [data-wallet-ui-scope] .font-medium {
510
+ [data-wallet-ui].font-medium, [data-wallet-ui] .font-medium {
644
511
  --tw-font-weight: var(--font-weight-medium);
645
512
  font-weight: var(--font-weight-medium);
646
513
  }
647
- [data-wallet-ui-scope] .font-normal {
514
+ [data-wallet-ui].font-normal, [data-wallet-ui] .font-normal {
648
515
  --tw-font-weight: var(--font-weight-normal);
649
516
  font-weight: var(--font-weight-normal);
650
517
  }
651
- [data-wallet-ui-scope] .text-\(--wui-color-danger-text\) {
518
+ [data-wallet-ui].text-\[var\(--wui-color-danger-text\)\], [data-wallet-ui] .text-\[var\(--wui-color-danger-text\)\] {
652
519
  color: var(--wui-color-danger-text);
653
520
  }
654
- [data-wallet-ui-scope] .text-\(--wui-color-link\) {
521
+ [data-wallet-ui].text-\[var\(--wui-color-link\)\], [data-wallet-ui] .text-\[var\(--wui-color-link\)\] {
655
522
  color: var(--wui-color-link);
656
523
  }
657
- [data-wallet-ui-scope] .text-\(--wui-color-primary\) {
524
+ [data-wallet-ui].text-\[var\(--wui-color-primary\)\], [data-wallet-ui] .text-\[var\(--wui-color-primary\)\] {
658
525
  color: var(--wui-color-primary);
659
526
  }
660
- [data-wallet-ui-scope] .text-\(--wui-color-text\) {
527
+ [data-wallet-ui].text-\[var\(--wui-color-primary-text\)\], [data-wallet-ui] .text-\[var\(--wui-color-primary-text\)\] {
528
+ color: var(--wui-color-primary-text);
529
+ }
530
+ [data-wallet-ui].text-\[var\(--wui-color-text\)\], [data-wallet-ui] .text-\[var\(--wui-color-text\)\] {
661
531
  color: var(--wui-color-text);
662
532
  }
663
- [data-wallet-ui-scope] .text-\(--wui-color-text-secondary\) {
533
+ [data-wallet-ui].text-\[var\(--wui-color-text-secondary\)\], [data-wallet-ui] .text-\[var\(--wui-color-text-secondary\)\] {
664
534
  color: var(--wui-color-text-secondary);
665
535
  }
666
- [data-wallet-ui-scope] .text-\(--wui-color-text-tertiary\) {
536
+ [data-wallet-ui].text-\[var\(--wui-color-text-tertiary\)\], [data-wallet-ui] .text-\[var\(--wui-color-text-tertiary\)\] {
667
537
  color: var(--wui-color-text-tertiary);
668
538
  }
669
- [data-wallet-ui-scope] .text-\[var\(--wui-color-primary-text\)\] {
670
- color: var(--wui-color-primary-text);
671
- }
672
- [data-wallet-ui-scope] .text-blue-500 {
539
+ [data-wallet-ui].text-blue-500, [data-wallet-ui] .text-blue-500 {
673
540
  color: var(--color-blue-500);
674
541
  }
675
- [data-wallet-ui-scope] .text-green-500 {
542
+ [data-wallet-ui].text-green-500, [data-wallet-ui] .text-green-500 {
676
543
  color: var(--color-green-500);
677
544
  }
678
- [data-wallet-ui-scope] .opacity-80 {
545
+ [data-wallet-ui].opacity-80, [data-wallet-ui] .opacity-80 {
679
546
  opacity: 80%;
680
547
  }
681
- [data-wallet-ui-scope] .shadow-lg {
548
+ [data-wallet-ui].shadow-lg, [data-wallet-ui] .shadow-lg {
682
549
  --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));
683
550
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
684
551
  }
685
- [data-wallet-ui-scope] .shadow-sm {
552
+ [data-wallet-ui].shadow-sm, [data-wallet-ui] .shadow-sm {
686
553
  --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));
687
554
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
688
555
  }
689
- [data-wallet-ui-scope] .shadow-xl {
556
+ [data-wallet-ui].shadow-xl, [data-wallet-ui] .shadow-xl {
690
557
  --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));
691
558
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
692
559
  }
693
- [data-wallet-ui-scope] .ring-1 {
560
+ [data-wallet-ui].ring-1, [data-wallet-ui] .ring-1 {
694
561
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
695
562
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
696
563
  }
697
- [data-wallet-ui-scope] .ring-black\/5 {
564
+ [data-wallet-ui].ring-black\/5, [data-wallet-ui] .ring-black\/5 {
698
565
  --tw-ring-color: color-mix(in srgb, #000 5%, transparent);
699
566
  @supports (color: color-mix(in lab, red, red)) {
700
567
  --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
701
568
  }
702
569
  }
703
- [data-wallet-ui-scope] .transition {
570
+ [data-wallet-ui].transition, [data-wallet-ui] .transition {
704
571
  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;
705
572
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
706
573
  transition-duration: var(--tw-duration, var(--default-transition-duration));
707
574
  }
708
- [data-wallet-ui-scope] .transition-all {
575
+ [data-wallet-ui].transition-all, [data-wallet-ui] .transition-all {
709
576
  transition-property: all;
710
577
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
711
578
  transition-duration: var(--tw-duration, var(--default-transition-duration));
712
579
  }
713
- [data-wallet-ui-scope] .transition-colors {
580
+ [data-wallet-ui].transition-colors, [data-wallet-ui] .transition-colors {
714
581
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
715
582
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
716
583
  transition-duration: var(--tw-duration, var(--default-transition-duration));
717
584
  }
718
- [data-wallet-ui-scope] .transition-opacity {
585
+ [data-wallet-ui].transition-opacity, [data-wallet-ui] .transition-opacity {
719
586
  transition-property: opacity;
720
587
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
721
588
  transition-duration: var(--tw-duration, var(--default-transition-duration));
722
589
  }
723
- [data-wallet-ui-scope] .duration-150 {
590
+ [data-wallet-ui].duration-150, [data-wallet-ui] .duration-150 {
724
591
  --tw-duration: 150ms;
725
592
  transition-duration: 150ms;
726
593
  }
727
- [data-wallet-ui-scope] .ease-in-out {
594
+ [data-wallet-ui].ease-in-out, [data-wallet-ui] .ease-in-out {
728
595
  --tw-ease: var(--ease-in-out);
729
596
  transition-timing-function: var(--ease-in-out);
730
597
  }
731
- [data-wallet-ui-scope] .select-none {
598
+ [data-wallet-ui].select-none, [data-wallet-ui] .select-none {
732
599
  -webkit-user-select: none;
733
600
  user-select: none;
734
601
  }
735
- [data-wallet-ui-scope] .group-data-selected\:font-medium {
602
+ [data-wallet-ui].group-data-\[selected\]\:font-medium, [data-wallet-ui] .group-data-\[selected\]\:font-medium {
736
603
  &:is(:where(.group)[data-selected] *) {
737
604
  --tw-font-weight: var(--font-weight-medium);
738
605
  font-weight: var(--font-weight-medium);
739
606
  }
740
607
  }
741
- [data-wallet-ui-scope] .group-\[\&\:not\(\[data-selected\]\)\]\:hidden {
608
+ [data-wallet-ui].group-\[\&\:not\(\[data-selected\]\)\]\:hidden, [data-wallet-ui] .group-\[\&\:not\(\[data-selected\]\)\]\:hidden {
742
609
  &:is(:where(.group):not([data-selected]) *) {
743
610
  display: none;
744
611
  }
745
612
  }
746
- [data-wallet-ui-scope] .hover\:bg-\(--wui-color-bg-hover\) {
613
+ [data-wallet-ui].hover\:bg-\[var\(--wui-color-bg-hover\)\], [data-wallet-ui] .hover\:bg-\[var\(--wui-color-bg-hover\)\] {
747
614
  &:hover {
748
615
  @media (hover: hover) {
749
616
  background-color: var(--wui-color-bg-hover);
750
617
  }
751
618
  }
752
619
  }
753
- [data-wallet-ui-scope] .hover\:bg-\(--wui-color-danger-bg-hover\) {
620
+ [data-wallet-ui].hover\:bg-\[var\(--wui-color-danger-bg-hover\)\], [data-wallet-ui] .hover\:bg-\[var\(--wui-color-danger-bg-hover\)\] {
754
621
  &:hover {
755
622
  @media (hover: hover) {
756
623
  background-color: var(--wui-color-danger-bg-hover);
757
624
  }
758
625
  }
759
626
  }
760
- [data-wallet-ui-scope] .hover\:bg-\[var\(--wui-color-primary-hover\)\] {
627
+ [data-wallet-ui].hover\:bg-\[var\(--wui-color-primary-hover\)\], [data-wallet-ui] .hover\:bg-\[var\(--wui-color-primary-hover\)\] {
761
628
  &:hover {
762
629
  @media (hover: hover) {
763
630
  background-color: var(--wui-color-primary-hover);
764
631
  }
765
632
  }
766
633
  }
767
- [data-wallet-ui-scope] .hover\:text-\(--wui-color-link-hover\) {
634
+ [data-wallet-ui].hover\:text-\[var\(--wui-color-link-hover\)\], [data-wallet-ui] .hover\:text-\[var\(--wui-color-link-hover\)\] {
768
635
  &:hover {
769
636
  @media (hover: hover) {
770
637
  color: var(--wui-color-link-hover);
771
638
  }
772
639
  }
773
640
  }
774
- [data-wallet-ui-scope] .hover\:brightness-90 {
641
+ [data-wallet-ui].hover\:brightness-90, [data-wallet-ui] .hover\:brightness-90 {
775
642
  &:hover {
776
643
  @media (hover: hover) {
777
644
  --tw-brightness: brightness(90%);
@@ -779,71 +646,71 @@
779
646
  }
780
647
  }
781
648
  }
782
- [data-wallet-ui-scope] .focus\:border-transparent {
649
+ [data-wallet-ui].focus\:border-transparent, [data-wallet-ui] .focus\:border-transparent {
783
650
  &:focus {
784
651
  border-color: transparent;
785
652
  }
786
653
  }
787
- [data-wallet-ui-scope] .focus\:ring-2 {
654
+ [data-wallet-ui].focus\:ring-2, [data-wallet-ui] .focus\:ring-2 {
788
655
  &:focus {
789
656
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
790
657
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
791
658
  }
792
659
  }
793
- [data-wallet-ui-scope] .focus\:ring-\(--wui-color-primary\) {
660
+ [data-wallet-ui].focus\:ring-\[var\(--wui-color-primary\)\], [data-wallet-ui] .focus\:ring-\[var\(--wui-color-primary\)\] {
794
661
  &:focus {
795
662
  --tw-ring-color: var(--wui-color-primary);
796
663
  }
797
664
  }
798
- [data-wallet-ui-scope] .focus\:outline-none {
665
+ [data-wallet-ui].focus\:outline-none, [data-wallet-ui] .focus\:outline-none {
799
666
  &:focus {
800
667
  --tw-outline-style: none;
801
668
  outline-style: none;
802
669
  }
803
670
  }
804
- [data-wallet-ui-scope] .disabled\:opacity-50 {
671
+ [data-wallet-ui].disabled\:opacity-50, [data-wallet-ui] .disabled\:opacity-50 {
805
672
  &:disabled {
806
673
  opacity: 50%;
807
674
  }
808
675
  }
809
- [data-wallet-ui-scope] .data-focus\:bg-\(--wui-color-bg-hover\) {
676
+ [data-wallet-ui].data-\[focus\]\:bg-\[var\(--wui-color-bg-hover\)\], [data-wallet-ui] .data-\[focus\]\:bg-\[var\(--wui-color-bg-hover\)\] {
810
677
  &[data-focus] {
811
678
  background-color: var(--wui-color-bg-hover);
812
679
  }
813
680
  }
814
- [data-wallet-ui-scope] .data-focus\:outline-none {
681
+ [data-wallet-ui].data-\[focus\]\:outline-none, [data-wallet-ui] .data-\[focus\]\:outline-none {
815
682
  &[data-focus] {
816
683
  --tw-outline-style: none;
817
684
  outline-style: none;
818
685
  }
819
686
  }
820
- [data-wallet-ui-scope] .data-leave\:transition {
687
+ [data-wallet-ui].data-\[leave\]\:transition, [data-wallet-ui] .data-\[leave\]\:transition {
821
688
  &[data-leave] {
822
689
  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;
823
690
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
824
691
  transition-duration: var(--tw-duration, var(--default-transition-duration));
825
692
  }
826
693
  }
827
- [data-wallet-ui-scope] .data-leave\:duration-100 {
694
+ [data-wallet-ui].data-\[leave\]\:duration-100, [data-wallet-ui] .data-\[leave\]\:duration-100 {
828
695
  &[data-leave] {
829
696
  --tw-duration: 100ms;
830
697
  transition-duration: 100ms;
831
698
  }
832
699
  }
833
- [data-wallet-ui-scope] .data-leave\:ease-in {
700
+ [data-wallet-ui].data-\[leave\]\:ease-in, [data-wallet-ui] .data-\[leave\]\:ease-in {
834
701
  &[data-leave] {
835
702
  --tw-ease: var(--ease-in);
836
703
  transition-timing-function: var(--ease-in);
837
704
  }
838
705
  }
839
- [data-wallet-ui-scope] .data-closed\:data-leave\:opacity-0 {
706
+ [data-wallet-ui].data-\[closed\]\:data-\[leave\]\:opacity-0, [data-wallet-ui] .data-\[closed\]\:data-\[leave\]\:opacity-0 {
840
707
  &[data-closed] {
841
708
  &[data-leave] {
842
709
  opacity: 0%;
843
710
  }
844
711
  }
845
712
  }
846
- [data-wallet-ui-scope] .data-\[state\=entered\]\:scale-100 {
713
+ [data-wallet-ui].data-\[state\=entered\]\:scale-100, [data-wallet-ui] .data-\[state\=entered\]\:scale-100 {
847
714
  &[data-state="entered"] {
848
715
  --tw-scale-x: 100%;
849
716
  --tw-scale-y: 100%;
@@ -851,12 +718,12 @@
851
718
  scale: var(--tw-scale-x) var(--tw-scale-y);
852
719
  }
853
720
  }
854
- [data-wallet-ui-scope] .data-\[state\=entered\]\:opacity-100 {
721
+ [data-wallet-ui].data-\[state\=entered\]\:opacity-100, [data-wallet-ui] .data-\[state\=entered\]\:opacity-100 {
855
722
  &[data-state="entered"] {
856
723
  opacity: 100%;
857
724
  }
858
725
  }
859
- [data-wallet-ui-scope] .data-\[state\=exiting\]\:scale-90 {
726
+ [data-wallet-ui].data-\[state\=exiting\]\:scale-90, [data-wallet-ui] .data-\[state\=exiting\]\:scale-90 {
860
727
  &[data-state="exiting"] {
861
728
  --tw-scale-x: 90%;
862
729
  --tw-scale-y: 90%;
@@ -864,12 +731,12 @@
864
731
  scale: var(--tw-scale-x) var(--tw-scale-y);
865
732
  }
866
733
  }
867
- [data-wallet-ui-scope] .data-\[state\=exiting\]\:opacity-0 {
734
+ [data-wallet-ui].data-\[state\=exiting\]\:opacity-0, [data-wallet-ui] .data-\[state\=exiting\]\:opacity-0 {
868
735
  &[data-state="exiting"] {
869
736
  opacity: 0%;
870
737
  }
871
738
  }
872
- [data-wallet-ui-scope] .data-\[state\=starting\]\:scale-90 {
739
+ [data-wallet-ui].data-\[state\=starting\]\:scale-90, [data-wallet-ui] .data-\[state\=starting\]\:scale-90 {
873
740
  &[data-state="starting"] {
874
741
  --tw-scale-x: 90%;
875
742
  --tw-scale-y: 90%;
@@ -877,26 +744,46 @@
877
744
  scale: var(--tw-scale-x) var(--tw-scale-y);
878
745
  }
879
746
  }
880
- [data-wallet-ui-scope] .data-\[state\=starting\]\:opacity-0 {
747
+ [data-wallet-ui].data-\[state\=starting\]\:opacity-0, [data-wallet-ui] .data-\[state\=starting\]\:opacity-0 {
881
748
  &[data-state="starting"] {
882
749
  opacity: 0%;
883
750
  }
884
751
  }
885
- [data-wallet-ui-scope] .md\:mr-2 {
752
+ [data-wallet-ui].md\:mr-1\.5, [data-wallet-ui] .md\:mr-1\.5 {
753
+ @media (width >= 48rem) {
754
+ margin-right: calc(var(--spacing) * 1.5);
755
+ }
756
+ }
757
+ [data-wallet-ui].md\:mr-2, [data-wallet-ui] .md\:mr-2 {
886
758
  @media (width >= 48rem) {
887
759
  margin-right: calc(var(--spacing) * 2);
888
760
  }
889
761
  }
890
- [data-wallet-ui-scope] .md\:block {
762
+ [data-wallet-ui].md\:mr-2\.5, [data-wallet-ui] .md\:mr-2\.5 {
763
+ @media (width >= 48rem) {
764
+ margin-right: calc(var(--spacing) * 2.5);
765
+ }
766
+ }
767
+ [data-wallet-ui].md\:block, [data-wallet-ui] .md\:block {
891
768
  @media (width >= 48rem) {
892
769
  display: block;
893
770
  }
894
771
  }
895
- [data-wallet-ui-scope] .md\:pl-3\.5 {
772
+ [data-wallet-ui].md\:pl-2\.5, [data-wallet-ui] .md\:pl-2\.5 {
773
+ @media (width >= 48rem) {
774
+ padding-left: calc(var(--spacing) * 2.5);
775
+ }
776
+ }
777
+ [data-wallet-ui].md\:pl-3\.5, [data-wallet-ui] .md\:pl-3\.5 {
896
778
  @media (width >= 48rem) {
897
779
  padding-left: calc(var(--spacing) * 3.5);
898
780
  }
899
781
  }
782
+ [data-wallet-ui].md\:pl-4, [data-wallet-ui] .md\:pl-4 {
783
+ @media (width >= 48rem) {
784
+ padding-left: calc(var(--spacing) * 4);
785
+ }
786
+ }
900
787
  @property --tw-rotate-x {
901
788
  syntax: "*";
902
789
  inherits: false;