@upstash/react-redis-browser 0.2.14-rc.3 → 0.2.14-rc.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.css +200 -192
  2. package/dist/index.d.mts +7 -1
  3. package/dist/index.d.ts +7 -1
  4. package/dist/index.js +1129 -522
  5. package/dist/index.mjs +1688 -1081
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -792,6 +792,9 @@
792
792
  .ups-db .invisible {
793
793
  visibility: hidden;
794
794
  }
795
+ .ups-db .collapse {
796
+ visibility: collapse;
797
+ }
795
798
  .ups-db .static {
796
799
  position: static;
797
800
  }
@@ -918,6 +921,9 @@
918
921
  .ups-db .ml-2 {
919
922
  margin-left: 0.5rem;
920
923
  }
924
+ .ups-db .ml-\[15px\] {
925
+ margin-left: 15px;
926
+ }
921
927
  .ups-db .ml-auto {
922
928
  margin-left: auto;
923
929
  }
@@ -1031,6 +1037,9 @@
1031
1037
  .ups-db .h-\[26px\] {
1032
1038
  height: 26px;
1033
1039
  }
1040
+ .ups-db .h-\[300px\] {
1041
+ height: 300px;
1042
+ }
1034
1043
  .ups-db .h-\[3px\] {
1035
1044
  height: 3px;
1036
1045
  }
@@ -1052,6 +1061,9 @@
1052
1061
  .ups-db .max-h-\[300px\] {
1053
1062
  max-height: 300px;
1054
1063
  }
1064
+ .ups-db .max-h-\[600px\] {
1065
+ max-height: 600px;
1066
+ }
1055
1067
  .ups-db .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
1056
1068
  max-height: var(--radix-dropdown-menu-content-available-height);
1057
1069
  }
@@ -1061,6 +1073,9 @@
1061
1073
  .ups-db .min-h-0 {
1062
1074
  min-height: 0px;
1063
1075
  }
1076
+ .ups-db .min-h-\[150px\] {
1077
+ min-height: 150px;
1078
+ }
1064
1079
  .ups-db .min-h-\[20px\] {
1065
1080
  min-height: 20px;
1066
1081
  }
@@ -1088,6 +1103,9 @@
1088
1103
  .ups-db .w-24 {
1089
1104
  width: 6rem;
1090
1105
  }
1106
+ .ups-db .w-3 {
1107
+ width: 0.75rem;
1108
+ }
1091
1109
  .ups-db .w-3\.5 {
1092
1110
  width: 0.875rem;
1093
1111
  }
@@ -1263,9 +1281,17 @@
1263
1281
  .ups-db .resize-none {
1264
1282
  resize: none;
1265
1283
  }
1284
+ .ups-db .resize-y {
1285
+ resize: vertical;
1286
+ }
1266
1287
  .ups-db .resize {
1267
1288
  resize: both;
1268
1289
  }
1290
+ .ups-db .appearance-none {
1291
+ -webkit-appearance: none;
1292
+ -moz-appearance: none;
1293
+ appearance: none;
1294
+ }
1269
1295
  .ups-db .grid-cols-4 {
1270
1296
  grid-template-columns: repeat(4, minmax(0, 1fr));
1271
1297
  }
@@ -1416,6 +1442,10 @@
1416
1442
  .ups-db .rounded-xl {
1417
1443
  border-radius: 0.75rem;
1418
1444
  }
1445
+ .ups-db .rounded-b-lg {
1446
+ border-bottom-right-radius: 0.5rem;
1447
+ border-bottom-left-radius: 0.5rem;
1448
+ }
1419
1449
  .ups-db .rounded-l-lg {
1420
1450
  border-top-left-radius: 0.5rem;
1421
1451
  border-bottom-left-radius: 0.5rem;
@@ -1473,225 +1503,228 @@
1473
1503
  }
1474
1504
  .ups-db .border-amber-400 {
1475
1505
  --tw-border-opacity: 1;
1476
- border-color: rgb(var(--color-amber-400) / var(--tw-border-opacity));
1506
+ border-color: rgb(var(--color-amber-400) / var(--tw-border-opacity, 1));
1477
1507
  }
1478
1508
  .ups-db .border-blue-500 {
1479
1509
  --tw-border-opacity: 1;
1480
- border-color: rgb(var(--color-blue-500) / var(--tw-border-opacity));
1510
+ border-color: rgb(var(--color-blue-500) / var(--tw-border-opacity, 1));
1481
1511
  }
1482
1512
  .ups-db .border-gray-400 {
1483
1513
  --tw-border-opacity: 1;
1484
- border-color: rgb(156 163 175 / var(--tw-border-opacity));
1514
+ border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
1485
1515
  }
1486
1516
  .ups-db .border-green-400 {
1487
1517
  --tw-border-opacity: 1;
1488
- border-color: rgb(var(--color-green-400) / var(--tw-border-opacity));
1518
+ border-color: rgb(var(--color-green-400) / var(--tw-border-opacity, 1));
1489
1519
  }
1490
1520
  .ups-db .border-indigo-400 {
1491
1521
  --tw-border-opacity: 1;
1492
- border-color: rgb(var(--color-indigo-400) / var(--tw-border-opacity));
1522
+ border-color: rgb(var(--color-indigo-400) / var(--tw-border-opacity, 1));
1493
1523
  }
1494
1524
  .ups-db .border-orange-400 {
1495
1525
  --tw-border-opacity: 1;
1496
- border-color: rgb(var(--color-orange-400) / var(--tw-border-opacity));
1526
+ border-color: rgb(var(--color-orange-400) / var(--tw-border-opacity, 1));
1497
1527
  }
1498
1528
  .ups-db .border-pink-400 {
1499
1529
  --tw-border-opacity: 1;
1500
- border-color: rgb(var(--color-pink-400) / var(--tw-border-opacity));
1530
+ border-color: rgb(var(--color-pink-400) / var(--tw-border-opacity, 1));
1501
1531
  }
1502
1532
  .ups-db .border-purple-400 {
1503
1533
  --tw-border-opacity: 1;
1504
- border-color: rgb(var(--color-purple-400) / var(--tw-border-opacity));
1534
+ border-color: rgb(var(--color-purple-400) / var(--tw-border-opacity, 1));
1505
1535
  }
1506
1536
  .ups-db .border-red-400 {
1507
1537
  --tw-border-opacity: 1;
1508
- border-color: rgb(var(--color-red-400) / var(--tw-border-opacity));
1538
+ border-color: rgb(var(--color-red-400) / var(--tw-border-opacity, 1));
1509
1539
  }
1510
1540
  .ups-db .border-red-500 {
1511
1541
  --tw-border-opacity: 1;
1512
- border-color: rgb(var(--color-red-500) / var(--tw-border-opacity));
1542
+ border-color: rgb(var(--color-red-500) / var(--tw-border-opacity, 1));
1513
1543
  }
