@modelcontextprotocol/inspector-client 0.8.0 → 0.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,695 +1,4 @@
1
- :root {
2
- --toastify-color-light: #fff;
3
- --toastify-color-dark: #121212;
4
- --toastify-color-info: #3498db;
5
- --toastify-color-success: #07bc0c;
6
- --toastify-color-warning: #f1c40f;
7
- --toastify-color-error: #e74c3c;
8
- --toastify-color-transparent: rgba(255, 255, 255, 0.7);
9
- --toastify-icon-color-info: var(--toastify-color-info);
10
- --toastify-icon-color-success: var(--toastify-color-success);
11
- --toastify-icon-color-warning: var(--toastify-color-warning);
12
- --toastify-icon-color-error: var(--toastify-color-error);
13
- --toastify-toast-width: 320px;
14
- --toastify-toast-offset: 16px;
15
- --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
16
- --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
17
- --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
18
- --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
19
- --toastify-toast-background: #fff;
20
- --toastify-toast-min-height: 64px;
21
- --toastify-toast-max-height: 800px;
22
- --toastify-toast-bd-radius: 6px;
23
- --toastify-font-family: sans-serif;
24
- --toastify-z-index: 9999;
25
- --toastify-text-color-light: #757575;
26
- --toastify-text-color-dark: #fff;
27
- --toastify-text-color-info: #fff;
28
- --toastify-text-color-success: #fff;
29
- --toastify-text-color-warning: #fff;
30
- --toastify-text-color-error: #fff;
31
- --toastify-spinner-color: #616161;
32
- --toastify-spinner-color-empty-area: #e0e0e0;
33
- --toastify-color-progress-light: linear-gradient(
34
- to right,
35
- #4cd964,
36
- #5ac8fa,
37
- #007aff,
38
- #34aadc,
39
- #5856d6,
40
- #ff2d55
41
- );
42
- --toastify-color-progress-dark: #bb86fc;
43
- --toastify-color-progress-info: var(--toastify-color-info);
44
- --toastify-color-progress-success: var(--toastify-color-success);
45
- --toastify-color-progress-warning: var(--toastify-color-warning);
46
- --toastify-color-progress-error: var(--toastify-color-error);
47
- --toastify-color-progress-bgo: 0.2;
48
- }
49
-
50
- .Toastify__toast-container {
51
- z-index: var(--toastify-z-index);
52
- -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
53
- position: fixed;
54
- padding: 4px;
55
- width: var(--toastify-toast-width);
56
- box-sizing: border-box;
57
- color: #fff;
58
- }
59
- .Toastify__toast-container--top-left {
60
- top: var(--toastify-toast-top);
61
- left: var(--toastify-toast-left);
62
- }
63
- .Toastify__toast-container--top-center {
64
- top: var(--toastify-toast-top);
65
- left: 50%;
66
- transform: translateX(-50%);
67
- }
68
- .Toastify__toast-container--top-right {
69
- top: var(--toastify-toast-top);
70
- right: var(--toastify-toast-right);
71
- }
72
- .Toastify__toast-container--bottom-left {
73
- bottom: var(--toastify-toast-bottom);
74
- left: var(--toastify-toast-left);
75
- }
76
- .Toastify__toast-container--bottom-center {
77
- bottom: var(--toastify-toast-bottom);
78
- left: 50%;
79
- transform: translateX(-50%);
80
- }
81
- .Toastify__toast-container--bottom-right {
82
- bottom: var(--toastify-toast-bottom);
83
- right: var(--toastify-toast-right);
84
- }
85
-
86
- @media only screen and (max-width : 480px) {
87
- .Toastify__toast-container {
88
- width: 100vw;
89
- padding: 0;
90
- left: env(safe-area-inset-left);
91
- margin: 0;
92
- }
93
- .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
94
- top: env(safe-area-inset-top);
95
- transform: translateX(0);
96
- }
97
- .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
98
- bottom: env(safe-area-inset-bottom);
99
- transform: translateX(0);
100
- }
101
- .Toastify__toast-container--rtl {
102
- right: env(safe-area-inset-right);
103
- left: initial;
104
- }
105
- }
106
- .Toastify__toast {
107
- --y: 0;
108
- position: relative;
109
- touch-action: none;
110
- min-height: var(--toastify-toast-min-height);
111
- box-sizing: border-box;
112
- margin-bottom: 1rem;
113
- padding: 8px;
114
- border-radius: var(--toastify-toast-bd-radius);
115
- box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
116
- display: flex;
117
- justify-content: space-between;
118
- max-height: var(--toastify-toast-max-height);
119
- font-family: var(--toastify-font-family);
120
- cursor: default;
121
- direction: ltr;
122
- /* webkit only issue #791 */
123
- z-index: 0;
124
- overflow: hidden;
125
- }
126
- .Toastify__toast--stacked {
127
- position: absolute;
128
- width: 100%;
129
- transform: translate3d(0, var(--y), 0) scale(var(--s));
130
- transition: transform 0.3s;
131
- }
132
- .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
133
- transition: opacity 0.1s;
134
- }
135
- .Toastify__toast--stacked[data-collapsed=false] {
136
- overflow: visible;
137
- }
138
- .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
139
- opacity: 0;
140
- }
141
- .Toastify__toast--stacked:after {
142
- content: "";
143
- position: absolute;
144
- left: 0;
145
- right: 0;
146
- height: calc(var(--g) * 1px);
147
- bottom: 100%;
148
- }
149
- .Toastify__toast--stacked[data-pos=top] {
150
- top: 0;
151
- }
152
- .Toastify__toast--stacked[data-pos=bot] {
153
- bottom: 0;
154
- }
155
- .Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
156
- transform-origin: top;
157
- }
158
- .Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
159
- transform-origin: bottom;
160
- }
161
- .Toastify__toast--stacked:before {
162
- content: "";
163
- position: absolute;
164
- left: 0;
165
- right: 0;
166
- bottom: 0;
167
- height: 100%;
168
- transform: scaleY(3);
169
- z-index: -1;
170
- }
171
- .Toastify__toast--rtl {
172
- direction: rtl;
173
- }
174
- .Toastify__toast--close-on-click {
175
- cursor: pointer;
176
- }
177
- .Toastify__toast-body {
178
- margin: auto 0;
179
- flex: 1 1 auto;
180
- padding: 6px;
181
- display: flex;
182
- align-items: center;
183
- }
184
- .Toastify__toast-body > div:last-child {
185
- word-break: break-word;
186
- flex: 1;
187
- }
188
- .Toastify__toast-icon {
189
- margin-inline-end: 10px;
190
- width: 20px;
191
- flex-shrink: 0;
192
- display: flex;
193
- }
194
-
195
- .Toastify--animate {
196
- animation-fill-mode: both;
197
- animation-duration: 0.5s;
198
- }
199
-
200
- .Toastify--animate-icon {
201
- animation-fill-mode: both;
202
- animation-duration: 0.3s;
203
- }
204
-
205
- @media only screen and (max-width : 480px) {
206
- .Toastify__toast {
207
- margin-bottom: 0;
208
- border-radius: 0;
209
- }
210
- }
211
- .Toastify__toast-theme--dark {
212
- background: var(--toastify-color-dark);
213
- color: var(--toastify-text-color-dark);
214
- }
215
- .Toastify__toast-theme--light {
216
- background: var(--toastify-color-light);
217
- color: var(--toastify-text-color-light);
218
- }
219
- .Toastify__toast-theme--colored.Toastify__toast--default {
220
- background: var(--toastify-color-light);
221
- color: var(--toastify-text-color-light);
222
- }
223
- .Toastify__toast-theme--colored.Toastify__toast--info {
224
- color: var(--toastify-text-color-info);
225
- background: var(--toastify-color-info);
226
- }
227
- .Toastify__toast-theme--colored.Toastify__toast--success {
228
- color: var(--toastify-text-color-success);
229
- background: var(--toastify-color-success);
230
- }
231
- .Toastify__toast-theme--colored.Toastify__toast--warning {
232
- color: var(--toastify-text-color-warning);
233
- background: var(--toastify-color-warning);
234
- }
235
- .Toastify__toast-theme--colored.Toastify__toast--error {
236
- color: var(--toastify-text-color-error);
237
- background: var(--toastify-color-error);
238
- }
239
-
240
- .Toastify__progress-bar-theme--light {
241
- background: var(--toastify-color-progress-light);
242
- }
243
- .Toastify__progress-bar-theme--dark {
244
- background: var(--toastify-color-progress-dark);
245
- }
246
- .Toastify__progress-bar--info {
247
- background: var(--toastify-color-progress-info);
248
- }
249
- .Toastify__progress-bar--success {
250
- background: var(--toastify-color-progress-success);
251
- }
252
- .Toastify__progress-bar--warning {
253
- background: var(--toastify-color-progress-warning);
254
- }
255
- .Toastify__progress-bar--error {
256
- background: var(--toastify-color-progress-error);
257
- }
258
- .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
259
- background: var(--toastify-color-transparent);
260
- }
261
-
262
- .Toastify__close-button {
263
- color: #fff;
264
- background: transparent;
265
- outline: none;
266
- border: none;
267
- padding: 0;
268
- cursor: pointer;
269
- opacity: 0.7;
270
- transition: 0.3s ease;
271
- align-self: flex-start;
272
- z-index: 1;
273
- }
274
- .Toastify__close-button--light {
275
- color: #000;
276
- opacity: 0.3;
277
- }
278
- .Toastify__close-button > svg {
279
- fill: currentColor;
280
- height: 16px;
281
- width: 14px;
282
- }
283
- .Toastify__close-button:hover, .Toastify__close-button:focus {
284
- opacity: 1;
285
- }
286
-
287
- @keyframes Toastify__trackProgress {
288
- 0% {
289
- transform: scaleX(1);
290
- }
291
- 100% {
292
- transform: scaleX(0);
293
- }
294
- }
295
- .Toastify__progress-bar {
296
- position: absolute;
297
- bottom: 0;
298
- left: 0;
299
- width: 100%;
300
- height: 100%;
301
- z-index: var(--toastify-z-index);
302
- opacity: 0.7;
303
- transform-origin: left;
304
- border-bottom-left-radius: var(--toastify-toast-bd-radius);
305
- }
306
- .Toastify__progress-bar--animated {
307
- animation: Toastify__trackProgress linear 1 forwards;
308
- }
309
- .Toastify__progress-bar--controlled {
310
- transition: transform 0.2s;
311
- }
312
- .Toastify__progress-bar--rtl {
313
- right: 0;
314
- left: initial;
315
- transform-origin: right;
316
- border-bottom-left-radius: initial;
317
- border-bottom-right-radius: var(--toastify-toast-bd-radius);
318
- }
319
- .Toastify__progress-bar--wrp {
320
- position: absolute;
321
- bottom: 0;
322
- left: 0;
323
- width: 100%;
324
- height: 5px;
325
- border-bottom-left-radius: var(--toastify-toast-bd-radius);
326
- }
327
- .Toastify__progress-bar--wrp[data-hidden=true] {
328
- opacity: 0;
329
- }
330
- .Toastify__progress-bar--bg {
331
- opacity: var(--toastify-color-progress-bgo);
332
- width: 100%;
333
- height: 100%;
334
- }
335
-
336
- .Toastify__spinner {
337
- width: 20px;
338
- height: 20px;
339
- box-sizing: border-box;
340
- border: 2px solid;
341
- border-radius: 100%;
342
- border-color: var(--toastify-spinner-color-empty-area);
343
- border-right-color: var(--toastify-spinner-color);
344
- animation: Toastify__spin 0.65s linear infinite;
345
- }
346
-
347
- @keyframes Toastify__bounceInRight {
348
- from, 60%, 75%, 90%, to {
349
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
350
- }
351
- from {
352
- opacity: 0;
353
- transform: translate3d(3000px, 0, 0);
354
- }
355
- 60% {
356
- opacity: 1;
357
- transform: translate3d(-25px, 0, 0);
358
- }
359
- 75% {
360
- transform: translate3d(10px, 0, 0);
361
- }
362
- 90% {
363
- transform: translate3d(-5px, 0, 0);
364
- }
365
- to {
366
- transform: none;
367
- }
368
- }
369
- @keyframes Toastify__bounceOutRight {
370
- 20% {
371
- opacity: 1;
372
- transform: translate3d(-20px, var(--y), 0);
373
- }
374
- to {
375
- opacity: 0;
376
- transform: translate3d(2000px, var(--y), 0);
377
- }
378
- }
379
- @keyframes Toastify__bounceInLeft {
380
- from, 60%, 75%, 90%, to {
381
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
382
- }
383
- 0% {
384
- opacity: 0;
385
- transform: translate3d(-3000px, 0, 0);
386
- }
387
- 60% {
388
- opacity: 1;
389
- transform: translate3d(25px, 0, 0);
390
- }
391
- 75% {
392
- transform: translate3d(-10px, 0, 0);
393
- }
394
- 90% {
395
- transform: translate3d(5px, 0, 0);
396
- }
397
- to {
398
- transform: none;
399
- }
400
- }
401
- @keyframes Toastify__bounceOutLeft {
402
- 20% {
403
- opacity: 1;
404
- transform: translate3d(20px, var(--y), 0);
405
- }
406
- to {
407
- opacity: 0;
408
- transform: translate3d(-2000px, var(--y), 0);
409
- }
410
- }
411
- @keyframes Toastify__bounceInUp {
412
- from, 60%, 75%, 90%, to {
413
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
414
- }
415
- from {
416
- opacity: 0;
417
- transform: translate3d(0, 3000px, 0);
418
- }
419
- 60% {
420
- opacity: 1;
421
- transform: translate3d(0, -20px, 0);
422
- }
423
- 75% {
424
- transform: translate3d(0, 10px, 0);
425
- }
426
- 90% {
427
- transform: translate3d(0, -5px, 0);
428
- }
429
- to {
430
- transform: translate3d(0, 0, 0);
431
- }
432
- }
433
- @keyframes Toastify__bounceOutUp {
434
- 20% {
435
- transform: translate3d(0, calc(var(--y) - 10px), 0);
436
- }
437
- 40%, 45% {
438
- opacity: 1;
439
- transform: translate3d(0, calc(var(--y) + 20px), 0);
440
- }
441
- to {
442
- opacity: 0;
443
- transform: translate3d(0, -2000px, 0);
444
- }
445
- }
446
- @keyframes Toastify__bounceInDown {
447
- from, 60%, 75%, 90%, to {
448
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
449
- }
450
- 0% {
451
- opacity: 0;
452
- transform: translate3d(0, -3000px, 0);
453
- }
454
- 60% {
455
- opacity: 1;
456
- transform: translate3d(0, 25px, 0);
457
- }
458
- 75% {
459
- transform: translate3d(0, -10px, 0);
460
- }
461
- 90% {
462
- transform: translate3d(0, 5px, 0);
463
- }
464
- to {
465
- transform: none;
466
- }
467
- }
468
- @keyframes Toastify__bounceOutDown {
469
- 20% {
470
- transform: translate3d(0, calc(var(--y) - 10px), 0);
471
- }
472
- 40%, 45% {
473
- opacity: 1;
474
- transform: translate3d(0, calc(var(--y) + 20px), 0);
475
- }
476
- to {
477
- opacity: 0;
478
- transform: translate3d(0, 2000px, 0);
479
- }
480
- }
481
- .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
482
- animation-name: Toastify__bounceInLeft;
483
- }
484
- .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
485
- animation-name: Toastify__bounceInRight;
486
- }
487
- .Toastify__bounce-enter--top-center {
488
- animation-name: Toastify__bounceInDown;
489
- }
490
- .Toastify__bounce-enter--bottom-center {
491
- animation-name: Toastify__bounceInUp;
492
- }
493
-
494
- .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
495
- animation-name: Toastify__bounceOutLeft;
496
- }
497
- .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
498
- animation-name: Toastify__bounceOutRight;
499
- }
500
- .Toastify__bounce-exit--top-center {
501
- animation-name: Toastify__bounceOutUp;
502
- }
503
- .Toastify__bounce-exit--bottom-center {
504
- animation-name: Toastify__bounceOutDown;
505
- }
506
-
507
- @keyframes Toastify__zoomIn {
508
- from {
509
- opacity: 0;
510
- transform: scale3d(0.3, 0.3, 0.3);
511
- }
512
- 50% {
513
- opacity: 1;
514
- }
515
- }
516
- @keyframes Toastify__zoomOut {
517
- from {
518
- opacity: 1;
519
- }
520
- 50% {
521
- opacity: 0;
522
- transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
523
- }
524
- to {
525
- opacity: 0;
526
- }
527
- }
528
- .Toastify__zoom-enter {
529
- animation-name: Toastify__zoomIn;
530
- }
531
-
532
- .Toastify__zoom-exit {
533
- animation-name: Toastify__zoomOut;
534
- }
535
-
536
- @keyframes Toastify__flipIn {
537
- from {
538
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
539
- animation-timing-function: ease-in;
540
- opacity: 0;
541
- }
542
- 40% {
543
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
544
- animation-timing-function: ease-in;
545
- }
546
- 60% {
547
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
548
- opacity: 1;
549
- }
550
- 80% {
551
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
552
- }
553
- to {
554
- transform: perspective(400px);
555
- }
556
- }
557
- @keyframes Toastify__flipOut {
558
- from {
559
- transform: translate3d(0, var(--y), 0) perspective(400px);
560
- }
561
- 30% {
562
- transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
563
- opacity: 1;
564
- }
565
- to {
566
- transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
567
- opacity: 0;
568
- }
569
- }
570
- .Toastify__flip-enter {
571
- animation-name: Toastify__flipIn;
572
- }
573
-
574
- .Toastify__flip-exit {
575
- animation-name: Toastify__flipOut;
576
- }
577
-
578
- @keyframes Toastify__slideInRight {
579
- from {
580
- transform: translate3d(110%, 0, 0);
581
- visibility: visible;
582
- }
583
- to {
584
- transform: translate3d(0, var(--y), 0);
585
- }
586
- }
587
- @keyframes Toastify__slideInLeft {
588
- from {
589
- transform: translate3d(-110%, 0, 0);
590
- visibility: visible;
591
- }
592
- to {
593
- transform: translate3d(0, var(--y), 0);
594
- }
595
- }
596
- @keyframes Toastify__slideInUp {
597
- from {
598
- transform: translate3d(0, 110%, 0);
599
- visibility: visible;
600
- }
601
- to {
602
- transform: translate3d(0, var(--y), 0);
603
- }
604
- }
605
- @keyframes Toastify__slideInDown {
606
- from {
607
- transform: translate3d(0, -110%, 0);
608
- visibility: visible;
609
- }
610
- to {
611
- transform: translate3d(0, var(--y), 0);
612
- }
613
- }
614
- @keyframes Toastify__slideOutRight {
615
- from {
616
- transform: translate3d(0, var(--y), 0);
617
- }
618
- to {
619
- visibility: hidden;
620
- transform: translate3d(110%, var(--y), 0);
621
- }
622
- }
623
- @keyframes Toastify__slideOutLeft {
624
- from {
625
- transform: translate3d(0, var(--y), 0);
626
- }
627
- to {
628
- visibility: hidden;
629
- transform: translate3d(-110%, var(--y), 0);
630
- }
631
- }
632
- @keyframes Toastify__slideOutDown {
633
- from {
634
- transform: translate3d(0, var(--y), 0);
635
- }
636
- to {
637
- visibility: hidden;
638
- transform: translate3d(0, 500px, 0);
639
- }
640
- }
641
- @keyframes Toastify__slideOutUp {
642
- from {
643
- transform: translate3d(0, var(--y), 0);
644
- }
645
- to {
646
- visibility: hidden;
647
- transform: translate3d(0, -500px, 0);
648
- }
649
- }
650
- .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
651
- animation-name: Toastify__slideInLeft;
652
- }
653
- .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
654
- animation-name: Toastify__slideInRight;
655
- }
656
- .Toastify__slide-enter--top-center {
657
- animation-name: Toastify__slideInDown;
658
- }
659
- .Toastify__slide-enter--bottom-center {
660
- animation-name: Toastify__slideInUp;
661
- }
662
-
663
- .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
664
- animation-name: Toastify__slideOutLeft;
665
- animation-timing-function: ease-in;
666
- animation-duration: 0.3s;
667
- }
668
- .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
669
- animation-name: Toastify__slideOutRight;
670
- animation-timing-function: ease-in;
671
- animation-duration: 0.3s;
672
- }
673
- .Toastify__slide-exit--top-center {
674
- animation-name: Toastify__slideOutUp;
675
- animation-timing-function: ease-in;
676
- animation-duration: 0.3s;
677
- }
678
- .Toastify__slide-exit--bottom-center {
679
- animation-name: Toastify__slideOutDown;
680
- animation-timing-function: ease-in;
681
- animation-duration: 0.3s;
682
- }
683
-
684
- @keyframes Toastify__spin {
685
- from {
686
- transform: rotate(0deg);
687
- }
688
- to {
689
- transform: rotate(360deg);
690
- }
691
- }
692
- /*# sourceMappingURL=ReactToastify.css.map */#root {
1
+ #root {
693
2
  margin: 0 auto;
