@upstash/react-redis-browser 0.2.7-canary → 0.2.7-canary-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.
package/dist/index.css CHANGED
@@ -338,7 +338,408 @@
338
338
  border-color: rgb(var(--color-zinc-200) / 1);
339
339
  }
340
340
  .ups-db {
341
- color: rgb(var(--color-zinc-700));
341
+ --color-black: 0 0 0;
342
+ --color-white: 255 255 255;
343
+ --color-zinc-50: 250 250 250;
344
+ --color-zinc-100: 244 244 245;
345
+ --color-zinc-200: 228 228 231;
346
+ --color-zinc-300: 212 212 216;
347
+ --color-zinc-400: 161 161 170;
348
+ --color-zinc-500: 113 113 122;
349
+ --color-zinc-600: 82 82 91;
350
+ --color-zinc-700: 63 63 70;
351
+ --color-zinc-800: 39 39 42;
352
+ --color-zinc-900: 24 24 27;
353
+ --color-zinc-950: 9 9 11;
354
+ --color-red-50: 254 242 242;
355
+ --color-red-100: 254 226 226;
356
+ --color-red-200: 254 202 202;
357
+ --color-red-300: 252 165 165;
358
+ --color-red-400: 248 113 113;
359
+ --color-red-500: 239 68 68;
360
+ --color-red-600: 220 38 38;
361
+ --color-red-700: 185 28 28;
362
+ --color-red-800: 153 27 27;
363
+ --color-red-900: 127 29 29;
364
+ --color-red-950: 69 10 10;
365
+ --color-orange-50: 255 247 237;
366
+ --color-orange-100: 255 237 213;
367
+ --color-orange-200: 254 215 170;
368
+ --color-orange-300: 253 186 116;
369
+ --color-orange-400: 251 146 60;
370
+ --color-orange-500: 249 115 22;
371
+ --color-orange-600: 234 88 12;
372
+ --color-orange-700: 194 65 12;
373
+ --color-orange-800: 154 52 18;
374
+ --color-orange-900: 124 45 18;
375
+ --color-orange-950: 67 20 7;
376
+ --color-amber-50: 255 251 235;
377
+ --color-amber-100: 254 243 199;
378
+ --color-amber-200: 253 230 138;
379
+ --color-amber-300: 252 211 77;
380
+ --color-amber-400: 251 191 36;
381
+ --color-amber-500: 245 158 11;
382
+ --color-amber-600: 217 119 6;
383
+ --color-amber-700: 180 83 9;
384
+ --color-amber-800: 146 64 14;
385
+ --color-amber-900: 120 53 15;
386
+ --color-amber-950: 69 26 3;
387
+ --color-yellow-50: 254 252 232;
388
+ --color-yellow-100: 254 249 195;
389
+ --color-yellow-200: 254 240 138;
390
+ --color-yellow-300: 253 224 71;
391
+ --color-yellow-400: 250 204 21;
392
+ --color-yellow-500: 234 179 8;
393
+ --color-yellow-600: 202 138 4;
394
+ --color-yellow-700: 161 98 7;
395
+ --color-yellow-800: 133 77 14;
396
+ --color-yellow-900: 113 63 18;
397
+ --color-yellow-950: 66 32 6;
398
+ --color-lime-50: 247 254 231;
399
+ --color-lime-100: 236 252 203;
400
+ --color-lime-200: 217 249 157;
401
+ --color-lime-300: 190 242 100;
402
+ --color-lime-400: 163 230 53;
403
+ --color-lime-500: 132 204 22;
404
+ --color-lime-600: 101 163 13;
405
+ --color-lime-700: 77 124 15;
406
+ --color-lime-800: 63 98 18;
407
+ --color-lime-900: 54 83 20;
408
+ --color-lime-950: 26 46 5;
409
+ --color-green-50: 240 253 244;
410
+ --color-green-100: 220 252 231;
411
+ --color-green-200: 187 247 208;
412
+ --color-green-300: 134 239 172;
413
+ --color-green-400: 74 222 128;
414
+ --color-green-500: 34 197 94;
415
+ --color-green-600: 22 163 74;
416
+ --color-green-700: 21 128 61;
417
+ --color-green-800: 22 101 52;
418
+ --color-green-900: 20 83 45;
419
+ --color-green-950: 5 46 22;
420
+ --color-emerald-50: 236 253 245;
421
+ --color-emerald-100: 209 250 229;
422
+ --color-emerald-200: 167 243 208;
423
+ --color-emerald-300: 110 231 183;
424
+ --color-emerald-400: 52 211 153;
425
+ --color-emerald-500: 16 185 129;
426
+ --color-emerald-600: 5 150 105;
427
+ --color-emerald-700: 4 120 87;
428
+ --color-emerald-800: 6 95 70;
429
+ --color-emerald-900: 6 78 59;
430
+ --color-emerald-950: 2 44 34;
431
+ --color-teal-50: 240 253 250;
432
+ --color-teal-100: 204 251 241;
433
+ --color-teal-200: 153 246 228;
434
+ --color-teal-300: 94 234 212;
435
+ --color-teal-400: 45 212 191;
436
+ --color-teal-500: 20 184 166;
437
+ --color-teal-600: 13 148 136;
438
+ --color-teal-700: 15 118 110;
439
+ --color-teal-800: 17 94 89;
440
+ --color-teal-900: 19 78 74;
441
+ --color-teal-950: 4 47 46;
442
+ --color-cyan-50: 236 254 255;
443
+ --color-cyan-100: 207 250 254;
444
+ --color-cyan-200: 165 243 252;
445
+ --color-cyan-300: 103 232 249;
446
+ --color-cyan-400: 34 211 238;
447
+ --color-cyan-500: 6 182 212;
448
+ --color-cyan-600: 8 145 178;
449
+ --color-cyan-700: 14 116 144;
450
+ --color-cyan-800: 21 94 117;
451
+ --color-cyan-900: 22 78 99;
452
+ --color-cyan-950: 8 51 68;
453
+ --color-sky-50: 240 249 255;
454
+ --color-sky-100: 224 242 254;
455
+ --color-sky-200: 186 230 253;
456
+ --color-sky-300: 125 211 252;
457
+ --color-sky-400: 56 189 248;
458
+ --color-sky-500: 14 165 233;
459
+ --color-sky-600: 2 132 199;
460
+ --color-sky-700: 3 105 161;
461
+ --color-sky-800: 7 89 133;
462
+ --color-sky-900: 12 74 110;
463
+ --color-sky-950: 8 47 73;
464
+ --color-blue-50: 239 246 255;
465
+ --color-blue-100: 219 234 254;
466
+ --color-blue-200: 191 219 254;
467
+ --color-blue-300: 147 197 253;
468
+ --color-blue-400: 96 165 250;
469
+ --color-blue-500: 59 130 246;
470
+ --color-blue-600: 37 99 235;
471
+ --color-blue-700: 29 78 216;
472
+ --color-blue-800: 30 64 175;
473
+ --color-blue-900: 30 58 138;
474
+ --color-blue-950: 23 37 84;
475
+ --color-indigo-50: 238 242 255;
476
+ --color-indigo-100: 224 231 255;
477
+ --color-indigo-200: 199 210 254;
478
+ --color-indigo-300: 165 180 252;
479
+ --color-indigo-400: 129 140 248;
480
+ --color-indigo-500: 99 102 241;
481
+ --color-indigo-600: 79 70 229;
482
+ --color-indigo-700: 67 56 202;
483
+ --color-indigo-800: 55 48 163;
484
+ --color-indigo-900: 49 46 129;
485
+ --color-indigo-950: 30 27 75;
486
+ --color-violet-50: 245 243 255;
487
+ --color-violet-100: 237 233 254;
488
+ --color-violet-200: 221 214 254;
489
+ --color-violet-300: 196 181 253;
490
+ --color-violet-400: 167 139 250;
491
+ --color-violet-500: 139 92 246;
492
+ --color-violet-600: 124 58 237;
493
+ --color-violet-700: 109 40 217;
494
+ --color-violet-800: 91 33 182;
495
+ --color-violet-900: 76 29 149;
496
+ --color-violet-950: 46 16 101;
497
+ --color-purple-50: 250 245 255;
498
+ --color-purple-100: 243 232 255;
499
+ --color-purple-200: 233 213 255;
500
+ --color-purple-300: 216 180 254;
501
+ --color-purple-400: 192 132 252;
502
+ --color-purple-500: 168 85 247;
503
+ --color-purple-600: 147 51 234;
504
+ --color-purple-700: 126 34 206;
505
+ --color-purple-800: 107 33 168;
506
+ --color-purple-900: 88 28 135;
507
+ --color-purple-950: 59 7 100;
508
+ --color-fuchsia-50: 253 244 255;
509
+ --color-fuchsia-100: 250 232 255;
510
+ --color-fuchsia-200: 245 208 254;
511
+ --color-fuchsia-300: 240 171 252;
512
+ --color-fuchsia-400: 232 121 249;
513
+ --color-fuchsia-500: 217 70 239;
514
+ --color-fuchsia-600: 192 38 211;
515
+ --color-fuchsia-700: 162 28 175;
516
+ --color-fuchsia-800: 134 25 143;
517
+ --color-fuchsia-900: 112 26 117;
518
+ --color-fuchsia-950: 74 4 78;
519
+ --color-pink-50: 253 242 248;
520
+ --color-pink-100: 252 231 243;
521
+ --color-pink-200: 251 207 232;
522
+ --color-pink-300: 249 168 212;
523
+ --color-pink-400: 244 114 182;
524
+ --color-pink-500: 236 72 153;
525
+ --color-pink-600: 219 39 119;
526
+ --color-pink-700: 190 24 93;
527
+ --color-pink-800: 157 23 77;
528
+ --color-pink-900: 131 24 67;
529
+ --color-pink-950: 80 7 36;
530
+ --color-rose-50: 255 241 242;
531
+ --color-rose-100: 255 228 230;
532
+ --color-rose-200: 254 205 211;
533
+ --color-rose-300: 253 164 175;
534
+ --color-rose-400: 251 113 133;
535
+ --color-rose-500: 244 63 94;
536
+ --color-rose-600: 225 29 72;
537
+ --color-rose-700: 190 18 60;
538
+ --color-rose-800: 159 18 57;
539
+ --color-rose-900: 136 19 55;
540
+ --color-rose-950: 76 5 25;
541
+ }
542
+ .ups-db :is(.dark *) {
543
+ --color-black: 255 255 255;
544
+ --color-white: 24 24 27;
545
+ --color-zinc-50: 9 9 11;
546
+ --color-zinc-100: 24 24 27;
547
+ --color-zinc-200: 39 39 42;
548
+ --color-zinc-300: 63 63 70;
549
+ --color-zinc-400: 82 82 91;
550
+ --color-zinc-500: 113 113 122;
551
+ --color-zinc-600: 161 161 170;
552
+ --color-zinc-700: 212 212 216;
553
+ --color-zinc-800: 228 228 231;
554
+ --color-zinc-900: 244 244 245;
555
+ --color-zinc-950: 250 250 250;
556
+ --color-red-50: 69 10 10;
557
+ --color-red-100: 127 29 29;
558
+ --color-red-200: 153 27 27;
559
+ --color-red-300: 185 28 28;
560
+ --color-red-400: 220 38 38;
561
+ --color-red-500: 239 68 68;
562
+ --color-red-600: 248 113 113;
563
+ --color-red-700: 252 165 165;
564
+ --color-red-800: 254 202 202;
565
+ --color-red-900: 254 226 226;
566
+ --color-red-950: 254 242 242;
567
+ --color-orange-50: 67 20 7;
568
+ --color-orange-100: 124 45 18;
569
+ --color-orange-200: 154 52 18;
570
+ --color-orange-300: 194 65 12;
571
+ --color-orange-400: 234 88 12;
572
+ --color-orange-500: 249 115 22;
573
+ --color-orange-600: 251 146 60;
574
+ --color-orange-700: 253 186 116;
575
+ --color-orange-800: 254 215 170;
576
+ --color-orange-900: 255 237 213;
577
+ --color-orange-950: 255 247 237;
578
+ --color-amber-50: 69 26 3;
579
+ --color-amber-100: 120 53 15;
580
+ --color-amber-200: 146 64 14;
581
+ --color-amber-300: 180 83 9;
582
+ --color-amber-400: 217 119 6;
583
+ --color-amber-500: 245 158 11;
584
+ --color-amber-600: 251 191 36;
585
+ --color-amber-700: 252 211 77;
586
+ --color-amber-800: 253 230 138;
587
+ --color-amber-900: 254 243 199;
588
+ --color-amber-950: 255 251 235;
589
+ --color-yellow-50: 66 32 6;
590
+ --color-yellow-100: 113 63 18;
591
+ --color-yellow-200: 133 77 14;
592
+ --color-yellow-300: 161 98 7;
593
+ --color-yellow-400: 202 138 4;
594
+ --color-yellow-500: 234 179 8;
595
+ --color-yellow-600: 250 204 21;
596
+ --color-yellow-700: 253 224 71;
597
+ --color-yellow-800: 254 240 138;
598
+ --color-yellow-900: 254 249 195;
599
+ --color-yellow-950: 254 252 232;
600
+ --color-lime-50: 26 46 5;
601
+ --color-lime-100: 54 83 20;
602
+ --color-lime-200: 63 98 18;
603
+ --color-lime-300: 77 124 15;
604
+ --color-lime-400: 101 163 13;
605
+ --color-lime-500: 132 204 22;
606
+ --color-lime-600: 163 230 53;
607
+ --color-lime-700: 190 242 100;
608
+ --color-lime-800: 217 249 157;
609
+ --color-lime-900: 236 252 203;
610
+ --color-lime-950: 247 254 231;
611
+ --color-green-50: 5 46 22;
612
+ --color-green-100: 20 83 45;
613
+ --color-green-200: 22 101 52;
614
+ --color-green-300: 21 128 61;
615
+ --color-green-400: 22 163 74;
616
+ --color-green-500: 34 197 94;
617
+ --color-green-600: 74 222 128;
618
+ --color-green-700: 134 239 172;
619
+ --color-green-800: 187 247 208;
620
+ --color-green-900: 220 252 231;
621
+ --color-green-950: 240 253 244;
622
+ --color-emerald-50: 2 44 34;
623
+ --color-emerald-100: 6 78 59;
624
+ --color-emerald-200: 6 95 70;
625
+ --color-emerald-300: 4 120 87;
626
+ --color-emerald-400: 5 150 105;
627
+ --color-emerald-500: 16 185 129;
628
+ --color-emerald-600: 52 211 153;
629
+ --color-emerald-700: 110 231 183;
630
+ --color-emerald-800: 167 243 208;
631
+ --color-emerald-900: 209 250 229;
632
+ --color-emerald-950: 236 253 245;
633
+ --color-teal-50: 4 47 46;
634
+ --color-teal-100: 19 78 74;
635
+ --color-teal-200: 17 94 89;
636
+ --color-teal-300: 15 118 110;
637
+ --color-teal-400: 13 148 136;
638
+ --color-teal-500: 20 184 166;
639
+ --color-teal-600: 45 212 191;
640
+ --color-teal-700: 94 234 212;
641
+ --color-teal-800: 153 246 228;
642
+ --color-teal-900: 204 251 241;
643
+ --color-teal-950: 240 253 250;
644
+ --color-cyan-50: 8 51 68;
645
+ --color-cyan-100: 22 78 99;
646
+ --color-cyan-200: 21 94 117;
647
+ --color-cyan-300: 14 116 144;
648
+ --color-cyan-400: 8 145 178;
649
+ --color-cyan-500: 6 182 212;
650
+ --color-cyan-600: 34 211 238;
651
+ --color-cyan-700: 103 232 249;
652
+ --color-cyan-800: 165 243 252;
653
+ --color-cyan-900: 207 250 254;
654
+ --color-cyan-950: 236 254 255;
655
+ --color-sky-50: 8 47 73;
656
+ --color-sky-100: 12 74 110;
657
+ --color-sky-200: 7 89 133;
658
+ --color-sky-300: 3 105 161;
659
+ --color-sky-400: 2 132 199;
660
+ --color-sky-500: 14 165 233;
661
+ --color-sky-600: 56 189 248;
662
+ --color-sky-700: 125 211 252;
663
+ --color-sky-800: 186 230 253;
664
+ --color-sky-900: 224 242 254;
665
+ --color-sky-950: 240 249 255;
666
+ --color-blue-50: 23 37 84;
667
+ --color-blue-100: 30 58 138;
668
+ --color-blue-200: 30 64 175;
669
+ --color-blue-300: 29 78 216;
670
+ --color-blue-400: 37 99 235;
671
+ --color-blue-500: 59 130 246;
672
+ --color-blue-600: 96 165 250;
673
+ --color-blue-700: 147 197 253;
674
+ --color-blue-800: 191 219 254;
675
+ --color-blue-900: 219 234 254;
676
+ --color-blue-950: 239 246 255;
677
+ --color-indigo-50: 30 27 75;
678
+ --color-indigo-100: 49 46 129;
679
+ --color-indigo-200: 55 48 163;
680
+ --color-indigo-300: 67 56 202;
681
+ --color-indigo-400: 79 70 229;
682
+ --color-indigo-500: 99 102 241;
683
+ --color-indigo-600: 129 140 248;
684
+ --color-indigo-700: 165 180 252;
685
+ --color-indigo-800: 199 210 254;
686
+ --color-indigo-900: 224 231 255;
687
+ --color-indigo-950: 238 242 255;
688
+ --color-violet-50: 46 16 101;
689
+ --color-violet-100: 76 29 149;
690
+ --color-violet-200: 91 33 182;
691
+ --color-violet-300: 109 40 217;
692
+ --color-violet-400: 124 58 237;
693
+ --color-violet-500: 139 92 246;
694
+ --color-violet-600: 167 139 250;
695
+ --color-violet-700: 196 181 253;
696
+ --color-violet-800: 221 214 254;
697
+ --color-violet-900: 237 233 254;
698
+ --color-violet-950: 245 243 255;
699
+ --color-purple-50: 59 7 100;
700
+ --color-purple-100: 88 28 135;
701
+ --color-purple-200: 107 33 168;
702
+ --color-purple-300: 126 34 206;
703
+ --color-purple-400: 147 51 234;
704
+ --color-purple-500: 168 85 247;
705
+ --color-purple-600: 192 132 252;
706
+ --color-purple-700: 216 180 254;
707
+ --color-purple-800: 233 213 255;
708
+ --color-purple-900: 243 232 255;
709
+ --color-purple-950: 250 245 255;
710
+ --color-fuchsia-50: 74 4 78;
711
+ --color-fuchsia-100: 112 26 117;
712
+ --color-fuchsia-200: 134 25 143;
713
+ --color-fuchsia-300: 162 28 175;
714
+ --color-fuchsia-400: 192 38 211;
715
+ --color-fuchsia-500: 217 70 239;
716
+ --color-fuchsia-600: 232 121 249;
717
+ --color-fuchsia-700: 240 171 252;
718
+ --color-fuchsia-800: 245 208 254;
719
+ --color-fuchsia-900: 250 232 255;
720
+ --color-fuchsia-950: 253 244 255;
721
+ --color-pink-50: 80 7 36;
722
+ --color-pink-100: 131 24 67;
723
+ --color-pink-200: 157 23 77;
724
+ --color-pink-300: 190 24 93;
725
+ --color-pink-400: 219 39 119;
726
+ --color-pink-500: 236 72 153;
727
+ --color-pink-600: 244 114 182;
728
+ --color-pink-700: 249 168 212;
729
+ --color-pink-800: 251 207 232;
730
+ --color-pink-900: 252 231 243;
731
+ --color-pink-950: 253 242 248;
732
+ --color-rose-50: 76 5 25;
733
+ --color-rose-100: 136 19 55;
734
+ --color-rose-200: 159 18 57;
735
+ --color-rose-300: 190 18 60;
736
+ --color-rose-400: 225 29 72;
737
+ --color-rose-500: 244 63 94;
738
+ --color-rose-600: 251 113 133;
739
+ --color-rose-700: 253 164 175;
740
+ --color-rose-800: 254 205 211;
741
+ --color-rose-900: 255 228 230;
742
+ --color-rose-950: 255 241 242;
342
743
  }