1514
1544
  .ups-db .border-rose-400 {
1515
1545
  --tw-border-opacity: 1;
1516
- border-color: rgb(var(--color-rose-400) / var(--tw-border-opacity));
1546
+ border-color: rgb(var(--color-rose-400) / var(--tw-border-opacity, 1));
1517
1547
  }
1518
1548
  .ups-db .border-sky-400 {
1519
1549
  --tw-border-opacity: 1;
1520
- border-color: rgb(var(--color-sky-400) / var(--tw-border-opacity));
1550
+ border-color: rgb(var(--color-sky-400) / var(--tw-border-opacity, 1));
1521
1551
  }
1522
1552
  .ups-db .border-transparent {
1523
1553
  border-color: transparent;
1524
1554
  }
1525
1555
  .ups-db .border-zinc-200 {
1526
1556
  --tw-border-opacity: 1;
1527
- border-color: rgb(var(--color-zinc-200) / var(--tw-border-opacity));
1557
+ border-color: rgb(var(--color-zinc-200) / var(--tw-border-opacity, 1));
1528
1558
  }
1529
1559
  .ups-db .border-zinc-300 {
1530
1560
  --tw-border-opacity: 1;
1531
- border-color: rgb(var(--color-zinc-300) / var(--tw-border-opacity));
1561
+ border-color: rgb(var(--color-zinc-300) / var(--tw-border-opacity, 1));
1532
1562
  }
1533
1563
  .ups-db .border-b-zinc-100 {
1534
1564
  --tw-border-opacity: 1;
1535
- border-bottom-color: rgb(var(--color-zinc-100) / var(--tw-border-opacity));
1565
+ border-bottom-color: rgb(var(--color-zinc-100) / var(--tw-border-opacity, 1));
1536
1566
  }
1537
1567
  .ups-db .border-t-zinc-600 {
1538
1568
  --tw-border-opacity: 1;
1539
- border-top-color: rgb(var(--color-zinc-600) / var(--tw-border-opacity));
1569
+ border-top-color: rgb(var(--color-zinc-600) / var(--tw-border-opacity, 1));
1540
1570
  }
1541
1571
  .ups-db .\!bg-amber-50 {
1542
1572
  --tw-bg-opacity: 1 !important;
1543
- background-color: rgb(var(--color-amber-50) / var(--tw-bg-opacity)) !important;
1573
+ background-color: rgb(var(--color-amber-50) / var(--tw-bg-opacity, 1)) !important;
1544
1574
  }
1545
1575
  .ups-db .\!bg-gray-50 {
1546
1576
  --tw-bg-opacity: 1 !important;
1547
- background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
1577
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
1548
1578
  }
1549
1579
  .ups-db .\!bg-green-50 {
1550
1580
  --tw-bg-opacity: 1 !important;
1551
- background-color: rgb(var(--color-green-50) / var(--tw-bg-opacity)) !important;
1581
+ background-color: rgb(var(--color-green-50) / var(--tw-bg-opacity, 1)) !important;
1552
1582
  }
1553
1583
  .ups-db .\!bg-indigo-50 {
1554
1584
  --tw-bg-opacity: 1 !important;
1555
- background-color: rgb(var(--color-indigo-50) / var(--tw-bg-opacity)) !important;
1585
+ background-color: rgb(var(--color-indigo-50) / var(--tw-bg-opacity, 1)) !important;
1556
1586
  }
1557
1587
  .ups-db .\!bg-orange-50 {
1558
1588
  --tw-bg-opacity: 1 !important;
1559
- background-color: rgb(var(--color-orange-50) / var(--tw-bg-opacity)) !important;
1589
+ background-color: rgb(var(--color-orange-50) / var(--tw-bg-opacity, 1)) !important;
1560
1590
  }
1561
1591
  .ups-db .\!bg-pink-50 {
1562
1592
  --tw-bg-opacity: 1 !important;
1563
- background-color: rgb(var(--color-pink-50) / var(--tw-bg-opacity)) !important;
1593
+ background-color: rgb(var(--color-pink-50) / var(--tw-bg-opacity, 1)) !important;
1564
1594
  }
1565
1595
  .ups-db .\!bg-purple-50 {
1566
1596
  --tw-bg-opacity: 1 !important;
1567
- background-color: rgb(var(--color-purple-50) / var(--tw-bg-opacity)) !important;
1597
+ background-color: rgb(var(--color-purple-50) / var(--tw-bg-opacity, 1)) !important;
1568
1598
  }
1569
1599
  .ups-db .\!bg-rose-50 {
1570
1600
  --tw-bg-opacity: 1 !important;
1571
- background-color: rgb(var(--color-rose-50) / var(--tw-bg-opacity)) !important;
1601
+ background-color: rgb(var(--color-rose-50) / var(--tw-bg-opacity, 1)) !important;
1572
1602
  }
1573
1603
  .ups-db .\!bg-sky-50 {
1574
1604
  --tw-bg-opacity: 1 !important;
1575
- background-color: rgb(var(--color-sky-50) / var(--tw-bg-opacity)) !important;
1605
+ background-color: rgb(var(--color-sky-50) / var(--tw-bg-opacity, 1)) !important;
1576
1606
  }
1577
1607
  .ups-db .bg-amber-200 {
1578
1608
  --tw-bg-opacity: 1;
1579
- background-color: rgb(var(--color-amber-200) / var(--tw-bg-opacity));
1580
- }
1581
- .ups-db .bg-amber-300 {
1582
- --tw-bg-opacity: 1;
1583
- background-color: rgb(var(--color-amber-300) / var(--tw-bg-opacity));
1609
+ background-color: rgb(var(--color-amber-200) / var(--tw-bg-opacity, 1));
1584
1610
  }
1585
1611
  .ups-db .bg-amber-50 {
1586
1612
  --tw-bg-opacity: 1;
1587
- background-color: rgb(var(--color-amber-50) / var(--tw-bg-opacity));
1613
+ background-color: rgb(var(--color-amber-50) / var(--tw-bg-opacity, 1));
1588
1614
  }
1589
1615
  .ups-db .bg-black\/50 {
1590
1616
  background-color: rgb(var(--color-black) / 0.5);
1591
1617
  }
1592
1618
  .ups-db .bg-blue-50 {
1593
1619
  --tw-bg-opacity: 1;
1594
- background-color: rgb(var(--color-blue-50) / var(--tw-bg-opacity));
1620
+ background-color: rgb(var(--color-blue-50) / var(--tw-bg-opacity, 1));
1595
1621
  }
1596
1622
  .ups-db .bg-blue-500 {
1597
1623
  --tw-bg-opacity: 1;
1598
- background-color: rgb(var(--color-blue-500) / var(--tw-bg-opacity));
1624
+ background-color: rgb(var(--color-blue-500) / var(--tw-bg-opacity, 1));
1599
1625
  }
