@latticexyz/entrykit 2.2.15-entrykit-510cc59769bcf83670255be3102d702c4b673225 → 2.2.15-ff8a065dc8e5216ad23e68f6a6c4856ecb2208a3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/deploy-local-prereqs.js +3 -0
- package/dist/tsup/bin/deploy-local-prereqs.js +16 -0
- package/dist/tsup/bin/deploy-local-prereqs.js.map +1 -0
- package/dist/tsup/exports/index.d.ts +2 -0
- package/dist/tsup/{internal.d.ts → exports/internal.d.ts} +4 -35
- package/dist/tsup/exports/internal.js +1398 -0
- package/dist/tsup/exports/internal.js.map +1 -0
- package/package.json +18 -19
- package/dist/tsup/internal.js +0 -1442
- package/dist/tsup/internal.js.map +0 -1
- /package/dist/tsup/{index.d.ts → bin/deploy-local-prereqs.d.ts} +0 -0
- /package/dist/tsup/{index.js → exports/index.js} +0 -0
- /package/dist/tsup/{index.js.map → exports/index.js.map} +0 -0
|
@@ -0,0 +1,1398 @@
|
|
|
1
|
+
function Gt(e){return{...e,appName:e.appName??document.title,appIcon:e.appIcon??document.querySelector("link[rel~='icon']")?.getAttribute("href")??"/favico.ico"}}import{Root as ar,DialogPortal as ir,DialogContent as sr}from"@radix-ui/react-dialog";import{forwardRef as Zt,useEffect as Jt,useRef as Me,useState as Te}from"react";import er from"react-dom";var ve=`*, ::before, ::after {
|
|
2
|
+
--tw-border-spacing-x: 0;
|
|
3
|
+
--tw-border-spacing-y: 0;
|
|
4
|
+
--tw-translate-x: 0;
|
|
5
|
+
--tw-translate-y: 0;
|
|
6
|
+
--tw-rotate: 0;
|
|
7
|
+
--tw-skew-x: 0;
|
|
8
|
+
--tw-skew-y: 0;
|
|
9
|
+
--tw-scale-x: 1;
|
|
10
|
+
--tw-scale-y: 1;
|
|
11
|
+
--tw-pan-x: ;
|
|
12
|
+
--tw-pan-y: ;
|
|
13
|
+
--tw-pinch-zoom: ;
|
|
14
|
+
--tw-scroll-snap-strictness: proximity;
|
|
15
|
+
--tw-gradient-from-position: ;
|
|
16
|
+
--tw-gradient-via-position: ;
|
|
17
|
+
--tw-gradient-to-position: ;
|
|
18
|
+
--tw-ordinal: ;
|
|
19
|
+
--tw-slashed-zero: ;
|
|
20
|
+
--tw-numeric-figure: ;
|
|
21
|
+
--tw-numeric-spacing: ;
|
|
22
|
+
--tw-numeric-fraction: ;
|
|
23
|
+
--tw-ring-inset: ;
|
|
24
|
+
--tw-ring-offset-width: 0px;
|
|
25
|
+
--tw-ring-offset-color: #fff;
|
|
26
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
27
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
28
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
29
|
+
--tw-shadow: 0 0 #0000;
|
|
30
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
31
|
+
--tw-blur: ;
|
|
32
|
+
--tw-brightness: ;
|
|
33
|
+
--tw-contrast: ;
|
|
34
|
+
--tw-grayscale: ;
|
|
35
|
+
--tw-hue-rotate: ;
|
|
36
|
+
--tw-invert: ;
|
|
37
|
+
--tw-saturate: ;
|
|
38
|
+
--tw-sepia: ;
|
|
39
|
+
--tw-drop-shadow: ;
|
|
40
|
+
--tw-backdrop-blur: ;
|
|
41
|
+
--tw-backdrop-brightness: ;
|
|
42
|
+
--tw-backdrop-contrast: ;
|
|
43
|
+
--tw-backdrop-grayscale: ;
|
|
44
|
+
--tw-backdrop-hue-rotate: ;
|
|
45
|
+
--tw-backdrop-invert: ;
|
|
46
|
+
--tw-backdrop-opacity: ;
|
|
47
|
+
--tw-backdrop-saturate: ;
|
|
48
|
+
--tw-backdrop-sepia: ;
|
|
49
|
+
--tw-contain-size: ;
|
|
50
|
+
--tw-contain-layout: ;
|
|
51
|
+
--tw-contain-paint: ;
|
|
52
|
+
--tw-contain-style: ;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
::backdrop {
|
|
56
|
+
--tw-border-spacing-x: 0;
|
|
57
|
+
--tw-border-spacing-y: 0;
|
|
58
|
+
--tw-translate-x: 0;
|
|
59
|
+
--tw-translate-y: 0;
|
|
60
|
+
--tw-rotate: 0;
|
|
61
|
+
--tw-skew-x: 0;
|
|
62
|
+
--tw-skew-y: 0;
|
|
63
|
+
--tw-scale-x: 1;
|
|
64
|
+
--tw-scale-y: 1;
|
|
65
|
+
--tw-pan-x: ;
|
|
66
|
+
--tw-pan-y: ;
|
|
67
|
+
--tw-pinch-zoom: ;
|
|
68
|
+
--tw-scroll-snap-strictness: proximity;
|
|
69
|
+
--tw-gradient-from-position: ;
|
|
70
|
+
--tw-gradient-via-position: ;
|
|
71
|
+
--tw-gradient-to-position: ;
|
|
72
|
+
--tw-ordinal: ;
|
|
73
|
+
--tw-slashed-zero: ;
|
|
74
|
+
--tw-numeric-figure: ;
|
|
75
|
+
--tw-numeric-spacing: ;
|
|
76
|
+
--tw-numeric-fraction: ;
|
|
77
|
+
--tw-ring-inset: ;
|
|
78
|
+
--tw-ring-offset-width: 0px;
|
|
79
|
+
--tw-ring-offset-color: #fff;
|
|
80
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
81
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
82
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
83
|
+
--tw-shadow: 0 0 #0000;
|
|
84
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
85
|
+
--tw-blur: ;
|
|
86
|
+
--tw-brightness: ;
|
|
87
|
+
--tw-contrast: ;
|
|
88
|
+
--tw-grayscale: ;
|
|
89
|
+
--tw-hue-rotate: ;
|
|
90
|
+
--tw-invert: ;
|
|
91
|
+
--tw-saturate: ;
|
|
92
|
+
--tw-sepia: ;
|
|
93
|
+
--tw-drop-shadow: ;
|
|
94
|
+
--tw-backdrop-blur: ;
|
|
95
|
+
--tw-backdrop-brightness: ;
|
|
96
|
+
--tw-backdrop-contrast: ;
|
|
97
|
+
--tw-backdrop-grayscale: ;
|
|
98
|
+
--tw-backdrop-hue-rotate: ;
|
|
99
|
+
--tw-backdrop-invert: ;
|
|
100
|
+
--tw-backdrop-opacity: ;
|
|
101
|
+
--tw-backdrop-saturate: ;
|
|
102
|
+
--tw-backdrop-sepia: ;
|
|
103
|
+
--tw-contain-size: ;
|
|
104
|
+
--tw-contain-layout: ;
|
|
105
|
+
--tw-contain-paint: ;
|
|
106
|
+
--tw-contain-style: ;
|
|
107
|
+
}/*
|
|
108
|
+
! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
|
|
109
|
+
*//*
|
|
110
|
+
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
111
|
+
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
|
112
|
+
*/
|
|
113
|
+
|
|
114
|
+
*,
|
|
115
|
+
::before,
|
|
116
|
+
::after {
|
|
117
|
+
box-sizing: border-box; /* 1 */
|
|
118
|
+
border-width: 0; /* 2 */
|
|
119
|
+
border-style: solid; /* 2 */
|
|
120
|
+
border-color: #e5e7eb; /* 2 */
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
::before,
|
|
124
|
+
::after {
|
|
125
|
+
--tw-content: '';
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
/*
|
|
129
|
+
1. Use a consistent sensible line-height in all browsers.
|
|
130
|
+
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
131
|
+
3. Use a more readable tab size.
|
|
132
|
+
4. Use the user's configured \`sans\` font-family by default.
|
|
133
|
+
5. Use the user's configured \`sans\` font-feature-settings by default.
|
|
134
|
+
6. Use the user's configured \`sans\` font-variation-settings by default.
|
|
135
|
+
7. Disable tap highlights on iOS
|
|
136
|
+
*/
|
|
137
|
+
|
|
138
|
+
html,
|
|
139
|
+
:host {
|
|
140
|
+
line-height: 1.5; /* 1 */
|
|
141
|
+
-webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
|
|
142
|
+
tab-size: 4; /* 3 */
|
|
143
|
+
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
|
|
144
|
+
font-feature-settings: normal; /* 5 */
|
|
145
|
+
font-variation-settings: normal; /* 6 */
|
|
146
|
+
-webkit-tap-highlight-color: transparent; /* 7 */
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
/*
|
|
150
|
+
1. Remove the margin in all browsers.
|
|
151
|
+
2. Inherit line-height from \`html\` so users can set them as a class directly on the \`html\` element.
|
|
152
|
+
*/
|
|
153
|
+
|
|
154
|
+
body {
|
|
155
|
+
margin: 0; /* 1 */
|
|
156
|
+
line-height: inherit; /* 2 */
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
/*
|
|
160
|
+
1. Add the correct height in Firefox.
|
|
161
|
+
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
|
162
|
+
3. Ensure horizontal rules are visible by default.
|
|
163
|
+
*/
|
|
164
|
+
|
|
165
|
+
hr {
|
|
166
|
+
height: 0; /* 1 */
|
|
167
|
+
color: inherit; /* 2 */
|
|
168
|
+
border-top-width: 1px; /* 3 */
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
/*
|
|
172
|
+
Add the correct text decoration in Chrome, Edge, and Safari.
|
|
173
|
+
*/
|
|
174
|
+
|
|
175
|
+
abbr:where([title]) {
|
|
176
|
+
-webkit-text-decoration: underline dotted;
|
|
177
|
+
text-decoration: underline dotted;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
/*
|
|
181
|
+
Remove the default font size and weight for headings.
|
|
182
|
+
*/
|
|
183
|
+
|
|
184
|
+
h1,
|
|
185
|
+
h2,
|
|
186
|
+
h3,
|
|
187
|
+
h4,
|
|
188
|
+
h5,
|
|
189
|
+
h6 {
|
|
190
|
+
font-size: inherit;
|
|
191
|
+
font-weight: inherit;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
/*
|
|
195
|
+
Reset links to optimize for opt-in styling instead of opt-out.
|
|
196
|
+
*/
|
|
197
|
+
|
|
198
|
+
a {
|
|
199
|
+
color: inherit;
|
|
200
|
+
text-decoration: inherit;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
/*
|
|
204
|
+
Add the correct font weight in Edge and Safari.
|
|
205
|
+
*/
|
|
206
|
+
|
|
207
|
+
b,
|
|
208
|
+
strong {
|
|
209
|
+
font-weight: bolder;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
/*
|
|
213
|
+
1. Use the user's configured \`mono\` font-family by default.
|
|
214
|
+
2. Use the user's configured \`mono\` font-feature-settings by default.
|
|
215
|
+
3. Use the user's configured \`mono\` font-variation-settings by default.
|
|
216
|
+
4. Correct the odd \`em\` font sizing in all browsers.
|
|
217
|
+
*/
|
|
218
|
+
|
|
219
|
+
code,
|
|
220
|
+
kbd,
|
|
221
|
+
samp,
|
|
222
|
+
pre {
|
|
223
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
|
|
224
|
+
font-feature-settings: normal; /* 2 */
|
|
225
|
+
font-variation-settings: normal; /* 3 */
|
|
226
|
+
font-size: 1em; /* 4 */
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
/*
|
|
230
|
+
Add the correct font size in all browsers.
|
|
231
|
+
*/
|
|
232
|
+
|
|
233
|
+
small {
|
|
234
|
+
font-size: 80%;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
/*
|
|
238
|
+
Prevent \`sub\` and \`sup\` elements from affecting the line height in all browsers.
|
|
239
|
+
*/
|
|
240
|
+
|
|
241
|
+
sub,
|
|
242
|
+
sup {
|
|
243
|
+
font-size: 75%;
|
|
244
|
+
line-height: 0;
|
|
245
|
+
position: relative;
|
|
246
|
+
vertical-align: baseline;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
sub {
|
|
250
|
+
bottom: -0.25em;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
sup {
|
|
254
|
+
top: -0.5em;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
/*
|
|
258
|
+
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
|
259
|
+
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
|
260
|
+
3. Remove gaps between table borders by default.
|
|
261
|
+
*/
|
|
262
|
+
|
|
263
|
+
table {
|
|
264
|
+
text-indent: 0; /* 1 */
|
|
265
|
+
border-color: inherit; /* 2 */
|
|
266
|
+
border-collapse: collapse; /* 3 */
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
/*
|
|
270
|
+
1. Change the font styles in all browsers.
|
|
271
|
+
2. Remove the margin in Firefox and Safari.
|
|
272
|
+
3. Remove default padding in all browsers.
|
|
273
|
+
*/
|
|
274
|
+
|
|
275
|
+
button,
|
|
276
|
+
input,
|
|
277
|
+
optgroup,
|
|
278
|
+
select,
|
|
279
|
+
textarea {
|
|
280
|
+
font-family: inherit; /* 1 */
|
|
281
|
+
font-feature-settings: inherit; /* 1 */
|
|
282
|
+
font-variation-settings: inherit; /* 1 */
|
|
283
|
+
font-size: 100%; /* 1 */
|
|
284
|
+
font-weight: inherit; /* 1 */
|
|
285
|
+
line-height: inherit; /* 1 */
|
|
286
|
+
letter-spacing: inherit; /* 1 */
|
|
287
|
+
color: inherit; /* 1 */
|
|
288
|
+
margin: 0; /* 2 */
|
|
289
|
+
padding: 0; /* 3 */
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
/*
|
|
293
|
+
Remove the inheritance of text transform in Edge and Firefox.
|
|
294
|
+
*/
|
|
295
|
+
|
|
296
|
+
button,
|
|
297
|
+
select {
|
|
298
|
+
text-transform: none;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
/*
|
|
302
|
+
1. Correct the inability to style clickable types in iOS and Safari.
|
|
303
|
+
2. Remove default button styles.
|
|
304
|
+
*/
|
|
305
|
+
|
|
306
|
+
button,
|
|
307
|
+
input:where([type='button']),
|
|
308
|
+
input:where([type='reset']),
|
|
309
|
+
input:where([type='submit']) {
|
|
310
|
+
-webkit-appearance: button; /* 1 */
|
|
311
|
+
background-color: transparent; /* 2 */
|
|
312
|
+
background-image: none; /* 2 */
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
/*
|
|
316
|
+
Use the modern Firefox focus style for all focusable elements.
|
|
317
|
+
*/
|
|
318
|
+
|
|
319
|
+
:-moz-focusring {
|
|
320
|
+
outline: auto;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
/*
|
|
324
|
+
Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
|
325
|
+
*/
|
|
326
|
+
|
|
327
|
+
:-moz-ui-invalid {
|
|
328
|
+
box-shadow: none;
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
/*
|
|
332
|
+
Add the correct vertical alignment in Chrome and Firefox.
|
|
333
|
+
*/
|
|
334
|
+
|
|
335
|
+
progress {
|
|
336
|
+
vertical-align: baseline;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
/*
|
|
340
|
+
Correct the cursor style of increment and decrement buttons in Safari.
|
|
341
|
+
*/
|
|
342
|
+
|
|
343
|
+
::-webkit-inner-spin-button,
|
|
344
|
+
::-webkit-outer-spin-button {
|
|
345
|
+
height: auto;
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
/*
|
|
349
|
+
1. Correct the odd appearance in Chrome and Safari.
|
|
350
|
+
2. Correct the outline style in Safari.
|
|
351
|
+
*/
|
|
352
|
+
|
|
353
|
+
[type='search'] {
|
|
354
|
+
-webkit-appearance: textfield; /* 1 */
|
|
355
|
+
outline-offset: -2px; /* 2 */
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
/*
|
|
359
|
+
Remove the inner padding in Chrome and Safari on macOS.
|
|
360
|
+
*/
|
|
361
|
+
|
|
362
|
+
::-webkit-search-decoration {
|
|
363
|
+
-webkit-appearance: none;
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
/*
|
|
367
|
+
1. Correct the inability to style clickable types in iOS and Safari.
|
|
368
|
+
2. Change font properties to \`inherit\` in Safari.
|
|
369
|
+
*/
|
|
370
|
+
|
|
371
|
+
::-webkit-file-upload-button {
|
|
372
|
+
-webkit-appearance: button; /* 1 */
|
|
373
|
+
font: inherit; /* 2 */
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
/*
|
|
377
|
+
Add the correct display in Chrome and Safari.
|
|
378
|
+
*/
|
|
379
|
+
|
|
380
|
+
summary {
|
|
381
|
+
display: list-item;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
/*
|
|
385
|
+
Removes the default spacing and border for appropriate elements.
|
|
386
|
+
*/
|
|
387
|
+
|
|
388
|
+
blockquote,
|
|
389
|
+
dl,
|
|
390
|
+
dd,
|
|
391
|
+
h1,
|
|
392
|
+
h2,
|
|
393
|
+
h3,
|
|
394
|
+
h4,
|
|
395
|
+
h5,
|
|
396
|
+
h6,
|
|
397
|
+
hr,
|
|
398
|
+
figure,
|
|
399
|
+
p,
|
|
400
|
+
pre {
|
|
401
|
+
margin: 0;
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
fieldset {
|
|
405
|
+
margin: 0;
|
|
406
|
+
padding: 0;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
legend {
|
|
410
|
+
padding: 0;
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
ol,
|
|
414
|
+
ul,
|
|
415
|
+
menu {
|
|
416
|
+
list-style: none;
|
|
417
|
+
margin: 0;
|
|
418
|
+
padding: 0;
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
/*
|
|
422
|
+
Reset default styling for dialogs.
|
|
423
|
+
*/
|
|
424
|
+
dialog {
|
|
425
|
+
padding: 0;
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
/*
|
|
429
|
+
Prevent resizing textareas horizontally by default.
|
|
430
|
+
*/
|
|
431
|
+
|
|
432
|
+
textarea {
|
|
433
|
+
resize: vertical;
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
/*
|
|
437
|
+
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
|
438
|
+
2. Set the default placeholder color to the user's configured gray 400 color.
|
|
439
|
+
*/
|
|
440
|
+
|
|
441
|
+
input::placeholder,
|
|
442
|
+
textarea::placeholder {
|
|
443
|
+
opacity: 1; /* 1 */
|
|
444
|
+
color: #9ca3af; /* 2 */
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
/*
|
|
448
|
+
Set the default cursor for buttons.
|
|
449
|
+
*/
|
|
450
|
+
|
|
451
|
+
button,
|
|
452
|
+
[role="button"] {
|
|
453
|
+
cursor: pointer;
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
/*
|
|
457
|
+
Make sure disabled buttons don't get the pointer cursor.
|
|
458
|
+
*/
|
|
459
|
+
:disabled {
|
|
460
|
+
cursor: default;
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
/*
|
|
464
|
+
1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
465
|
+
2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
|
466
|
+
This can trigger a poorly considered lint error in some tools but is included by design.
|
|
467
|
+
*/
|
|
468
|
+
|
|
469
|
+
img,
|
|
470
|
+
svg,
|
|
471
|
+
video,
|
|
472
|
+
canvas,
|
|
473
|
+
audio,
|
|
474
|
+
iframe,
|
|
475
|
+
embed,
|
|
476
|
+
object {
|
|
477
|
+
display: block; /* 1 */
|
|
478
|
+
vertical-align: middle; /* 2 */
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
/*
|
|
482
|
+
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
483
|
+
*/
|
|
484
|
+
|
|
485
|
+
img,
|
|
486
|
+
video {
|
|
487
|
+
max-width: 100%;
|
|
488
|
+
height: auto;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
/* Make elements with the HTML hidden attribute stay hidden by default */
|
|
492
|
+
[hidden] {
|
|
493
|
+
display: none;
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
.container {
|
|
497
|
+
width: 100%;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
@media (min-width: 640px) {
|
|
501
|
+
|
|
502
|
+
.container {
|
|
503
|
+
max-width: 640px;
|
|
504
|
+
}
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
@media (min-width: 768px) {
|
|
508
|
+
|
|
509
|
+
.container {
|
|
510
|
+
max-width: 768px;
|
|
511
|
+
}
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
@media (min-width: 1024px) {
|
|
515
|
+
|
|
516
|
+
.container {
|
|
517
|
+
max-width: 1024px;
|
|
518
|
+
}
|
|
519
|
+
}
|
|
520
|
+
|
|
521
|
+
@media (min-width: 1280px) {
|
|
522
|
+
|
|
523
|
+
.container {
|
|
524
|
+
max-width: 1280px;
|
|
525
|
+
}
|
|
526
|
+
}
|
|
527
|
+
|
|
528
|
+
@media (min-width: 1536px) {
|
|
529
|
+
|
|
530
|
+
.container {
|
|
531
|
+
max-width: 1536px;
|
|
532
|
+
}
|
|
533
|
+
}
|
|
534
|
+
|
|
535
|
+
.grid-cols-2.divide-y > :not([hidden]) ~ :not([hidden]):nth-child(-n + 2) {
|
|
536
|
+
border-top-width: 0;
|
|
537
|
+
border-bottom-width: 0;
|
|
538
|
+
}
|
|
539
|
+
|
|
540
|
+
.sr-only {
|
|
541
|
+
position: absolute;
|
|
542
|
+
width: 1px;
|
|
543
|
+
height: 1px;
|
|
544
|
+
padding: 0;
|
|
545
|
+
margin: -1px;
|
|
546
|
+
overflow: hidden;
|
|
547
|
+
clip: rect(0, 0, 0, 0);
|
|
548
|
+
white-space: nowrap;
|
|
549
|
+
border-width: 0;
|
|
550
|
+
}
|
|
551
|
+
|
|
552
|
+
.pointer-events-none {
|
|
553
|
+
pointer-events: none;
|
|
554
|
+
}
|
|
555
|
+
|
|
556
|
+
.pointer-events-auto {
|
|
557
|
+
pointer-events: auto;
|
|
558
|
+
}
|
|
559
|
+
|
|
560
|
+
.fixed {
|
|
561
|
+
position: fixed;
|
|
562
|
+
}
|
|
563
|
+
|
|
564
|
+
.absolute {
|
|
565
|
+
position: absolute;
|
|
566
|
+
}
|
|
567
|
+
|
|
568
|
+
.relative {
|
|
569
|
+
position: relative;
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
.inset-0 {
|
|
573
|
+
inset: 0px;
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
.right-0 {
|
|
577
|
+
right: 0px;
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
.top-0 {
|
|
581
|
+
top: 0px;
|
|
582
|
+
}
|
|
583
|
+
|
|
584
|
+
.col-start-1 {
|
|
585
|
+
grid-column-start: 1;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
.row-start-1 {
|
|
589
|
+
grid-row-start: 1;
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
.m-0 {
|
|
593
|
+
margin: 0px;
|
|
594
|
+
}
|
|
595
|
+
|
|
596
|
+
.m-2 {
|
|
597
|
+
margin: 0.5rem;
|
|
598
|
+
}
|
|
599
|
+
|
|
600
|
+
.-mx-0\\.5 {
|
|
601
|
+
margin-left: -0.125rem;
|
|
602
|
+
margin-right: -0.125rem;
|
|
603
|
+
}
|
|
604
|
+
|
|
605
|
+
.-my-1 {
|
|
606
|
+
margin-top: -0.25rem;
|
|
607
|
+
margin-bottom: -0.25rem;
|
|
608
|
+
}
|
|
609
|
+
|
|
610
|
+
.-my-\\[0\\.125em\\] {
|
|
611
|
+
margin-top: -0.125em;
|
|
612
|
+
margin-bottom: -0.125em;
|
|
613
|
+
}
|
|
614
|
+
|
|
615
|
+
.mx-auto {
|
|
616
|
+
margin-left: auto;
|
|
617
|
+
margin-right: auto;
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
.-ml-3 {
|
|
621
|
+
margin-left: -0.75rem;
|
|
622
|
+
}
|
|
623
|
+
|
|
624
|
+
.block {
|
|
625
|
+
display: block;
|
|
626
|
+
}
|
|
627
|
+
|
|
628
|
+
.flex {
|
|
629
|
+
display: flex;
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
.inline-flex {
|
|
633
|
+
display: inline-flex;
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
.table {
|
|
637
|
+
display: table;
|
|
638
|
+
}
|
|
639
|
+
|
|
640
|
+
.grid {
|
|
641
|
+
display: grid;
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
.inline-grid {
|
|
645
|
+
display: inline-grid;
|
|
646
|
+
}
|
|
647
|
+
|
|
648
|
+
.contents {
|
|
649
|
+
display: contents;
|
|
650
|
+
}
|
|
651
|
+
|
|
652
|
+
.h-16 {
|
|
653
|
+
height: 4rem;
|
|
654
|
+
}
|
|
655
|
+
|
|
656
|
+
.h-4 {
|
|
657
|
+
height: 1rem;
|
|
658
|
+
}
|
|
659
|
+
|
|
660
|
+
.h-6 {
|
|
661
|
+
height: 1.5rem;
|
|
662
|
+
}
|
|
663
|
+
|
|
664
|
+
.h-\\[1\\.25em\\] {
|
|
665
|
+
height: 1.25em;
|
|
666
|
+
}
|
|
667
|
+
|
|
668
|
+
.h-\\[1em\\] {
|
|
669
|
+
height: 1em;
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
.h-full {
|
|
673
|
+
height: 100%;
|
|
674
|
+
}
|
|
675
|
+
|
|
676
|
+
.max-h-32 {
|
|
677
|
+
max-height: 8rem;
|
|
678
|
+
}
|
|
679
|
+
|
|
680
|
+
.min-h-\\[22rem\\] {
|
|
681
|
+
min-height: 22rem;
|
|
682
|
+
}
|
|
683
|
+
|
|
684
|
+
.min-h-\\[26rem\\] {
|
|
685
|
+
min-height: 26rem;
|
|
686
|
+
}
|
|
687
|
+
|
|
688
|
+
.w-16 {
|
|
689
|
+
width: 4rem;
|
|
690
|
+
}
|
|
691
|
+
|
|
692
|
+
.w-28 {
|
|
693
|
+
width: 7rem;
|
|
694
|
+
}
|
|
695
|
+
|
|
696
|
+
.w-4 {
|
|
697
|
+
width: 1rem;
|
|
698
|
+
}
|
|
699
|
+
|
|
700
|
+
.w-48 {
|
|
701
|
+
width: 12rem;
|
|
702
|
+
}
|
|
703
|
+
|
|
704
|
+
.w-6 {
|
|
705
|
+
width: 1.5rem;
|
|
706
|
+
}
|
|
707
|
+
|
|
708
|
+
.w-60 {
|
|
709
|
+
width: 15rem;
|
|
710
|
+
}
|
|
711
|
+
|
|
712
|
+
.w-\\[0\\.6em\\] {
|
|
713
|
+
width: 0.6em;
|
|
714
|
+
}
|
|
715
|
+
|
|
716
|
+
.w-\\[1\\.25em\\] {
|
|
717
|
+
width: 1.25em;
|
|
718
|
+
}
|
|
719
|
+
|
|
720
|
+
.w-full {
|
|
721
|
+
width: 100%;
|
|
722
|
+
}
|
|
723
|
+
|
|
724
|
+
.max-w-\\[26rem\\] {
|
|
725
|
+
max-width: 26rem;
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
.flex-shrink-0 {
|
|
729
|
+
flex-shrink: 0;
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
.flex-grow {
|
|
733
|
+
flex-grow: 1;
|
|
734
|
+
}
|
|
735
|
+
|
|
736
|
+
.translate-x-2 {
|
|
737
|
+
--tw-translate-x: 0.5rem;
|
|
738
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
739
|
+
}
|
|
740
|
+
|
|
741
|
+
.scale-100 {
|
|
742
|
+
--tw-scale-x: 1;
|
|
743
|
+
--tw-scale-y: 1;
|
|
744
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
745
|
+
}
|
|
746
|
+
|
|
747
|
+
.scale-50 {
|
|
748
|
+
--tw-scale-x: .5;
|
|
749
|
+
--tw-scale-y: .5;
|
|
750
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
@keyframes spin {
|
|
754
|
+
|
|
755
|
+
to {
|
|
756
|
+
transform: rotate(360deg);
|
|
757
|
+
}
|
|
758
|
+
}
|
|
759
|
+
|
|
760
|
+
.animate-spin {
|
|
761
|
+
animation: spin 1s linear infinite;
|
|
762
|
+
}
|
|
763
|
+
|
|
764
|
+
.cursor-pointer {
|
|
765
|
+
cursor: pointer;
|
|
766
|
+
}
|
|
767
|
+
|
|
768
|
+
.grid-cols-\\[1fr_auto_1fr\\] {
|
|
769
|
+
grid-template-columns: 1fr auto 1fr;
|
|
770
|
+
}
|
|
771
|
+
|
|
772
|
+
.flex-col {
|
|
773
|
+
flex-direction: column;
|
|
774
|
+
}
|
|
775
|
+
|
|
776
|
+
.place-items-center {
|
|
777
|
+
place-items: center;
|
|
778
|
+
}
|
|
779
|
+
|
|
780
|
+
.items-end {
|
|
781
|
+
align-items: flex-end;
|
|
782
|
+
}
|
|
783
|
+
|
|
784
|
+
.items-center {
|
|
785
|
+
align-items: center;
|
|
786
|
+
}
|
|
787
|
+
|
|
788
|
+
.justify-end {
|
|
789
|
+
justify-content: flex-end;
|
|
790
|
+
}
|
|
791
|
+
|
|
792
|
+
.justify-center {
|
|
793
|
+
justify-content: center;
|
|
794
|
+
}
|
|
795
|
+
|
|
796
|
+
.justify-between {
|
|
797
|
+
justify-content: space-between;
|
|
798
|
+
}
|
|
799
|
+
|
|
800
|
+
.gap-1 {
|
|
801
|
+
gap: 0.25rem;
|
|
802
|
+
}
|
|
803
|
+
|
|
804
|
+
.gap-2 {
|
|
805
|
+
gap: 0.5rem;
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
.gap-2\\.5 {
|
|
809
|
+
gap: 0.625rem;
|
|
810
|
+
}
|
|
811
|
+
|
|
812
|
+
.gap-4 {
|
|
813
|
+
gap: 1rem;
|
|
814
|
+
}
|
|
815
|
+
|
|
816
|
+
.gap-6 {
|
|
817
|
+
gap: 1.5rem;
|
|
818
|
+
}
|
|
819
|
+
|
|
820
|
+
.divide-y > :not([hidden]) ~ :not([hidden]) {
|
|
821
|
+
--tw-divide-y-reverse: 0;
|
|
822
|
+
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
|
823
|
+
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
|
824
|
+
}
|
|
825
|
+
|
|
826
|
+
.divide-neutral-700 > :not([hidden]) ~ :not([hidden]) {
|
|
827
|
+
--tw-divide-opacity: 1;
|
|
828
|
+
border-color: rgb(64 64 64 / var(--tw-divide-opacity));
|
|
829
|
+
}
|
|
830
|
+
|
|
831
|
+
.divide-neutral-800 > :not([hidden]) ~ :not([hidden]) {
|
|
832
|
+
--tw-divide-opacity: 1;
|
|
833
|
+
border-color: rgb(38 38 38 / var(--tw-divide-opacity));
|
|
834
|
+
}
|
|
835
|
+
|
|
836
|
+
.self-auto {
|
|
837
|
+
align-self: auto;
|
|
838
|
+
}
|
|
839
|
+
|
|
840
|
+
.self-end {
|
|
841
|
+
align-self: flex-end;
|
|
842
|
+
}
|
|
843
|
+
|
|
844
|
+
.self-center {
|
|
845
|
+
align-self: center;
|
|
846
|
+
}
|
|
847
|
+
|
|
848
|
+
.overflow-y-scroll {
|
|
849
|
+
overflow-y: scroll;
|
|
850
|
+
}
|
|
851
|
+
|
|
852
|
+
.whitespace-break-spaces {
|
|
853
|
+
white-space: break-spaces;
|
|
854
|
+
}
|
|
855
|
+
|
|
856
|
+
.break-all {
|
|
857
|
+
word-break: break-all;
|
|
858
|
+
}
|
|
859
|
+
|
|
860
|
+
.rounded-full {
|
|
861
|
+
border-radius: 9999px;
|
|
862
|
+
}
|
|
863
|
+
|
|
864
|
+
.border {
|
|
865
|
+
border-width: 1px;
|
|
866
|
+
}
|
|
867
|
+
|
|
868
|
+
.border-4 {
|
|
869
|
+
border-width: 4px;
|
|
870
|
+
}
|
|
871
|
+
|
|
872
|
+
.border-l-4 {
|
|
873
|
+
border-left-width: 4px;
|
|
874
|
+
}
|
|
875
|
+
|
|
876
|
+
.border-neutral-300 {
|
|
877
|
+
--tw-border-opacity: 1;
|
|
878
|
+
border-color: rgb(212 212 212 / var(--tw-border-opacity));
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
.border-red-500 {
|
|
882
|
+
--tw-border-opacity: 1;
|
|
883
|
+
border-color: rgb(239 68 68 / var(--tw-border-opacity));
|
|
884
|
+
}
|
|
885
|
+
|
|
886
|
+
.border-transparent {
|
|
887
|
+
border-color: transparent;
|
|
888
|
+
}
|
|
889
|
+
|
|
890
|
+
.bg-black\\/10 {
|
|
891
|
+
background-color: rgb(0 0 0 / 0.1);
|
|
892
|
+
}
|
|
893
|
+
|
|
894
|
+
.bg-neutral-100 {
|
|
895
|
+
--tw-bg-opacity: 1;
|
|
896
|
+
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
|
|
897
|
+
}
|
|
898
|
+
|
|
899
|
+
.bg-neutral-700 {
|
|
900
|
+
--tw-bg-opacity: 1;
|
|
901
|
+
background-color: rgb(64 64 64 / var(--tw-bg-opacity));
|
|
902
|
+
}
|
|
903
|
+
|
|
904
|
+
.bg-neutral-800 {
|
|
905
|
+
--tw-bg-opacity: 1;
|
|
906
|
+
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
.bg-neutral-800\\/85 {
|
|
910
|
+
background-color: rgb(38 38 38 / 0.85);
|
|
911
|
+
}
|
|
912
|
+
|
|
913
|
+
.bg-neutral-900 {
|
|
914
|
+
--tw-bg-opacity: 1;
|
|
915
|
+
background-color: rgb(23 23 23 / var(--tw-bg-opacity));
|
|
916
|
+
}
|
|
917
|
+
|
|
918
|
+
.bg-orange-500 {
|
|
919
|
+
--tw-bg-opacity: 1;
|
|
920
|
+
background-color: rgb(249 115 22 / var(--tw-bg-opacity));
|
|
921
|
+
}
|
|
922
|
+
|
|
923
|
+
.bg-orange-600 {
|
|
924
|
+
--tw-bg-opacity: 1;
|
|
925
|
+
background-color: rgb(234 88 12 / var(--tw-bg-opacity));
|
|
926
|
+
}
|
|
927
|
+
|
|
928
|
+
.bg-red-100 {
|
|
929
|
+
--tw-bg-opacity: 1;
|
|
930
|
+
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
|
|
931
|
+
}
|
|
932
|
+
|
|
933
|
+
.bg-cover {
|
|
934
|
+
background-size: cover;
|
|
935
|
+
}
|
|
936
|
+
|
|
937
|
+
.bg-center {
|
|
938
|
+
background-position: center;
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
.bg-no-repeat {
|
|
942
|
+
background-repeat: no-repeat;
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
.object-cover {
|
|
946
|
+
object-fit: cover;
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
.p-1 {
|
|
950
|
+
padding: 0.25rem;
|
|
951
|
+
}
|
|
952
|
+
|
|
953
|
+
.p-2 {
|
|
954
|
+
padding: 0.5rem;
|
|
955
|
+
}
|
|
956
|
+
|
|
957
|
+
.p-3 {
|
|
958
|
+
padding: 0.75rem;
|
|
959
|
+
}
|
|
960
|
+
|
|
961
|
+
.p-4 {
|
|
962
|
+
padding: 1rem;
|
|
963
|
+
}
|
|
964
|
+
|
|
965
|
+
.p-5 {
|
|
966
|
+
padding: 1.25rem;
|
|
967
|
+
}
|
|
968
|
+
|
|
969
|
+
.p-6 {
|
|
970
|
+
padding: 1.5rem;
|
|
971
|
+
}
|
|
972
|
+
|
|
973
|
+
.p-\\[\\.75em\\] {
|
|
974
|
+
padding: .75em;
|
|
975
|
+
}
|
|
976
|
+
|
|
977
|
+
.px-3 {
|
|
978
|
+
padding-left: 0.75rem;
|
|
979
|
+
padding-right: 0.75rem;
|
|
980
|
+
}
|
|
981
|
+
|
|
982
|
+
.px-8 {
|
|
983
|
+
padding-left: 2rem;
|
|
984
|
+
padding-right: 2rem;
|
|
985
|
+
}
|
|
986
|
+
|
|
987
|
+
.py-2 {
|
|
988
|
+
padding-top: 0.5rem;
|
|
989
|
+
padding-bottom: 0.5rem;
|
|
990
|
+
}
|
|
991
|
+
|
|
992
|
+
.py-8 {
|
|
993
|
+
padding-top: 2rem;
|
|
994
|
+
padding-bottom: 2rem;
|
|
995
|
+
}
|
|
996
|
+
|
|
997
|
+
.text-left {
|
|
998
|
+
text-align: left;
|
|
999
|
+
}
|
|
1000
|
+
|
|
1001
|
+
.text-center {
|
|
1002
|
+
text-align: center;
|
|
1003
|
+
}
|
|
1004
|
+
|
|
1005
|
+
.font-mono {
|
|
1006
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
1007
|
+
}
|
|
1008
|
+
|
|
1009
|
+
.text-2xl {
|
|
1010
|
+
font-size: 1.5rem;
|
|
1011
|
+
line-height: 2rem;
|
|
1012
|
+
}
|
|
1013
|
+
|
|
1014
|
+
.text-\\[\\.75em\\] {
|
|
1015
|
+
font-size: .75em;
|
|
1016
|
+
}
|
|
1017
|
+
|
|
1018
|
+
.text-base {
|
|
1019
|
+
font-size: 1rem;
|
|
1020
|
+
line-height: 1.5rem;
|
|
1021
|
+
}
|
|
1022
|
+
|
|
1023
|
+
.text-sm {
|
|
1024
|
+
font-size: 0.875rem;
|
|
1025
|
+
line-height: 1.25rem;
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
.text-xs {
|
|
1029
|
+
font-size: 0.75rem;
|
|
1030
|
+
line-height: 1rem;
|
|
1031
|
+
}
|
|
1032
|
+
|
|
1033
|
+
.font-medium {
|
|
1034
|
+
font-weight: 500;
|
|
1035
|
+
}
|
|
1036
|
+
|
|
1037
|
+
.font-semibold {
|
|
1038
|
+
font-weight: 600;
|
|
1039
|
+
}
|
|
1040
|
+
|
|
1041
|
+
.leading-none {
|
|
1042
|
+
line-height: 1;
|
|
1043
|
+
}
|
|
1044
|
+
|
|
1045
|
+
.tracking-\\[-1ch\\] {
|
|
1046
|
+
letter-spacing: -1ch;
|
|
1047
|
+
}
|
|
1048
|
+
|
|
1049
|
+
.text-black {
|
|
1050
|
+
--tw-text-opacity: 1;
|
|
1051
|
+
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
1052
|
+
}
|
|
1053
|
+
|
|
1054
|
+
.text-neutral-400 {
|
|
1055
|
+
--tw-text-opacity: 1;
|
|
1056
|
+
color: rgb(163 163 163 / var(--tw-text-opacity));
|
|
1057
|
+
}
|
|
1058
|
+
|
|
1059
|
+
.text-neutral-500 {
|
|
1060
|
+
--tw-text-opacity: 1;
|
|
1061
|
+
color: rgb(115 115 115 / var(--tw-text-opacity));
|
|
1062
|
+
}
|
|
1063
|
+
|
|
1064
|
+
.text-neutral-700 {
|
|
1065
|
+
--tw-text-opacity: 1;
|
|
1066
|
+
color: rgb(64 64 64 / var(--tw-text-opacity));
|
|
1067
|
+
}
|
|
1068
|
+
|
|
1069
|
+
.text-orange-500 {
|
|
1070
|
+
--tw-text-opacity: 1;
|
|
1071
|
+
color: rgb(249 115 22 / var(--tw-text-opacity));
|
|
1072
|
+
}
|
|
1073
|
+
|
|
1074
|
+
.text-red-900 {
|
|
1075
|
+
--tw-text-opacity: 1;
|
|
1076
|
+
color: rgb(127 29 29 / var(--tw-text-opacity));
|
|
1077
|
+
}
|
|
1078
|
+
|
|
1079
|
+
.text-transparent {
|
|
1080
|
+
color: transparent;
|
|
1081
|
+
}
|
|
1082
|
+
|
|
1083
|
+
.text-white {
|
|
1084
|
+
--tw-text-opacity: 1;
|
|
1085
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1086
|
+
}
|
|
1087
|
+
|
|
1088
|
+
.opacity-0 {
|
|
1089
|
+
opacity: 0;
|
|
1090
|
+
}
|
|
1091
|
+
|
|
1092
|
+
.opacity-100 {
|
|
1093
|
+
opacity: 1;
|
|
1094
|
+
}
|
|
1095
|
+
|
|
1096
|
+
.opacity-25 {
|
|
1097
|
+
opacity: 0.25;
|
|
1098
|
+
}
|
|
1099
|
+
|
|
1100
|
+
.opacity-30 {
|
|
1101
|
+
opacity: 0.3;
|
|
1102
|
+
}
|
|
1103
|
+
|
|
1104
|
+
.opacity-75 {
|
|
1105
|
+
opacity: 0.75;
|
|
1106
|
+
}
|
|
1107
|
+
|
|
1108
|
+
.outline-none {
|
|
1109
|
+
outline: 2px solid transparent;
|
|
1110
|
+
outline-offset: 2px;
|
|
1111
|
+
}
|
|
1112
|
+
|
|
1113
|
+
.ring-1 {
|
|
1114
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1115
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1116
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1117
|
+
}
|
|
1118
|
+
|
|
1119
|
+
.ring-neutral-700\\/50 {
|
|
1120
|
+
--tw-ring-color: rgb(64 64 64 / 0.5);
|
|
1121
|
+
}
|
|
1122
|
+
|
|
1123
|
+
.filter {
|
|
1124
|
+
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);
|
|
1125
|
+
}
|
|
1126
|
+
|
|
1127
|
+
.transition {
|
|
1128
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
1129
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1130
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
1131
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1132
|
+
transition-duration: 150ms;
|
|
1133
|
+
}
|
|
1134
|
+
|
|
1135
|
+
.duration-100 {
|
|
1136
|
+
transition-duration: 100ms;
|
|
1137
|
+
}
|
|
1138
|
+
|
|
1139
|
+
.duration-300 {
|
|
1140
|
+
transition-duration: 300ms;
|
|
1141
|
+
}
|
|
1142
|
+
|
|
1143
|
+
@keyframes enter {
|
|
1144
|
+
|
|
1145
|
+
from {
|
|
1146
|
+
opacity: var(--tw-enter-opacity, 1);
|
|
1147
|
+
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
|
|
1148
|
+
}
|
|
1149
|
+
}
|
|
1150
|
+
|
|
1151
|
+
@keyframes exit {
|
|
1152
|
+
|
|
1153
|
+
to {
|
|
1154
|
+
opacity: var(--tw-exit-opacity, 1);
|
|
1155
|
+
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
|
|
1156
|
+
}
|
|
1157
|
+
}
|
|
1158
|
+
|
|
1159
|
+
.animate-in {
|
|
1160
|
+
animation-name: enter;
|
|
1161
|
+
animation-duration: 150ms;
|
|
1162
|
+
--tw-enter-opacity: initial;
|
|
1163
|
+
--tw-enter-scale: initial;
|
|
1164
|
+
--tw-enter-rotate: initial;
|
|
1165
|
+
--tw-enter-translate-x: initial;
|
|
1166
|
+
--tw-enter-translate-y: initial;
|
|
1167
|
+
}
|
|
1168
|
+
|
|
1169
|
+
.fade-in {
|
|
1170
|
+
--tw-enter-opacity: 0;
|
|
1171
|
+
}
|
|
1172
|
+
|
|
1173
|
+
.slide-in-from-bottom-16 {
|
|
1174
|
+
--tw-enter-translate-y: 4rem;
|
|
1175
|
+
}
|
|
1176
|
+
|
|
1177
|
+
.slide-in-from-bottom-8 {
|
|
1178
|
+
--tw-enter-translate-y: 2rem;
|
|
1179
|
+
}
|
|
1180
|
+
|
|
1181
|
+
.animate-duration-300 {
|
|
1182
|
+
animation-duration: 300ms;
|
|
1183
|
+
}
|
|
1184
|
+
|
|
1185
|
+
@property --tw-border-gradient-angle {
|
|
1186
|
+
syntax: '<angle>';
|
|
1187
|
+
inherits: true;
|
|
1188
|
+
initial-value: 0deg;
|
|
1189
|
+
}
|
|
1190
|
+
|
|
1191
|
+
@property --tw-conic-gradient-angle {
|
|
1192
|
+
syntax: '<angle>';
|
|
1193
|
+
inherits: true;
|
|
1194
|
+
initial-value: 0deg;
|
|
1195
|
+
}
|
|
1196
|
+
|
|
1197
|
+
@keyframes border-gradient {
|
|
1198
|
+
|
|
1199
|
+
to {
|
|
1200
|
+
--tw-border-gradient-angle: 360deg;
|
|
1201
|
+
}
|
|
1202
|
+
}
|
|
1203
|
+
|
|
1204
|
+
.after\\:select-none::after {
|
|
1205
|
+
content: var(--tw-content);
|
|
1206
|
+
-webkit-user-select: none;
|
|
1207
|
+
user-select: none;
|
|
1208
|
+
}
|
|
1209
|
+
|
|
1210
|
+
.after\\:content-\\[\\'\\2026\\'\\]::after {
|
|
1211
|
+
--tw-content: '\u2026';
|
|
1212
|
+
content: var(--tw-content);
|
|
1213
|
+
}
|
|
1214
|
+
|
|
1215
|
+
.hover\\:bg-neutral-200:hover {
|
|
1216
|
+
--tw-bg-opacity: 1;
|
|
1217
|
+
background-color: rgb(229 229 229 / var(--tw-bg-opacity));
|
|
1218
|
+
}
|
|
1219
|
+
|
|
1220
|
+
.hover\\:bg-orange-400:hover {
|
|
1221
|
+
--tw-bg-opacity: 1;
|
|
1222
|
+
background-color: rgb(251 146 60 / var(--tw-bg-opacity));
|
|
1223
|
+
}
|
|
1224
|
+
|
|
1225
|
+
.hover\\:text-neutral-500:hover {
|
|
1226
|
+
--tw-text-opacity: 1;
|
|
1227
|
+
color: rgb(115 115 115 / var(--tw-text-opacity));
|
|
1228
|
+
}
|
|
1229
|
+
|
|
1230
|
+
.hover\\:text-white:hover {
|
|
1231
|
+
--tw-text-opacity: 1;
|
|
1232
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1233
|
+
}
|
|
1234
|
+
|
|
1235
|
+
.hover\\:brightness-125:hover {
|
|
1236
|
+
--tw-brightness: brightness(1.25);
|
|
1237
|
+
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);
|
|
1238
|
+
}
|
|
1239
|
+
|
|
1240
|
+
.focus\\:border-orange-500:focus {
|
|
1241
|
+
--tw-border-opacity: 1;
|
|
1242
|
+
border-color: rgb(249 115 22 / var(--tw-border-opacity));
|
|
1243
|
+
}
|
|
1244
|
+
|
|
1245
|
+
.focus\\:border-yellow-400:focus {
|
|
1246
|
+
--tw-border-opacity: 1;
|
|
1247
|
+
border-color: rgb(250 204 21 / var(--tw-border-opacity));
|
|
1248
|
+
}
|
|
1249
|
+
|
|
1250
|
+
.active\\:bg-orange-600:active {
|
|
1251
|
+
--tw-bg-opacity: 1;
|
|
1252
|
+
background-color: rgb(234 88 12 / var(--tw-bg-opacity));
|
|
1253
|
+
}
|
|
1254
|
+
|
|
1255
|
+
.active\\:brightness-150:active {
|
|
1256
|
+
--tw-brightness: brightness(1.5);
|
|
1257
|
+
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);
|
|
1258
|
+
}
|
|
1259
|
+
|
|
1260
|
+
.group:hover .group-hover\\:rotate-90 {
|
|
1261
|
+
--tw-rotate: 90deg;
|
|
1262
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1263
|
+
}
|
|
1264
|
+
|
|
1265
|
+
.group:hover .group-hover\\:text-black {
|
|
1266
|
+
--tw-text-opacity: 1;
|
|
1267
|
+
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
1268
|
+
}
|
|
1269
|
+
|
|
1270
|
+
.aria-busy\\:pointer-events-none[aria-busy="true"] {
|
|
1271
|
+
pointer-events: none;
|
|
1272
|
+
}
|
|
1273
|
+
|
|
1274
|
+
.aria-disabled\\:pointer-events-none[aria-disabled="true"] {
|
|
1275
|
+
pointer-events: none;
|
|
1276
|
+
}
|
|
1277
|
+
|
|
1278
|
+
.aria-disabled\\:opacity-50[aria-disabled="true"] {
|
|
1279
|
+
opacity: 0.5;
|
|
1280
|
+
}
|
|
1281
|
+
|
|
1282
|
+
.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:translate-x-0 {
|
|
1283
|
+
--tw-translate-x: 0px;
|
|
1284
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1285
|
+
}
|
|
1286
|
+
|
|
1287
|
+
.group[aria-busy="true"] .group-aria-busy\\:scale-100 {
|
|
1288
|
+
--tw-scale-x: 1;
|
|
1289
|
+
--tw-scale-y: 1;
|
|
1290
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1291
|
+
}
|
|
1292
|
+
|
|
1293
|
+
.group[aria-busy="true"] .group-aria-busy\\:scale-125 {
|
|
1294
|
+
--tw-scale-x: 1.25;
|
|
1295
|
+
--tw-scale-y: 1.25;
|
|
1296
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1297
|
+
}
|
|
1298
|
+
|
|
1299
|
+
.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:opacity-100 {
|
|
1300
|
+
opacity: 1;
|
|
1301
|
+
}
|
|
1302
|
+
|
|
1303
|
+
.group[aria-busy="true"] .group-aria-busy\\:opacity-0 {
|
|
1304
|
+
opacity: 0;
|
|
1305
|
+
}
|
|
1306
|
+
|
|
1307
|
+
.group[aria-busy="true"] .group-aria-busy\\:opacity-100 {
|
|
1308
|
+
opacity: 1;
|
|
1309
|
+
}
|
|
1310
|
+
|
|
1311
|
+
.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:duration-300 {
|
|
1312
|
+
transition-duration: 300ms;
|
|
1313
|
+
}
|
|
1314
|
+
|
|
1315
|
+
.data-\\[highlighted\\]\\:bg-neutral-200[data-highlighted] {
|
|
1316
|
+
--tw-bg-opacity: 1;
|
|
1317
|
+
background-color: rgb(229 229 229 / var(--tw-bg-opacity));
|
|
1318
|
+
}
|
|
1319
|
+
|
|
1320
|
+
.links\\:font-medium a[href]:not(.links-unset) {
|
|
1321
|
+
font-weight: 500;
|
|
1322
|
+
}
|
|
1323
|
+
|
|
1324
|
+
.links\\:text-white a[href]:not(.links-unset) {
|
|
1325
|
+
--tw-text-opacity: 1;
|
|
1326
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1327
|
+
}
|
|
1328
|
+
|
|
1329
|
+
.links\\:underline a[href]:not(.links-unset) {
|
|
1330
|
+
text-decoration-line: underline;
|
|
1331
|
+
}
|
|
1332
|
+
|
|
1333
|
+
.links\\:decoration-neutral-500 a[href]:not(.links-unset) {
|
|
1334
|
+
text-decoration-color: #737373;
|
|
1335
|
+
}
|
|
1336
|
+
|
|
1337
|
+
.links\\:underline-offset-4 a[href]:not(.links-unset) {
|
|
1338
|
+
text-underline-offset: 4px;
|
|
1339
|
+
}
|
|
1340
|
+
|
|
1341
|
+
.hover\\:links\\:decoration-orange-500 a[href]:not(.links-unset):hover {
|
|
1342
|
+
text-decoration-color: #f97316;
|
|
1343
|
+
}
|
|
1344
|
+
|
|
1345
|
+
@media (min-width: 640px) {
|
|
1346
|
+
|
|
1347
|
+
.sm\\:items-center {
|
|
1348
|
+
align-items: center;
|
|
1349
|
+
}
|
|
1350
|
+
}
|
|
1351
|
+
|
|
1352
|
+
.dark\\:border-neutral-700:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1353
|
+
--tw-border-opacity: 1;
|
|
1354
|
+
border-color: rgb(64 64 64 / var(--tw-border-opacity));
|
|
1355
|
+
}
|
|
1356
|
+
|
|
1357
|
+
.dark\\:bg-neutral-800:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1358
|
+
--tw-bg-opacity: 1;
|
|
1359
|
+
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
|
|
1360
|
+
}
|
|
1361
|
+
|
|
1362
|
+
.dark\\:bg-red-900:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1363
|
+
--tw-bg-opacity: 1;
|
|
1364
|
+
background-color: rgb(127 29 29 / var(--tw-bg-opacity));
|
|
1365
|
+
}
|
|
1366
|
+
|
|
1367
|
+
.dark\\:bg-white\\/10:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1368
|
+
background-color: rgb(255 255 255 / 0.1);
|
|
1369
|
+
}
|
|
1370
|
+
|
|
1371
|
+
.dark\\:text-neutral-400:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1372
|
+
--tw-text-opacity: 1;
|
|
1373
|
+
color: rgb(163 163 163 / var(--tw-text-opacity));
|
|
1374
|
+
}
|
|
1375
|
+
|
|
1376
|
+
.dark\\:text-red-50:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1377
|
+
--tw-text-opacity: 1;
|
|
1378
|
+
color: rgb(254 242 242 / var(--tw-text-opacity));
|
|
1379
|
+
}
|
|
1380
|
+
|
|
1381
|
+
.dark\\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1382
|
+
--tw-text-opacity: 1;
|
|
1383
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1384
|
+
}
|
|
1385
|
+
|
|
1386
|
+
.dark\\:hover\\:bg-neutral-700:hover:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1387
|
+
--tw-bg-opacity: 1;
|
|
1388
|
+
background-color: rgb(64 64 64 / var(--tw-bg-opacity));
|
|
1389
|
+
}
|
|
1390
|
+
|
|
1391
|
+
.group:hover .dark\\:group-hover\\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1392
|
+
--tw-text-opacity: 1;
|
|
1393
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1394
|
+
}
|
|
1395
|
+
`;import{useResizeObserver as tr}from"usehooks-ts";import{mergeRefs as rr}from"react-merge-refs";import{createContext as Vt,useContext as Wt}from"react";import{jsx as _t}from"react/jsx-runtime";var Ce=Vt(null);function ke({frame:e,children:t}){if(Wt(Ce))throw new Error("`FrameProvider` can only be used once.");return _t(Ce.Provider,{value:{frame:e},children:t})}import{useMediaQuery as $t}from"usehooks-ts";import"@rainbow-me/rainbowkit/styles.css";import{createContext as Yt,useContext as Ne}from"react";import{RainbowKitProvider as Xt,lightTheme as Se,midnightTheme as Pe}from"@rainbow-me/rainbowkit";import{useChains as jt}from"wagmi";import{jsx as Ae}from"react/jsx-runtime";var ne=Yt(null);function Ee({config:e,children:t}){if(Ne(ne))throw new Error("`EntryKitProvider` can only be used once.");let n=jt().find(({id:a})=>a===e.chainId);if(!n)throw new Error(`Could not find configured chain for chain ID ${e.chainId}.`);return Ae(Xt,{initialChain:0,appInfo:{appName:e.appName},theme:e.theme==="light"?Se({borderRadius:"none"}):e.theme==="dark"?Pe({borderRadius:"none"}):{lightMode:Se({borderRadius:"none"}),darkMode:Pe({borderRadius:"none"})},children:Ae(ne.Provider,{value:{...e,chain:n},children:t})})}function l(){let e=Ne(ne);if(!e)throw new Error("`useEntryKitConfig` can only be used within a `EntryKitProvider`.");return e}function Re(){let{theme:e}=l(),t=$t("(prefers-color-scheme: dark)");return e??(t?"dark":"light")}import{jsx as z,jsxs as nr}from"react/jsx-runtime";function or({onSize:e,...t}){let r=Me(null);return tr({ref:r,onResize:e}),z("div",{ref:r,...t,style:{...t.style,display:"inline-grid"}})}var G=Zt(function({mode:t,children:r},o){let n=Me(null),[a,i]=Te(!1),s=a?n.current:null,[d,f]=Te({width:void 0,height:void 0}),m=s?.contentDocument,c=Re();Jt(()=>{m&&m.body.setAttribute("data-theme",c)},[m,c]);let p=t==="modal"?{all:"unset",display:"block",position:"fixed",inset:"0",width:"100%",height:"100%",zIndex:"2147483646"}:d.width&&d.height?{all:"unset",display:"inline-grid",width:`${d.width}px`,height:`${d.height}px`}:{all:"unset",display:"block",position:"fixed",inset:"0",width:"100%",height:"100%",opacity:0,pointerEvents:"none"};return z("iframe",{ref:rr([o,n]),style:p,onLoad:()=>i(!0),srcDoc:"<!doctype html><title>\u2026</title>",children:m?er.createPortal(nr(ke,{frame:s,children:[z("div",{children:t==="modal"?r:z(or,{onSize:f,children:r})}),z("style",{dangerouslySetInnerHTML:{__html:ve}})]}),m.body):null})});import{twMerge as Ie}from"tailwind-merge";import{jsx as R,jsxs as lr}from"react/jsx-runtime";function He({open:e,onOpenChange:t,children:r}){return R(ar,{open:e,onOpenChange:t,children:R(ir,{children:lr(G,{mode:"modal",children:[R("div",{className:Ie("fixed inset-0","bg-neutral-800/85","animate-in animate-duration-300 fade-in")}),R("div",{className:Ie("fixed inset-0","grid items-end sm:items-center","animate-in animate-duration-300 fade-in slide-in-from-bottom-16"),children:R("div",{children:R(sr,{className:"outline-none w-full max-w-[26rem] mx-auto","aria-describedby":void 0,onOpenAutoFocus:o=>{o.preventDefault()},children:r})})})]})})})}import{useCallback as ae,useMemo as cr}from"react";import{useStore as dr}from"zustand";import{createStore as pr}from"zustand/vanilla";var Q=pr(()=>({open:!1}));function C(){let e=dr(Q,n=>n.open),t=ae(()=>{Q.setState({open:!0})},[]),r=ae(()=>{Q.setState({open:!1})},[]),o=ae(n=>{Q.setState({open:n})},[]);return cr(()=>({accountModalOpen:e,openAccountModal:t,closeAccountModal:r,toggleAccountModal:o}),[e,t,r,o])}import{twMerge as Ht}from"tailwind-merge";import{useAccount as An,useConnectorClient as Nn}from"wagmi";import{useAccount as xr}from"wagmi";import{twMerge as B}from"tailwind-merge";import{twMerge as mr}from"tailwind-merge";import{jsx as Oe,jsxs as ur}from"react/jsx-runtime";function w({className:e,...t}){return ur("svg",{className:mr("-my-[0.125em] h-[1.25em] w-[1.25em] animate-spin",e),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...t,children:[Oe("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),Oe("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}import{jsx as q,jsxs as gr}from"react/jsx-runtime";var fr=({variant:e="secondary"}={})=>B("group/button self-center leading-none outline-none border-4 border-transparent","transition hover:brightness-125 active:brightness-150","focus:border-orange-500","aria-disabled:pointer-events-none aria-busy:pointer-events-none","aria-disabled:opacity-50","p-[.75em] font-medium",{primary:B("bg-orange-600 text-white focus:border-yellow-400"),secondary:B("bg-neutral-700 text-white focus:border-orange-500"),tertiary:B("bg-neutral-800 text-white focus:border-orange-500")}[e]),y=({pending:e,variant:t,type:r,className:o,children:n,disabled:a,...i})=>q("button",{type:r||"button",className:B(fr({variant:t,pending:e}),o),"aria-busy":e,"aria-disabled":a,disabled:a||e,...i,children:gr("span",{className:"grid grid-cols-[1fr_auto_1fr] gap-2",children:[q("span",{className:"flex items-center justify-end text-[.75em]",children:q("span",{className:"transition opacity-0 translate-x-2 group-aria-busy/button:opacity-100 group-aria-busy/button:translate-x-0 duration-100 group-aria-busy/button:duration-300",children:q(w,{})})}),q("span",{children:n})]})});import{useConnectModal as vr}from"@rainbow-me/rainbowkit";import{twMerge as hr}from"tailwind-merge";import{jsx as ie,jsxs as yr}from"react/jsx-runtime";function P({className:e,...t}){return yr("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 8 8",fill:"currentColor",shapeRendering:"crispEdges",className:hr("-my-[0.125em] h-[1.25em] w-[1.25em]",e),...t,children:[ie("path",{d:"M0 0h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm1 0h1v1H1zm1 0h1v1H2zm1 0h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm2-1h1v1H7zm0 1h1v1H7zM6 7h1v1H6zm1-2h1v1H7zm0-1h1v1H7zm0-1h1v1H7z"}),ie("path",{d:"M2 2h1v1H2zm0 1h1v1H2zm0 1h1v1H2zm0 1h1v1H2zm1-3h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm0 1h1v1H5zm0 1h1v1H5zm0 1h1v1H5zM4 5h1v1H4zM3 5h1v1H3z",opacity:".5"}),ie("path",{d:"M7 2h1v1H7zm0-1h1v1H7zM1 0h1v1H1zm1 0h1v1H2zm1 0h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm1 0h1v1H6zm1 0h1v1H7z"})]})}import{useQuery as wr}from"@tanstack/react-query";function V(e){return wr({enabled:!!e,retry:!1,retryOnMount:!1,refetchOnMount:!1,refetchOnWindowFocus:!1,queryKey:["preloadImage",e],queryFn:()=>new Promise((t,r)=>{if(!e)throw new Error("usePreloadImage: Must provide `url` to preload image.");let o=new Image;o.onload=()=>t(o),o.onerror=()=>r(new Error(`usePreloadImage: Could not load image.
|
|
1396
|
+
|
|
1397
|
+
URL: ${e}`)),o.src=e})})}import{jsx as W,jsxs as br}from"react/jsx-runtime";function ze(){let{appName:e,appIcon:t}=l(),{data:r,isLoading:o}=V(t);return br("div",{className:"flex-grow flex flex-col items-center justify-center gap-2",children:[W("div",{className:"w-16 h-16 m-2",children:o?null:r?W("img",{src:t,className:"w-full h-full object-cover"}):W(P,{className:"w-full h-full text-orange-500 dark:bg-neutral-800"})}),W("div",{className:"text-2xl text-white text-center",children:e})]})}import{twMerge as Cr}from"tailwind-merge";import{useEffect as kr,useState as Sr}from"react";import{jsx as _,jsxs as Pr}from"react/jsx-runtime";function qe(){let e=xr(),{openConnectModal:t,connectModalOpen:r}=vr(),[o,n]=Sr(!1);return kr(()=>{!r&&!o&&(t?.(),n(!0))},[r,o,t]),Pr("div",{className:Cr("flex flex-col gap-6 p-6","animate-in animate-duration-300 fade-in slide-in-from-bottom-8"),children:[_("div",{className:"p-4",children:_(ze,{})}),_("div",{className:"self-center flex flex-col gap-2 w-60",children:_(y,{variant:"secondary",className:"self-auto flex justify-center",disabled:e.status==="connecting",onClick:t,autoFocus:!0,children:"Connect wallet"},"create")})]})}import{useEffect as Cn,useMemo as kn,useRef as Sn,useState as Pn}from"react";import{twMerge as ye}from"tailwind-merge";import{parseEther as Ar}from"viem";var A=Ar("0.01");import{useClient as zr}from"wagmi";import{queryOptions as qr,useQuery as Br}from"@tanstack/react-query";import{numberToHex as Tr}from"viem";import{defineStore as Nr}from"@latticexyz/store";import{parseAbi as Er}from"viem";var se=Er(["error SpenderSystem_AlreadyRegistered(address spender, address user)","error SpenderSystem_HasOwnBalance(address spender)","function registerSpender(address spender)"]),Rr=Nr({namespaces:{root:{namespace:"",tables:{Allowance:{schema:{user:"address",allowance:"uint256"},key:["user"]},Grantor:{schema:{grantor:"address",allowance:"uint256"},key:["grantor"]},PassHolder:{schema:{user:"address",passId:"bytes32",lastRenewed:"uint256",lastClaimed:"uint256"},key:["user","passId"]},PassConfig:{schema:{passId:"bytes32",claimAmount:"uint256",claimInterval:"uint256",validityPeriod:"uint256",grantor:"address"},key:["passId"]},Spender:{schema:{spender:"address",user:"address"},key:["spender"]},SystemConfig:{schema:{entryPoint:"address"},key:[]}}}}}),T=Rr.namespaces.root.tables;import{getRecord as Mr,getStaticDataLocation as Ir}from"@latticexyz/store/internal";import{getKeyTuple as Hr}from"@latticexyz/protocol-parser/internal";import{setStorageAt as Or}from"viem/actions";function h(e){let t=e.contracts??{};if("quarryPaymaster"in t&&t.quarryPaymaster!=null&&"address"in t.quarryPaymaster)return{type:"quarry",address:t.quarryPaymaster.address};if("paymaster"in t&&t.paymaster!=null&&"address"in t.paymaster)return{type:"simple",address:t.paymaster.address}}async function Be({client:e,userAddress:t}){let r=h(e.chain);return r?.type!=="quarry"?null:(await Mr(e,{address:r.address,table:T.Allowance,key:{user:t},blockTag:"pending"})).allowance}async function Le({client:e,userAddress:t,allowance:r}){let o=h(e.chain);if(o?.type!=="quarry")return;let n=Ir(T.Allowance.tableId,Hr(T.Allowance,{user:t}));await Or(e.extend(()=>({mode:"anvil"})),{address:o.address,index:n,value:Tr(r,{size:32})})}function le({client:e,userAddress:t}){let r=["getAllowance",e?.chain.id,t];return qr(e&&t?{queryKey:r,queryFn:()=>Be({client:e,userAddress:t})}:{queryKey:r,enabled:!1})}function Fe(e){let{chainId:t}=l(),r=zr({chainId:t});return Br(le({client:r,userAddress:e}))}import{useClient as Li}from"wagmi";import{queryOptions as Fr,useQuery as Ki}from"@tanstack/react-query";import{getRecord as Lr}from"@latticexyz/store/internal";async function Ke({client:e,userAddress:t,sessionAddress:r}){let o=h(e.chain);return o?.type!=="quarry"?null:(await Lr(e,{address:o.address,table:T.Spender,key:{spender:r},blockTag:"pending"})).user.toLowerCase()===t.toLowerCase()}function Ue({client:e,userAddress:t,sessionAddress:r}){let o=["getSpender",e?.chain.id,t,r];return Fr(e&&t&&r?{queryKey:o,queryFn:()=>Ke({client:e,userAddress:t,sessionAddress:r})}:{queryKey:o,enabled:!1})}import{useClient as ns}from"wagmi";import{queryOptions as Qr,useQuery as is}from"@tanstack/react-query";import{getRecord as Gr}from"@latticexyz/store/internal";import{resourceToHex as Kr}from"@latticexyz/common";import{parseAbi as Ur}from"viem";import Dr from"@latticexyz/world/mud.config";var De={pollingInterval:250},L=Kr({type:"system",namespace:"",name:"unlimited"}),Ge=Dr.namespaces.world.tables,Qe=Ur(["function registerDelegation(address delegatee, bytes32 delegationControlId, bytes initCallData)"]);async function Ve({client:e,worldAddress:t,userAddress:r,sessionAddress:o}){return(await Gr(e,{address:t,table:Ge.UserDelegationControl,key:{delegator:r,delegatee:o},blockTag:"pending"})).delegationControlId===L}function We({client:e,worldAddress:t,userAddress:r,sessionAddress:o}){let n=["getDelegation",e?.chain.id,t,r,o];return Qr(e&&r&&o?{queryKey:n,queryFn:()=>Ve({client:e,worldAddress:t,userAddress:r,sessionAddress:o})}:{queryKey:n,enabled:!1})}import{queryOptions as eo,useQuery as to,useQueryClient as ro}from"@tanstack/react-query";import{useClient as oo,useConfig as no}from"wagmi";import{useClient as $r}from"wagmi";import{queryOptions as Zr,useQuery as Jr}from"@tanstack/react-query";import{toSimpleSmartAccount as jr}from"permissionless/accounts";import{createStore as Vr}from"zustand/vanilla";import{persist as Wr}from"zustand/middleware";var F=Vr(Wr(()=>({signers:{}}),{name:"mud:entrykit",partialize:({signers:e})=>({signers:e})}));function _r(e){e.key===F.persist.getOptions().name&&F.persist.rehydrate()}window.addEventListener("storage",_r);import{generatePrivateKey as Yr,privateKeyToAccount as Xr}from"viem/accounts";function _e(e){let t=F.getState().signers[e]??(()=>{let r=Yr();return F.setState(o=>({signers:{...o.signers,[e]:r}})),r})();return Xr(t)}async function Ye({client:e,userAddress:t}){let r=_e(t);return await jr({client:e,owner:r})}function ce({client:e,userAddress:t}){let r=["getSessionAccount",e?.chain.id,t];return Zr(e&&t?{queryKey:r,queryFn:()=>Ye({client:e,userAddress:t}),staleTime:1/0}:{queryKey:r,enabled:!1})}function Xe(e){let{chainId:t}=l(),r=$r({chainId:t});return Jr(ce({userAddress:e,client:r}))}import{getBalanceQueryOptions as ao}from"wagmi/query";function io({queryClient:e,config:t,client:r,userAddress:o,worldAddress:n}){let a=["getPrerequisites",r?.chain.id,o];return eo(r&&o?{queryKey:a,queryFn:async()=>{let i=h(r.chain),{address:s}=await e.fetchQuery(ce({client:r,userAddress:o})),[d,f,m,c]=await Promise.all([i?null:e.fetchQuery(ao(t,{chainId:r.chain.id,address:s})),i?.type==="quarry"?e.fetchQuery(le({client:r,userAddress:o})):null,i?.type==="quarry"?e.fetchQuery(Ue({client:r,userAddress:o,sessionAddress:s})):null,e.fetchQuery(We({client:r,worldAddress:n,userAddress:o,sessionAddress:s}))]),p=f==null||f>=A,g=m??!0,x=d==null||d.value>=A;return{sessionAddress:s,hasAllowance:p,isSpender:g,hasGasBalance:x,hasDelegation:c,complete:p&&g&&c}}}:{queryKey:a,enabled:!1})}function M(e){let t=ro(),{chainId:r,worldAddress:o}=l(),n=no(),a=oo({chainId:r});return to(io({config:n,queryClient:t,client:a,userAddress:e,worldAddress:o}),t)}import{useDisconnect as co}from"wagmi";import{useQuery as so}from"@tanstack/react-query";function Y(e){let t=e?.toLowerCase();return so({enabled:!!t,queryKey:["ens",t],queryFn:async()=>{let r=await fetch(`https://api.ensideas.com/ens/resolve/${t}`).then(o=>o.json());return{address:r.address??void 0,name:r.name??void 0,displayName:r.displayName??void 0,avatar:r.avatar??void 0}}})}import{jsx as de,jsxs as lo}from"react/jsx-runtime";function I({hex:e}){return e.length<=10?de("span",{title:e,children:e}):lo("span",{title:e,children:[de("span",{className:"after:select-none after:content-['\u2026']",children:e.slice(0,6)}),de("span",{className:"tracking-[-1ch] text-transparent",children:e.slice(6,-4)}),e.slice(-4)]})}import{jsx as K,jsxs as pe}from"react/jsx-runtime";function je({isActive:e,isExpanded:t,userAddress:r}){let{data:o}=Y(r),{disconnect:n,isPending:a}=co(),{closeAccountModal:i}=C();return pe("div",{className:"flex flex-col gap-4",children:[pe("div",{className:"flex justify-between gap-4",children:[pe("div",{children:[K("div",{children:"Account"}),K("div",{className:"font-mono text-white",children:o?.name??K(I,{hex:r})})]}),K(y,{variant:e?"primary":"tertiary",className:"flex-shrink-0 text-sm p-1 w-28",autoFocus:e,pending:a,onClick:()=>{i(),n()},children:"Sign out"})]}),t?K("p",{className:"text-sm",children:"Each of your onchain actions in this app is associated with your account."}):null]})}import{parseEther as uo}from"viem";import{useMutation as fo,useQueryClient as go}from"@tanstack/react-query";import{http as po}from"viem";function $e(){return({chain:e})=>{if(!e)throw new Error("No chain provided to issuer transport.");let t="quarryPassIssuer"in e.rpcUrls?e.rpcUrls.quarryPassIssuer.http[0]:void 0;if(!t)throw new Error(`No \`quarryPassIssuer\` RPC URL found for chain ${e.id}.`);return po(t)({chain:e,retryCount:0})}}import Ze from"debug";var me=Ze("mud:entrykit"),mo=Ze("mud:entrykit");me.log=console.debug.bind(console);mo.log=console.error.bind(console);var H=me.extend("quarry");async function Je({chain:e,userAddress:t}){let r=$e()({chain:e});H("Issuing gas pass to",t),await r.request({method:"quarry_issuePass",params:["0x01",t]}),H("Claiming gas allowance for",t),await r.request({method:"quarry_claimAllowance",params:["0x01",t]})}import{useClient as ho}from"wagmi";function et(){let e=go(),{chain:t}=l(),r=ho({chainId:t.id}),o=["claimGasPass",t.id];return fo({mutationKey:o,onError:n=>console.error(n),mutationFn:async n=>{if(t.id===31337){if(!r)throw new Error("No client?");await Le({client:r,userAddress:n,allowance:uo("1")})}else await Je({chain:t,userAddress:n});await Promise.all([e.invalidateQueries({queryKey:["getAllowance"]}),e.invalidateQueries({queryKey:["getPrerequisites"]})])},retry:0})}import{twMerge as yo}from"tailwind-merge";import{jsx as X,jsxs as wo}from"react/jsx-runtime";function tt({className:e,...t}){return wo("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 263 428",fill:"currentColor",className:yo("w-[0.6em] h-[1em]",e),...t,children:[X("path",{d:"M132 321V428L263 243L132 321Z"}),X("path",{d:"M0 243L132 321V428",fillOpacity:"0.5"}),X("path",{d:"M132 0V296L263 218"}),X("path",{d:"M0 218L132 296V0L0 218Z",fillOpacity:"0.5"})]})}import{formatEther as bo}from"viem";function rt(e){let t=bo(e),r=Math.floor(parseFloat(t)).toString().length;return parseFloat(t).toLocaleString("en-US",{maximumFractionDigits:Math.max(0,6-r)})}import{formatEther as xo}from"viem";import{jsx as vo,jsxs as Co}from"react/jsx-runtime";function j({wei:e}){return Co("span",{className:"inline-flex items-center gap-1",title:xo(e),children:[rt(e)," ",vo(tt,{})]})}import{useEffect as ko}from"react";import{jsx as O,jsxs as ue}from"react/jsx-runtime";function ot({isActive:e,isExpanded:t,userAddress:r}){let o=Fe(r),n=et();return ko(()=>{let a=setTimeout(()=>{e&&n.status==="idle"&&o.isSuccess&&o.data!=null&&o.data<A&&n.mutate(r)});return()=>clearTimeout(a)},[o.data,o.isSuccess,n,e,r]),ue("div",{className:"flex flex-col gap-4",children:[ue("div",{className:"flex justify-between gap-4",children:[ue("div",{children:[O("div",{children:"Allowance"}),O("div",{className:"font-mono text-white",children:o.data!=null?O(j,{wei:o.data}):O(w,{className:"text-sm"})})]}),O(y,{variant:e?"primary":"tertiary",className:"flex-shrink-0 text-sm p-1 w-28",autoFocus:e||t,pending:o.status==="pending"||n.status==="pending",onClick:()=>n.mutate(r),children:"Top up"})]}),t?O("p",{className:"text-sm",children:"Your allowance is used to pay for onchain computation."}):null]})}import{encodeFunctionData as at}from"viem";import{useMutation as Oo,useQueryClient as zo}from"@tanstack/react-query";import{getAction as ge}from"viem/utils";import{sendUserOperation as qo,waitForUserOperationReceipt as Bo}from"viem/account-abstraction";import{waitForTransactionReceipt as Lo}from"viem/actions";import{useClient as Fo}from"wagmi";import{resourceToHex as it}from"@latticexyz/common";import Ko from"@latticexyz/world/out/IBaseWorld.sol/IBaseWorld.abi.json";import{writeContract as Mo}from"viem/actions";import{getAction as Io}from"viem/utils";import{toHex as So}from"viem";import{signTypedData as Po}from"viem/actions";import{callWithSignatureTypes as Ao}from"@latticexyz/world/internal";import{getRecord as No}from"@latticexyz/store/internal";import Eo from"@latticexyz/world-modules/internal/mud.config";import{hexToResource as Ro}from"@latticexyz/common";import{getAction as To}from"viem/utils";async function nt({userClient:e,worldAddress:t,systemId:r,callData:o,nonce:n,client:a}){let i=n??(a?(await No(a,{address:t,table:Eo.tables.CallWithSignatureNonces,key:{signer:e.account.address},blockTag:"pending"})).nonce:0n),{namespace:s,name:d}=Ro(r);return await To(e,Po,"signTypedData")({account:e.account,domain:{verifyingContract:t,salt:So(e.chain.id,{size:32})},types:Ao,primaryType:"Call",message:{signer:e.account.address,systemNamespace:s,systemName:d,callData:o,nonce:i}})}import Ho from"@latticexyz/world-modules/out/Unstable_CallWithSignatureSystem.sol/Unstable_CallWithSignatureSystem.abi.json";async function fe({sessionClient:e,...t}){let r=await nt(t);return Io(e,Mo,"writeContract")({address:t.worldAddress,abi:Ho,functionName:"callWithSignature",args:[t.userClient.account.address,t.systemId,t.callData,r]})}function st({userClient:e}){let t=zo(),{chainId:r,worldAddress:o}=l(),n=Fo({chainId:r}),a=["setupSession",n?.chain.id,e.account.address];return Oo({mutationKey:a,onError:i=>console.error(i),mutationFn:async({sessionClient:i,registerSpender:s,registerDelegation:d})=>{if(!n)throw new Error("Client not ready.");let f=h(n.chain),m=i.account.address;if(console.log("setting up session"),e.account.type==="smart"){let c=[];if(s&&f?.type==="quarry"&&(console.log("registering spender"),c.push({to:f.address,abi:se,functionName:"registerSpender",args:[m]})),d&&(console.log("registering delegation"),c.push({to:o,abi:Qe,functionName:"registerDelegation",args:[m,L,"0x"]})),!c.length)return;console.log("setting up account with",c,e);let p=await ge(e,qo,"sendUserOperation")({calls:c});console.log("got user op hash",p);let g=await ge(e,Bo,"waitForUserOperationReceipt")({hash:p});console.log("got user op receipt",g),g.success||console.error("not successful?",g)}else{let c=[];if(s&&f?.type==="quarry"){console.log("registering spender");let p=await fe({client:n,userClient:e,sessionClient:i,worldAddress:f.address,systemId:it({type:"system",namespace:"",name:"SpenderSystem"}),callData:at({abi:se,functionName:"registerSpender",args:[m]})});console.log("got spender tx",p),c.push(p)}if(d){console.log("registering delegation");let p=await fe({client:n,userClient:e,sessionClient:i,worldAddress:o,systemId:it({type:"system",namespace:"",name:"Registration"}),callData:at({abi:Ko,functionName:"registerDelegation",args:[m,L,"0x"]})});console.log("got delegation tx",p),c.push(p)}if(!c.length)return;console.log("waiting for",c.length,"receipts");for(let p of c){let g=await ge(n,Lo,"waitForTransactionReceipt")({hash:p});console.log("got tx receipt",g),g.status==="reverted"&&console.error("tx reverted?",g)}}await Promise.all([t.invalidateQueries({queryKey:["getSpender"]}),t.invalidateQueries({queryKey:["getDelegation"]}),t.invalidateQueries({queryKey:["getPrerequisites"]})])},retry:0})}import{useEffect as fn}from"react";import{useClient as dn}from"wagmi";import{queryOptions as pn,useQuery as mn}from"@tanstack/react-query";import{smartAccountActions as ln}from"permissionless";import{callFrom as cn}from"@latticexyz/world/internal";import{createBundlerClient as Uo}from"viem/account-abstraction";var Do=new Set([31337,17420,17069,690]);function lt(e){let t=e.chain??e.client?.chain,r=t?h(t):void 0;return Uo({...De,paymaster:r?{getPaymasterData:async()=>({paymaster:r.address,paymasterData:"0x"})}:void 0,userOperation:{estimateFeesPerGas:t&&Do.has(t.id)?async()=>({maxFeePerGas:100000n,maxPriorityFeePerGas:0n}):void 0},...e})}import{transactionQueue as en}from"@latticexyz/common/actions";import{createClient as tn,fallback as rn,http as ht,keccak256 as on,stringToHex as nn,webSocket as an}from"viem";import{privateKeyToAccount as sn}from"viem/accounts";import{createTransport as jo,numberToHex as $o,parseEther as Zo}from"viem";import{entryPoint07Address as ft}from"viem/account-abstraction";import{formatUserOperationRequest as Go}from"viem/account-abstraction";async function ct(e){return Go({callGasLimit:20000000n,preVerificationGas:200000n,verificationGasLimit:2000000n,paymasterVerificationGasLimit:200000n,paymasterPostOpGasLimit:200000n})}import{parseEventLogs as Qo}from"viem";import{formatUserOperation as Vo,toPackedUserOperation as Wo,getUserOperationHash as _o,entryPoint07Address as dt,entryPoint07Abi as pt}from"viem/account-abstraction";import{waitForTransactionReceipt as Yo,writeContract as Xo}from"viem/actions";import{getAction as mt}from"viem/utils";async function ut({executor:e,rpcUserOp:t}){let r=Vo(t),o=Wo(r),n=_o({userOperation:r,chainId:e.chain.id,entryPointVersion:"0.7",entryPointAddress:dt}),a=await mt(e,Xo,"writeContract")({abi:pt,address:dt,functionName:"handleOps",args:[[o],e.account.address],chain:e.chain,account:e.account}),i=await mt(e,Yo,"waitForTransactionReceipt")({hash:a});return{success:Qo({logs:i.logs,abi:pt,eventName:"UserOperationEvent"})[0].args.success,userOpHash:n,receipt:i}}import{setBalance as Jo}from"viem/actions";function gt({executor:e}){return()=>{H("using a local user op executor",e.account.address),e.chain.id===31337&&(H("setting executor balance"),Jo(e.extend(()=>({mode:"anvil"})),{address:e.account.address,value:Zo("100")}));let t=new Map;return jo({key:"userOpExecutor",type:"userOpExecutor",name:"User Operation Executor Transport",request:async({method:o,params:n})=>{if(o==="eth_chainId")return $o(e.chain.id);if(o==="eth_supportedEntryPoints")return[ft];if(o==="eth_sendUserOperation"){let[a,i]=n;if(i===ft){let s=await ut({executor:e,rpcUserOp:a});return t.set(s.userOpHash,s),s.userOpHash}}if(o==="eth_getUserOperationReceipt"){let[a]=n;return t.get(a)??null}if(o==="eth_estimateUserOperationGas")return await ct(n);throw new Error("Method not implemented.")}})}}function yt(e){let t=e.rpcUrls.bundler?.http[0],r=t?ht(t):e.id===31337?gt({executor:tn({chain:e,transport:rn([an(),ht()]),account:sn(on(nn("local user op executor"))),pollingInterval:10}).extend(en())}):null;if(!r)throw new Error(`Chain ${e.id} config did not include a bundler RPC URL.`);return r}async function wt({client:e,userAddress:t,sessionAccount:r,worldAddress:o}){let n=yt(e.chain);return lt({transport:n,client:e,account:r}).extend(ln()).extend(cn({worldAddress:o,delegatorAddress:t,publicClient:e})).extend(()=>({userAddress:t}))}function un({sessionAccount:e,client:t,userAddress:r,worldAddress:o}){let n=["getSessionClient",t?.uid,r,e?.address,o];return pn(t&&r&&e?{queryKey:n,queryFn:()=>wt({sessionAccount:e,client:t,userAddress:r,worldAddress:o}),staleTime:1/0}:{queryKey:n,enabled:!1})}function $(e){let{chainId:t,worldAddress:r}=l(),o=dn({chainId:t}),{data:n}=Xe(e);return mn(un({sessionAccount:n,userAddress:e,client:o,worldAddress:r}))}import{jsx as U,jsxs as he}from"react/jsx-runtime";function bt({isActive:e,isExpanded:t,userClient:r,registerSpender:o,registerDelegation:n}){let{data:a}=$(r.account.address),i=st({userClient:r}),s=!n&&!n;return fn(()=>{let d=setTimeout(()=>{e&&i.status==="idle"&&a&&!s&&i.mutate({sessionClient:a,registerSpender:o,registerDelegation:n})});return()=>clearTimeout(d)},[s,e,n,o,a,i]),he("div",{className:"flex flex-col gap-4",children:[he("div",{className:"flex justify-between gap-4",children:[he("div",{children:[U("div",{children:"Session"}),U("div",{className:"font-mono text-white",children:s?"Enabled":"Set up"})]}),s?U(y,{variant:"tertiary",className:"flex-shrink-0 text-sm p-1 w-28",autoFocus:e,disabled:!0,children:"Enabled"}):U(y,{variant:e?"primary":"tertiary",className:"flex-shrink-0 text-sm p-1 w-28",autoFocus:e,pending:!a||i.status==="pending",onClick:a?()=>i.mutate({sessionClient:a,registerSpender:o,registerDelegation:n}):void 0,children:"Enable"})]}),t?U("p",{className:"text-sm",children:"You can perform actions in this app without interruptions for approvals."}):null]})}import{useBalance as xn}from"wagmi";var xt={"1":"ethereum","10":"optimism","56":"bnb","100":"gnosis","111":"bob","137":"polygon","185":"mint","288":"boba","324":"zksync","360":"shape","480":"world-chain","690":"redstone","919":"mode-testnet","1101":"polygon-zkevm","1135":"lisk","1301":"unichain-sepolia","1329":"sei","1625":"gravity","1993":"b3","2911":"hychain","4202":"lisk-sepolia","4321":"echos","5000":"mantle","5112":"ham","7560":"cyber","8333":"B3","8453":"base","9897":"arena-z-testnet","11011":"shape-sepolia","11124":"abstract","13746":"game7-testnet","17000":"holesky","17071":"onchain-points","33139":"apechain","33979":"funki","34443":"mode","42161":"arbitrum","42170":"arbitrum-nova","43114":"avalanche","55244":"superposition","57073":"ink","59144":"linea","60808":"bob","70700":"apex","70701":"boss","70800":"apex-testnet","70805":"cloud","80002":"amoy","81457":"blast","84532":"base-sepolia","167009":"hekla","421614":"arbitrum-sepolia","534352":"scroll","543210":"zero-network","660279":"xai","911867":"odyssey","984122":"forma","1118190":"eclipse-testnet","3397901":"funki-testnet","4457845":"zero-sepolia","7777777":"zora","8253038":"bitcoin","9092725":"bitcoin-testnet4","9286185":"eclipse","11155111":"sepolia","11155420":"op-sepolia","666666666":"degen","792703809":"solana","888888888":"ancient8","999999999":"zora-sepolia","1380012617":"rari","1936682084":"solana-devnet","88153591557":"arbitrum-blueberry"};import{useQueryClient as hn,useMutation as yn}from"@tanstack/react-query";import{setBalance as wn}from"viem/actions";import{useClient as bn}from"wagmi";function vt(){let e=hn(),{chainId:t}=l(),r=bn({chainId:t});return yn({mutationKey:["setBalance",t],onError:o=>console.error(o),mutationFn:async o=>(r&&(await wn({...r,mode:"anvil"},o),await Promise.all([e.invalidateQueries({queryKey:["balance"]}),e.invalidateQueries({queryKey:["getPrerequisites"]})])),null),retry:0})}import{Fragment as vn,jsx as b,jsxs as D}from"react/jsx-runtime";function Ct({isActive:e,isExpanded:t,sessionAddress:r}){let{chain:o}=l(),n=xn({chainId:o.id,address:r,query:{refetchInterval:2e3}}),a=vt(),i=xt[o.id];return D("div",{className:"flex flex-col gap-4",children:[D("div",{className:"flex justify-between gap-4",children:[D("div",{children:[b("div",{children:"Gas balance"}),b("div",{className:"font-mono text-white",children:n.data!=null?b(j,{wei:n.data.value}):b(w,{className:"text-sm"})})]}),o.id===31337?b(y,{variant:e?"primary":"tertiary",className:"flex-shrink-0 text-sm p-1 w-28",autoFocus:e||t,pending:n.status==="pending"||a.status==="pending",onClick:()=>a.mutate({address:r,value:A+(n.data?.value??0n)}),children:"Top up"}):i!=null?b("a",{href:`https://relay.link/bridge/${i}?${new URLSearchParams({toAddress:r})}`,target:"_blank",rel:"noopener noreferrer",children:b(y,{variant:e?"primary":"tertiary",className:"flex-shrink-0 text-sm p-1 w-28",autoFocus:e||t,pending:n.status==="pending",children:"Top up"})}):null]}),t?D(vn,{children:[b("p",{className:"text-sm",children:"Your session's gas balance is used to pay for onchain computation."}),i==null?D("p",{className:"text-sm",children:["Send funds to"," ",b("span",{className:"font-mono text-white",children:b(I,{hex:r})})," ","on ",o.name," to top up your session balance."]}):null]}):null]})}import{jsx as N}from"react/jsx-runtime";function kt({userClient:e,initialUserAddress:t}){let{chain:r}=l(),o=h(r),n=e.account.address,{data:a}=M(n),{closeAccountModal:i}=C(),s=n!==t,d=Sn(a);Cn(()=>{a!=null&&(d.current==null&&(d.current=a),a.complete&&(s||!d.current.complete)&&i())},[i,s,a]);let{sessionAddress:f,hasAllowance:m,isSpender:c,hasDelegation:p,hasGasBalance:g}=a??{},x=kn(()=>{if(!n)return[{id:"wallet",isComplete:!1,content:()=>null}];let u=[{id:"wallet",isComplete:!0,content:v=>N(je,{...v,userAddress:n})}];return o?o.type==="quarry"&&u.push({id:"allowance",isComplete:!!m,content:v=>N(ot,{...v,userAddress:n})}):f!=null&&u.push({id:"gasBalance",isComplete:!!g,content:v=>N(Ct,{...v,sessionAddress:f})}),u.push({id:"session",isComplete:!!c&&!!p,content:v=>N(bt,{...v,userClient:e,registerSpender:!c,registerDelegation:!p})}),u},[m,p,g,c,o,f,n,e]),[be]=Pn(null),Kt=x.find(u=>u.content!=null&&!u.isComplete),te=x.filter(u=>u.isComplete),re=(be!=null?x.find(u=>u.id===be):null)??Kt??(te.length<x.length?te.at(-1):null),xe=re?x.indexOf(re):-1;return N("div",{className:ye("px-8 flex flex-col divide-y divide-neutral-800","animate-in animate-duration-300 fade-in slide-in-from-bottom-8"),children:x.map((u,v)=>{let oe=u===re,Ut=oe||te.length===x.length,Dt=!u.isComplete&&xe!==-1&&v>xe;return N("div",{className:ye("py-8 flex flex-col justify-center",oe?"flex-grow":null),children:N("div",{className:ye("flex flex-col",Dt?"opacity-30 pointer-events-none":null),children:u.content({isActive:oe,isExpanded:Ut})})},u.id)})})}import{useRef as En}from"react";import{jsx as St}from"react/jsx-runtime";function Pt(){let{chainId:e}=l(),t=Nn({chainId:e}),{address:r}=An(),o=En(r);return t.status!=="success"?St(qe,{}):St(kt,{userClient:t.data,initialUserAddress:o.current})}import{useState as Hn}from"react";import{ErrorBoundary as On}from"react-error-boundary";import{twMerge as Rn}from"tailwind-merge";import{BaseError as Tn,UserRejectedRequestError as Mn}from"viem";import{jsx as At,jsxs as In}from"react/jsx-runtime";function Nt({title:e,error:t}){if(!t||t instanceof Tn&&t.walk(n=>n instanceof Mn)!=null)return null;let r=e??"Error",o=typeof t=="string"?t:t instanceof Error?String(t):"Something unexpected happened.";return In("div",{className:Rn("text-sm border-l-4 border-red-500","bg-red-100 text-red-900","dark:bg-red-900 dark:text-red-50"),children:[At("div",{className:"p-3 font-semibold",children:r}),At("div",{className:"px-3 whitespace-break-spaces break-all max-h-32 overflow-y-scroll",children:o})]})}import{wait as zn}from"@latticexyz/common/utils";import{twMerge as qn}from"tailwind-merge";import{useIsMounted as Bn}from"usehooks-ts";import{jsx as Z,jsxs as Et}from"react/jsx-runtime";function Rt({children:e}){let t=Bn(),[r,o]=Hn(1);return Z(On,{fallbackRender:({error:n,resetErrorBoundary:a})=>Et("div",{className:qn("flex-grow flex flex-col justify-center p-5 gap-2"),children:[Z(Nt,{error:n instanceof Error?n.stack??n.message:n}),r>0?Et("button",{type:"button",onClick:async i=>{i.currentTarget.ariaBusy="true",await zn(1e3),a(),t()&&(o(s=>s-1),i.currentTarget.ariaBusy=null)},className:"group aria-busy:pointer-events-none self-end flex items-center gap-1",children:[Z(w,{className:"transition opacity-0 group-aria-busy:opacity-100 text-xs text-neutral-500 dark:text-neutral-400"}),Z("span",{className:"text-sm text-neutral-500 dark:text-neutral-400 group-hover:text-black dark:group-hover:text-white",children:"Retry?"})]}):null]}),children:e})}import{DialogClose as Kn,DialogTitle as Un}from"@radix-ui/react-dialog";import{twMerge as Ln}from"tailwind-merge";import{jsx as Fn}from"react/jsx-runtime";function Tt({className:e,children:t,...r}){return Fn("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",className:Ln("-my-[0.125em] h-[1.25em] w-[1.25em]",e),...r,children:t})}import{jsx as Mt}from"react/jsx-runtime";function It(e){return Mt(Tt,{strokeWidth:"2",stroke:"currentColor",...e,children:Mt("path",{d:"M6 18L18 6M6 6L18 18",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as k,jsxs as we}from"react/jsx-runtime";function Ot(){let{accountModalOpen:e,toggleAccountModal:t}=C();return we(He,{open:e,onOpenChange:t,children:[k(Un,{className:"sr-only",children:"Connect with EntryKit"}),e?we("div",{className:Ht("relative py-2 ring-1","bg-neutral-900 text-neutral-400 ring-neutral-700/50 divide-neutral-700","links:font-medium links:underline links:underline-offset-4","links:text-white","links:decoration-neutral-500 hover:links:decoration-orange-500"),children:[k(Rt,{children:k(Pt,{})}),we("a",{href:"https://mud.dev",target:"_blank",rel:"noreferrer noopener",className:"group self-center p-3 flex items-center justify-center gap-2 links-unset text-sm font-mono transition text-neutral-400 hover:text-white",children:[k("span",{className:"block w-4 h-4",children:k(P,{className:"w-full h-full text-orange-500 group-hover:rotate-90 transition duration-300"})}),k("span",{children:"Powered by MUD"})]}),k("div",{className:"absolute top-0 right-0",children:k(Kn,{className:Ht("pointer-events-auto leading-none p-2 transition","text-neutral-700 hover:text-neutral-500"),title:"Close",children:k(It,{className:"m-0"})})})]}):null]})}import{jsx as Gn,jsxs as Qn}from"react/jsx-runtime";function Dn({config:e,children:t}){return Qn(Ee,{config:e,children:[t,Gn(Ot,{})]})}import{useAccount as Wn}from"wagmi";import{twMerge as E}from"tailwind-merge";import{twMerge as zt}from"tailwind-merge";import{Fragment as Vn,jsx as J,jsxs as qt}from"react/jsx-runtime";function Bt({address:e}){let{data:t}=Y(e),r=V(t?.avatar);return qt(Vn,{children:[qt("span",{className:"flex-shrink-0 w-6 h-6 -my-1 -mx-0.5 grid place-items-center",children:[J("img",{src:t?.avatar&&r.isSuccess?t.avatar:void 0,className:zt("col-start-1 row-start-1","inline-flex w-full h-full rounded-full bg-black/10 dark:bg-white/10 bg-cover bg-no-repeat bg-center","transtion duration-300",r.isSuccess?"opacity-100":"opacity-0")}),J(P,{className:zt("col-start-1 row-start-1 text-orange-500","transition duration-300",t&&(!t.avatar||r.isError)?"opacity-100":"opacity-0")})]}),J("span",{className:"flex-grow",children:t?.name??J(I,{hex:e})})]})}import{useRef as _n}from"react";import{jsx as S,jsxs as Ft}from"react/jsx-runtime";var Lt=E("w-48 p-3 inline-flex outline-none transition","border border-transparent","text-base leading-none"),Yn=E("bg-neutral-100 border-neutral-300 text-black","dark:bg-neutral-800 dark:border-neutral-700 dark:text-white"),Xn=E("cursor-pointer outline-none hover:bg-neutral-200 data-[highlighted]:bg-neutral-200 dark:hover:bg-neutral-700");function jn(){let{openAccountModal:e,accountModalOpen:t}=C(),{status:r,address:o}=Wn(),n=_n(o),a=M(o),i=r==="connected"||r==="reconnecting"&&o,s=o!==n.current,d=a.isSuccess?a.data.complete:s?!1:i,f=(()=>{if(a.isSuccess){if(!a.data.hasAllowance)return"Top up";if(!a.data.hasDelegation||!a.data.isSpender)return"Set up"}return"Sign in"})();return S(G,{mode:"child",children:d?S("button",{type:"button",className:E(Lt,Yn,Xn),onClick:e,children:S("span",{className:"flex-grow inline-flex gap-2.5 items-center text-left font-medium",children:o?S(Bt,{address:o}):null})},"connected"):Ft("button",{type:"button",className:E(Lt,"group","items-center justify-center gap-2.5","bg-orange-500 text-white font-medium","hover:bg-orange-400","active:bg-orange-600"),"aria-busy":t,onClick:e,children:[Ft("span",{className:"pointer-events-none inline-grid place-items-center -ml-3",children:[S("span",{className:E("col-start-1 row-start-1 leading-none","scale-100 opacity-100 transition duration-300","group-aria-busy:scale-125 group-aria-busy:opacity-0"),children:S(P,{})}),S("span",{"aria-hidden":!0,className:E("col-start-1 row-start-1","scale-50 opacity-0 transition duration-300 delay-50","group-aria-busy:scale-100 group-aria-busy:opacity-100"),children:S(w,{})})]}),S("span",{className:"font-medium",children:f})]},"sign in")})}import{useConnectorClient as $n}from"wagmi";function Zn(){let{chainId:e}=l(),t=$n({chainId:e});t.error&&console.error("Error retrieving user client",t.error);let r=t.data?.account.address,o=M(r),n=$(r);return t.isSuccess?!o.isSuccess||!o.data.complete?{...o,data:void 0}:n:{...t,data:void 0}}import{connectorsForWallets as ea}from"@rainbow-me/rainbowkit";import{createConfig as ta}from"wagmi";import{getDefaultWallets as Jn}from"@rainbow-me/rainbowkit";function ee(e){let{wallets:t}=Jn();return[...t]}function ra(e){let t=ee(e),r=ea(t,{appName:e.appName,projectId:e.walletConnectProjectId});return ta({connectors:r,chains:e.chains,transports:e.transports,pollingInterval:e.pollingInterval})}import{connectorsForWallets as oa}from"@rainbow-me/rainbowkit";function gm({wallets:e,...t}){return oa(e??ee(t),{appName:t.appName,projectId:t.walletConnectProjectId})}export{jn as AccountButton,Dn as EntryKitProvider,ra as createWagmiConfig,Gt as defineConfig,gm as getConnectors,ee as getWallets,C as useAccountModal,l as useEntryKitConfig,Zn as useSessionClient};
|
|
1398
|
+
//# sourceMappingURL=internal.js.map
|