343
744
  .ups-db .container {
344
745
  width: 100%;
@@ -1455,515 +1856,111 @@
1455
1856
  text-decoration-color,
1456
1857
  fill,
1457
1858
  stroke,
1458
- opacity,
1459
- box-shadow,
1460
- transform,
1461
- filter,
1462
- backdrop-filter,
1463
- -webkit-backdrop-filter;
1464
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1465
- transition-duration: 150ms;
1466
- }
1467
- .ups-db .transition-all {
1468
- transition-property: all;
1469
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1470
- transition-duration: 150ms;
1471
- }
1472
- .ups-db .transition-colors {
1473
- transition-property:
1474
- color,
1475
- background-color,
1476
- border-color,
1477
- text-decoration-color,
1478
- fill,
1479
- stroke;
1480
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1481
- transition-duration: 150ms;
1482
- }
1483
- .ups-db .transition-opacity {
1484
- transition-property: opacity;
1485
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1486
- transition-duration: 150ms;
1487
- }
1488
- .ups-db .duration-200 {
1489
- transition-duration: 200ms;
1490
- }
1491
- @keyframes enter {
1492
- from {
1493
- opacity: var(--tw-enter-opacity, 1);
1494
- 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));
1495
- }
1496
- }
1497
- @keyframes exit {
1498
- to {
1499
- opacity: var(--tw-exit-opacity, 1);
1500
- 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));
1501
- }
1502
- }
1503
- .ups-db .animate-in {
1504
- animation-name: enter;
1505
- animation-duration: 150ms;
1506
- --tw-enter-opacity: initial;
1507
- --tw-enter-scale: initial;
1508
- --tw-enter-rotate: initial;
1509
- --tw-enter-translate-x: initial;
1510
- --tw-enter-translate-y: initial;
1511
- }
1512
- .ups-db .fade-in-0 {
1513
- --tw-enter-opacity: 0;
1514
- }
1515
- .ups-db .zoom-in-95 {
1516
- --tw-enter-scale: .95;
1517
- }
1518
- .ups-db .duration-200 {
1519
- animation-duration: 200ms;
1520
- }
1521
- .ups-db .tabs-shadow-left {
1522
- background:
1523
- linear-gradient(
1524
- to right,
1525
- rgba(0, 0, 0, 0.08),
1526
- rgba(0, 0, 0, 0));
1527
- }
1528
- .ups-db .tabs-shadow-right {
1529
- background:
1530
- linear-gradient(
1531
- to left,
1532
- rgba(0, 0, 0, 0.08),
1533
- rgba(0, 0, 0, 0));
1534
- }
1535
- .ups-db svg.tabler-icon {
1536
- stroke-width: 1.2 !important;
1537
- }
1538
- .ups-db .mtk5 {
1539
- color: #336554 !important;
1540
- }
1541
- .ups-db .mtk6 {
1542
- color: #a626a4 !important;
1859
+ opacity,
1860
+ box-shadow,
1861
+ transform,
1862
+ filter,
1863
+ backdrop-filter,
1864
+ -webkit-backdrop-filter;
1865
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1866
+ transition-duration: 150ms;
1543
1867
  }