1600
1626
  .ups-db .bg-emerald-100 {
1601
1627
  --tw-bg-opacity: 1;
1602
- background-color: rgb(var(--color-emerald-100) / var(--tw-bg-opacity));
1628
+ background-color: rgb(var(--color-emerald-100) / var(--tw-bg-opacity, 1));
1603
1629
  }
1604
1630
  .ups-db .bg-emerald-200 {
1605
1631
  --tw-bg-opacity: 1;
1606
- background-color: rgb(var(--color-emerald-200) / var(--tw-bg-opacity));
1632
+ background-color: rgb(var(--color-emerald-200) / var(--tw-bg-opacity, 1));
1607
1633
  }
1608
1634
  .ups-db .bg-emerald-50 {
1609
1635
  --tw-bg-opacity: 1;
1610
- background-color: rgb(var(--color-emerald-50) / var(--tw-bg-opacity));
1636
+ background-color: rgb(var(--color-emerald-50) / var(--tw-bg-opacity, 1));
1611
1637
  }
1612
1638
  .ups-db .bg-emerald-500 {
1613
1639
  --tw-bg-opacity: 1;
1614
- background-color: rgb(var(--color-emerald-500) / var(--tw-bg-opacity));
1640
+ background-color: rgb(var(--color-emerald-500) / var(--tw-bg-opacity, 1));
1615
1641
  }
1616
1642
  .ups-db .bg-gray-200 {
1617
1643
  --tw-bg-opacity: 1;
1618
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1644
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1619
1645
  }
1620
1646
  .ups-db .bg-green-200 {
1621
1647
  --tw-bg-opacity: 1;
1622
- background-color: rgb(var(--color-green-200) / var(--tw-bg-opacity));
1648
+ background-color: rgb(var(--color-green-200) / var(--tw-bg-opacity, 1));
1623
1649
  }
1624
1650
  .ups-db .bg-indigo-200 {
1625
1651
  --tw-bg-opacity: 1;
1626
- background-color: rgb(var(--color-indigo-200) / var(--tw-bg-opacity));
1652
+ background-color: rgb(var(--color-indigo-200) / var(--tw-bg-opacity, 1));
1653
+ }
1654
+ .ups-db .bg-neutral-900 {
1655
+ --tw-bg-opacity: 1;
1656
+ background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
1657
+ }
1658
+ .ups-db .bg-neutral-900\/20 {
1659
+ background-color: rgb(23 23 23 / 0.2);
1627
1660
  }
1628
1661
  .ups-db .bg-orange-200 {
1629
1662
  --tw-bg-opacity: 1;
1630
- background-color: rgb(var(--color-orange-200) / var(--tw-bg-opacity));
1663
+ background-color: rgb(var(--color-orange-200) / var(--tw-bg-opacity, 1));
1631
1664
  }
1632
1665
  .ups-db .bg-pink-200 {
1633
1666
  --tw-bg-opacity: 1;
1634
- background-color: rgb(var(--color-pink-200) / var(--tw-bg-opacity));
1667
+ background-color: rgb(var(--color-pink-200) / var(--tw-bg-opacity, 1));
1635
1668
  }
1636
1669
  .ups-db .bg-purple-200 {
1637
1670
  --tw-bg-opacity: 1;
1638
- background-color: rgb(var(--color-purple-200) / var(--tw-bg-opacity));
1671
+ background-color: rgb(var(--color-purple-200) / var(--tw-bg-opacity, 1));
1639
1672
  }
1640
1673
  .ups-db .bg-purple-50 {
1641
1674
  --tw-bg-opacity: 1;
1642
- background-color: rgb(var(--color-purple-50) / var(--tw-bg-opacity));
1675
+ background-color: rgb(var(--color-purple-50) / var(--tw-bg-opacity, 1));
1643
1676
  }
1644
1677
  .ups-db .bg-red-50 {
1645
1678
  --tw-bg-opacity: 1;
1646
- background-color: rgb(var(--color-red-50) / var(--tw-bg-opacity));
1679
+ background-color: rgb(var(--color-red-50) / var(--tw-bg-opacity, 1));
1647
1680
  }
1648
1681
  .ups-db .bg-red-500 {
1649
1682
  --tw-bg-opacity: 1;
1650
- background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity));
1683
+ background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity, 1));
1651
1684
  }
1652
1685
  .ups-db .bg-rose-200 {
1653
1686
  --tw-bg-opacity: 1;
1654
- background-color: rgb(var(--color-rose-200) / var(--tw-bg-opacity));
1687
+ background-color: rgb(var(--color-rose-200) / var(--tw-bg-opacity, 1));
1655
1688
  }
1656
1689
  .ups-db .bg-sky-200 {
1657
1690
  --tw-bg-opacity: 1;
1658
- background-color: rgb(var(--color-sky-200) / var(--tw-bg-opacity));
1691
+ background-color: rgb(var(--color-sky-200) / var(--tw-bg-opacity, 1));
1659
1692
  }
1660
1693
  .ups-db .bg-transparent {
1661
1694
  background-color: transparent;
1662
1695
  }
1663
1696
  .ups-db .bg-white {
1664
1697
  --tw-bg-opacity: 1;
1665
- background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
1698
+ background-color: rgb(var(--color-white) / var(--tw-bg-opacity, 1));
1666
1699
  }
1667
1700
  .ups-db .bg-white\/80 {
1668
1701
  background-color: rgb(var(--color-white) / 0.8);
1669
1702
  }
1670
1703
  .ups-db .bg-zinc-100 {
1671
1704
  --tw-bg-opacity: 1;
1672
- background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
1705
+ background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity, 1));
1673
1706
  }
1674
1707
  .ups-db .bg-zinc-100\/90 {
1675
1708
  background-color: rgb(var(--color-zinc-100) / 0.9);
1676
1709
  }
1677
1710
  .ups-db .bg-zinc-200 {
1678
1711
  --tw-bg-opacity: 1;
1679
- background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity));
1680
- }
1681
- .ups-db .bg-zinc-200\/70 {
1682
- background-color: rgb(var(--color-zinc-200) / 0.7);
1712
+ background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity, 1));
1683
1713
  }
1684
1714
  .ups-db .bg-zinc-300 {
1685
1715
  --tw-bg-opacity: 1;
1686
- background-color: rgb(var(--color-zinc-300) / var(--tw-bg-opacity));
1716
+ background-color: rgb(var(--color-zinc-300) / var(--tw-bg-opacity, 1));
1717
+ }
1718
+ .ups-db .bg-zinc-400\/70 {
1719
+ background-color: rgb(var(--color-zinc-400) / 0.7);
1687
1720
  }