694
3
  }
695
4
 
@@ -1443,6 +752,9 @@ video {
1443
752
  white-space: nowrap;
1444
753
  border-width: 0;
1445
754
  }
755
+ .pointer-events-auto {
756
+ pointer-events: auto;
757
+ }
1446
758
  .visible {
1447
759
  visibility: visible;
1448
760
  }
@@ -1473,12 +785,24 @@ video {
1473
785
  .left-\[50\%\] {
1474
786
  left: 50%;
1475
787
  }
788
+ .right-1 {
789
+ right: 0.25rem;
790
+ }
1476
791
  .right-2 {
1477
792
  right: 0.5rem;
1478
793
  }
1479
794
  .right-4 {
1480
795
  right: 1rem;
1481
796
  }
797
+ .top-0 {
798
+ top: 0px;
799
+ }
800
+ .top-1 {
801
+ top: 0.25rem;
802
+ }
803
+ .top-2 {
804
+ top: 0.5rem;
805
+ }
1482
806
  .top-4 {
1483
807
  top: 1rem;
1484
808
  }
@@ -1488,6 +812,9 @@ video {
1488
812
  .z-50 {
1489
813
  z-index: 50;
1490
814
  }
815
+ .z-\[100\] {
816
+ z-index: 100;
817
+ }
1491
818
  .col-span-2 {
1492
819
  grid-column: span 2 / span 2;
1493
820
  }
@@ -1556,6 +883,10 @@ video {
1556
883
  .hidden {
1557
884
  display: none;
1558
885
  }
886
+ .size-4 {
887
+ width: 1rem;
888
+ height: 1rem;
889
+ }
1559
890
  .h-1 {
1560
891
  height: 0.25rem;
1561
892
  }
@@ -1604,6 +935,9 @@ video {
1604
935
  .max-h-\[300px\] {
1605
936
  max-height: 300px;
1606
937
  }
938
+ .max-h-screen {
939
+ max-height: 100vh;
940
+ }
1607
941
  .min-h-\[60px\] {
1608
942
  min-height: 60px;
1609
943
  }
@@ -1658,6 +992,9 @@ video {
1658
992
  .shrink-0 {
1659
993
  flex-shrink: 0;
1660
994
  }
995
+ .origin-\[--radix-tooltip-content-transform-origin\] {
996
+ transform-origin: var(--radix-tooltip-content-transform-origin);
997
+ }
1661
998
  .translate-x-\[-50\%\] {
1662
999
  --tw-translate-x: -50%;
1663
1000
  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));
@@ -1797,6 +1134,9 @@ video {
1797
1134
  .border-border {
1798
1135
  border-color: hsl(var(--border));
1799
1136
  }
1137
+ .border-destructive {
1138
+ border-color: hsl(var(--destructive));
1139
+ }
1800
1140
  .border-destructive\/50 {
1801
1141
  border-color: hsl(var(--destructive) / 0.5);
1802
1142
  }
@@ -1925,6 +1265,9 @@ video {
1925
1265
  .pl-2 {
1926
1266
  padding-left: 0.5rem;
1927
1267
  }
1268
+ .pr-6 {
1269
+ padding-right: 1.5rem;
1270
+ }
1928
1271
  .pr-8 {
1929
1272
  padding-right: 2rem;
1930
1273
  }
@@ -1977,10 +1320,6 @@ video {
1977
1320
  --tw-text-opacity: 1;
1978
1321
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
1979
1322
  }
1980
- .text-blue-500 {
1981
- --tw-text-opacity: 1;
1982
- color: rgb(59 130 246 / var(--tw-text-opacity, 1));
1983
- }
1984
1323
  .text-blue-600 {
1985
1324
  --tw-text-opacity: 1;
1986
1325
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
@@ -1997,6 +1336,9 @@ video {
1997
1336
  .text-foreground {
1998
1337
  color: hsl(var(--foreground));
1999
1338
  }
1339
+ .text-foreground\/50 {
1340
+ color: hsl(var(--foreground) / 0.5);
1341
+ }
2000
1342
  .text-gray-100 {
2001
1343
  --tw-text-opacity: 1;
2002
1344
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
@@ -2067,6 +1409,9 @@ video {
2067
1409
  .opacity-70 {
2068
1410
  opacity: 0.7;
2069
1411
  }
1412
+ .opacity-90 {
1413
+ opacity: 0.9;
1414
+ }
2070
1415
  .shadow {
2071
1416
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2072
1417
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2135,12 +1480,30 @@ video {
2135
1480
  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));
2136
1481
  }
2137
1482
  }
1483
+ .animate-in {
1484
+ animation-name: enter;
1485
+ animation-duration: 150ms;
1486
+ --tw-enter-opacity: initial;
1487
+ --tw-enter-scale: initial;
1488
+ --tw-enter-rotate: initial;
1489
+ --tw-enter-translate-x: initial;
1490
+ --tw-enter-translate-y: initial;
1491
+ }
1492
+ .fade-in-0 {
1493
+ --tw-enter-opacity: 0;
1494
+ }
1495
+ .zoom-in-95 {
1496
+ --tw-enter-scale: .95;
1497
+ }
2138
1498
  .duration-200 {
2139
1499
  animation-duration: 200ms;
2140
1500
  }
2141
1501
  .duration-300 {
2142
1502
  animation-duration: 300ms;
2143
1503
  }
1504
+ .running {
1505
+ animation-play-state: running;
1506
+ }
2144
1507
 
2145
1508
  :root {
2146
1509
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
@@ -2178,29 +1541,6 @@ h1 {
2178
1541
  line-height: 1.1;
2179
1542
  }
2180
1543
 
2181
- button {
2182
- border-radius: 8px;
2183
- border: 1px solid transparent;
2184
- padding: 0.6em 1.2em;
2185
- font-size: 1em;
2186
- font-weight: 500;
2187
- font-family: inherit;
2188
- background-color: #1a1a1a;
2189
- cursor: pointer;
2190
- transition: border-color 0.25s;
2191
- }
2192
- button:hover {
2193
- border-color: #646cff;
2194
- }
2195
- button:focus,
2196
- button:focus-visible {
2197
- outline: 4px auto -webkit-focus-ring-color;
2198
- }
2199
-
2200
- button[role="checkbox"] {
2201
- padding: 0;
2202
- }
2203
-
2204
1544
  @media (prefers-color-scheme: light) {
2205
1545
  :root {
2206
1546
  color: #213547;
@@ -2209,9 +1549,6 @@ button[role="checkbox"] {
2209
1549
  a:hover {
2210
1550
  color: #747bff;
2211
1551
  }
2212
- button {
2213
- background-color: #f9f9f9;
2214
- }
2215
1552
  }
2216
1553
 
2217
1554
  .file\:border-0::file-selector-button {
@@ -2247,6 +1584,11 @@ button[role="checkbox"] {
2247
1584
  border-bottom-width: 0px;
2248
1585
  }
2249
1586
 
1587
+ .hover\:border-\[\#646cff\]:hover {
1588
+ --tw-border-opacity: 1;
1589
+ border-color: rgb(100 108 255 / var(--tw-border-opacity, 1));
1590
+ }
1591
+
2250
1592
  .hover\:bg-accent:hover {
2251
1593
  background-color: hsl(var(--accent));
2252
1594
  }
@@ -2276,6 +1618,10 @@ button[role="checkbox"] {
2276
1618
  background-color: hsl(var(--primary) / 0.9);
2277
1619
  }
2278
1620
 
1621
+ .hover\:bg-secondary:hover {
1622
+ background-color: hsl(var(--secondary));
1623
+ }
1624
+
2279
1625
  .hover\:bg-secondary\/80:hover {
2280
1626
  background-color: hsl(var(--secondary) / 0.8);
2281
1627
  }
@@ -2284,9 +1630,8 @@ button[role="checkbox"] {
2284
1630
  color: hsl(var(--accent-foreground));
2285
1631
  }
2286
1632
 
2287
- .hover\:text-blue-700:hover {
2288
- --tw-text-opacity: 1;
2289
- color: rgb(29 78 216 / var(--tw-text-opacity, 1));
1633
+ .hover\:text-foreground:hover {
1634
+ color: hsl(var(--foreground));
2290
1635
  }
2291
1636
 
2292
1637
  .hover\:underline:hover {
@@ -2305,6 +1650,10 @@ button[role="checkbox"] {
2305
1650
  color: hsl(var(--accent-foreground));
2306
1651
  }
2307
1652
 
1653
+ .focus\:opacity-100:focus {
1654
+ opacity: 1;
1655
+ }
1656
+
2308
1657
  .focus\:outline-none:focus {
2309
1658
  outline: 2px solid transparent;
2310
1659
  outline-offset: 2px;
@@ -2377,6 +1726,49 @@ button[role="checkbox"] {
2377
1726
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
2378
1727
  }
2379
1728
 
1729
+ .group:hover .group-hover\:opacity-100 {
1730
+ opacity: 1;
1731
+ }
1732
+
1733
+ .group.destructive .group-\[\.destructive\]\:border-muted\/40 {
1734
+ border-color: hsl(var(--muted) / 0.4);
1735
+ }
1736
+
1737
+ .group.destructive .group-\[\.destructive\]\:text-red-300 {
1738
+ --tw-text-opacity: 1;
1739
+ color: rgb(252 165 165 / var(--tw-text-opacity, 1));
1740
+ }
1741
+
1742
+ .group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
1743
+ border-color: hsl(var(--destructive) / 0.3);
1744
+ }
1745
+
1746
+ .group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
1747
+ background-color: hsl(var(--destructive));
1748
+ }
1749
+
1750
+ .group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
1751
+ color: hsl(var(--destructive-foreground));
1752
+ }
1753
+
1754
+ .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
1755
+ --tw-text-opacity: 1;
1756
+ color: rgb(254 242 242 / var(--tw-text-opacity, 1));
1757
+ }
1758
+
1759
+ .group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
1760
+ --tw-ring-color: hsl(var(--destructive));
1761
+ }
1762
+
1763
+ .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
1764
+ --tw-ring-opacity: 1;
1765
+ --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
1766
+ }
1767
+
1768
+ .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
1769
+ --tw-ring-offset-color: #dc2626;
1770
+ }
1771
+
2380
1772
  .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
2381
1773
  cursor: not-allowed;
2382
1774
  }
@@ -2413,6 +1805,21 @@ button[role="checkbox"] {
2413
1805
  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));
2414
1806
  }
2415
1807
 
1808
+ .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
1809
+ --tw-translate-x: 0px;
1810
+ 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));
1811
+ }
1812
+
1813
+ .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
1814
+ --tw-translate-x: var(--radix-toast-swipe-end-x);
1815
+ 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));
1816
+ }
1817
+
1818
+ .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
1819
+ --tw-translate-x: var(--radix-toast-swipe-move-x);
1820
+ 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));
1821
+ }
1822
+
2416
1823
  .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