1544
- .ups-db .mtk20 {
1545
- color: #059669 !important;
1868
+ .ups-db .transition-all {
1869
+ transition-property: all;
1870
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1871
+ transition-duration: 150ms;
1546
1872
  }
1547
- .ups-db .mtk8 {
1548
- color: #fcc28c !important;
1873
+ .ups-db .transition-colors {
1874
+ transition-property:
1875
+ color,
1876
+ background-color,
1877
+ border-color,
1878
+ text-decoration-color,
1879
+ fill,
1880
+ stroke;
1881
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1882
+ transition-duration: 150ms;
1549
1883
  }
1550
- .ups-db .dark .mtk22,
1551
- .ups-db .dark .mtk1,
1552
- .ups-db .dark .mtk9 {
1553
- color: #fafafa !important;
1884
+ .ups-db .transition-opacity {
1885
+ transition-property: opacity;
1886
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1887
+ transition-duration: 150ms;
1554
1888
  }
1555
- .ups-db .dark .mtk8 {
1556
- color: #f0abfc !important;
1889
+ .ups-db .duration-200 {
1890
+ transition-duration: 200ms;
1557
1891
  }
1558
- .ups-db .dark .mtk5 {
1559
- color: #6ee7b7 !important;
1892
+ @keyframes enter {
1893
+ from {
1894
+ opacity: var(--tw-enter-opacity, 1);
1895
+ 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));
1896
+ }
1560
1897
  }
1561
- .ups-db .monaco-editor {
1562
- --vscode-focusBorder: #0000 !important;
1898
+ @keyframes exit {
1899
+ to {
1900
+ opacity: var(--tw-exit-opacity, 1);
1901
+ 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));
1902
+ }
1563
1903
  }
1564
- .ups-db {
1565
- --color-black: 0 0 0;
1566
- --color-white: 255 255 255;
1567
- --color-zinc-50: 250 250 250;
1568
- --color-zinc-100: 244 244 245;
1569
- --color-zinc-200: 228 228 231;
1570
- --color-zinc-300: 212 212 216;
1571
- --color-zinc-400: 161 161 170;
1572
- --color-zinc-500: 113 113 122;
1573
- --color-zinc-600: 82 82 91;
1574
- --color-zinc-700: 63 63 70;
1575
- --color-zinc-800: 39 39 42;
1576
- --color-zinc-900: 24 24 27;
1577
- --color-zinc-950: 9 9 11;
1578
- --color-red-50: 254 242 242;
1579
- --color-red-100: 254 226 226;
1580
- --color-red-200: 254 202 202;
1581
- --color-red-300: 252 165 165;
1582
- --color-red-400: 248 113 113;
1583
- --color-red-500: 239 68 68;
1584
- --color-red-600: 220 38 38;
1585
- --color-red-700: 185 28 28;
1586
- --color-red-800: 153 27 27;
1587
- --color-red-900: 127 29 29;
1588
- --color-red-950: 69 10 10;
1589
- --color-orange-50: 255 247 237;
1590
- --color-orange-100: 255 237 213;
1591
- --color-orange-200: 254 215 170;
1592
- --color-orange-300: 253 186 116;
1593
- --color-orange-400: 251 146 60;
1594
- --color-orange-500: 249 115 22;
1595
- --color-orange-600: 234 88 12;
1596
- --color-orange-700: 194 65 12;
1597
- --color-orange-800: 154 52 18;
1598
- --color-orange-900: 124 45 18;
1599
- --color-orange-950: 67 20 7;
1600
- --color-amber-50: 255 251 235;
1601
- --color-amber-100: 254 243 199;
1602
- --color-amber-200: 253 230 138;
1603
- --color-amber-300: 252 211 77;
1604
- --color-amber-400: 251 191 36;
1605
- --color-amber-500: 245 158 11;
1606
- --color-amber-600: 217 119 6;
1607
- --color-amber-700: 180 83 9;
1608
- --color-amber-800: 146 64 14;
1609
- --color-amber-900: 120 53 15;
1610
- --color-amber-950: 69 26 3;
1611
- --color-yellow-50: 254 252 232;
1612
- --color-yellow-100: 254 249 195;
1613
- --color-yellow-200: 254 240 138;
1614
- --color-yellow-300: 253 224 71;
1615
- --color-yellow-400: 250 204 21;
1616
- --color-yellow-500: 234 179 8;
1617
- --color-yellow-600: 202 138 4;
1618
- --color-yellow-700: 161 98 7;
1619
- --color-yellow-800: 133 77 14;
1620
- --color-yellow-900: 113 63 18;
1621
- --color-yellow-950: 66 32 6;
1622
- --color-lime-50: 247 254 231;
1623
- --color-lime-100: 236 252 203;
1624
- --color-lime-200: 217 249 157;
1625
- --color-lime-300: 190 242 100;
1626
- --color-lime-400: 163 230 53;
1627
- --color-lime-500: 132 204 22;
1628
- --color-lime-600: 101 163 13;
1629
- --color-lime-700: 77 124 15;
1630
- --color-lime-800: 63 98 18;
1631
- --color-lime-900: 54 83 20;
1632
- --color-lime-950: 26 46 5;
1633
- --color-green-50: 240 253 244;
1634
- --color-green-100: 220 252 231;
1635
- --color-green-200: 187 247 208;
1636
- --color-green-300: 134 239 172;
1637
- --color-green-400: 74 222 128;
1638
- --color-green-500: 34 197 94;
1639
- --color-green-600: 22 163 74;
1640
- --color-green-700: 21 128 61;
1641
- --color-green-800: 22 101 52;
1642
- --color-green-900: 20 83 45;
1643
- --color-green-950: 5 46 22;
1644
- --color-emerald-50: 236 253 245;
1645
- --color-emerald-100: 209 250 229;
1646
- --color-emerald-200: 167 243 208;
1647
- --color-emerald-300: 110 231 183;
1648
- --color-emerald-400: 52 211 153;
1649
- --color-emerald-500: 16 185 129;
1650
- --color-emerald-600: 5 150 105;
1651
- --color-emerald-700: 4 120 87;
1652
- --color-emerald-800: 6 95 70;
1653
- --color-emerald-900: 6 78 59;
1654
- --color-emerald-950: 2 44 34;
1655
- --color-teal-50: 240 253 250;
1656
- --color-teal-100: 204 251 241;
1657
- --color-teal-200: 153 246 228;
1658
- --color-teal-300: 94 234 212;
1659
- --color-teal-400: 45 212 191;
1660
- --color-teal-500: 20 184 166;
1661
- --color-teal-600: 13 148 136;
1662
- --color-teal-700: 15 118 110;
1663
- --color-teal-800: 17 94 89;
1664
- --color-teal-900: 19 78 74;
1665
- --color-teal-950: 4 47 46;
1666
- --color-cyan-50: 236 254 255;
1667
- --color-cyan-100: 207 250 254;
1668
- --color-cyan-200: 165 243 252;
1669
- --color-cyan-300: 103 232 249;
1670
- --color-cyan-400: 34 211 238;
1671
- --color-cyan-500: 6 182 212;
1672
- --color-cyan-600: 8 145 178;
1673
- --color-cyan-700: 14 116 144;
1674
- --color-cyan-800: 21 94 117;
1675
- --color-cyan-900: 22 78 99;
1676
- --color-cyan-950: 8 51 68;
1677
- --color-sky-50: 240 249 255;
1678
- --color-sky-100: 224 242 254;
1679
- --color-sky-200: 186 230 253;
1680
- --color-sky-300: 125 211 252;
1681
- --color-sky-400: 56 189 248;
1682
- --color-sky-500: 14 165 233;
1683
- --color-sky-600: 2 132 199;
1684
- --color-sky-700: 3 105 161;
1685
- --color-sky-800: 7 89 133;
1686
- --color-sky-900: 12 74 110;
1687
- --color-sky-950: 8 47 73;
1688
- --color-blue-50: 239 246 255;
1689
- --color-blue-100: 219 234 254;
1690
- --color-blue-200: 191 219 254;
1691
- --color-blue-300: 147 197 253;
1692
- --color-blue-400: 96 165 250;
1693
- --color-blue-500: 59 130 246;
1694
- --color-blue-600: 37 99 235;
1695
- --color-blue-700: 29 78 216;
1696
- --color-blue-800: 30 64 175;
1697
- --color-blue-900: 30 58 138;
1698
- --color-blue-950: 23 37 84;
1699
- --color-indigo-50: 238 242 255;
1700
- --color-indigo-100: 224 231 255;
1701
- --color-indigo-200: 199 210 254;
1702
- --color-indigo-300: 165 180 252;
1703
- --color-indigo-400: 129 140 248;
1704
- --color-indigo-500: 99 102 241;
1705
- --color-indigo-600: 79 70 229;
1706
- --color-indigo-700: 67 56 202;
1707
- --color-indigo-800: 55 48 163;
1708
- --color-indigo-900: 49 46 129;
1709
- --color-indigo-950: 30 27 75;
1710
- --color-violet-50: 245 243 255;
1711
- --color-violet-100: 237 233 254;
1712
- --color-violet-200: 221 214 254;
1713
- --color-violet-300: 196 181 253;
1714
- --color-violet-400: 167 139 250;
1715
- --color-violet-500: 139 92 246;
1716
- --color-violet-600: 124 58 237;
1717
- --color-violet-700: 109 40 217;
1718
- --color-violet-800: 91 33 182;
1719
- --color-violet-900: 76 29 149;
1720
- --color-violet-950: 46 16 101;
1721
- --color-purple-50: 250 245 255;
1722
- --color-purple-100: 243 232 255;
1723
- --color-purple-200: 233 213 255;
1724
- --color-purple-300: 216 180 254;
1725
- --color-purple-400: 192 132 252;
1726
- --color-purple-500: 168 85 247;
1727
- --color-purple-600: 147 51 234;
1728
- --color-purple-700: 126 34 206;
1729
- --color-purple-800: 107 33 168;
1730
- --color-purple-900: 88 28 135;
1731
- --color-purple-950: 59 7 100;
1732
- --color-fuchsia-50: 253 244 255;
1733
- --color-fuchsia-100: 250 232 255;
1734
- --color-fuchsia-200: 245 208 254;
1735
- --color-fuchsia-300: 240 171 252;
1736
- --color-fuchsia-400: 232 121 249;
1737
- --color-fuchsia-500: 217 70 239;
1738
- --color-fuchsia-600: 192 38 211;
1739
- --color-fuchsia-700: 162 28 175;
1740
- --color-fuchsia-800: 134 25 143;
1741
- --color-fuchsia-900: 112 26 117;
1742
- --color-fuchsia-950: 74 4 78;
1743
- --color-pink-50: 253 242 248;
1744
- --color-pink-100: 252 231 243;
1745
- --color-pink-200: 251 207 232;
1746
- --color-pink-300: 249 168 212;
1747
- --color-pink-400: 244 114 182;
1748
- --color-pink-500: 236 72 153;
1749
- --color-pink-600: 219 39 119;
1750
- --color-pink-700: 190 24 93;
1751
- --color-pink-800: 157 23 77;
1752
- --color-pink-900: 131 24 67;
1753
- --color-pink-950: 80 7 36;
1754
- --color-rose-50: 255 241 242;
1755
- --color-rose-100: 255 228 230;
1756
- --color-rose-200: 254 205 211;
1757
- --color-rose-300: 253 164 175;
1758
- --color-rose-400: 251 113 133;
1759
- --color-rose-500: 244 63 94;
1760
- --color-rose-600: 225 29 72;
1761
- --color-rose-700: 190 18 60;
1762
- --color-rose-800: 159 18 57;
1763
- --color-rose-900: 136 19 55;
1764
- --color-rose-950: 76 5 25;
1904
+ .ups-db .animate-in {
1905
+ animation-name: enter;
1906
+ animation-duration: 150ms;
1907
+ --tw-enter-opacity: initial;
1908
+ --tw-enter-scale: initial;
1909
+ --tw-enter-rotate: initial;
1910
+ --tw-enter-translate-x: initial;
1911
+ --tw-enter-translate-y: initial;
1765
1912
  }
1766
- .ups-db .dark {
1767
- --color-black: 255 255 255;
1768
- --color-white: 24 24 27;
1769
- --color-zinc-50: 9 9 11;
1770
- --color-zinc-100: 24 24 27;
1771
- --color-zinc-200: 39 39 42;
1772
- --color-zinc-300: 63 63 70;
1773
- --color-zinc-400: 82 82 91;
1774
- --color-zinc-500: 113 113 122;
1775
- --color-zinc-600: 161 161 170;
1776
- --color-zinc-700: 212 212 216;
1777
- --color-zinc-800: 228 228 231;
1778
- --color-zinc-900: 244 244 245;
1779
- --color-zinc-950: 250 250 250;
1780
- --color-red-50: 69 10 10;
1781
- --color-red-100: 127 29 29;
1782
- --color-red-200: 153 27 27;
1783
- --color-red-300: 185 28 28;
1784
- --color-red-400: 220 38 38;
1785
- --color-red-500: 239 68 68;
1786
- --color-red-600: 248 113 113;
1787
- --color-red-700: 252 165 165;
1788
- --color-red-800: 254 202 202;
1789
- --color-red-900: 254 226 226;
1790
- --color-red-950: 254 242 242;
1791
- --color-orange-50: 67 20 7;
1792
- --color-orange-100: 124 45 18;
1793
- --color-orange-200: 154 52 18;
1794
- --color-orange-300: 194 65 12;
1795
- --color-orange-400: 234 88 12;
1796
- --color-orange-500: 249 115 22;
1797
- --color-orange-600: 251 146 60;
1798
- --color-orange-700: 253 186 116;
1799
- --color-orange-800: 254 215 170;
1800
- --color-orange-900: 255 237 213;
1801
- --color-orange-950: 255 247 237;
1802
- --color-amber-50: 69 26 3;
1803
- --color-amber-100: 120 53 15;
1804
- --color-amber-200: 146 64 14;
1805
- --color-amber-300: 180 83 9;
1806
- --color-amber-400: 217 119 6;
1807
- --color-amber-500: 245 158 11;
1808
- --color-amber-600: 251 191 36;
1809
- --color-amber-700: 252 211 77;
1810
- --color-amber-800: 253 230 138;
1811
- --color-amber-900: 254 243 199;
1812
- --color-amber-950: 255 251 235;
1813
- --color-yellow-50: 66 32 6;
1814
- --color-yellow-100: 113 63 18;
1815
- --color-yellow-200: 133 77 14;
1816
- --color-yellow-300: 161 98 7;
1817
- --color-yellow-400: 202 138 4;
1818
- --color-yellow-500: 234 179 8;
1819
- --color-yellow-600: 250 204 21;
1820
- --color-yellow-700: 253 224 71;
1821
- --color-yellow-800: 254 240 138;
1822
- --color-yellow-900: 254 249 195;
1823
- --color-yellow-950: 254 252 232;
1824
- --color-lime-50: 26 46 5;
1825
- --color-lime-100: 54 83 20;
1826
- --color-lime-200: 63 98 18;
1827
- --color-lime-300: 77 124 15;
1828
- --color-lime-400: 101 163 13;
1829
- --color-lime-500: 132 204 22;
1830
- --color-lime-600: 163 230 53;
1831
- --color-lime-700: 190 242 100;
1832
- --color-lime-800: 217 249 157;
1833
- --color-lime-900: 236 252 203;
1834
- --color-lime-950: 247 254 231;
1835
- --color-green-50: 5 46 22;
1836
- --color-green-100: 20 83 45;
1837
- --color-green-200: 22 101 52;
1838
- --color-green-300: 21 128 61;
1839
- --color-green-400: 22 163 74;
1840
- --color-green-500: 34 197 94;
1841
- --color-green-600: 74 222 128;
1842
- --color-green-700: 134 239 172;
1843
- --color-green-800: 187 247 208;
1844
- --color-green-900: 220 252 231;
1845
- --color-green-950: 240 253 244;
1846
- --color-emerald-50: 2 44 34;
1847
- --color-emerald-100: 6 78 59;
1848
- --color-emerald-200: 6 95 70;
1849
- --color-emerald-300: 4 120 87;
1850
- --color-emerald-400: 5 150 105;
1851
- --color-emerald-500: 16 185 129;
1852
- --color-emerald-600: 52 211 153;
1853
- --color-emerald-700: 110 231 183;
1854
- --color-emerald-800: 167 243 208;
1855
- --color-emerald-900: 209 250 229;
1856
- --color-emerald-950: 236 253 245;
1857
- --color-teal-50: 4 47 46;
1858
- --color-teal-100: 19 78 74;
1859
- --color-teal-200: 17 94 89;
1860
- --color-teal-300: 15 118 110;
1861
- --color-teal-400: 13 148 136;
1862
- --color-teal-500: 20 184 166;
1863
- --color-teal-600: 45 212 191;
1864
- --color-teal-700: 94 234 212;
1865
- --color-teal-800: 153 246 228;
1866
- --color-teal-900: 204 251 241;
1867
- --color-teal-950: 240 253 250;
1868
- --color-cyan-50: 8 51 68;
1869
- --color-cyan-100: 22 78 99;
1870
- --color-cyan-200: 21 94 117;
1871
- --color-cyan-300: 14 116 144;
1872
- --color-cyan-400: 8 145 178;
1873
- --color-cyan-500: 6 182 212;
1874
- --color-cyan-600: 34 211 238;
1875
- --color-cyan-700: 103 232 249;
1876
- --color-cyan-800: 165 243 252;
1877
- --color-cyan-900: 207 250 254;
1878
- --color-cyan-950: 236 254 255;
1879
- --color-sky-50: 8 47 73;
1880
- --color-sky-100: 12 74 110;
1881
- --color-sky-200: 7 89 133;
1882
- --color-sky-300: 3 105 161;
1883
- --color-sky-400: 2 132 199;
1884
- --color-sky-500: 14 165 233;
1885
- --color-sky-600: 56 189 248;
1886
- --color-sky-700: 125 211 252;
1887
- --color-sky-800: 186 230 253;
1888
- --color-sky-900: 224 242 254;
1889
- --color-sky-950: 240 249 255;
1890
- --color-blue-50: 23 37 84;
1891
- --color-blue-100: 30 58 138;
1892
- --color-blue-200: 30 64 175;
1893
- --color-blue-300: 29 78 216;
1894
- --color-blue-400: 37 99 235;
1895
- --color-blue-500: 59 130 246;
1896
- --color-blue-600: 96 165 250;
1897
- --color-blue-700: 147 197 253;
1898
- --color-blue-800: 191 219 254;
1899
- --color-blue-900: 219 234 254;
1900
- --color-blue-950: 239 246 255;
1901
- --color-indigo-50: 30 27 75;
1902
- --color-indigo-100: 49 46 129;
1903
- --color-indigo-200: 55 48 163;
1904
- --color-indigo-300: 67 56 202;
1905
- --color-indigo-400: 79 70 229;
1906
- --color-indigo-500: 99 102 241;
1907
- --color-indigo-600: 129 140 248;
1908
- --color-indigo-700: 165 180 252;
1909
- --color-indigo-800: 199 210 254;
1910
- --color-indigo-900: 224 231 255;
1911
- --color-indigo-950: 238 242 255;
1912
- --color-violet-50: 46 16 101;
1913
- --color-violet-100: 76 29 149;
1914
- --color-violet-200: 91 33 182;
1915
- --color-violet-300: 109 40 217;
1916
- --color-violet-400: 124 58 237;
1917
- --color-violet-500: 139 92 246;
1918
- --color-violet-600: 167 139 250;
1919
- --color-violet-700: 196 181 253;
1920
- --color-violet-800: 221 214 254;
1921
- --color-violet-900: 237 233 254;
1922
- --color-violet-950: 245 243 255;
1923
- --color-purple-50: 59 7 100;
1924
- --color-purple-100: 88 28 135;
1925
- --color-purple-200: 107 33 168;
1926
- --color-purple-300: 126 34 206;
1927
- --color-purple-400: 147 51 234;
1928
- --color-purple-500: 168 85 247;
1929
- --color-purple-600: 192 132 252;
1930
- --color-purple-700: 216 180 254;
1931
- --color-purple-800: 233 213 255;
1932
- --color-purple-900: 243 232 255;
1933
- --color-purple-950: 250 245 255;
1934
- --color-fuchsia-50: 74 4 78;
1935
- --color-fuchsia-100: 112 26 117;
1936
- --color-fuchsia-200: 134 25 143;
1937
- --color-fuchsia-300: 162 28 175;
1938
- --color-fuchsia-400: 192 38 211;
1939
- --color-fuchsia-500: 217 70 239;
1940
- --color-fuchsia-600: 232 121 249;
1941
- --color-fuchsia-700: 240 171 252;
1942
- --color-fuchsia-800: 245 208 254;
1943
- --color-fuchsia-900: 250 232 255;
1944
- --color-fuchsia-950: 253 244 255;
1945
- --color-pink-50: 80 7 36;
1946
- --color-pink-100: 131 24 67;
1947
- --color-pink-200: 157 23 77;
1948
- --color-pink-300: 190 24 93;
1949
- --color-pink-400: 219 39 119;
1950
- --color-pink-500: 236 72 153;
1951
- --color-pink-600: 244 114 182;
1952
- --color-pink-700: 249 168 212;
1953
- --color-pink-800: 251 207 232;
1954
- --color-pink-900: 252 231 243;
1955
- --color-pink-950: 253 242 248;
1956
- --color-rose-50: 76 5 25;
1957
- --color-rose-100: 136 19 55;
1958
- --color-rose-200: 159 18 57;
1959
- --color-rose-300: 190 18 60;
1960
- --color-rose-400: 225 29 72;
1961
- --color-rose-500: 244 63 94;
1962
- --color-rose-600: 251 113 133;
1963
- --color-rose-700: 253 164 175;
1964
- --color-rose-800: 254 205 211;
1965
- --color-rose-900: 255 228 230;
1966
- --color-rose-950: 255 241 242;
1913
+ .ups-db .fade-in-0 {
1914
+ --tw-enter-opacity: 0;
1915
+ }
1916
+ .ups-db .zoom-in-95 {
1917
+ --tw-enter-scale: .95;
1918
+ }
1919
+ .ups-db .duration-200 {
1920
+ animation-duration: 200ms;
1921
+ }
1922
+ .ups-db .tabs-shadow-left {
1923
+ background:
1924
+ linear-gradient(
1925
+ to right,
1926
+ rgba(0, 0, 0, 0.08),
1927
+ rgba(0, 0, 0, 0));
1928
+ }
1929
+ .ups-db .tabs-shadow-right {
1930
+ background:
1931
+ linear-gradient(
1932
+ to left,
1933
+ rgba(0, 0, 0, 0.08),
1934
+ rgba(0, 0, 0, 0));
1935
+ }
1936
+ .ups-db svg.tabler-icon {
1937
+ stroke-width: 1.2 !important;
1938
+ }
1939
+ .ups-db .mtk5 {
1940
+ color: #336554 !important;
1941
+ }
1942
+ .ups-db .mtk6 {
1943
+ color: #a626a4 !important;
1944
+ }
1945
+ .ups-db .mtk20 {
1946
+ color: #059669 !important;
1947
+ }
1948
+ .ups-db .mtk8 {
1949
+ color: #fcc28c !important;
1950
+ }
1951
+ .ups-db .dark .mtk22,
1952
+ .ups-db .dark .mtk1,
1953
+ .ups-db .dark .mtk9 {
1954
+ color: #fafafa !important;
1955
+ }
1956
+ .ups-db .dark .mtk8 {
1957
+ color: #f0abfc !important;
1958
+ }
1959
+ .ups-db .dark .mtk5 {
1960
+ color: #6ee7b7 !important;
1961
+ }
1962
+ .ups-db .monaco-editor {
1963
+ --vscode-focusBorder: #0000 !important;
1967
1964
  }
1968
1965
  .ups-db .file\:border-0::file-selector-button {
1969
1966
  border-width: 0px;
package/dist/index.js CHANGED
@@ -515,6 +515,22 @@ var useTab = () => {
515
515
  var _reacttooltip = require('@radix-ui/react-tooltip'); var TooltipPrimitive = _interopRequireWildcard(_reacttooltip);
516
516
 
517
517
 
518
+ // src/lib/portal-root.ts
519
+ var root;
520
+ var wrapper;
521
+ if (typeof document !== "undefined") {
522
+ const id = "react-redis-browser-portal-root";
523
+ wrapper = _nullishCoalesce(document.querySelector(`#${id}`), () => ( document.createElement("div")));
524
+ wrapper.classList.add("ups-db");
525
+ wrapper.id = "react-redis-browser-portal-root";
526
+ root = document.createElement("div");
527
+ root.classList.add("text-zinc-700");
528
+ wrapper.append(root);
529
+ document.body.append(wrapper);
530
+ }
531
+ var portalRoot = root;
532
+ var portalWrapper = wrapper;
533
+
518
534
  // src/components/databrowser/components/databrowser-instance.tsx
519
535
  var _reactresizablepanels = require('react-resizable-panels');
520
536
 
@@ -3031,17 +3047,6 @@ var isTest = typeof window !== "undefined" && window.__PLAYWRIGHT__ === true;
3031
3047
  // src/components/ui/toaster.tsx
3032
3048
  var _reactportal = require('@radix-ui/react-portal');
3033
3049
 
3034
- // src/lib/portal-root.ts
3035
- var root;
3036
- if (typeof document !== "undefined") {
3037
- const id = "react-redis-browser-portal-root";
3038
- root = _nullishCoalesce(document.querySelector(`#${id}`), () => ( document.createElement("div")));
3039
- root.classList.add("ups-db");
3040
- root.id = "react-redis-browser-portal-root";
3041
- document.body.append(root);
3042
- }
3043
- var portalRoot = root;
3044
-
3045
3050
  // src/components/ui/toast.tsx
3046
3051
 
3047
3052
  var _reacticons = require('@radix-ui/react-icons');
@@ -6696,18 +6701,22 @@ var RedisBrowserRoot = ({
6696
6701
  rootRef
6697
6702
  }) => {
6698
6703
  const theme = useDarkMode();
6704
+ _react.useEffect.call(void 0, () => {
6705
+ portalWrapper.classList.add("text-zinc-700");
6706
+ portalWrapper.classList.toggle("dark", theme === "dark");
6707
+ }, [theme]);
6699
6708
  return (
6700
6709
  /* ups-db is the custom class used to prefix every style in the css bundle */
6701
- /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
6710
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
6702
6711
  "div",
6703
6712
  {
6704
6713
  className: `ups-db ${theme === "dark" ? "dark" : ""}`,
6705
6714
  style: { height: "100%", display: "flex", flexDirection: "column" },
6706
6715
  ref: rootRef,
6707
- children: [
6716
+ children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-zinc-700", children: [
6708
6717
  !hideTabs && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserTabs, {}),
6709
6718
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserInstances, {})
6710
- ]
6719
+ ] })
6711
6720
  }
6712
6721
  )
6713
6722
  );
package/dist/index.mjs CHANGED
@@ -515,6 +515,22 @@ var useTab = () => {
515
515
  import { TooltipProvider } from "@radix-ui/react-tooltip";
516
516
  import { QueryClientProvider } from "@tanstack/react-query";
517
517
 
518
+ // src/lib/portal-root.ts
519
+ var root;
520
+ var wrapper;
521
+ if (typeof document !== "undefined") {
522
+ const id = "react-redis-browser-portal-root";
523
+ wrapper = document.querySelector(`#${id}`) ?? document.createElement("div");
524
+ wrapper.classList.add("ups-db");
525
+ wrapper.id = "react-redis-browser-portal-root";
526
+ root = document.createElement("div");
527
+ root.classList.add("text-zinc-700");
528
+ wrapper.append(root);
529
+ document.body.append(wrapper);
530
+ }
531
+ var portalRoot = root;
532
+ var portalWrapper = wrapper;
533
+
518
534
  // src/components/databrowser/components/databrowser-instance.tsx
519
535
  import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
520
536
 
@@ -3031,17 +3047,6 @@ var isTest = typeof window !== "undefined" && window.__PLAYWRIGHT__ === true;
3031
3047
  // src/components/ui/toaster.tsx
3032
3048
  import { Portal } from "@radix-ui/react-portal";
3033
3049
 
3034
- // src/lib/portal-root.ts
3035
- var root;
3036
- if (typeof document !== "undefined") {
3037
- const id = "react-redis-browser-portal-root";
3038
- root = document.querySelector(`#${id}`) ?? document.createElement("div");
3039
- root.classList.add("ups-db");
3040
- root.id = "react-redis-browser-portal-root";
3041
- document.body.append(root);
3042
- }
3043
- var portalRoot = root;
3044
-
3045
3050
  // src/components/ui/toast.tsx
3046
3051
  import * as React2 from "react";
3047
3052
  import { Cross2Icon } from "@radix-ui/react-icons";
@@ -6696,18 +6701,22 @@ var RedisBrowserRoot = ({
6696
6701
  rootRef
6697
6702
  }) => {
6698
6703
  const theme = useDarkMode();
6704
+ useEffect14(() => {
6705
+ portalWrapper.classList.add("text-zinc-700");
6706
+ portalWrapper.classList.toggle("dark", theme === "dark");
6707
+ }, [theme]);
6699
6708
  return (
6700
6709
  /* ups-db is the custom class used to prefix every style in the css bundle */
6701
- /* @__PURE__ */ jsxs36(
6710
+ /* @__PURE__ */ jsx53(
6702
6711
  "div",
6703
6712
  {
6704
6713
  className: `ups-db ${theme === "dark" ? "dark" : ""}`,
6705
6714
  style: { height: "100%", display: "flex", flexDirection: "column" },
6706
6715
  ref: rootRef,
6707
- children: [
6716
+ children: /* @__PURE__ */ jsxs36("div", { className: "text-zinc-700", children: [
6708
6717
  !hideTabs && /* @__PURE__ */ jsx53(DatabrowserTabs, {}),
6709
6718
  /* @__PURE__ */ jsx53(DatabrowserInstances, {})
6710
- ]
6719
+ ] })
6711
6720
  }
6712
6721
  )
6713
6722
  );
package/package.json CHANGED
@@ -1 +1 @@
1
- { "name": "@upstash/react-redis-browser", "version": "v0.2.7-canary", "main": "./dist/index.js", "types": "./dist/index.d.ts", "license": "MIT", "private": false, "publishConfig": { "access": "public" }, "bugs": { "url": "https://github.com/upstash/react-redis-browser/issues" }, "homepage": "https://github.com/upstash/react-redis-browser", "files": [ "./dist/**" ], "scripts": { "build": "tsup", "dev": "vite", "lint": "tsc && eslint", "fmt": "prettier --write ./src" }, "lint-staged": { "**/*.{js,ts,tsx}": [ "prettier --write", "eslint --fix" ] }, "dependencies": { "@dnd-kit/core": "^6.3.1", "@dnd-kit/modifiers": "^9.0.0", "@dnd-kit/sortable": "^10.0.0", "@dnd-kit/utilities": "^3.2.2", "@ianvs/prettier-plugin-sort-imports": "^4.4.0", "@monaco-editor/react": "^4.6.0", "@radix-ui/react-alert-dialog": "^1.0.5", "@radix-ui/react-context-menu": "^2.2.2", "@radix-ui/react-dialog": "^1.1.14", "@radix-ui/react-dropdown-menu": "^2.1.15", "@radix-ui/react-icons": "1.3.0", "@radix-ui/react-label": "^2.1.7", "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-portal": "^1.1.2", "@radix-ui/react-scroll-area": "^1.0.3", "@radix-ui/react-select": "^2.0.0", "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-toast": "^1.1.5", "@radix-ui/react-tooltip": "^1.0.7", "@tabler/icons-react": "^3.19.0", "@tanstack/react-query": "^5.32.0", "@types/bytes": "^3.1.4", "@upstash/redis": "^1.35.3", "bytes": "^3.1.2", "cmdk": "^1.1.1", "react-hook-form": "^7.53.0", "react-resizable-panels": "^2.1.4", "zustand": "5.0.0" }, "devDependencies": { "@playwright/test": "^1.53.1", "@types/node": "^22.8.4", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", "@typescript-eslint/eslint-plugin": "8.4.0", "@typescript-eslint/parser": "8.4.0", "@vitejs/plugin-react": "^4.1.0", "autoprefixer": "^10.4.14", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "dotenv": "^16.5.0", "eslint": "9.10.0", "eslint-plugin-unicorn": "55.0.0", "postcss": "^8.4.31", "postcss-prefix-selector": "^2.1.0", "prettier": "^3.0.3", "prettier-plugin-tailwindcss": "^0.5.5", "react": "^18.3.1", "react-dom": "^18.3.1", "tailwind-merge": "^2.5.4", "tailwindcss": "^3.4.14", "tailwindcss-animate": "^1.0.7", "tsup": "^8.3.5", "typescript": "^5.0.4", "vite": "^5.4.10", "vite-tsconfig-paths": "^5.0.1" }, "peerDependencies": { "react": "^18.2.0 || ^19", "react-dom": "^18.2.0 || ^19" } }
1
+ { "name": "@upstash/react-redis-browser", "version": "v0.2.7-canary-2", "main": "./dist/index.js", "types": "./dist/index.d.ts", "license": "MIT", "private": false, "publishConfig": { "access": "public" }, "bugs": { "url": "https://github.com/upstash/react-redis-browser/issues" }, "homepage": "https://github.com/upstash/react-redis-browser", "files": [ "./dist/**" ], "scripts": { "build": "tsup", "dev": "vite", "lint": "tsc && eslint", "fmt": "prettier --write ./src" }, "lint-staged": { "**/*.{js,ts,tsx}": [ "prettier --write", "eslint --fix" ] }, "dependencies": { "@dnd-kit/core": "^6.3.1", "@dnd-kit/modifiers": "^9.0.0", "@dnd-kit/sortable": "^10.0.0", "@dnd-kit/utilities": "^3.2.2", "@ianvs/prettier-plugin-sort-imports": "^4.4.0", "@monaco-editor/react": "^4.6.0", "@radix-ui/react-alert-dialog": "^1.0.5", "@radix-ui/react-context-menu": "^2.2.2", "@radix-ui/react-dialog": "^1.1.14", "@radix-ui/react-dropdown-menu": "^2.1.15", "@radix-ui/react-icons": "1.3.0", "@radix-ui/react-label": "^2.1.7", "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-portal": "^1.1.2", "@radix-ui/react-scroll-area": "^1.0.3", "@radix-ui/react-select": "^2.0.0", "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-toast": "^1.1.5", "@radix-ui/react-tooltip": "^1.0.7", "@tabler/icons-react": "^3.19.0", "@tanstack/react-query": "^5.32.0", "@types/bytes": "^3.1.4", "@upstash/redis": "^1.35.3", "bytes": "^3.1.2", "cmdk": "^1.1.1", "react-hook-form": "^7.53.0", "react-resizable-panels": "^2.1.4", "zustand": "5.0.0" }, "devDependencies": { "@playwright/test": "^1.53.1", "@types/node": "^22.8.4", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", "@typescript-eslint/eslint-plugin": "8.4.0", "@typescript-eslint/parser": "8.4.0", "@vitejs/plugin-react": "^4.1.0", "autoprefixer": "^10.4.14", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "dotenv": "^16.5.0", "eslint": "9.10.0", "eslint-plugin-unicorn": "55.0.0", "postcss": "^8.4.31", "postcss-prefix-selector": "^2.1.0", "prettier": "^3.0.3", "prettier-plugin-tailwindcss": "^0.5.5", "react": "^18.3.1", "react-dom": "^18.3.1", "tailwind-merge": "^2.5.4", "tailwindcss": "^3.4.14", "tailwindcss-animate": "^1.0.7", "tsup": "^8.3.5", "typescript": "^5.0.4", "vite": "^5.4.10", "vite-tsconfig-paths": "^5.0.1" }, "peerDependencies": { "react": "^18.2.0 || ^19", "react-dom": "^18.2.0 || ^19" } }