1688
1721
  .ups-db .bg-zinc-50 {
1689
1722
  --tw-bg-opacity: 1;
1690
- background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity));
1723
+ background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity, 1));
1691
1724
  }
1692
1725
  .ups-db .bg-zinc-900 {
1693
1726
  --tw-bg-opacity: 1;
1694
- background-color: rgb(var(--color-zinc-900) / var(--tw-bg-opacity));
1727
+ background-color: rgb(var(--color-zinc-900) / var(--tw-bg-opacity, 1));
1695
1728
  }
1696
1729
  .ups-db .bg-zinc-900\/10 {
1697
1730
  background-color: rgb(var(--color-zinc-900) / 0.1);
@@ -1774,10 +1807,6 @@
1774
1807
  padding-top: 0px;
1775
1808
  padding-bottom: 0px;
1776
1809
  }
1777
- .ups-db .py-0\.5 {
1778
- padding-top: 0.125rem;
1779
- padding-bottom: 0.125rem;
1780
- }
1781
1810
  .ups-db .py-1 {
1782
1811
  padding-top: 0.25rem;
1783
1812
  padding-bottom: 0.25rem;
@@ -1926,154 +1955,154 @@
1926
1955
  }
1927
1956
  .ups-db .text-amber-800 {
1928
1957
  --tw-text-opacity: 1;
1929
- color: rgb(var(--color-amber-800) / var(--tw-text-opacity));
1958
+ color: rgb(var(--color-amber-800) / var(--tw-text-opacity, 1));
1930
1959
  }
1931
1960
  .ups-db .text-amber-900 {
1932
1961
  --tw-text-opacity: 1;
1933
- color: rgb(var(--color-amber-900) / var(--tw-text-opacity));
1962
+ color: rgb(var(--color-amber-900) / var(--tw-text-opacity, 1));
1934
1963
  }
1935
1964
  .ups-db .text-black {
1936
1965
  --tw-text-opacity: 1;
1937
- color: rgb(var(--color-black) / var(--tw-text-opacity));
1966
+ color: rgb(var(--color-black) / var(--tw-text-opacity, 1));
1938
1967
  }
1939
1968
  .ups-db .text-blue-600 {
1940
1969
  --tw-text-opacity: 1;
1941
- color: rgb(var(--color-blue-600) / var(--tw-text-opacity));
1970
+ color: rgb(var(--color-blue-600) / var(--tw-text-opacity, 1));
1942
1971
  }
1943
1972
  .ups-db .text-emerald-600 {
1944
1973
  --tw-text-opacity: 1;
1945
- color: rgb(var(--color-emerald-600) / var(--tw-text-opacity));
1974
+ color: rgb(var(--color-emerald-600) / var(--tw-text-opacity, 1));
1946
1975
  }
1947
1976
  .ups-db .text-emerald-700 {
1948
1977
  --tw-text-opacity: 1;
1949
- color: rgb(var(--color-emerald-700) / var(--tw-text-opacity));
1978
+ color: rgb(var(--color-emerald-700) / var(--tw-text-opacity, 1));
1950
1979
  }
1951
1980
  .ups-db .text-emerald-800 {
1952
1981
  --tw-text-opacity: 1;
1953
- color: rgb(var(--color-emerald-800) / var(--tw-text-opacity));
1982
+ color: rgb(var(--color-emerald-800) / var(--tw-text-opacity, 1));
1954
1983
  }
1955
1984
  .ups-db .text-gray-800 {
1956
1985
  --tw-text-opacity: 1;
1957
- color: rgb(31 41 55 / var(--tw-text-opacity));
1986
+ color: rgb(31 41 55 / var(--tw-text-opacity, 1));
1958
1987
  }
1959
1988
  .ups-db .text-gray-900 {
1960
1989
  --tw-text-opacity: 1;
1961
- color: rgb(17 24 39 / var(--tw-text-opacity));
1990
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1962
1991
  }
1963
1992
  .ups-db .text-green-500 {
1964
1993
  --tw-text-opacity: 1;
1965
- color: rgb(var(--color-green-500) / var(--tw-text-opacity));
1994
+ color: rgb(var(--color-green-500) / var(--tw-text-opacity, 1));
1966
1995
  }
1967
1996
  .ups-db .text-green-800 {
1968
1997
  --tw-text-opacity: 1;
1969
- color: rgb(var(--color-green-800) / var(--tw-text-opacity));
1998
+ color: rgb(var(--color-green-800) / var(--tw-text-opacity, 1));
1970
1999
  }
1971
2000
  .ups-db .text-green-900 {
1972
2001
  --tw-text-opacity: 1;
1973
- color: rgb(var(--color-green-900) / var(--tw-text-opacity));
2002
+ color: rgb(var(--color-green-900) / var(--tw-text-opacity, 1));
1974
2003
  }
1975
2004
  .ups-db .text-indigo-800 {
1976
2005
  --tw-text-opacity: 1;
1977
- color: rgb(var(--color-indigo-800) / var(--tw-text-opacity));
2006
+ color: rgb(var(--color-indigo-800) / var(--tw-text-opacity, 1));
1978
2007
  }
1979
2008
  .ups-db .text-indigo-900 {
1980
2009
  --tw-text-opacity: 1;
1981
- color: rgb(var(--color-indigo-900) / var(--tw-text-opacity));
2010
+ color: rgb(var(--color-indigo-900) / var(--tw-text-opacity, 1));
1982
2011
  }
1983
2012
  .ups-db .text-orange-800 {
1984
2013
  --tw-text-opacity: 1;
1985
- color: rgb(var(--color-orange-800) / var(--tw-text-opacity));
2014
+ color: rgb(var(--color-orange-800) / var(--tw-text-opacity, 1));
1986
2015
  }
1987
2016
  .ups-db .text-orange-900 {
1988
2017
  --tw-text-opacity: 1;
1989
- color: rgb(var(--color-orange-900) / var(--tw-text-opacity));
2018
+ color: rgb(var(--color-orange-900) / var(--tw-text-opacity, 1));
1990
2019
  }
1991
2020
  .ups-db .text-pink-800 {
1992
2021
  --tw-text-opacity: 1;
1993
- color: rgb(var(--color-pink-800) / var(--tw-text-opacity));
2022
+ color: rgb(var(--color-pink-800) / var(--tw-text-opacity, 1));
1994
2023
  }
1995
2024
  .ups-db .text-pink-900 {
1996
2025
  --tw-text-opacity: 1;
1997
- color: rgb(var(--color-pink-900) / var(--tw-text-opacity));
2026
+ color: rgb(var(--color-pink-900) / var(--tw-text-opacity, 1));
1998
2027
  }
