@latticexyz/entrykit 2.2.12-entrykit-9d16d7a4d5dde17d31463970d3359bc9faa08d70
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/LICENSE +21 -0
- package/README.md +13 -0
- package/dist/tsup/chunk-A6N5TZRJ.js +2 -0
- package/dist/tsup/chunk-A6N5TZRJ.js.map +1 -0
- package/dist/tsup/index.d.ts +76 -0
- package/dist/tsup/index.js +1570 -0
- package/dist/tsup/index.js.map +1 -0
- package/dist/tsup/internal.d.ts +34 -0
- package/dist/tsup/internal.js +2 -0
- package/dist/tsup/internal.js.map +1 -0
- package/package.json +87 -0
|
@@ -0,0 +1,1570 @@
|
|
|
1
|
+
import{a as re,b as oe,c as I,d as ae,e as ne,f as ie}from"./chunk-A6N5TZRJ.js";import{Root as kt,DialogPortal as Ct,DialogContent as At}from"@radix-ui/react-dialog";import{forwardRef as ft,useEffect as wt,useRef as be,useState as we}from"react";import bt from"react-dom";var se=`*, ::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
|
+
.sr-only {
|
|
536
|
+
position: absolute;
|
|
537
|
+
width: 1px;
|
|
538
|
+
height: 1px;
|
|
539
|
+
padding: 0;
|
|
540
|
+
margin: -1px;
|
|
541
|
+
overflow: hidden;
|
|
542
|
+
clip: rect(0, 0, 0, 0);
|
|
543
|
+
white-space: nowrap;
|
|
544
|
+
border-width: 0;
|
|
545
|
+
}
|
|
546
|
+
|
|
547
|
+
.pointer-events-none {
|
|
548
|
+
pointer-events: none;
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
.pointer-events-auto {
|
|
552
|
+
pointer-events: auto;
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
.fixed {
|
|
556
|
+
position: fixed;
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
.absolute {
|
|
560
|
+
position: absolute;
|
|
561
|
+
}
|
|
562
|
+
|
|
563
|
+
.relative {
|
|
564
|
+
position: relative;
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
.inset-0 {
|
|
568
|
+
inset: 0px;
|
|
569
|
+
}
|
|
570
|
+
|
|
571
|
+
.right-0 {
|
|
572
|
+
right: 0px;
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
.top-0 {
|
|
576
|
+
top: 0px;
|
|
577
|
+
}
|
|
578
|
+
|
|
579
|
+
.col-start-1 {
|
|
580
|
+
grid-column-start: 1;
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
.row-start-1 {
|
|
584
|
+
grid-row-start: 1;
|
|
585
|
+
}
|
|
586
|
+
|
|
587
|
+
.m-0 {
|
|
588
|
+
margin: 0px;
|
|
589
|
+
}
|
|
590
|
+
|
|
591
|
+
.m-2 {
|
|
592
|
+
margin: 0.5rem;
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
.-mx-0\\.5 {
|
|
596
|
+
margin-left: -0.125rem;
|
|
597
|
+
margin-right: -0.125rem;
|
|
598
|
+
}
|
|
599
|
+
|
|
600
|
+
.-my-1 {
|
|
601
|
+
margin-top: -0.25rem;
|
|
602
|
+
margin-bottom: -0.25rem;
|
|
603
|
+
}
|
|
604
|
+
|
|
605
|
+
.-my-2\\.5 {
|
|
606
|
+
margin-top: -0.625rem;
|
|
607
|
+
margin-bottom: -0.625rem;
|
|
608
|
+
}
|
|
609
|
+
|
|
610
|
+
.-my-\\[0\\.125em\\] {
|
|
611
|
+
margin-top: -0.125em;
|
|
612
|
+
margin-bottom: -0.125em;
|
|
613
|
+
}
|
|
614
|
+
|
|
615
|
+
.-ml-3 {
|
|
616
|
+
margin-left: -0.75rem;
|
|
617
|
+
}
|
|
618
|
+
|
|
619
|
+
.block {
|
|
620
|
+
display: block;
|
|
621
|
+
}
|
|
622
|
+
|
|
623
|
+
.inline-block {
|
|
624
|
+
display: inline-block;
|
|
625
|
+
}
|
|
626
|
+
|
|
627
|
+
.flex {
|
|
628
|
+
display: flex;
|
|
629
|
+
}
|
|
630
|
+
|
|
631
|
+
.inline-flex {
|
|
632
|
+
display: inline-flex;
|
|
633
|
+
}
|
|
634
|
+
|
|
635
|
+
.table {
|
|
636
|
+
display: table;
|
|
637
|
+
}
|
|
638
|
+
|
|
639
|
+
.grid {
|
|
640
|
+
display: grid;
|
|
641
|
+
}
|
|
642
|
+
|
|
643
|
+
.inline-grid {
|
|
644
|
+
display: inline-grid;
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
.contents {
|
|
648
|
+
display: contents;
|
|
649
|
+
}
|
|
650
|
+
|
|
651
|
+
.h-16 {
|
|
652
|
+
height: 4rem;
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
.h-2\\.5 {
|
|
656
|
+
height: 0.625rem;
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
.h-4 {
|
|
660
|
+
height: 1rem;
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
.h-6 {
|
|
664
|
+
height: 1.5rem;
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
.h-\\[1\\.25em\\] {
|
|
668
|
+
height: 1.25em;
|
|
669
|
+
}
|
|
670
|
+
|
|
671
|
+
.h-\\[1em\\] {
|
|
672
|
+
height: 1em;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.h-full {
|
|
676
|
+
height: 100%;
|
|
677
|
+
}
|
|
678
|
+
|
|
679
|
+
.max-h-32 {
|
|
680
|
+
max-height: 8rem;
|
|
681
|
+
}
|
|
682
|
+
|
|
683
|
+
.min-h-\\[20rem\\] {
|
|
684
|
+
min-height: 20rem;
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
.w-16 {
|
|
688
|
+
width: 4rem;
|
|
689
|
+
}
|
|
690
|
+
|
|
691
|
+
.w-2\\.5 {
|
|
692
|
+
width: 0.625rem;
|
|
693
|
+
}
|
|
694
|
+
|
|
695
|
+
.w-4 {
|
|
696
|
+
width: 1rem;
|
|
697
|
+
}
|
|
698
|
+
|
|
699
|
+
.w-6 {
|
|
700
|
+
width: 1.5rem;
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
.w-60 {
|
|
704
|
+
width: 15rem;
|
|
705
|
+
}
|
|
706
|
+
|
|
707
|
+
.w-\\[0\\.6em\\] {
|
|
708
|
+
width: 0.6em;
|
|
709
|
+
}
|
|
710
|
+
|
|
711
|
+
.w-\\[1\\.25em\\] {
|
|
712
|
+
width: 1.25em;
|
|
713
|
+
}
|
|
714
|
+
|
|
715
|
+
.w-full {
|
|
716
|
+
width: 100%;
|
|
717
|
+
}
|
|
718
|
+
|
|
719
|
+
.flex-shrink-0 {
|
|
720
|
+
flex-shrink: 0;
|
|
721
|
+
}
|
|
722
|
+
|
|
723
|
+
.flex-grow {
|
|
724
|
+
flex-grow: 1;
|
|
725
|
+
}
|
|
726
|
+
|
|
727
|
+
.translate-x-2 {
|
|
728
|
+
--tw-translate-x: 0.5rem;
|
|
729
|
+
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));
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
.scale-100 {
|
|
733
|
+
--tw-scale-x: 1;
|
|
734
|
+
--tw-scale-y: 1;
|
|
735
|
+
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));
|
|
736
|
+
}
|
|
737
|
+
|
|
738
|
+
.scale-50 {
|
|
739
|
+
--tw-scale-x: .5;
|
|
740
|
+
--tw-scale-y: .5;
|
|
741
|
+
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));
|
|
742
|
+
}
|
|
743
|
+
|
|
744
|
+
@keyframes spin {
|
|
745
|
+
|
|
746
|
+
to {
|
|
747
|
+
transform: rotate(360deg);
|
|
748
|
+
}
|
|
749
|
+
}
|
|
750
|
+
|
|
751
|
+
.animate-spin {
|
|
752
|
+
animation: spin 1s linear infinite;
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
.cursor-pointer {
|
|
756
|
+
cursor: pointer;
|
|
757
|
+
}
|
|
758
|
+
|
|
759
|
+
.grid-cols-\\[1fr_auto_1fr\\] {
|
|
760
|
+
grid-template-columns: 1fr auto 1fr;
|
|
761
|
+
}
|
|
762
|
+
|
|
763
|
+
.flex-col {
|
|
764
|
+
flex-direction: column;
|
|
765
|
+
}
|
|
766
|
+
|
|
767
|
+
.place-items-end {
|
|
768
|
+
place-items: end;
|
|
769
|
+
}
|
|
770
|
+
|
|
771
|
+
.place-items-center {
|
|
772
|
+
place-items: center;
|
|
773
|
+
}
|
|
774
|
+
|
|
775
|
+
.items-center {
|
|
776
|
+
align-items: center;
|
|
777
|
+
}
|
|
778
|
+
|
|
779
|
+
.justify-end {
|
|
780
|
+
justify-content: flex-end;
|
|
781
|
+
}
|
|
782
|
+
|
|
783
|
+
.justify-center {
|
|
784
|
+
justify-content: center;
|
|
785
|
+
}
|
|
786
|
+
|
|
787
|
+
.gap-1 {
|
|
788
|
+
gap: 0.25rem;
|
|
789
|
+
}
|
|
790
|
+
|
|
791
|
+
.gap-1\\.5 {
|
|
792
|
+
gap: 0.375rem;
|
|
793
|
+
}
|
|
794
|
+
|
|
795
|
+
.gap-2 {
|
|
796
|
+
gap: 0.5rem;
|
|
797
|
+
}
|
|
798
|
+
|
|
799
|
+
.gap-2\\.5 {
|
|
800
|
+
gap: 0.625rem;
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
.gap-5 {
|
|
804
|
+
gap: 1.25rem;
|
|
805
|
+
}
|
|
806
|
+
|
|
807
|
+
.gap-6 {
|
|
808
|
+
gap: 1.5rem;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
812
|
+
--tw-space-y-reverse: 0;
|
|
813
|
+
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
814
|
+
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
.self-auto {
|
|
818
|
+
align-self: auto;
|
|
819
|
+
}
|
|
820
|
+
|
|
821
|
+
.self-start {
|
|
822
|
+
align-self: flex-start;
|
|
823
|
+
}
|
|
824
|
+
|
|
825
|
+
.self-end {
|
|
826
|
+
align-self: flex-end;
|
|
827
|
+
}
|
|
828
|
+
|
|
829
|
+
.self-center {
|
|
830
|
+
align-self: center;
|
|
831
|
+
}
|
|
832
|
+
|
|
833
|
+
.self-stretch {
|
|
834
|
+
align-self: stretch;
|
|
835
|
+
}
|
|
836
|
+
|
|
837
|
+
.overflow-y-auto {
|
|
838
|
+
overflow-y: auto;
|
|
839
|
+
}
|
|
840
|
+
|
|
841
|
+
.overflow-y-scroll {
|
|
842
|
+
overflow-y: scroll;
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
.whitespace-break-spaces {
|
|
846
|
+
white-space: break-spaces;
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
.break-all {
|
|
850
|
+
word-break: break-all;
|
|
851
|
+
}
|
|
852
|
+
|
|
853
|
+
.rounded-full {
|
|
854
|
+
border-radius: 9999px;
|
|
855
|
+
}
|
|
856
|
+
|
|
857
|
+
.border {
|
|
858
|
+
border-width: 1px;
|
|
859
|
+
}
|
|
860
|
+
|
|
861
|
+
.border-l-4 {
|
|
862
|
+
border-left-width: 4px;
|
|
863
|
+
}
|
|
864
|
+
|
|
865
|
+
.border-t {
|
|
866
|
+
border-top-width: 1px;
|
|
867
|
+
}
|
|
868
|
+
|
|
869
|
+
.border-neutral-300 {
|
|
870
|
+
--tw-border-opacity: 1;
|
|
871
|
+
border-color: rgb(212 212 212 / var(--tw-border-opacity));
|
|
872
|
+
}
|
|
873
|
+
|
|
874
|
+
.border-neutral-400 {
|
|
875
|
+
--tw-border-opacity: 1;
|
|
876
|
+
border-color: rgb(163 163 163 / var(--tw-border-opacity));
|
|
877
|
+
}
|
|
878
|
+
|
|
879
|
+
.border-red-500 {
|
|
880
|
+
--tw-border-opacity: 1;
|
|
881
|
+
border-color: rgb(239 68 68 / var(--tw-border-opacity));
|
|
882
|
+
}
|
|
883
|
+
|
|
884
|
+
.border-transparent {
|
|
885
|
+
border-color: transparent;
|
|
886
|
+
}
|
|
887
|
+
|
|
888
|
+
.bg-amber-700 {
|
|
889
|
+
--tw-bg-opacity: 1;
|
|
890
|
+
background-color: rgb(180 83 9 / var(--tw-bg-opacity));
|
|
891
|
+
}
|
|
892
|
+
|
|
893
|
+
.bg-black\\/10 {
|
|
894
|
+
background-color: rgb(0 0 0 / 0.1);
|
|
895
|
+
}
|
|
896
|
+
|
|
897
|
+
.bg-gray-300 {
|
|
898
|
+
--tw-bg-opacity: 1;
|
|
899
|
+
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
|
900
|
+
}
|
|
901
|
+
|
|
902
|
+
.bg-neutral-100 {
|
|
903
|
+
--tw-bg-opacity: 1;
|
|
904
|
+
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
|
|
905
|
+
}
|
|
906
|
+
|
|
907
|
+
.bg-neutral-700\\/50 {
|
|
908
|
+
background-color: rgb(64 64 64 / 0.5);
|
|
909
|
+
}
|
|
910
|
+
|
|
911
|
+
.bg-neutral-900 {
|
|
912
|
+
--tw-bg-opacity: 1;
|
|
913
|
+
background-color: rgb(23 23 23 / var(--tw-bg-opacity));
|
|
914
|
+
}
|
|
915
|
+
|
|
916
|
+
.bg-orange-500 {
|
|
917
|
+
--tw-bg-opacity: 1;
|
|
918
|
+
background-color: rgb(249 115 22 / var(--tw-bg-opacity));
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
.bg-red-100 {
|
|
922
|
+
--tw-bg-opacity: 1;
|
|
923
|
+
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
|
|
924
|
+
}
|
|
925
|
+
|
|
926
|
+
.bg-white {
|
|
927
|
+
--tw-bg-opacity: 1;
|
|
928
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
929
|
+
}
|
|
930
|
+
|
|
931
|
+
.bg-cover {
|
|
932
|
+
background-size: cover;
|
|
933
|
+
}
|
|
934
|
+
|
|
935
|
+
.bg-center {
|
|
936
|
+
background-position: center;
|
|
937
|
+
}
|
|
938
|
+
|
|
939
|
+
.bg-no-repeat {
|
|
940
|
+
background-repeat: no-repeat;
|
|
941
|
+
}
|
|
942
|
+
|
|
943
|
+
.object-cover {
|
|
944
|
+
object-fit: cover;
|
|
945
|
+
}
|
|
946
|
+
|
|
947
|
+
.p-1 {
|
|
948
|
+
padding: 0.25rem;
|
|
949
|
+
}
|
|
950
|
+
|
|
951
|
+
.p-2 {
|
|
952
|
+
padding: 0.5rem;
|
|
953
|
+
}
|
|
954
|
+
|
|
955
|
+
.p-2\\.5 {
|
|
956
|
+
padding: 0.625rem;
|
|
957
|
+
}
|
|
958
|
+
|
|
959
|
+
.p-3 {
|
|
960
|
+
padding: 0.75rem;
|
|
961
|
+
}
|
|
962
|
+
|
|
963
|
+
.p-4 {
|
|
964
|
+
padding: 1rem;
|
|
965
|
+
}
|
|
966
|
+
|
|
967
|
+
.p-5 {
|
|
968
|
+
padding: 1.25rem;
|
|
969
|
+
}
|
|
970
|
+
|
|
971
|
+
.p-6 {
|
|
972
|
+
padding: 1.5rem;
|
|
973
|
+
}
|
|
974
|
+
|
|
975
|
+
.p-\\[1em\\] {
|
|
976
|
+
padding: 1em;
|
|
977
|
+
}
|
|
978
|
+
|
|
979
|
+
.px-3 {
|
|
980
|
+
padding-left: 0.75rem;
|
|
981
|
+
padding-right: 0.75rem;
|
|
982
|
+
}
|
|
983
|
+
|
|
984
|
+
.px-5 {
|
|
985
|
+
padding-left: 1.25rem;
|
|
986
|
+
padding-right: 1.25rem;
|
|
987
|
+
}
|
|
988
|
+
|
|
989
|
+
.py-1 {
|
|
990
|
+
padding-top: 0.25rem;
|
|
991
|
+
padding-bottom: 0.25rem;
|
|
992
|
+
}
|
|
993
|
+
|
|
994
|
+
.pb-5 {
|
|
995
|
+
padding-bottom: 1.25rem;
|
|
996
|
+
}
|
|
997
|
+
|
|
998
|
+
.text-left {
|
|
999
|
+
text-align: left;
|
|
1000
|
+
}
|
|
1001
|
+
|
|
1002
|
+
.font-mono {
|
|
1003
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
1004
|
+
}
|
|
1005
|
+
|
|
1006
|
+
.text-2xl {
|
|
1007
|
+
font-size: 1.5rem;
|
|
1008
|
+
line-height: 2rem;
|
|
1009
|
+
}
|
|
1010
|
+
|
|
1011
|
+
.text-\\[\\.75em\\] {
|
|
1012
|
+
font-size: .75em;
|
|
1013
|
+
}
|
|
1014
|
+
|
|
1015
|
+
.text-base {
|
|
1016
|
+
font-size: 1rem;
|
|
1017
|
+
line-height: 1.5rem;
|
|
1018
|
+
}
|
|
1019
|
+
|
|
1020
|
+
.text-lg {
|
|
1021
|
+
font-size: 1.125rem;
|
|
1022
|
+
line-height: 1.75rem;
|
|
1023
|
+
}
|
|
1024
|
+
|
|
1025
|
+
.text-sm {
|
|
1026
|
+
font-size: 0.875rem;
|
|
1027
|
+
line-height: 1.25rem;
|
|
1028
|
+
}
|
|
1029
|
+
|
|
1030
|
+
.text-xs {
|
|
1031
|
+
font-size: 0.75rem;
|
|
1032
|
+
line-height: 1rem;
|
|
1033
|
+
}
|
|
1034
|
+
|
|
1035
|
+
.font-medium {
|
|
1036
|
+
font-weight: 500;
|
|
1037
|
+
}
|
|
1038
|
+
|
|
1039
|
+
.font-semibold {
|
|
1040
|
+
font-weight: 600;
|
|
1041
|
+
}
|
|
1042
|
+
|
|
1043
|
+
.leading-none {
|
|
1044
|
+
line-height: 1;
|
|
1045
|
+
}
|
|
1046
|
+
|
|
1047
|
+
.tracking-\\[-1ch\\] {
|
|
1048
|
+
letter-spacing: -1ch;
|
|
1049
|
+
}
|
|
1050
|
+
|
|
1051
|
+
.text-black {
|
|
1052
|
+
--tw-text-opacity: 1;
|
|
1053
|
+
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
1054
|
+
}
|
|
1055
|
+
|
|
1056
|
+
.text-neutral-400 {
|
|
1057
|
+
--tw-text-opacity: 1;
|
|
1058
|
+
color: rgb(163 163 163 / var(--tw-text-opacity));
|
|
1059
|
+
}
|
|
1060
|
+
|
|
1061
|
+
.text-neutral-500 {
|
|
1062
|
+
--tw-text-opacity: 1;
|
|
1063
|
+
color: rgb(115 115 115 / var(--tw-text-opacity));
|
|
1064
|
+
}
|
|
1065
|
+
|
|
1066
|
+
.text-neutral-700 {
|
|
1067
|
+
--tw-text-opacity: 1;
|
|
1068
|
+
color: rgb(64 64 64 / var(--tw-text-opacity));
|
|
1069
|
+
}
|
|
1070
|
+
|
|
1071
|
+
.text-orange-500 {
|
|
1072
|
+
--tw-text-opacity: 1;
|
|
1073
|
+
color: rgb(249 115 22 / var(--tw-text-opacity));
|
|
1074
|
+
}
|
|
1075
|
+
|
|
1076
|
+
.text-red-700 {
|
|
1077
|
+
--tw-text-opacity: 1;
|
|
1078
|
+
color: rgb(185 28 28 / var(--tw-text-opacity));
|
|
1079
|
+
}
|
|
1080
|
+
|
|
1081
|
+
.text-red-900 {
|
|
1082
|
+
--tw-text-opacity: 1;
|
|
1083
|
+
color: rgb(127 29 29 / var(--tw-text-opacity));
|
|
1084
|
+
}
|
|
1085
|
+
|
|
1086
|
+
.text-transparent {
|
|
1087
|
+
color: transparent;
|
|
1088
|
+
}
|
|
1089
|
+
|
|
1090
|
+
.text-white {
|
|
1091
|
+
--tw-text-opacity: 1;
|
|
1092
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1093
|
+
}
|
|
1094
|
+
|
|
1095
|
+
.opacity-0 {
|
|
1096
|
+
opacity: 0;
|
|
1097
|
+
}
|
|
1098
|
+
|
|
1099
|
+
.opacity-100 {
|
|
1100
|
+
opacity: 1;
|
|
1101
|
+
}
|
|
1102
|
+
|
|
1103
|
+
.opacity-25 {
|
|
1104
|
+
opacity: 0.25;
|
|
1105
|
+
}
|
|
1106
|
+
|
|
1107
|
+
.opacity-75 {
|
|
1108
|
+
opacity: 0.75;
|
|
1109
|
+
}
|
|
1110
|
+
|
|
1111
|
+
.outline-none {
|
|
1112
|
+
outline: 2px solid transparent;
|
|
1113
|
+
outline-offset: 2px;
|
|
1114
|
+
}
|
|
1115
|
+
|
|
1116
|
+
.ring-2 {
|
|
1117
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1118
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1119
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1120
|
+
}
|
|
1121
|
+
|
|
1122
|
+
.ring-4 {
|
|
1123
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1124
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1125
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1126
|
+
}
|
|
1127
|
+
|
|
1128
|
+
.ring-orange-500\\/20 {
|
|
1129
|
+
--tw-ring-color: rgb(249 115 22 / 0.2);
|
|
1130
|
+
}
|
|
1131
|
+
|
|
1132
|
+
.ring-transparent {
|
|
1133
|
+
--tw-ring-color: transparent;
|
|
1134
|
+
}
|
|
1135
|
+
|
|
1136
|
+
.filter {
|
|
1137
|
+
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);
|
|
1138
|
+
}
|
|
1139
|
+
|
|
1140
|
+
.transition {
|
|
1141
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
1142
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1143
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
1144
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1145
|
+
transition-duration: 150ms;
|
|
1146
|
+
}
|
|
1147
|
+
|
|
1148
|
+
.duration-100 {
|
|
1149
|
+
transition-duration: 100ms;
|
|
1150
|
+
}
|
|
1151
|
+
|
|
1152
|
+
.duration-300 {
|
|
1153
|
+
transition-duration: 300ms;
|
|
1154
|
+
}
|
|
1155
|
+
|
|
1156
|
+
@keyframes enter {
|
|
1157
|
+
|
|
1158
|
+
from {
|
|
1159
|
+
opacity: var(--tw-enter-opacity, 1);
|
|
1160
|
+
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));
|
|
1161
|
+
}
|
|
1162
|
+
}
|
|
1163
|
+
|
|
1164
|
+
@keyframes exit {
|
|
1165
|
+
|
|
1166
|
+
to {
|
|
1167
|
+
opacity: var(--tw-exit-opacity, 1);
|
|
1168
|
+
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));
|
|
1169
|
+
}
|
|
1170
|
+
}
|
|
1171
|
+
|
|
1172
|
+
.animate-in {
|
|
1173
|
+
animation-name: enter;
|
|
1174
|
+
animation-duration: 150ms;
|
|
1175
|
+
--tw-enter-opacity: initial;
|
|
1176
|
+
--tw-enter-scale: initial;
|
|
1177
|
+
--tw-enter-rotate: initial;
|
|
1178
|
+
--tw-enter-translate-x: initial;
|
|
1179
|
+
--tw-enter-translate-y: initial;
|
|
1180
|
+
}
|
|
1181
|
+
|
|
1182
|
+
.fade-in {
|
|
1183
|
+
--tw-enter-opacity: 0;
|
|
1184
|
+
}
|
|
1185
|
+
|
|
1186
|
+
.slide-in-from-bottom-4 {
|
|
1187
|
+
--tw-enter-translate-y: 1rem;
|
|
1188
|
+
}
|
|
1189
|
+
|
|
1190
|
+
.slide-in-from-left-2 {
|
|
1191
|
+
--tw-enter-translate-x: -0.5rem;
|
|
1192
|
+
}
|
|
1193
|
+
|
|
1194
|
+
.animate-duration-200 {
|
|
1195
|
+
animation-duration: 200ms;
|
|
1196
|
+
}
|
|
1197
|
+
|
|
1198
|
+
.animate-duration-500 {
|
|
1199
|
+
animation-duration: 500ms;
|
|
1200
|
+
}
|
|
1201
|
+
|
|
1202
|
+
@property --tw-border-gradient-angle {
|
|
1203
|
+
syntax: '<angle>';
|
|
1204
|
+
inherits: true;
|
|
1205
|
+
initial-value: 0deg;
|
|
1206
|
+
}
|
|
1207
|
+
|
|
1208
|
+
@property --tw-conic-gradient-angle {
|
|
1209
|
+
syntax: '<angle>';
|
|
1210
|
+
inherits: true;
|
|
1211
|
+
initial-value: 0deg;
|
|
1212
|
+
}
|
|
1213
|
+
|
|
1214
|
+
@keyframes border-gradient {
|
|
1215
|
+
|
|
1216
|
+
to {
|
|
1217
|
+
--tw-border-gradient-angle: 360deg;
|
|
1218
|
+
}
|
|
1219
|
+
}
|
|
1220
|
+
|
|
1221
|
+
.placeholder\\:text-neutral-400::placeholder {
|
|
1222
|
+
--tw-text-opacity: 1;
|
|
1223
|
+
color: rgb(163 163 163 / var(--tw-text-opacity));
|
|
1224
|
+
}
|
|
1225
|
+
|
|
1226
|
+
.after\\:select-none::after {
|
|
1227
|
+
content: var(--tw-content);
|
|
1228
|
+
-webkit-user-select: none;
|
|
1229
|
+
user-select: none;
|
|
1230
|
+
}
|
|
1231
|
+
|
|
1232
|
+
.after\\:content-\\[\\'\\2026\\'\\]::after {
|
|
1233
|
+
--tw-content: '\u2026';
|
|
1234
|
+
content: var(--tw-content);
|
|
1235
|
+
}
|
|
1236
|
+
|
|
1237
|
+
.focus-within\\:border-transparent:focus-within {
|
|
1238
|
+
border-color: transparent;
|
|
1239
|
+
}
|
|
1240
|
+
|
|
1241
|
+
.focus-within\\:ring-orange-500:focus-within {
|
|
1242
|
+
--tw-ring-opacity: 1;
|
|
1243
|
+
--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
|
|
1244
|
+
}
|
|
1245
|
+
|
|
1246
|
+
.hover\\:border-neutral-500:hover {
|
|
1247
|
+
--tw-border-opacity: 1;
|
|
1248
|
+
border-color: rgb(115 115 115 / var(--tw-border-opacity));
|
|
1249
|
+
}
|
|
1250
|
+
|
|
1251
|
+
.hover\\:bg-neutral-200:hover {
|
|
1252
|
+
--tw-bg-opacity: 1;
|
|
1253
|
+
background-color: rgb(229 229 229 / var(--tw-bg-opacity));
|
|
1254
|
+
}
|
|
1255
|
+
|
|
1256
|
+
.hover\\:bg-neutral-700:hover {
|
|
1257
|
+
--tw-bg-opacity: 1;
|
|
1258
|
+
background-color: rgb(64 64 64 / var(--tw-bg-opacity));
|
|
1259
|
+
}
|
|
1260
|
+
|
|
1261
|
+
.hover\\:bg-orange-400:hover {
|
|
1262
|
+
--tw-bg-opacity: 1;
|
|
1263
|
+
background-color: rgb(251 146 60 / var(--tw-bg-opacity));
|
|
1264
|
+
}
|
|
1265
|
+
|
|
1266
|
+
.hover\\:text-neutral-600:hover {
|
|
1267
|
+
--tw-text-opacity: 1;
|
|
1268
|
+
color: rgb(82 82 82 / var(--tw-text-opacity));
|
|
1269
|
+
}
|
|
1270
|
+
|
|
1271
|
+
.focus\\:border-transparent:focus {
|
|
1272
|
+
border-color: transparent;
|
|
1273
|
+
}
|
|
1274
|
+
|
|
1275
|
+
.focus\\:ring-orange-500:focus {
|
|
1276
|
+
--tw-ring-opacity: 1;
|
|
1277
|
+
--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
|
|
1278
|
+
}
|
|
1279
|
+
|
|
1280
|
+
.active\\:border-neutral-600:active {
|
|
1281
|
+
--tw-border-opacity: 1;
|
|
1282
|
+
border-color: rgb(82 82 82 / var(--tw-border-opacity));
|
|
1283
|
+
}
|
|
1284
|
+
|
|
1285
|
+
.active\\:bg-neutral-300:active {
|
|
1286
|
+
--tw-bg-opacity: 1;
|
|
1287
|
+
background-color: rgb(212 212 212 / var(--tw-bg-opacity));
|
|
1288
|
+
}
|
|
1289
|
+
|
|
1290
|
+
.active\\:bg-neutral-600:active {
|
|
1291
|
+
--tw-bg-opacity: 1;
|
|
1292
|
+
background-color: rgb(82 82 82 / var(--tw-bg-opacity));
|
|
1293
|
+
}
|
|
1294
|
+
|
|
1295
|
+
.active\\:bg-orange-600:active {
|
|
1296
|
+
--tw-bg-opacity: 1;
|
|
1297
|
+
background-color: rgb(234 88 12 / var(--tw-bg-opacity));
|
|
1298
|
+
}
|
|
1299
|
+
|
|
1300
|
+
.hover\\:enabled\\:brightness-125:enabled:hover {
|
|
1301
|
+
--tw-brightness: brightness(1.25);
|
|
1302
|
+
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);
|
|
1303
|
+
}
|
|
1304
|
+
|
|
1305
|
+
.group:hover .group-hover\\:text-black {
|
|
1306
|
+
--tw-text-opacity: 1;
|
|
1307
|
+
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
1308
|
+
}
|
|
1309
|
+
|
|
1310
|
+
.aria-busy\\:pointer-events-none[aria-busy="true"] {
|
|
1311
|
+
pointer-events: none;
|
|
1312
|
+
}
|
|
1313
|
+
|
|
1314
|
+
.aria-busy\\:saturate-50[aria-busy="true"] {
|
|
1315
|
+
--tw-saturate: saturate(.5);
|
|
1316
|
+
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);
|
|
1317
|
+
}
|
|
1318
|
+
|
|
1319
|
+
.aria-disabled\\:pointer-events-none[aria-disabled="true"] {
|
|
1320
|
+
pointer-events: none;
|
|
1321
|
+
}
|
|
1322
|
+
|
|
1323
|
+
.aria-disabled\\:border-neutral-300[aria-disabled="true"] {
|
|
1324
|
+
--tw-border-opacity: 1;
|
|
1325
|
+
border-color: rgb(212 212 212 / var(--tw-border-opacity));
|
|
1326
|
+
}
|
|
1327
|
+
|
|
1328
|
+
.aria-disabled\\:bg-neutral-200[aria-disabled="true"] {
|
|
1329
|
+
--tw-bg-opacity: 1;
|
|
1330
|
+
background-color: rgb(229 229 229 / var(--tw-bg-opacity));
|
|
1331
|
+
}
|
|
1332
|
+
|
|
1333
|
+
.aria-disabled\\:text-neutral-400[aria-disabled="true"] {
|
|
1334
|
+
--tw-text-opacity: 1;
|
|
1335
|
+
color: rgb(163 163 163 / var(--tw-text-opacity));
|
|
1336
|
+
}
|
|
1337
|
+
|
|
1338
|
+
.group[aria-busy="true"] .group-aria-busy\\:translate-x-0 {
|
|
1339
|
+
--tw-translate-x: 0px;
|
|
1340
|
+
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));
|
|
1341
|
+
}
|
|
1342
|
+
|
|
1343
|
+
.group[aria-busy="true"] .group-aria-busy\\:scale-100 {
|
|
1344
|
+
--tw-scale-x: 1;
|
|
1345
|
+
--tw-scale-y: 1;
|
|
1346
|
+
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));
|
|
1347
|
+
}
|
|
1348
|
+
|
|
1349
|
+
.group[aria-busy="true"] .group-aria-busy\\:scale-125 {
|
|
1350
|
+
--tw-scale-x: 1.25;
|
|
1351
|
+
--tw-scale-y: 1.25;
|
|
1352
|
+
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));
|
|
1353
|
+
}
|
|
1354
|
+
|
|
1355
|
+
.group[aria-busy="true"] .group-aria-busy\\:opacity-0 {
|
|
1356
|
+
opacity: 0;
|
|
1357
|
+
}
|
|
1358
|
+
|
|
1359
|
+
.group[aria-busy="true"] .group-aria-busy\\:opacity-100 {
|
|
1360
|
+
opacity: 1;
|
|
1361
|
+
}
|
|
1362
|
+
|
|
1363
|
+
.group[aria-busy="true"] .group-aria-busy\\:duration-300 {
|
|
1364
|
+
transition-duration: 300ms;
|
|
1365
|
+
}
|
|
1366
|
+
|
|
1367
|
+
.data-\\[highlighted\\]\\:bg-neutral-200[data-highlighted] {
|
|
1368
|
+
--tw-bg-opacity: 1;
|
|
1369
|
+
background-color: rgb(229 229 229 / var(--tw-bg-opacity));
|
|
1370
|
+
}
|
|
1371
|
+
|
|
1372
|
+
.links\\:font-medium a[href]:not(.links-unset) {
|
|
1373
|
+
font-weight: 500;
|
|
1374
|
+
}
|
|
1375
|
+
|
|
1376
|
+
.links\\:text-black a[href]:not(.links-unset) {
|
|
1377
|
+
--tw-text-opacity: 1;
|
|
1378
|
+
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
1379
|
+
}
|
|
1380
|
+
|
|
1381
|
+
.links\\:underline a[href]:not(.links-unset) {
|
|
1382
|
+
text-decoration-line: underline;
|
|
1383
|
+
}
|
|
1384
|
+
|
|
1385
|
+
.links\\:decoration-neutral-300 a[href]:not(.links-unset) {
|
|
1386
|
+
text-decoration-color: #d4d4d4;
|
|
1387
|
+
}
|
|
1388
|
+
|
|
1389
|
+
.links\\:underline-offset-4 a[href]:not(.links-unset) {
|
|
1390
|
+
text-underline-offset: 4px;
|
|
1391
|
+
}
|
|
1392
|
+
|
|
1393
|
+
.hover\\:links\\:decoration-orange-500 a[href]:not(.links-unset):hover {
|
|
1394
|
+
text-decoration-color: #f97316;
|
|
1395
|
+
}
|
|
1396
|
+
|
|
1397
|
+
@media (min-width: 640px) {
|
|
1398
|
+
|
|
1399
|
+
.sm\\:max-w-screen-sm {
|
|
1400
|
+
max-width: 640px;
|
|
1401
|
+
}
|
|
1402
|
+
|
|
1403
|
+
.sm\\:place-items-center {
|
|
1404
|
+
place-items: center;
|
|
1405
|
+
}
|
|
1406
|
+
|
|
1407
|
+
.sm\\:self-start {
|
|
1408
|
+
align-self: flex-start;
|
|
1409
|
+
}
|
|
1410
|
+
|
|
1411
|
+
.sm\\:border {
|
|
1412
|
+
border-width: 1px;
|
|
1413
|
+
}
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1416
|
+
.dark\\:divide-neutral-700:where([data-theme="dark"], [data-theme="dark"] *) > :not([hidden]) ~ :not([hidden]) {
|
|
1417
|
+
--tw-divide-opacity: 1;
|
|
1418
|
+
border-color: rgb(64 64 64 / var(--tw-divide-opacity));
|
|
1419
|
+
}
|
|
1420
|
+
|
|
1421
|
+
.dark\\:border-neutral-400:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1422
|
+
--tw-border-opacity: 1;
|
|
1423
|
+
border-color: rgb(163 163 163 / var(--tw-border-opacity));
|
|
1424
|
+
}
|
|
1425
|
+
|
|
1426
|
+
.dark\\:border-neutral-700:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1427
|
+
--tw-border-opacity: 1;
|
|
1428
|
+
border-color: rgb(64 64 64 / var(--tw-border-opacity));
|
|
1429
|
+
}
|
|
1430
|
+
|
|
1431
|
+
.dark\\:bg-neutral-100:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1432
|
+
--tw-bg-opacity: 1;
|
|
1433
|
+
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
|
|
1434
|
+
}
|
|
1435
|
+
|
|
1436
|
+
.dark\\:bg-neutral-700:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1437
|
+
--tw-bg-opacity: 1;
|
|
1438
|
+
background-color: rgb(64 64 64 / var(--tw-bg-opacity));
|
|
1439
|
+
}
|
|
1440
|
+
|
|
1441
|
+
.dark\\:bg-neutral-800:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1442
|
+
--tw-bg-opacity: 1;
|
|
1443
|
+
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
|
|
1444
|
+
}
|
|
1445
|
+
|
|
1446
|
+
.dark\\:bg-neutral-900:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1447
|
+
--tw-bg-opacity: 1;
|
|
1448
|
+
background-color: rgb(23 23 23 / var(--tw-bg-opacity));
|
|
1449
|
+
}
|
|
1450
|
+
|
|
1451
|
+
.dark\\:bg-neutral-900\\/75:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1452
|
+
background-color: rgb(23 23 23 / 0.75);
|
|
1453
|
+
}
|
|
1454
|
+
|
|
1455
|
+
.dark\\:bg-red-900:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1456
|
+
--tw-bg-opacity: 1;
|
|
1457
|
+
background-color: rgb(127 29 29 / var(--tw-bg-opacity));
|
|
1458
|
+
}
|
|
1459
|
+
|
|
1460
|
+
.dark\\:bg-white\\/10:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1461
|
+
background-color: rgb(255 255 255 / 0.1);
|
|
1462
|
+
}
|
|
1463
|
+
|
|
1464
|
+
.dark\\:text-black:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1465
|
+
--tw-text-opacity: 1;
|
|
1466
|
+
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
1467
|
+
}
|
|
1468
|
+
|
|
1469
|
+
.dark\\:text-neutral-300:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1470
|
+
--tw-text-opacity: 1;
|
|
1471
|
+
color: rgb(212 212 212 / var(--tw-text-opacity));
|
|
1472
|
+
}
|
|
1473
|
+
|
|
1474
|
+
.dark\\:text-neutral-400:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1475
|
+
--tw-text-opacity: 1;
|
|
1476
|
+
color: rgb(163 163 163 / var(--tw-text-opacity));
|
|
1477
|
+
}
|
|
1478
|
+
|
|
1479
|
+
.dark\\:text-neutral-500:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1480
|
+
--tw-text-opacity: 1;
|
|
1481
|
+
color: rgb(115 115 115 / var(--tw-text-opacity));
|
|
1482
|
+
}
|
|
1483
|
+
|
|
1484
|
+
.dark\\:text-red-50:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1485
|
+
--tw-text-opacity: 1;
|
|
1486
|
+
color: rgb(254 242 242 / var(--tw-text-opacity));
|
|
1487
|
+
}
|
|
1488
|
+
|
|
1489
|
+
.dark\\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1490
|
+
--tw-text-opacity: 1;
|
|
1491
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1492
|
+
}
|
|
1493
|
+
|
|
1494
|
+
.dark\\:placeholder\\:text-neutral-500:where([data-theme="dark"], [data-theme="dark"] *)::placeholder {
|
|
1495
|
+
--tw-text-opacity: 1;
|
|
1496
|
+
color: rgb(115 115 115 / var(--tw-text-opacity));
|
|
1497
|
+
}
|
|
1498
|
+
|
|
1499
|
+
.dark\\:hover\\:border-neutral-300:hover:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1500
|
+
--tw-border-opacity: 1;
|
|
1501
|
+
border-color: rgb(212 212 212 / var(--tw-border-opacity));
|
|
1502
|
+
}
|
|
1503
|
+
|
|
1504
|
+
.dark\\:hover\\:bg-neutral-200:hover:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1505
|
+
--tw-bg-opacity: 1;
|
|
1506
|
+
background-color: rgb(229 229 229 / var(--tw-bg-opacity));
|
|
1507
|
+
}
|
|
1508
|
+
|
|
1509
|
+
.dark\\:hover\\:bg-neutral-700:hover:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1510
|
+
--tw-bg-opacity: 1;
|
|
1511
|
+
background-color: rgb(64 64 64 / var(--tw-bg-opacity));
|
|
1512
|
+
}
|
|
1513
|
+
|
|
1514
|
+
.dark\\:hover\\:text-neutral-400:hover:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1515
|
+
--tw-text-opacity: 1;
|
|
1516
|
+
color: rgb(163 163 163 / var(--tw-text-opacity));
|
|
1517
|
+
}
|
|
1518
|
+
|
|
1519
|
+
.dark\\:active\\:border-neutral-200:active:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1520
|
+
--tw-border-opacity: 1;
|
|
1521
|
+
border-color: rgb(229 229 229 / var(--tw-border-opacity));
|
|
1522
|
+
}
|
|
1523
|
+
|
|
1524
|
+
.dark\\:active\\:bg-neutral-300:active:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1525
|
+
--tw-bg-opacity: 1;
|
|
1526
|
+
background-color: rgb(212 212 212 / var(--tw-bg-opacity));
|
|
1527
|
+
}
|
|
1528
|
+
|
|
1529
|
+
.dark\\:active\\:bg-neutral-600:active:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1530
|
+
--tw-bg-opacity: 1;
|
|
1531
|
+
background-color: rgb(82 82 82 / var(--tw-bg-opacity));
|
|
1532
|
+
}
|
|
1533
|
+
|
|
1534
|
+
.group:hover .dark\\:group-hover\\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1535
|
+
--tw-text-opacity: 1;
|
|
1536
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1537
|
+
}
|
|
1538
|
+
|
|
1539
|
+
.dark\\:aria-disabled\\:border-neutral-600[aria-disabled="true"]:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1540
|
+
--tw-border-opacity: 1;
|
|
1541
|
+
border-color: rgb(82 82 82 / var(--tw-border-opacity));
|
|
1542
|
+
}
|
|
1543
|
+
|
|
1544
|
+
.dark\\:aria-disabled\\:bg-neutral-400[aria-disabled="true"]:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1545
|
+
--tw-bg-opacity: 1;
|
|
1546
|
+
background-color: rgb(163 163 163 / var(--tw-bg-opacity));
|
|
1547
|
+
}
|
|
1548
|
+
|
|
1549
|
+
.dark\\:aria-disabled\\:text-neutral-500[aria-disabled="true"]:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1550
|
+
--tw-text-opacity: 1;
|
|
1551
|
+
color: rgb(115 115 115 / var(--tw-text-opacity));
|
|
1552
|
+
}
|
|
1553
|
+
|
|
1554
|
+
.dark\\:aria-disabled\\:text-neutral-600[aria-disabled="true"]:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1555
|
+
--tw-text-opacity: 1;
|
|
1556
|
+
color: rgb(82 82 82 / var(--tw-text-opacity));
|
|
1557
|
+
}
|
|
1558
|
+
|
|
1559
|
+
.dark\\:links\\:text-white a[href]:not(.links-unset):where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1560
|
+
--tw-text-opacity: 1;
|
|
1561
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1562
|
+
}
|
|
1563
|
+
|
|
1564
|
+
.dark\\:links\\:decoration-neutral-500 a[href]:not(.links-unset):where([data-theme="dark"], [data-theme="dark"] *) {
|
|
1565
|
+
text-decoration-color: #737373;
|
|
1566
|
+
}
|
|
1567
|
+
`;import{useResizeObserver as ht}from"usehooks-ts";import{mergeRefs as yt}from"react-merge-refs";import{createContext as dt,useContext as lt}from"react";import{jsx as ct}from"react/jsx-runtime";var de=dt(null);function le({frame:e,children:t}){if(lt(de))throw new Error("`FrameProvider` can only be used once.");return ct(de.Provider,{value:{frame:e},children:t})}import{useMediaQuery as gt}from"usehooks-ts";import"@rainbow-me/rainbowkit/styles.css";import{createContext as mt,useContext as ue}from"react";import{RainbowKitProvider as ut,lightTheme as ce,midnightTheme as pe}from"@rainbow-me/rainbowkit";import{useConnectors as pt}from"wagmi";function T(){let t=pt().find(r=>r.type===ie.type);if(!t)throw new Error("Could not find passkey connector. Did you configure Wagmi with the EntryKit passkey connector or passkey wallet?");return t}import{jsx as me}from"react/jsx-runtime";var $=mt(null);function ge({config:e,children:t}){if(ue($))throw new Error("`EntryKitProvider` can only be used once.");return T(),me(ut,{initialChain:e.chainId,appInfo:{appName:e.appInfo?.name},theme:e.theme==="light"?ce({borderRadius:"none"}):e.theme==="dark"?pe({borderRadius:"none"}):{lightMode:ce({borderRadius:"none"}),darkMode:pe({borderRadius:"none"})},children:me($.Provider,{value:e,children:t})})}function s(){let e=ue($);if(!e)throw new Error("`useEntryKitConfig` can only be used within a `EntryKitProvider`.");return e}function fe(){let{theme:e}=s(),t=gt("(prefers-color-scheme: dark)");return e??(t?"dark":"light")}import{jsx as M,jsxs as xt}from"react/jsx-runtime";function vt({onSize:e,...t}){let r=be(null);return ht({ref:r,onResize:e}),M("div",{ref:r,...t,style:{...t.style,display:"inline-block"}})}var L=ft(function({mode:t,children:r},o){let a=be(null),[i,n]=we(!1),d=i?a.current:null,[v,Q]=we({width:void 0,height:void 0}),P=d?.contentDocument,te=fe();wt(()=>{P&&P.body.setAttribute("data-theme",te)},[P,te]);let it=t==="modal"?{all:"unset",display:"block",position:"fixed",inset:"0",width:"100vw",height:"100vh",zIndex:"2147483646"}:v.width&&v.height?{all:"unset",display:"inline-block",width:`${v.width}px`,height:`${v.height}px`}:{all:"unset",display:"block",position:"fixed",inset:"0",width:"100vw",height:"100vh",opacity:0,pointerEvents:"none"};return M("iframe",{ref:yt([o,a]),style:it,onLoad:()=>n(!0),srcDoc:"<!doctype html><title>\u2026</title>",children:P?bt.createPortal(xt(le,{frame:d,children:[M("div",{children:t==="modal"?r:M(vt,{onSize:Q,children:r})}),M("style",{dangerouslySetInnerHTML:{__html:se}})]}),P.body):null})});import{twMerge as he}from"tailwind-merge";import{jsx as N,jsxs as St}from"react/jsx-runtime";function ye({open:e,onOpenChange:t,children:r}){return N(kt,{open:e,onOpenChange:t,children:N(Ct,{children:St(L,{mode:"modal",children:[N("div",{className:he("fixed inset-0","bg-neutral-700/50 dark:bg-neutral-900/75","animate-in animate-duration-500 fade-in")}),N("div",{className:he("fixed inset-0","grid place-items-end sm:place-items-center overflow-y-auto","animate-in animate-duration-200 fade-in slide-in-from-bottom-4"),children:N(At,{className:"outline-none w-full sm:max-w-screen-sm","aria-describedby":void 0,children:r})})]})})})}import{useCallback as j,useMemo as Pt}from"react";import{useStore as Mt}from"zustand";import{createStore as Nt}from"zustand/vanilla";var D=Nt(()=>({open:!1}));function c(){let e=Mt(D,a=>a.open),t=j(()=>{D.setState({open:!0})},[]),r=j(()=>{D.setState({open:!1})},[]),o=j(a=>{D.setState({open:a})},[]);return Pt(()=>({accountModalOpen:e,openAccountModal:t,closeAccountModal:r,toggleAccountModal:o}),[e,t,r,o])}import{twMerge as Ze}from"tailwind-merge";import{useConnectorClient as Hr}from"wagmi";import{useAccount as Dt}from"wagmi";import{twMerge as K}from"tailwind-merge";import{twMerge as zt}from"tailwind-merge";import{jsx as ve,jsxs as Et}from"react/jsx-runtime";function u({className:e,...t}){return Et("svg",{className:zt("-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:[ve("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),ve("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 z,jsxs as Rt}from"react/jsx-runtime";var Ht=({variant:e="primary",pending:t=!1}={})=>K("group self-center leading-none outline-none border border-transparent ring-2 ring-transparent focus:ring-orange-500 focus:border-transparent transition","aria-disabled:pointer-events-none aria-busy:pointer-events-none","p-[1em] font-semibold",{primary:K("bg-neutral-900 text-white hover:bg-neutral-700 active:bg-neutral-600 aria-disabled:bg-neutral-200 aria-disabled:text-neutral-400","dark:bg-neutral-100 dark:text-black dark:hover:bg-neutral-200 dark:active:bg-neutral-300 dark:aria-disabled:bg-neutral-400 dark:aria-disabled:text-neutral-600",t&&"dark:bg-neutral-700 dark:text-neutral-400"),secondary:K("text-black border-neutral-400 hover:bg-neutral-200 hover:border-neutral-500 active:bg-neutral-300 active:border-neutral-600 aria-disabled:text-neutral-400 aria-disabled:border-neutral-300","dark:text-white dark:border-neutral-400 dark:hover:bg-neutral-700 dark:hover:border-neutral-300 dark:active:bg-neutral-600 dark:active:border-neutral-200 dark:aria-disabled:text-neutral-500 dark:aria-disabled:border-neutral-600")}[e]),f=({pending:e,variant:t,type:r,className:o,children:a,disabled:i,...n})=>z("button",{type:r||"button",className:K(Ht({variant:t,pending:e}),o),"aria-busy":e,"aria-disabled":i,disabled:i||e,...n,children:Rt("span",{className:"grid grid-cols-[1fr_auto_1fr] gap-2",children:[z("span",{className:"flex items-center justify-end text-[.75em]",children:z("span",{className:"transition opacity-0 translate-x-2 group-aria-busy:opacity-100 group-aria-busy:translate-x-0 duration-100 group-aria-busy:duration-300",children:z(u,{})})}),z("span",{children:a})]})});import{useConnectModal as Kt}from"@rainbow-me/rainbowkit";import{useMutation as Bt}from"@tanstack/react-query";import{twMerge as It}from"tailwind-merge";import{jsx as Z,jsxs as Tt}from"react/jsx-runtime";function b({className:e,...t}){return Tt("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 8 8",fill:"currentColor",shapeRendering:"crispEdges",className:It("-my-[0.125em] h-[1.25em] w-[1.25em]",e),...t,children:[Z("path",{d:"M0 0h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm0 1h1v1H0zm1 0h1v1H1zm1 0h1v1H2zm1 0h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm2-1h1v1H7zm0 1h1v1H7zM6 7h1v1H6zm1-2h1v1H7zm0-1h1v1H7zm0-1h1v1H7z"}),Z("path",{d:"M2 2h1v1H2zm0 1h1v1H2zm0 1h1v1H2zm0 1h1v1H2zm1-3h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm0 1h1v1H5zm0 1h1v1H5zm0 1h1v1H5zM4 5h1v1H4zM3 5h1v1H3z",opacity:".5"}),Z("path",{d:"M7 2h1v1H7zm0-1h1v1H7zM1 0h1v1H1zm1 0h1v1H2zm1 0h1v1H3zm1 0h1v1H4zm1 0h1v1H5zm1 0h1v1H6zm1 0h1v1H7z"})]})}function xe(){let{appInfo:e}=s(),t=e?.name??document.title,r=location.host,o=e?.icon??document.querySelector("link[rel~='icon']")?.getAttribute("href")??"/favico.ico",a=e?.image;return{appName:t,appOrigin:r,appIcon:o,appImage:a}}import{useQuery as Lt}from"@tanstack/react-query";function B(e){return Lt({enabled:!!e,retry:!1,retryOnMount:!1,refetchOnMount:!1,refetchOnWindowFocus:!1,queryKey:[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.
|
|
1568
|
+
|
|
1569
|
+
URL: ${e}`)),o.src=e})})}import{jsx as E,jsxs as ke}from"react/jsx-runtime";function Ce(){let{appName:e,appOrigin:t,appIcon:r}=xe(),{data:o,isLoading:a}=B(r);return ke("div",{className:"flex-grow flex flex-col items-center justify-center gap-2",children:[E("div",{className:"w-16 h-16 m-2",children:a?null:o?E("img",{src:r,className:"w-full h-full object-cover"}):E(b,{className:"w-full h-full text-orange-500 dark:bg-neutral-800"})}),ke("div",{className:"flex flex-col gap-1 items-center justify-center",children:[E("div",{className:"text-2xl",children:e}),E("div",{className:"text-sm font-mono text-neutral-400",children:t})]})]})}import{Fragment as Ft,jsx as g,jsxs as F}from"react/jsx-runtime";function Ae(){let e=Dt(),{accountModalOpen:t}=c(),{openConnectModal:r,connectModalOpen:o}=Kt(),a=T(),i=Bt({mutationKey:["createPasskey",a.id,t,o,e.status],mutationFn:async()=>await a.createPasskey()});return g(Ft,{children:g("div",{className:"flex-grow grid place-items-center p-6",children:F("div",{className:"flex flex-col gap-6",children:[g("div",{className:"p-4",children:g(Ce,{})}),F("div",{className:"flex flex-col gap-2",children:[F("div",{className:"flex flex-col",children:[g(f,{className:"self-auto flex justify-center",pending:i.status==="pending",onClick:()=>i.mutate(),children:"Create account"}),i.status==="error"?g("div",{className:"bg-red-100 text-red-700 text-sm p-2 animate-in animate-duration-200 fade-in",children:i.error.message}):null]}),g(f,{className:"self-auto flex justify-center text-sm py-1",variant:"secondary",pending:e.status==="connecting",onClick:r,children:"Connect with passkey or wallet"})]}),F("a",{href:"https://mud.dev",target:"_blank",rel:"noreferrer noopener",className:"self-center p-2 flex items-center justify-center gap-1.5 text-sm",children:[g("span",{className:"block w-4 h-4",children:g(b,{className:"w-full h-full text-orange-500 dark:bg-neutral-800"})}),g("span",{children:"Powered by MUD"})]})]})})})}import{useState as Ot}from"react";import{twMerge as Gt}from"tailwind-merge";import{Fragment as Vt,jsx as O,jsxs as Se}from"react/jsx-runtime";function Pe({steps:e}){if(!e.length)throw new Error("No steps.");let[t,r]=Ot(null),o=e.find(n=>n.content!=null&&!n.isComplete),a=e.filter(n=>n.isComplete),i=(t!=null?e.find(n=>n.id===t):null)??o??(a.length<e.length?a.at(-1):null)??e.at(0);return Se(Vt,{children:[O("div",{className:"flex items-center justify-center p-2",children:e.filter(n=>n.id!=="finalize").map(n=>Se("button",{type:"button",title:n.label,disabled:!n.content,className:"outline-none p-2.5 -my-2.5 hover:enabled:brightness-125 transition",onClick:()=>r(n.id),children:[O("span",{className:Gt("block w-2.5 h-2.5 rounded-full",n.id===o?.id?"bg-orange-500":n.isComplete?"bg-amber-700":"bg-gray-300",n.id===i.id?"ring-4 ring-orange-500/20":null)}),O("span",{className:"sr-only",children:n.label})]},n.id))}),O("div",{className:"outline-none flex-grow flex flex-col",children:i.content})]})}import{useDisconnect as jt}from"wagmi";import{twMerge as Ut}from"tailwind-merge";import{jsx as qt}from"react/jsx-runtime";function l({className:e,children:t}){return qt("div",{className:Ut("flex-grow flex flex-col gap-5 px-5 pb-5","animate-in fade-in slide-in-from-left-2",e),children:t})}import{useQuery as Yt}from"@tanstack/react-query";function G(e){let t=e?.toLowerCase();return Yt({enabled:!!t,queryKey:["ens",t],initialData:{address:void 0,name:void 0,displayName:void 0,avatar:void 0},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 J,jsxs as _t}from"react/jsx-runtime";function H({hex:e}){return e.length<=10?J("span",{title:e,children:e}):_t("span",{title:e,children:[J("span",{className:"after:select-none after:content-['\u2026']",children:e.slice(0,6)}),J("span",{className:"tracking-[-1ch] text-transparent",children:e.slice(6,-4)}),e.slice(-4)]})}import{twMerge as Xt}from"tailwind-merge";import{BaseError as Wt,UserRejectedRequestError as Qt}from"viem";import{jsx as Me,jsxs as $t}from"react/jsx-runtime";function h({title:e,error:t}){if(!t||t instanceof Wt&&t.walk(a=>a instanceof Qt)!=null)return null;let r=e??"Error",o=typeof t=="string"?t:t instanceof Error?String(t):"Something unexpected happened.";return $t("div",{className:Xt("text-sm border-l-4 border-red-500","bg-red-100 text-red-900","dark:bg-red-900 dark:text-red-50"),children:[Me("div",{className:"p-3 font-semibold",children:r}),Me("div",{className:"px-3 whitespace-break-spaces break-all max-h-32 overflow-y-scroll",children:o})]})}import{Fragment as Zt,jsx as y,jsxs as k}from"react/jsx-runtime";function Ne({userAddress:e}){let{data:t}=G(e),{disconnect:r,isPending:o,error:a}=jt(),{closeAccountModal:i}=c();return k(Zt,{children:[k(l,{children:[y("div",{className:"text-lg font-medium",children:"Your wallet"}),k("div",{className:"space-y-4",children:[k("p",{children:["Hello,"," ",t.name?y("span",{className:"font-medium",children:t.name}):y("span",{className:"text-sm font-mono font-medium",children:y(H,{hex:e})}),"!"]}),k("p",{children:["Once signed in, your wallet address (",y("span",{className:"text-sm font-mono font-medium",children:y(H,{hex:e})}),") will be associated with all onchain actions for this app."]})]})]}),k(l,{className:"justify-end",children:[a?y(h,{error:a}):null,y(f,{variant:"secondary",className:"self-stretch sm:self-start",pending:o,onClick:()=>{i(),r()},children:"Disconnect"})]})]})}import{useClient as ir}from"wagmi";import{useQuery as sr}from"@tanstack/react-query";import{createStore as Jt}from"zustand/vanilla";import{persist as er}from"zustand/middleware";var R=Jt(er(()=>({appSigners:{}}),{name:"mud:entrykit",partialize:({appSigners:e})=>({appSigners:e})}));function tr(e){e.key===R.persist.getOptions().name&&R.persist.rehydrate()}window.addEventListener("storage",tr);import{generatePrivateKey as rr,privateKeyToAccount as or}from"viem/accounts";function ze(e){let t=R.getState().appSigners[e]??(()=>{let r=rr();return R.setState(o=>({appSigners:{...o.appSigners,[e]:r}})),r})();return or(t)}import{createSmartAccountClient as ar}from"permissionless";import{callFrom as nr}from"@latticexyz/world/internal";async function Ee({worldAddress:e,userAddress:t,client:r,bundlerTransport:o,paymasterAddress:a}){let i=ze(t),n=await re({client:r,owners:[i]});return ar({...oe,bundlerTransport:o,client:r,account:n,paymaster:{getPaymasterData:async()=>({paymaster:a,paymasterData:"0x"})},userOperation:{estimateFeesPerGas:r.chain.id===31337?async()=>({maxFeePerGas:100000n,maxPriorityFeePerGas:0n}):void 0}}).extend(nr({worldAddress:e,delegatorAddress:t,publicClient:r}))}function C(e){let{chainId:t,bundlerTransport:r,paymasterAddress:o,worldAddress:a}=s(),i=ir({chainId:t}),n=["appAccountClient",i?.uid,e];return sr(i&&e?{queryKey:n,queryFn:async()=>await Ee({worldAddress:a,userAddress:e,client:i,bundlerTransport:r,paymasterAddress:o}),staleTime:1/0}:{queryKey:n,enabled:!1})}import{useMutation as pr,useQueryClient as mr}from"@tanstack/react-query";import{getAction as Re}from"viem/utils";import{sendUserOperation as ur,waitForUserOperationReceipt as gr}from"viem/account-abstraction";import{defineStore as dr}from"@latticexyz/store";import{parseAbi as lr}from"viem";var He=lr(["error SpenderSystem_AlreadyRegistered(address spender, address user)","error SpenderSystem_HasOwnBalance(address spender)","function registerSpender(address spender)"]),cr=dr({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:[]}}}}}),V=cr.namespaces.root.tables;function Ie(){let{worldAddress:e,paymasterAddress:t}=s(),r=mr();return pr({mutationKey:["setupAppAccount"],mutationFn:async({userClient:o,appAccountAddress:a,registerSpender:i,registerDelegation:n})=>{if(o.account.type!=="smart")throw new Error("User account is not a smart account.");let d=[];if(i&&(console.log("registering spender"),d.push({to:t,abi:He,functionName:"registerSpender",args:[a]})),n&&(console.log("registering delegation"),d.push({to:e,abi:ne,functionName:"registerDelegation",args:[a,I,"0x"]})),!d.length)return;let v=await Re(o,ur,"sendUserOperation")({calls:d});console.log("got user op hash",v);let Q=await Re(o,gr,"waitForUserOperationReceipt")({hash:v});console.log("got user op receipt",Q),await r.invalidateQueries({queryKey:["readContract"]})}})}import{jsx as p,jsxs as Te}from"react/jsx-runtime";function Le({userClient:e,registerSpender:t,registerDelegation:r}){let{closeAccountModal:o}=c(),a=C(e.account.address),i=Ie();return a.status==="pending"?p(l,{className:"items-center justify-center",children:p(u,{})}):a.status==="error"?p(l,{children:p(h,{error:a.error})}):!t&&!r?Te(l,{children:[p("div",{className:"text-lg font-medium",children:"Your app account"}),p("p",{children:"Blah blah blah app account"}),p("p",{children:"All sorted"})]}):Te(l,{children:[p("div",{className:"text-lg font-medium",children:"Set up account"}),p("p",{children:"Blah blah blah app account"}),a.data?p(f,{className:"self-start",pending:i.status==="pending",onClick:async()=>{await i.mutateAsync({userClient:e,appAccountAddress:a.data.account.address,registerSpender:t,registerDelegation:r}),o()},children:"Set up"}):p("p",{children:"not ready"})]})}import{useReadContract as fr}from"wagmi";import wr from"@latticexyz/store/out/IStoreRead.sol/IStoreRead.abi.json";import{decodeValueArgs as br,getKeyTuple as hr,getSchemaTypes as yr,getValueSchema as vr}from"@latticexyz/protocol-parser/internal";function A({table:e,key:t,...r}){return fr(e&&t&&r.query?.enabled!==!1?{...r,abi:wr,functionName:"getRecord",args:[e.tableId,hr(e,t)],query:{...r.query,select:o=>({...t,...br(yr(vr(e)),{staticData:o[0],encodedLengths:o[1],dynamicData:o[2]})})}}:{})}function U(e){let{chainId:t,paymasterAddress:r}=s();return A({chainId:t,address:r,...e?{table:V.Allowance,key:{user:e}}:null})}import{useMutation as xr,useQueryClient as kr}from"@tanstack/react-query";function De(){let e=kr(),{passIssuerTransport:t}=s();return xr({mutationKey:["claimGasPass"],mutationFn:async r=>{let o=t({retryCount:0});await o.request({method:"quarry_issuePass",params:["0x01",r]}),await o.request({method:"quarry_claimAllowance",params:["0x01",r]}),await e.invalidateQueries({queryKey:["readContract"]})}})}import{twMerge as Cr}from"tailwind-merge";import{jsx as q,jsxs as Ar}from"react/jsx-runtime";function Ke({className:e,...t}){return Ar("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 263 428",fill:"currentColor",className:Cr("w-[0.6em] h-[1em]",e),...t,children:[q("path",{d:"M132 321V428L263 243L132 321Z"}),q("path",{d:"M0 243L132 321V428",fillOpacity:"0.5"}),q("path",{d:"M132 0V296L263 218"}),q("path",{d:"M0 218L132 296V0L0 218Z",fillOpacity:"0.5"})]})}import{formatEther as Sr}from"viem";function Be(e){let t=Sr(e),r=Math.floor(parseFloat(t)).toString().length;return parseFloat(t).toLocaleString("en-US",{maximumFractionDigits:Math.max(0,6-r)})}import{jsx as Pr,jsxs as Mr}from"react/jsx-runtime";function Fe({wei:e}){return Mr("span",{className:"inline-flex items-center gap-1",children:[Be(e)," ",Pr(Ke,{})]})}import{useEffect as Nr}from"react";import{Fragment as Oe,jsx as m,jsxs as Y}from"react/jsx-runtime";function Ge({userAddress:e}){let t=U(e),r=De();return Nr(()=>{r.status==="idle"&&t.data?.allowance===0n&&r.mutate(e)},[t.data?.allowance,r,e]),t.status==="pending"?m(l,{className:"items-center justify-center",children:m(u,{})}):t.status==="error"?m(l,{children:m(h,{error:t.error})}):m(Oe,{children:Y(l,{children:[m("div",{className:"text-lg font-medium",children:"Top up"}),m("div",{className:"space-y-4",children:t.data.allowance>0n?Y("p",{children:["You currently have ",m(Fe,{wei:t.data.allowance})," allowance to spend on gas."]}):Y(Oe,{children:[m("p",{children:"You haven't claimed a gas pass yet."}),Y("div",{className:"flex flex-col",children:[m(f,{className:"self-start",pending:r.status==="pending",onClick:()=>r.mutate(e),children:"Claim gas pass"}),r.status==="error"?m("div",{className:"bg-red-100 text-red-700 text-sm p-2 animate-in animate-duration-200 fade-in",children:r.error.message}):null]})]})})]})})}function Ve(e){let{chainId:t,paymasterAddress:r}=s();return A({chainId:t,address:r,...e?{table:V.Spender,key:{spender:e}}:null})}function Ue(e,t){let{chainId:r,worldAddress:o}=s();return A({chainId:r,address:o,...e&&t?{table:ae.UserDelegationControl,key:{delegator:e,delegatee:t}}:null})}import{useMemo as zr}from"react";import{jsx as ee}from"react/jsx-runtime";function _(e){let t=e?.account.address,r=U(t),o=C(t),a=Ve(o.data?.account.address),i=t&&a.data?a.data.user.toLowerCase()===t.toLowerCase():!1,n=Ue(e?.account.address,o.data?.account.address),d=n.data?n.data?.delegationControlId===I:!1;return zr(()=>t?[{id:"connectWallet",label:"Sign in",isComplete:!0,content:ee(Ne,{userAddress:t})},{id:"claimGasPass",label:"Top up",isComplete:(r.data?.allowance??0n)>0n,content:ee(Ge,{userAddress:t})},{id:"setupAppAccount",label:"Set up account",isComplete:i&&d,content:ee(Le,{userClient:e,registerSpender:!i,registerDelegation:!d})}]:[{id:"connectWallet",label:"Sign in",isComplete:!1,content:null}],[r.data?.allowance,d,i,t,e])}import{jsx as Er}from"react/jsx-runtime";function qe({userClient:e}){let t=_(e);return Er(Pe,{steps:t})}import{jsx as Ye}from"react/jsx-runtime";function _e(){let{chainId:e}=s(),t=Hr({chainId:e});return t.status!=="success"?Ye(Ae,{}):Ye(qe,{userClient:t.data})}import{useState as Rr}from"react";import{ErrorBoundary as Ir}from"react-error-boundary";import{wait as Tr}from"@latticexyz/common/utils";import{twMerge as Lr}from"tailwind-merge";import{useIsMounted as Dr}from"usehooks-ts";import{jsx as X,jsxs as Xe}from"react/jsx-runtime";function We({children:e}){let t=Dr(),[r,o]=Rr(1);return X(Ir,{fallbackRender:({error:a,resetErrorBoundary:i})=>Xe("div",{className:Lr("flex-grow flex flex-col justify-center p-5 gap-2"),children:[X(h,{error:a instanceof Error?a.stack??a.message:a}),r>0?Xe("button",{type:"button",onClick:async n=>{n.currentTarget.ariaBusy="true",await Tr(1e3),i(),t()&&(o(d=>d-1),n.currentTarget.ariaBusy=null)},className:"group aria-busy:pointer-events-none self-end flex items-center gap-1",children:[X(u,{className:"transition opacity-0 group-aria-busy:opacity-100 text-xs text-neutral-500 dark:text-neutral-400"}),X("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 Fr,DialogTitle as Or}from"@radix-ui/react-dialog";import{twMerge as Kr}from"tailwind-merge";import{jsx as Br}from"react/jsx-runtime";function Qe({className:e,children:t,...r}){return Br("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",className:Kr("-my-[0.125em] h-[1.25em] w-[1.25em]",e),...r,children:t})}import{jsx as $e}from"react/jsx-runtime";function je(e){return $e(Qe,{strokeWidth:"2",stroke:"currentColor",...e,children:$e("path",{d:"M6 18L18 6M6 6L18 18",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as S,jsxs as Je}from"react/jsx-runtime";function et(){let{accountModalOpen:e,toggleAccountModal:t}=c();return Je(ye,{open:e,onOpenChange:t,children:[S(Or,{className:"sr-only",children:"Connect with EntryKit"}),e?Je("div",{className:Ze("relative flex flex-col min-h-[20rem] border-t sm:border","bg-neutral-100 text-neutral-700 border-neutral-300","dark:bg-neutral-800 dark:text-neutral-300 dark:border-neutral-700 dark:divide-neutral-700","links:font-medium links:underline links:underline-offset-4","links:text-black dark:links:text-white","links:decoration-neutral-300 dark:links:decoration-neutral-500 hover:links:decoration-orange-500"),children:[S(We,{children:S(_e,{})}),S("div",{className:"absolute top-0 right-0",children:S(Fr,{className:Ze("pointer-events-auto leading-none p-1 transition","text-neutral-400 hover:text-neutral-600","dark:text-neutral-500 dark:hover:text-neutral-400"),title:"Close",children:S(je,{className:"m-0"})})})]}):null]})}import{jsx as Vr,jsxs as Ur}from"react/jsx-runtime";function Gr({config:e,children:t}){return Ur(ge,{config:e,children:[t,Vr(et,{})]})}import{useAccount as Yr}from"wagmi";import{twMerge as x}from"tailwind-merge";import{twMerge as tt}from"tailwind-merge";import{Fragment as qr,jsx as W,jsxs as rt}from"react/jsx-runtime";function ot({address:e}){let{data:t}=G(e),{isSuccess:r}=B(t.avatar);return rt(qr,{children:[rt("span",{className:"flex-shrink-0 w-6 h-6 -my-1 -mx-0.5 grid place-items-center",children:[W("img",{src:r?t.avatar:void 0,className:tt("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",r?"opacity-100":"opacity-0")}),W(b,{className:tt("col-start-1 row-start-1 text-orange-500","transition duration-300",r?"opacity-0":"opacity-100")})]}),W("span",{className:"flex-grow",children:t.name??(e?W(H,{hex:e}):null)})]})}import{jsx as w,jsxs as nt}from"react/jsx-runtime";var at=x("w-60 inline-flex outline-none transition","border border-transparent","text-base leading-none"),_r=x("bg-neutral-100 border-neutral-300 text-black","dark:bg-neutral-800 dark:border-neutral-700 dark:text-white"),Xr=x("cursor-pointer outline-none hover:bg-neutral-200 data-[highlighted]:bg-neutral-200 dark:hover:bg-neutral-700");function Wr(){let{openAccountModal:e,accountModalOpen:t}=c(),{status:r,address:o}=Yr();return w(L,{mode:"child",children:r==="connected"||r==="reconnecting"&&o?w("button",{type:"button",className:x(at,_r,Xr,"p-3"),onClick:e,children:w("span",{className:"flex-grow inline-flex gap-2.5 items-center text-left font-medium",children:w(ot,{address:o})})},"connected"):nt("button",{type:"button",className:x(at,"group","items-center justify-center gap-2.5 p-3","bg-orange-500 text-white font-medium","hover:bg-orange-400","active:bg-orange-600","aria-busy:saturate-50"),"aria-busy":t,onClick:e,children:[nt("span",{className:"pointer-events-none inline-grid place-items-center -ml-3",children:[w("span",{className:x("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:w(b,{})}),w("span",{"aria-hidden":!0,className:x("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:w(u,{})})]}),w("span",{className:"font-medium",children:"Sign in"})]},"sign in")})}import{useConnectorClient as Qr}from"wagmi";import{useMemo as $r}from"react";function jr(){let{chainId:e}=s(),{data:t,error:r}=Qr({chainId:e});r&&console.error("Error retrieving user client",r);let o=C(t?.account.address),a=_(t);return $r(()=>{if(a.every(i=>i.isComplete))return o.data},[o.data,a])}export{Wr as AccountButton,Gr as EntryKitProvider,c as useAccountModal,jr as useAppAccountClient};
|
|
1570
|
+
//# sourceMappingURL=index.js.map
|