2417
1824
  background-color: hsl(var(--accent));
2418
1825
  }
@@ -2459,6 +1866,10 @@ button[role="checkbox"] {
2459
1866
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2460
1867
  }
2461
1868
 
1869
+ .data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
1870
+ transition-property: none;
1871
+ }
1872
+
2462
1873
  .data-\[state\=open\]\:animate-in[data-state="open"] {
2463
1874
  animation-name: enter;
2464
1875
  animation-duration: 150ms;
@@ -2479,10 +1890,24 @@ button[role="checkbox"] {
2479
1890
  --tw-exit-translate-y: initial;
2480
1891
  }
2481
1892
 
1893
+ .data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
1894
+ animation-name: exit;
1895
+ animation-duration: 150ms;
1896
+ --tw-exit-opacity: initial;
1897
+ --tw-exit-scale: initial;
1898
+ --tw-exit-rotate: initial;
1899
+ --tw-exit-translate-x: initial;
1900
+ --tw-exit-translate-y: initial;
1901
+ }
1902
+
2482
1903
  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
2483
1904
  --tw-exit-opacity: 0;
2484
1905
  }
2485
1906
 
1907
+ .data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
1908
+ --tw-exit-opacity: 0.8;
1909
+ }
1910
+
2486
1911
  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
2487
1912
  --tw-enter-opacity: 0;