1999
2028
  .ups-db .text-purple-800 {
2000
2029
  --tw-text-opacity: 1;
2001
- color: rgb(var(--color-purple-800) / var(--tw-text-opacity));
2030
+ color: rgb(var(--color-purple-800) / var(--tw-text-opacity, 1));
2002
2031
  }
2003
2032
  .ups-db .text-purple-900 {
2004
2033
  --tw-text-opacity: 1;
2005
- color: rgb(var(--color-purple-900) / var(--tw-text-opacity));
2034
+ color: rgb(var(--color-purple-900) / var(--tw-text-opacity, 1));
2006
2035
  }
2007
2036
  .ups-db .text-red-500 {
2008
2037
  --tw-text-opacity: 1;
2009
- color: rgb(var(--color-red-500) / var(--tw-text-opacity));
2038
+ color: rgb(var(--color-red-500) / var(--tw-text-opacity, 1));
2010
2039
  }
2011
2040
  .ups-db .text-red-600 {
2012
2041
  --tw-text-opacity: 1;
2013
- color: rgb(var(--color-red-600) / var(--tw-text-opacity));
2042
+ color: rgb(var(--color-red-600) / var(--tw-text-opacity, 1));
2014
2043
  }
2015
2044
  .ups-db .text-red-700 {
2016
2045
  --tw-text-opacity: 1;
2017
- color: rgb(var(--color-red-700) / var(--tw-text-opacity));
2046
+ color: rgb(var(--color-red-700) / var(--tw-text-opacity, 1));
2018
2047
  }
2019
2048
  .ups-db .text-red-800 {
2020
2049
  --tw-text-opacity: 1;
2021
- color: rgb(var(--color-red-800) / var(--tw-text-opacity));
2050
+ color: rgb(var(--color-red-800) / var(--tw-text-opacity, 1));
2022
2051
  }
2023
2052
  .ups-db .text-rose-800 {
2024
2053
  --tw-text-opacity: 1;
2025
- color: rgb(var(--color-rose-800) / var(--tw-text-opacity));
2054
+ color: rgb(var(--color-rose-800) / var(--tw-text-opacity, 1));
2026
2055
  }
2027
2056
  .ups-db .text-rose-900 {
2028
2057
  --tw-text-opacity: 1;
2029
- color: rgb(var(--color-rose-900) / var(--tw-text-opacity));
2058
+ color: rgb(var(--color-rose-900) / var(--tw-text-opacity, 1));
2030
2059
  }
2031
2060
  .ups-db .text-sky-800 {
2032
2061
  --tw-text-opacity: 1;
2033
- color: rgb(var(--color-sky-800) / var(--tw-text-opacity));
2062
+ color: rgb(var(--color-sky-800) / var(--tw-text-opacity, 1));
2034
2063
  }
2035
2064
  .ups-db .text-sky-900 {
2036
2065
  --tw-text-opacity: 1;
2037
- color: rgb(var(--color-sky-900) / var(--tw-text-opacity));
2066
+ color: rgb(var(--color-sky-900) / var(--tw-text-opacity, 1));
2038
2067
  }
2039
2068
  .ups-db .text-transparent {
2040
2069
  color: transparent;
2041
2070
  }
2042
2071
  .ups-db .text-white {
2043
2072
  --tw-text-opacity: 1;
2044
- color: rgb(var(--color-white) / var(--tw-text-opacity));
2073
+ color: rgb(var(--color-white) / var(--tw-text-opacity, 1));
2045
2074
  }
2046
2075
  .ups-db .text-zinc-300 {
2047
2076
  --tw-text-opacity: 1;
2048
- color: rgb(var(--color-zinc-300) / var(--tw-text-opacity));
2077
+ color: rgb(var(--color-zinc-300) / var(--tw-text-opacity, 1));
2049
2078
  }
2050
2079
  .ups-db .text-zinc-400 {
2051
2080
  --tw-text-opacity: 1;
2052
- color: rgb(var(--color-zinc-400) / var(--tw-text-opacity));
2081
+ color: rgb(var(--color-zinc-400) / var(--tw-text-opacity, 1));
2053
2082
  }
2054
2083
  .ups-db .text-zinc-50 {
2055
2084
  --tw-text-opacity: 1;
2056
- color: rgb(var(--color-zinc-50) / var(--tw-text-opacity));
2085
+ color: rgb(var(--color-zinc-50) / var(--tw-text-opacity, 1));
2057
2086
  }
2058
2087
  .ups-db .text-zinc-500 {
2059
2088
  --tw-text-opacity: 1;
2060
- color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
2089
+ color: rgb(var(--color-zinc-500) / var(--tw-text-opacity, 1));
2061
2090
  }
2062
2091
  .ups-db .text-zinc-600 {
2063
2092
  --tw-text-opacity: 1;
2064
- color: rgb(var(--color-zinc-600) / var(--tw-text-opacity));
2093
+ color: rgb(var(--color-zinc-600) / var(--tw-text-opacity, 1));
2065
2094
  }
2066
2095
  .ups-db .text-zinc-700 {
2067
2096
  --tw-text-opacity: 1;
2068
- color: rgb(var(--color-zinc-700) / var(--tw-text-opacity));
2097
+ color: rgb(var(--color-zinc-700) / var(--tw-text-opacity, 1));
2069
2098
  }
2070
2099
  .ups-db .text-zinc-900 {
2071
2100
  --tw-text-opacity: 1;
2072
- color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
2101
+ color: rgb(var(--color-zinc-900) / var(--tw-text-opacity, 1));
2073
2102
  }
2074
2103
  .ups-db .text-zinc-950 {
2075
2104
  --tw-text-opacity: 1;
2076
- color: rgb(var(--color-zinc-950) / var(--tw-text-opacity));
2105
+ color: rgb(var(--color-zinc-950) / var(--tw-text-opacity, 1));
2077
2106
  }
2078
2107
  .ups-db .text-zinc-950\/50 {
2079
2108
  color: rgb(var(--color-zinc-950) / 0.5);
@@ -2179,22 +2208,9 @@
2179
2208
  }
2180
2209
  .ups-db .backdrop-blur-sm {
2181
2210
  --tw-backdrop-blur: blur(4px);
2182
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2183
2211
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2184
2212
  }
2185
2213
  .ups-db .transition {
2186
- transition-property:
2187
- color,
2188
- background-color,
2189
- border-color,
2190
- text-decoration-color,
2191
- fill,
2192
- stroke,
2193
- opacity,
2194
- box-shadow,
2195
- transform,
2196
- filter,
2197
- -webkit-backdrop-filter;
2198
2214
  transition-property:
2199
2215
  color,
2200
2216
  background-color,
@@ -2207,19 +2223,6 @@
2207
2223
  transform,
2208
2224
  filter,
2209
2225
  backdrop-filter;
2210
- transition-property:
2211
- color,
2212
- background-color,
2213
- border-color,
2214
- text-decoration-color,
2215
- fill,
2216
- stroke,
2217
- opacity,
2218
- box-shadow,
2219
- transform,
2220
- filter,
2221
- backdrop-filter,
2222
- -webkit-backdrop-filter;
2223
2226
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2224
2227
  transition-duration: 150ms;
2225
2228
  }
@@ -2308,6 +2311,20 @@
2308
2311
  rgba(0, 0, 0, 0.08),
2309
2312
  rgba(0, 0, 0, 0));
2310
2313
  }
2314
+ .ups-db .scroll-shadow-top {
2315
+ background:
2316
+ linear-gradient(
2317
+ to bottom,
2318
+ rgba(0, 0, 0, 0.04),
2319
+ rgba(0, 0, 0, 0));
2320
+ }
2321
+ .ups-db .scroll-shadow-bottom {
2322
+ background:
2323
+ linear-gradient(
2324
+ to top,
2325
+ rgba(0, 0, 0, 0.04),
2326
+ rgba(0, 0, 0, 0));
2327
+ }
2311
2328
  .ups-db svg.tabler-icon {
2312
2329
  stroke-width: 2 !important;
2313
2330
  }
@@ -2372,44 +2389,44 @@
2372
2389
  }
2373
2390
  .ups-db .placeholder\:text-zinc-400::-moz-placeholder {
2374
2391
  --tw-text-opacity: 1;
2375
- color: rgb(var(--color-zinc-400) / var(--tw-text-opacity));
2392
+ color: rgb(var(--color-zinc-400) / var(--tw-text-opacity, 1));
2376
2393
  }
2377
2394
  .ups-db .placeholder\:text-zinc-400::placeholder {
2378
2395
  --tw-text-opacity: 1;
2379
- color: rgb(var(--color-zinc-400) / var(--tw-text-opacity));
2396
+ color: rgb(var(--color-zinc-400) / var(--tw-text-opacity, 1));
2380
2397
  }
2381
2398
  .ups-db .placeholder\:text-zinc-500::-moz-placeholder {
2382
2399
  --tw-text-opacity: 1;
2383
- color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
2400
+ color: rgb(var(--color-zinc-500) / var(--tw-text-opacity, 1));
2384
2401
  }
2385
2402
  .ups-db .placeholder\:text-zinc-500::placeholder {
2386
2403
  --tw-text-opacity: 1;
2387
- color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
2404
+ color: rgb(var(--color-zinc-500) / var(--tw-text-opacity, 1));
2388
2405
  }
2389
2406
  .ups-db .hover\:bg-black\/10:hover {
2390
2407
  background-color: rgb(var(--color-black) / 0.1);
2391
2408
  }
2392
2409
  .ups-db .hover\:bg-emerald-100:hover {
2393
2410
  --tw-bg-opacity: 1;
2394
- background-color: rgb(var(--color-emerald-100) / var(--tw-bg-opacity));
2411
+ background-color: rgb(var(--color-emerald-100) / var(--tw-bg-opacity, 1));
2395
2412
  }
2396
2413
  .ups-db .hover\:bg-emerald-600:hover {
2397
2414
  --tw-bg-opacity: 1;
2398
- background-color: rgb(var(--color-emerald-600) / var(--tw-bg-opacity));
2415
+ background-color: rgb(var(--color-emerald-600) / var(--tw-bg-opacity, 1));
2399
2416
  }
2400
2417
  .ups-db .hover\:bg-red-500\/90:hover {
2401
2418
  background-color: rgb(var(--color-red-500) / 0.9);
2402
2419
  }
2403
2420
  .ups-db .hover\:bg-red-600:hover {
2404
2421
  --tw-bg-opacity: 1;
2405
- background-color: rgb(var(--color-red-600) / var(--tw-bg-opacity));
2422
+ background-color: rgb(var(--color-red-600) / var(--tw-bg-opacity, 1));
2406
2423
  }
2407
2424
  .ups-db .hover\:bg-white\/70:hover {
2408
2425
  background-color: rgb(var(--color-white) / 0.7);
2409
2426
  }
2410
2427
  .ups-db .hover\:bg-zinc-100:hover {
2411
2428
  --tw-bg-opacity: 1;
2412
- background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
2429
+ background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity, 1));
2413
2430
  }
2414
2431
  .ups-db .hover\:bg-zinc-100\/80:hover {
2415
2432
  background-color: rgb(var(--color-zinc-100) / 0.8);
@@ -2419,35 +2436,35 @@
2419
2436
  }
2420
2437
  .ups-db .hover\:bg-zinc-50:hover {
2421
2438
  --tw-bg-opacity: 1;
2422
- background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity));
2439
+ background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity, 1));
2423
2440
  }
2424
2441
  .ups-db .hover\:bg-zinc-800:hover {
2425
2442
  --tw-bg-opacity: 1;
2426
- background-color: rgb(var(--color-zinc-800) / var(--tw-bg-opacity));
2443
+ background-color: rgb(var(--color-zinc-800) / var(--tw-bg-opacity, 1));
2427
2444
  }
2428
2445
  .ups-db .hover\:text-red-500:hover {
2429
2446
  --tw-text-opacity: 1;
2430
- color: rgb(var(--color-red-500) / var(--tw-text-opacity));
2447
+ color: rgb(var(--color-red-500) / var(--tw-text-opacity, 1));
2431
2448
  }
2432
2449
  .ups-db .hover\:text-zinc-500:hover {
2433
2450
  --tw-text-opacity: 1;
2434
- color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
2451
+ color: rgb(var(--color-zinc-500) / var(--tw-text-opacity, 1));
2435
2452
  }
2436
2453
  .ups-db .hover\:text-zinc-600:hover {
2437
2454
  --tw-text-opacity: 1;
2438
- color: rgb(var(--color-zinc-600) / var(--tw-text-opacity));
2455
+ color: rgb(var(--color-zinc-600) / var(--tw-text-opacity, 1));
2439
2456
  }
2440
2457
  .ups-db .hover\:text-zinc-700:hover {
2441
2458
  --tw-text-opacity: 1;
2442
- color: rgb(var(--color-zinc-700) / var(--tw-text-opacity));
2459
+ color: rgb(var(--color-zinc-700) / var(--tw-text-opacity, 1));
2443
2460
  }
2444
2461
  .ups-db .hover\:text-zinc-900:hover {
2445
2462
  --tw-text-opacity: 1;
2446
- color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
2463
+ color: rgb(var(--color-zinc-900) / var(--tw-text-opacity, 1));
2447
2464
  }
2448
2465
  .ups-db .hover\:text-zinc-950:hover {
2449
2466
  --tw-text-opacity: 1;
2450
- color: rgb(var(--color-zinc-950) / var(--tw-text-opacity));
2467
+ color: rgb(var(--color-zinc-950) / var(--tw-text-opacity, 1));
2451
2468
  }