2488
1913
  }
@@ -2515,6 +1940,10 @@ button[role="checkbox"] {
2515
1940
  --tw-exit-translate-x: -50%;
2516
1941
  }
2517
1942
 
1943
+ .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] {
1944
+ --tw-exit-translate-x: 100%;
1945
+ }
1946
+
2518
1947
  .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
2519
1948
  --tw-exit-translate-y: -48%;
2520
1949
  }
@@ -2527,6 +1956,10 @@ button[role="checkbox"] {
2527
1956
  --tw-enter-translate-y: -48%;
2528
1957
  }
2529
1958
 
1959
+ .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] {
1960
+ --tw-enter-translate-y: -100%;
1961
+ }
1962
+
2530
1963
  .dark\:border-destructive:is(.dark *) {
2531
1964
  border-color: hsl(var(--destructive));
2532
1965
  }
@@ -2561,6 +1994,11 @@ button[role="checkbox"] {
2561
1994
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2562
1995
  }
2563
1996
 
1997
+ .dark\:text-green-700:is(.dark *) {
1998
+ --tw-text-opacity: 1;
1999
+ color: rgb(21 128 61 / var(--tw-text-opacity, 1));
2000
+ }
2001
+
2564
2002
  .dark\:text-white:is(.dark *) {
2565
2003
  --tw-text-opacity: 1;
2566
2004
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2582,10 +2020,26 @@ button[role="checkbox"] {
2582
2020
 
2583
2021
  @media (min-width: 640px) {
2584
2022
 
2023
+ .sm\:bottom-0 {
2024
+ bottom: 0px;
2025
+ }
2026
+
2027
+ .sm\:right-0 {
2028
+ right: 0px;
2029
+ }
2030
+
2031
+ .sm\:top-auto {
2032
+ top: auto;
2033
+ }
2034
+
2585
2035
  .sm\:flex-row {
2586
2036
  flex-direction: row;
2587
2037
  }
2588
2038
 
2039
+ .sm\:flex-col {
2040
+ flex-direction: column;
2041
+ }
2042
+
2589
2043
  .sm\:justify-end {
2590
2044
  justify-content: flex-end;
2591
2045
  }
@@ -2603,6 +2057,22 @@ button[role="checkbox"] {
2603
2057
  .sm\:text-left {
2604
2058
  text-align: left;
2605
2059
  }
2060
+
2061
+ .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] {
2062
+ --tw-enter-translate-y: 100%;
2063
+ }
2064
+ }
2065
+
2066
+ @media (min-width: 768px) {
2067
+
2068
+ .md\:max-w-\[420px\] {
2069
+ max-width: 420px;
2070
+ }
2071
+ }
2072
+
2073
+ .\[\&\+div\]\:text-xs+div {
2074
+ font-size: 0.75rem;
2075
+ line-height: 1rem;
2606
2076
  }
2607
2077
 
2608
2078
  .\[\&\>span\]\:line-clamp-1>span {