2452
2469
  .ups-db .hover\:underline:hover {
2453
2470
  text-decoration-line: underline;
@@ -2457,23 +2474,23 @@
2457
2474
  }
2458
2475
  .ups-db .focus\:border-zinc-400:focus {
2459
2476
  --tw-border-opacity: 1;
2460
- border-color: rgb(var(--color-zinc-400) / var(--tw-border-opacity));
2477
+ border-color: rgb(var(--color-zinc-400) / var(--tw-border-opacity, 1));
2461
2478
  }
2462
2479
  .ups-db .focus\:bg-red-500:focus {
2463
2480
  --tw-bg-opacity: 1;
2464
- background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity));
2481
+ background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity, 1));
2465
2482
  }
2466
2483
  .ups-db .focus\:bg-zinc-100:focus {
2467
2484
  --tw-bg-opacity: 1;
2468
- background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
2485
+ background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity, 1));
2469
2486
  }
2470
2487
  .ups-db .focus\:text-white:focus {
2471
2488
  --tw-text-opacity: 1;
2472
- color: rgb(var(--color-white) / var(--tw-text-opacity));
2489
+ color: rgb(var(--color-white) / var(--tw-text-opacity, 1));
2473
2490
  }
2474
2491
  .ups-db .focus\:text-zinc-900:focus {
2475
2492
  --tw-text-opacity: 1;
2476
- color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
2493
+ color: rgb(var(--color-zinc-900) / var(--tw-text-opacity, 1));
2477
2494
  }
2478
2495
  .ups-db .focus\:opacity-100:focus {
2479
2496
  opacity: 1;
@@ -2500,14 +2517,14 @@
2500
2517
  }
2501
2518
  .ups-db .focus\:ring-zinc-950:focus {
2502
2519
  --tw-ring-opacity: 1;
2503
- --tw-ring-color: rgb(var(--color-zinc-950) / var(--tw-ring-opacity));
2520
+ --tw-ring-color: rgb(var(--color-zinc-950) / var(--tw-ring-opacity, 1));
2504
2521
  }
2505
2522
  .ups-db .focus\:ring-offset-2:focus {
2506
2523
  --tw-ring-offset-width: 2px;
2507
2524
  }
2508
2525
  .ups-db .focus-visible\:bg-zinc-50:focus-visible {
2509
2526
  --tw-bg-opacity: 1;
2510
- background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity));
2527
+ background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity, 1));
2511
2528
  }
2512
2529
  .ups-db .focus-visible\:outline-none:focus-visible {
2513
2530
  outline: 2px solid transparent;
@@ -2523,7 +2540,7 @@
2523
2540
  }
2524
2541
  .ups-db .focus-visible\:ring-zinc-950:focus-visible {
2525
2542
  --tw-ring-opacity: 1;
2526
- --tw-ring-color: rgb(var(--color-zinc-950) / var(--tw-ring-opacity));
2543
+ --tw-ring-color: rgb(var(--color-zinc-950) / var(--tw-ring-opacity, 1));
2527
2544
  }
2528
2545
  .ups-db .focus-visible\:ring-offset-2:focus-visible {
2529
2546
  --tw-ring-offset-width: 2px;
@@ -2562,30 +2579,30 @@
2562
2579
  }
2563
2580
  .ups-db .group.destructive .group-\[\.destructive\]\:text-red-300 {
2564
2581
  --tw-text-opacity: 1;
2565
- color: rgb(var(--color-red-300) / var(--tw-text-opacity));
2582
+ color: rgb(var(--color-red-300) / var(--tw-text-opacity, 1));
2566
2583
  }
2567
2584
  .ups-db .group.destructive .group-\[\.destructive\]\:hover\:border-red-500\/30:hover {
2568
2585
  border-color: rgb(var(--color-red-500) / 0.3);
2569
2586
  }
2570
2587
  .ups-db .group.destructive .group-\[\.destructive\]\:hover\:bg-red-500:hover {
2571
2588
  --tw-bg-opacity: 1;
2572
- background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity));
2589
+ background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity, 1));
2573
2590
  }
2574
2591
  .ups-db .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
2575
2592
  --tw-text-opacity: 1;
2576
- color: rgb(var(--color-red-50) / var(--tw-text-opacity));
2593
+ color: rgb(var(--color-red-50) / var(--tw-text-opacity, 1));
2577
2594
  }
2578
2595
  .ups-db .group.destructive .group-\[\.destructive\]\:hover\:text-zinc-50:hover {
2579
2596
  --tw-text-opacity: 1;
2580
- color: rgb(var(--color-zinc-50) / var(--tw-text-opacity));
2597
+ color: rgb(var(--color-zinc-50) / var(--tw-text-opacity, 1));
2581
2598
  }
2582
2599
  .ups-db .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
2583
2600
  --tw-ring-opacity: 1;
2584
- --tw-ring-color: rgb(var(--color-red-400) / var(--tw-ring-opacity));
2601
+ --tw-ring-color: rgb(var(--color-red-400) / var(--tw-ring-opacity, 1));
2585
2602
  }
2586
2603
  .ups-db .group.destructive .group-\[\.destructive\]\:focus\:ring-red-500:focus {
2587
2604
  --tw-ring-opacity: 1;
2588
- --tw-ring-color: rgb(var(--color-red-500) / var(--tw-ring-opacity));
2605
+ --tw-ring-color: rgb(var(--color-red-500) / var(--tw-ring-opacity, 1));
2589
2606
  }
2590
2607
  .ups-db .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
2591
2608
  --tw-ring-offset-color: rgb(var(--color-red-600) / 1);
@@ -2639,23 +2656,23 @@
2639
2656
  }
2640
2657
  .ups-db .data-\[selected\=true\]\:bg-zinc-100[data-selected=true] {
2641
2658
  --tw-bg-opacity: 1;
2642
- background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
2659
+ background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity, 1));
2643
2660
  }
2644
2661
  .ups-db .data-\[state\=open\]\:bg-zinc-100[data-state=open] {
2645
2662
  --tw-bg-opacity: 1;
2646
- background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
2663
+ background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity, 1));
2647
2664
  }
2648
2665
  .ups-db .data-\[selected\=true\]\:text-zinc-900[data-selected=true] {
2649
2666
  --tw-text-opacity: 1;
2650
- color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
2667
+ color: rgb(var(--color-zinc-900) / var(--tw-text-opacity, 1));
2651
2668
  }
2652
2669
  .ups-db .data-\[state\=open\]\:text-zinc-500[data-state=open] {
2653
2670
  --tw-text-opacity: 1;
2654
- color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
2671
+ color: rgb(var(--color-zinc-500) / var(--tw-text-opacity, 1));
2655
2672
  }
2656
2673
  .ups-db .data-\[state\=open\]\:text-zinc-900[data-state=open] {
2657
2674
  --tw-text-opacity: 1;
2658
- color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
2675
+ color: rgb(var(--color-zinc-900) / var(--tw-text-opacity, 1));
2659
2676
  }
2660
2677
  .ups-db .data-\[disabled\]\:opacity-50[data-disabled] {
2661
2678
  opacity: 0.5;
@@ -2735,57 +2752,40 @@
2735
2752
  .ups-db .data-\[state\=open\]\:slide-in-from-top-full[data-state=open] {
2736
2753
  --tw-enter-translate-y: -100%;
2737
2754
  }
2738
- .ups-db .dark\:border-zinc-700:is(.dark *) {
2739
- --tw-border-opacity: 1;
2740
- border-color: rgb(var(--color-zinc-700) / var(--tw-border-opacity));
2741
- }
2742
2755
  .ups-db .dark\:border-b-zinc-200:is(.dark *) {
2743
2756
  --tw-border-opacity: 1;
2744
- border-bottom-color: rgb(var(--color-zinc-200) / var(--tw-border-opacity));
2757
+ border-bottom-color: rgb(var(--color-zinc-200) / var(--tw-border-opacity, 1));
2745
2758
  }
2746
- .ups-db .dark\:bg-zinc-100:is(.dark *) {
2759
+ .ups-db .dark\:bg-neutral-50:is(.dark *) {
2747
2760
  --tw-bg-opacity: 1;
2748
- background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
2761
+ background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
2749
2762
  }
2750
- .ups-db .dark\:bg-zinc-200:is(.dark *) {
2751
- --tw-bg-opacity: 1;
2752
- background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity));
2763
+ .ups-db .dark\:bg-neutral-50\/20:is(.dark *) {
2764
+ background-color: rgb(250 250 250 / 0.2);
2753
2765
  }
2754
- .ups-db .dark\:bg-zinc-700:is(.dark *) {
2766
+ .ups-db .dark\:bg-zinc-100:is(.dark *) {
2755
2767
  --tw-bg-opacity: 1;
2756
- background-color: rgb(var(--color-zinc-700) / var(--tw-bg-opacity));
2768
+ background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity, 1));
2757
2769
  }
2758
- .ups-db .dark\:bg-zinc-800:is(.dark *) {
2770
+ .ups-db .dark\:bg-zinc-200:is(.dark *) {
2759
2771
  --tw-bg-opacity: 1;
2760
- background-color: rgb(var(--color-zinc-800) / var(--tw-bg-opacity));
2772
+ background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity, 1));
2761
2773
  }
2762
2774
  .ups-db .dark\:text-red-400:is(.dark *) {
2763
2775
  --tw-text-opacity: 1;
2764
- color: rgb(var(--color-red-400) / var(--tw-text-opacity));
2765
- }
2766
- .ups-db .dark\:text-zinc-100:is(.dark *) {
2767
- --tw-text-opacity: 1;
2768
- color: rgb(var(--color-zinc-100) / var(--tw-text-opacity));
2769
- }
2770
- .ups-db .dark\:text-zinc-300:is(.dark *) {
2771
- --tw-text-opacity: 1;
2772
- color: rgb(var(--color-zinc-300) / var(--tw-text-opacity));
2773
- }
2774
- .ups-db .dark\:text-zinc-400:is(.dark *) {
2775
- --tw-text-opacity: 1;
2776
- color: rgb(var(--color-zinc-400) / var(--tw-text-opacity));
2776
+ color: rgb(var(--color-red-400) / var(--tw-text-opacity, 1));
2777
2777
  }
2778
2778
  .ups-db .dark\:text-zinc-500:is(.dark *) {
2779
2779
  --tw-text-opacity: 1;
2780
- color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
2780
+ color: rgb(var(--color-zinc-500) / var(--tw-text-opacity, 1));
2781
2781
  }
2782
2782
  .ups-db .dark\:text-zinc-600:is(.dark *) {
2783
2783
  --tw-text-opacity: 1;
2784
- color: rgb(var(--color-zinc-600) / var(--tw-text-opacity));
2784
+ color: rgb(var(--color-zinc-600) / var(--tw-text-opacity, 1));
2785
2785
  }
2786
2786
  .ups-db .dark\:hover\:bg-zinc-200:hover:is(.dark *) {
2787
2787
  --tw-bg-opacity: 1;
2788
- background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity));
2788
+ background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity, 1));
2789
2789
  }
2790
2790
  @media (min-width: 640px) {
2791
2791
  .ups-db .sm\:\!mt-0 {
@@ -2827,6 +2827,14 @@
2827
2827
  font-size: 0.75rem;
2828
2828
  line-height: 1rem;
2829
2829
  }
2830
+ .ups-db .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
2831
+ -webkit-appearance: none;
2832
+ appearance: none;
2833
+ }
2834
+ .ups-db .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
2835
+ -webkit-appearance: none;
2836
+ appearance: none;
2837
+ }
2830
2838
  .ups-db .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
2831
2839
  display: none;
2832
2840
  }
@@ -2838,14 +2846,14 @@
2838
2846
  }
2839
2847
  .ups-db .\[\&\>svg\]\:text-zinc-400 > svg {
2840
2848
  --tw-text-opacity: 1;
2841
- color: rgb(var(--color-zinc-400) / var(--tw-text-opacity));
2849
+ color: rgb(var(--color-zinc-400) / var(--tw-text-opacity, 1));
2842
2850
  }
2843
2851
  .ups-db .\[\&_\.current-line\]\:\!border-none .current-line {
2844
2852
  border-style: none !important;
2845
2853
  }
2846
2854
  .ups-db .\[\&_\.current-line\]\:\!bg-emerald-50 .current-line {
2847
2855
  --tw-bg-opacity: 1 !important;
2848
- background-color: rgb(var(--color-emerald-50) / var(--tw-bg-opacity)) !important;
2856
+ background-color: rgb(var(--color-emerald-50) / var(--tw-bg-opacity, 1)) !important;
2849
2857
  }
2850
2858
  .ups-db .\[\&_\.monaco-editor-background\]\:\!bg-transparent .monaco-editor-background {
2851
2859
  background-color: transparent !important;
@@ -2870,7 +2878,7 @@
2870
2878
  }
2871
2879
  .ups-db .\[\&_\[cmdk-group-heading\]\]\:text-zinc-500 [cmdk-group-heading] {
2872
2880
  --tw-text-opacity: 1;
2873
- color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
2881
+ color: rgb(var(--color-zinc-500) / var(--tw-text-opacity, 1));
2874
2882
  }
2875
2883
  .ups-db .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
2876
2884
  padding-left: 0.5rem;