@upstash/react-redis-browser 0.2.14-rc.1 → 0.2.14-rc.11

package/dist/index.css

@@ -786,12 +786,18 @@
 .ups-db .pointer-events-auto {
   pointer-events: auto;
 }
+.ups-db .\!visible {
+  visibility: visible !important;
+}
 .ups-db .visible {
   visibility: visible;
 }
 .ups-db .invisible {
   visibility: hidden;
 }
+.ups-db .collapse {
+  visibility: collapse;
+}
 .ups-db .static {
   position: static;
 }
@@ -816,6 +822,9 @@
 .ups-db .bottom-0 {
   bottom: 0px;
 }
+.ups-db .bottom-2 {
+  bottom: 0.5rem;
+}
 .ups-db .left-0 {
   left: 0px;
 }
@@ -864,6 +873,12 @@
 .ups-db .z-\[100\] {
   z-index: 100;
 }
+.ups-db .z-\[2\] {
+  z-index: 2;
+}
+.ups-db .col-span-2 {
+  grid-column: span 2 / span 2;
+}
 .ups-db .-mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -888,12 +903,19 @@
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.ups-db .my-\[2px\] {
+  margin-top: 2px;
+  margin-bottom: 2px;
+}
 .ups-db .-mt-1 {
   margin-top: -0.25rem;
 }
 .ups-db .mb-1 {
   margin-bottom: 0.25rem;
 }
+.ups-db .mb-1\.5 {
+  margin-bottom: 0.375rem;
+}
 .ups-db .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -912,6 +934,9 @@
 .ups-db .ml-2 {
   margin-left: 0.5rem;
 }
+.ups-db .ml-\[15px\] {
+  margin-left: 15px;
+}
 .ups-db .ml-auto {
   margin-left: auto;
 }
@@ -924,6 +949,9 @@
 .ups-db .mt-0\.5 {
   margin-top: 0.125rem;
 }
+.ups-db .mt-1 {
+  margin-top: 0.25rem;
+}
 .ups-db .mt-2 {
   margin-top: 0.5rem;
 }
@@ -1019,12 +1047,18 @@
 .ups-db .h-\[26px\] {
   height: 26px;
 }
+.ups-db .h-\[34px\] {
+  height: 34px;
+}
 .ups-db .h-\[3px\] {
   height: 3px;
 }
 .ups-db .h-\[40px\] {
   height: 40px;
 }
+.ups-db .h-\[58px\] {
+  height: 58px;
+}
 .ups-db .h-\[var\(--radix-select-trigger-height\)\] {
   height: var(--radix-select-trigger-height);
 }
@@ -1034,9 +1068,18 @@
 .ups-db .h-px {
   height: 1px;
 }
+.ups-db .max-h-40 {
+  max-height: 10rem;
+}
+.ups-db .max-h-\[200px\] {
+  max-height: 200px;
+}
 .ups-db .max-h-\[300px\] {
   max-height: 300px;
 }
+.ups-db .max-h-\[min\(var\(--radix-select-content-available-height\)\,20rem\)\] {
+  max-height: min(var(--radix-select-content-available-height), 20rem);
+}
 .ups-db .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
   max-height: var(--radix-dropdown-menu-content-available-height);
 }
@@ -1049,6 +1092,9 @@
 .ups-db .min-h-\[20px\] {
   min-height: 20px;
 }
+.ups-db .min-h-\[500px\] {
+  min-height: 500px;
+}
 .ups-db .\!w-auto {
   width: auto !important;
 }
@@ -1073,6 +1119,9 @@
 .ups-db .w-24 {
   width: 6rem;
 }
+.ups-db .w-3 {
+  width: 0.75rem;
+}
 .ups-db .w-3\.5 {
   width: 0.875rem;
 }
@@ -1097,6 +1146,9 @@
 .ups-db .w-8 {
   width: 2rem;
 }
+.ups-db .w-9 {
+  width: 2.25rem;
+}
 .ups-db .w-96 {
   width: 24rem;
 }
@@ -1112,9 +1164,18 @@
 .ups-db .w-\[300px\] {
   width: 300px;
 }
+.ups-db .w-\[340px\] {
+  width: 340px;
+}
+.ups-db .w-\[34px\] {
+  width: 34px;
+}
 .ups-db .w-\[3px\] {
   width: 3px;
 }
+.ups-db .w-\[500px\] {
+  width: 500px;
+}
 .ups-db .w-auto {
   width: auto;
 }
@@ -1131,6 +1192,9 @@
 .ups-db .min-w-24 {
   min-width: 6rem;
 }
+.ups-db .min-w-\[140px\] {
+  min-width: 140px;
+}
 .ups-db .min-w-\[30px\] {
   min-width: 30px;
 }
@@ -1143,6 +1207,9 @@
 .ups-db .max-w-0 {
   max-width: 0px;
 }
+.ups-db .max-w-2xl {
+  max-width: 42rem;
+}
 .ups-db .max-w-32 {
   max-width: 8rem;
 }
@@ -1152,12 +1219,21 @@
 .ups-db .max-w-\[400px\] {
   max-width: 400px;
 }
+.ups-db .max-w-\[500px\] {
+  max-width: 500px;
+}
+.ups-db .max-w-\[70\%\] {
+  max-width: 70%;
+}
 .ups-db .max-w-lg {
   max-width: 32rem;
 }
 .ups-db .max-w-md {
   max-width: 28rem;
 }
+.ups-db .max-w-xs {
+  max-width: 20rem;
+}
 .ups-db .flex-1 {
   flex: 1 1 0%;
 }
@@ -1197,6 +1273,10 @@
   --tw-translate-y: -50%;
   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));
 }
+.ups-db .rotate-90 {
+  --tw-rotate: 90deg;
+  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));
+}
 .ups-db .transform {
   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));
 }
@@ -1242,6 +1322,17 @@
 .ups-db .resize {
   resize: both;
 }
+.ups-db .appearance-none {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+.ups-db .grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.ups-db .flex-row {
+  flex-direction: row;
+}
 .ups-db .flex-col {
   flex-direction: column;
 }
@@ -1284,6 +1375,12 @@
 .ups-db .gap-4 {
   gap: 1rem;
 }
+.ups-db .gap-5 {
+  gap: 1.25rem;
+}
+.ups-db .gap-6 {
+  gap: 1.5rem;
+}
 .ups-db .gap-8 {
   gap: 2rem;
 }
@@ -1339,9 +1436,6 @@
 .ups-db .overflow-visible {
   overflow: visible;
 }
-.ups-db .overflow-scroll {
-  overflow: scroll;
-}
 .ups-db .overflow-x-auto {
   overflow-x: auto;
 }
@@ -1351,6 +1445,9 @@
 .ups-db .overflow-x-hidden {
   overflow-x: hidden;
 }
+.ups-db .overflow-x-scroll {
+  overflow-x: scroll;
+}
 .ups-db .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1359,9 +1456,6 @@
 .ups-db .whitespace-nowrap {
   white-space: nowrap;
 }
-.ups-db .whitespace-pre-wrap {
-  white-space: pre-wrap;
-}
 .ups-db .text-balance {
   text-wrap: balance;
 }
@@ -1371,6 +1465,12 @@
 .ups-db .rounded {
   border-radius: 0.25rem;
 }
+.ups-db .rounded-2xl {
+  border-radius: 1rem;
+}
+.ups-db .rounded-\[10px\] {
+  border-radius: 10px;
+}
 .ups-db .rounded-\[14px\] {
   border-radius: 14px;
 }
@@ -1395,6 +1495,10 @@
 .ups-db .rounded-xl {
   border-radius: 0.75rem;
 }
+.ups-db .rounded-b-lg {
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
 .ups-db .rounded-l-lg {
   border-top-left-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
@@ -1407,6 +1511,10 @@
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
 }
+.ups-db .rounded-r-lg {
+  border-top-right-radius: 0.5rem;
+  border-bottom-right-radius: 0.5rem;
+}
 .ups-db .rounded-r-md {
   border-top-right-radius: 0.375rem;
   border-bottom-right-radius: 0.375rem;
@@ -1415,6 +1523,10 @@
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
 }
+.ups-db .rounded-t-\[10px\] {
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
 .ups-db .rounded-t-lg {
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
@@ -1422,6 +1534,9 @@
 .ups-db .border {
   border-width: 1px;
 }
+.ups-db .border-2 {
+  border-width: 2px;
+}
 .ups-db .border-\[4px\] {
   border-width: 4px;
 }
@@ -1494,6 +1609,10 @@
 .ups-db .border-transparent {
   border-color: transparent;
 }
+.ups-db .border-yellow-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--color-yellow-300) / var(--tw-border-opacity));
+}
 .ups-db .border-zinc-200 {
   --tw-border-opacity: 1;
   border-color: rgb(var(--color-zinc-200) / var(--tw-border-opacity));
@@ -1506,6 +1625,10 @@
   --tw-border-opacity: 1;
   border-bottom-color: rgb(var(--color-zinc-100) / var(--tw-border-opacity));
 }
+.ups-db .border-t-zinc-600 {
+  --tw-border-opacity: 1;
+  border-top-color: rgb(var(--color-zinc-600) / var(--tw-border-opacity));
+}
 .ups-db .\!bg-amber-50 {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(var(--color-amber-50) / var(--tw-bg-opacity)) !important;
@@ -1577,6 +1700,14 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-emerald-500) / var(--tw-bg-opacity));
 }
+.ups-db .bg-emerald-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-emerald-600) / var(--tw-bg-opacity));
+}
+.ups-db .bg-emerald-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-emerald-800) / var(--tw-bg-opacity));
+}
 .ups-db .bg-gray-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -1589,6 +1720,13 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-indigo-200) / var(--tw-bg-opacity));
 }
+.ups-db .bg-neutral-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
+}
+.ups-db .bg-neutral-900\/20 {
+  background-color: rgb(23 23 23 / 0.2);
+}
 .ups-db .bg-orange-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-orange-200) / var(--tw-bg-opacity));
@@ -1597,6 +1735,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-pink-200) / var(--tw-bg-opacity));
 }
+.ups-db .bg-purple-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-purple-100) / var(--tw-bg-opacity));
+}
 .ups-db .bg-purple-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-purple-200) / var(--tw-bg-opacity));
@@ -1605,6 +1747,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-purple-50) / var(--tw-bg-opacity));
 }
+.ups-db .bg-purple-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-purple-500) / var(--tw-bg-opacity));
+}
 .ups-db .bg-red-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-red-50) / var(--tw-bg-opacity));
@@ -1628,8 +1774,9 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
 }
-.ups-db .bg-white\/80 {
-  background-color: rgb(var(--color-white) / 0.8);
+.ups-db .bg-yellow-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-yellow-50) / var(--tw-bg-opacity));
 }
 .ups-db .bg-zinc-100 {
   --tw-bg-opacity: 1;
@@ -1642,13 +1789,13 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity));
 }
-.ups-db .bg-zinc-200\/70 {
-  background-color: rgb(var(--color-zinc-200) / 0.7);
-}
 .ups-db .bg-zinc-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-300) / var(--tw-bg-opacity));
 }
+.ups-db .bg-zinc-400\/70 {
+  background-color: rgb(var(--color-zinc-400) / 0.7);
+}
 .ups-db .bg-zinc-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity));
@@ -1680,6 +1827,9 @@
 .ups-db .p-2 {
   padding: 0.5rem;
 }
+.ups-db .p-3 {
+  padding: 0.75rem;
+}
 .ups-db .p-4 {
   padding: 1rem;
 }
@@ -1699,6 +1849,10 @@
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.ups-db .px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
 .ups-db .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1735,6 +1889,10 @@
   padding-top: 0px;
   padding-bottom: 0px;
 }
+.ups-db .py-0\.5 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
 .ups-db .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -1751,6 +1909,10 @@
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+.ups-db .py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
 .ups-db .py-5 {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
@@ -1763,6 +1925,14 @@
   padding-top: 3px;
   padding-bottom: 3px;
 }
+.ups-db .py-\[5px\] {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+.ups-db .py-\[8px\] {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
 .ups-db .pb-5 {
   padding-bottom: 1.25rem;
 }
@@ -1802,6 +1972,9 @@
 .ups-db .pr-8 {
   padding-right: 2rem;
 }
+.ups-db .pt-0\.5 {
+  padding-top: 0.125rem;
+}
 .ups-db .text-left {
   text-align: left;
 }
@@ -1822,12 +1995,20 @@
     "Courier New",
     monospace;
 }
+.ups-db .\!text-sm {
+  font-size: 0.875rem !important;
+  line-height: 1.25rem !important;
+}
 .ups-db .text-\[11px\] {
   font-size: 11px;
 }
 .ups-db .text-\[13px\] {
   font-size: 13px;
 }
+.ups-db .text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
 .ups-db .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -1865,9 +2046,6 @@
 .ups-db .leading-relaxed {
   line-height: 1.625;
 }
-.ups-db .tracking-tight {
-  letter-spacing: -0.025em;
-}
 .ups-db .tracking-wide {
   letter-spacing: 0.025em;
 }
@@ -1877,6 +2055,10 @@
 .ups-db .tracking-widest {
   letter-spacing: 0.1em;
 }
+.ups-db .\!text-yellow-800 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(var(--color-yellow-800) / var(--tw-text-opacity)) !important;
+}
 .ups-db .text-amber-800 {
   --tw-text-opacity: 1;
   color: rgb(var(--color-amber-800) / var(--tw-text-opacity));
@@ -1893,6 +2075,10 @@
   --tw-text-opacity: 1;
   color: rgb(var(--color-blue-600) / var(--tw-text-opacity));
 }
+.ups-db .text-emerald-100 {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-emerald-100) / var(--tw-text-opacity));
+}
 .ups-db .text-emerald-600 {
   --tw-text-opacity: 1;
   color: rgb(var(--color-emerald-600) / var(--tw-text-opacity));
@@ -1949,6 +2135,10 @@
   --tw-text-opacity: 1;
   color: rgb(var(--color-pink-900) / var(--tw-text-opacity));
 }
+.ups-db .text-purple-700 {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-purple-700) / var(--tw-text-opacity));
+}
 .ups-db .text-purple-800 {
   --tw-text-opacity: 1;
   color: rgb(var(--color-purple-800) / var(--tw-text-opacity));
@@ -1989,10 +2179,17 @@
   --tw-text-opacity: 1;
   color: rgb(var(--color-sky-900) / var(--tw-text-opacity));
 }
+.ups-db .text-transparent {
+  color: transparent;
+}
 .ups-db .text-white {
   --tw-text-opacity: 1;
   color: rgb(var(--color-white) / var(--tw-text-opacity));
 }
+.ups-db .text-yellow-800 {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-yellow-800) / var(--tw-text-opacity));
+}
 .ups-db .text-zinc-300 {
   --tw-text-opacity: 1;
   color: rgb(var(--color-zinc-300) / var(--tw-text-opacity));
@@ -2028,6 +2225,9 @@
 .ups-db .text-zinc-950\/50 {
   color: rgb(var(--color-zinc-950) / 0.5);
 }
+.ups-db .underline {
+  text-decoration-line: underline;
+}
 .ups-db .underline-offset-2 {
   text-underline-offset: 2px;
 }
@@ -2053,9 +2253,6 @@
 .ups-db .opacity-60 {
   opacity: 0.6;
 }
-.ups-db .opacity-70 {
-  opacity: 0.7;
-}
 .ups-db .opacity-90 {
   opacity: 0.9;
 }
@@ -2075,6 +2272,14 @@
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.ups-db .shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.05\)\] {
+  --tw-shadow: 0 1px 1px rgba(0,0,0,0.05);
+  --tw-shadow-colored: 0 1px 1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .ups-db .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2114,6 +2319,14 @@
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000) !important;
 }
+.ups-db .ring-0 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
 .ups-db .ring-offset-white {
   --tw-ring-offset-color: rgb(var(--color-white) / 1);
 }
@@ -2226,12 +2439,33 @@
   --tw-enter-translate-x: initial;
   --tw-enter-translate-y: initial;
 }
+.ups-db .animate-out {
+  animation-name: exit;
+  animation-duration: 150ms;
+  --tw-exit-opacity: initial;
+  --tw-exit-scale: initial;
+  --tw-exit-rotate: initial;
+  --tw-exit-translate-x: initial;
+  --tw-exit-translate-y: initial;
+}
+.ups-db .fade-in {
+  --tw-enter-opacity: 0;
+}
 .ups-db .fade-in-0 {
   --tw-enter-opacity: 0;
 }
+.ups-db .fade-out {
+  --tw-exit-opacity: 0;
+}
 .ups-db .zoom-in-95 {
   --tw-enter-scale: .95;
 }
+.ups-db .slide-in-from-bottom-1 {
+  --tw-enter-translate-y: 0.25rem;
+}
+.ups-db .slide-out-to-bottom-1 {
+  --tw-exit-translate-y: 0.25rem;
+}
 .ups-db .duration-100 {
   animation-duration: 100ms;
 }
@@ -2241,6 +2475,14 @@
 .ups-db .ease-out {
   animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.ups-db .fill-mode-forwards {
+  animation-fill-mode: forwards;
+}
+.ups-db .\[appearance\:textfield\] {
+  -webkit-appearance: textfield;
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
 .ups-db .tabs-shadow-left {
   background:
     linear-gradient(
@@ -2255,6 +2497,20 @@
       rgba(0, 0, 0, 0.08),
       rgba(0, 0, 0, 0));
 }
+.ups-db .scroll-shadow-top {
+  background:
+    linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0.04),
+      rgba(0, 0, 0, 0));
+}
+.ups-db .scroll-shadow-bottom {
+  background:
+    linear-gradient(
+      to top,
+      rgba(0, 0, 0, 0.04),
+      rgba(0, 0, 0, 0));
+}
 .ups-db svg.tabler-icon {
   stroke-width: 2 !important;
 }
@@ -2317,6 +2573,14 @@
 .ups-db .file\:font-medium::file-selector-button {
   font-weight: 500;
 }
+.ups-db .placeholder\:text-zinc-400::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-zinc-400) / var(--tw-text-opacity));
+}
+.ups-db .placeholder\:text-zinc-400::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-zinc-400) / var(--tw-text-opacity));
+}
 .ups-db .placeholder\:text-zinc-500::-moz-placeholder {
   --tw-text-opacity: 1;
   color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
@@ -2325,13 +2589,29 @@
   --tw-text-opacity: 1;
   color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
 }
+.ups-db .hover\:border-zinc-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--color-zinc-400) / var(--tw-border-opacity));
+}
 .ups-db .hover\:bg-black\/10:hover {
   background-color: rgb(var(--color-black) / 0.1);
 }
+.ups-db .hover\:bg-emerald-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-emerald-100) / var(--tw-bg-opacity));
+}
 .ups-db .hover\:bg-emerald-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-emerald-600) / var(--tw-bg-opacity));
 }
+.ups-db .hover\:bg-emerald-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-emerald-700) / var(--tw-bg-opacity));
+}
+.ups-db .hover\:bg-purple-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-purple-600) / var(--tw-bg-opacity));
+}
 .ups-db .hover\:bg-red-500\/90:hover {
   background-color: rgb(var(--color-red-500) / 0.9);
 }
@@ -2352,9 +2632,9 @@
 .ups-db .hover\:bg-zinc-300\/10:hover {
   background-color: rgb(var(--color-zinc-300) / 0.1);
 }
-.ups-db .hover\:bg-zinc-800:hover {
+.ups-db .hover\:bg-zinc-50:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-800) / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity));
 }
 .ups-db .hover\:text-red-500:hover {
   --tw-text-opacity: 1;
@@ -2383,8 +2663,9 @@
 .ups-db .hover\:underline:hover {
   text-decoration-line: underline;
 }
-.ups-db .hover\:opacity-100:hover {
-  opacity: 1;
+.ups-db .focus\:border-purple-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--color-purple-500) / var(--tw-border-opacity));
 }
 .ups-db .focus\:border-zinc-400:focus {
   --tw-border-opacity: 1;
@@ -2421,21 +2702,14 @@
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
-.ups-db .focus\:ring-2:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow:
-    var(--tw-ring-offset-shadow),
-    var(--tw-ring-shadow),
-    var(--tw-shadow, 0 0 #0000);
+.ups-db .focus\:ring-purple-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(var(--color-purple-500) / var(--tw-ring-opacity));
 }
 .ups-db .focus\:ring-zinc-950:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(var(--color-zinc-950) / var(--tw-ring-opacity));
 }
-.ups-db .focus\:ring-offset-2:focus {
-  --tw-ring-offset-width: 2px;
-}
 .ups-db .focus-visible\:bg-zinc-50:focus-visible {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity));
@@ -2452,6 +2726,18 @@
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
+.ups-db .focus-visible\:ring-2:focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
+.ups-db .focus-visible\:ring-neutral-950:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(10 10 10 / var(--tw-ring-opacity));
+}
 .ups-db .focus-visible\:ring-zinc-950:focus-visible {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(var(--color-zinc-950) / var(--tw-ring-opacity));
@@ -2459,6 +2745,9 @@
 .ups-db .focus-visible\:ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
 }
+.ups-db .focus-visible\:ring-offset-white:focus-visible {
+  --tw-ring-offset-color: rgb(var(--color-white) / 1);
+}
 .ups-db .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }
@@ -2468,6 +2757,10 @@
 .ups-db .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
+.ups-db .disabled\:hover\:bg-purple-500:hover:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-purple-500) / var(--tw-bg-opacity));
+}
 .ups-db .group\/editor:hover .group-hover\/editor\:flex {
   display: flex;
 }
@@ -2556,6 +2849,14 @@
   --tw-translate-y: -0.25rem;
   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));
 }
+.ups-db .data-\[state\=checked\]\:translate-x-4[data-state=checked] {
+  --tw-translate-x: 1rem;
+  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));
+}
+.ups-db .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
+  --tw-translate-x: 0px;
+  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));
+}
 .ups-db .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
   --tw-translate-x: 0px;
   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));
@@ -2572,18 +2873,22 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
 }
+.ups-db .data-\[state\=checked\]\:bg-neutral-900[data-state=checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
+}
 .ups-db .data-\[state\=open\]\:bg-zinc-100[data-state=open] {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
 }
+.ups-db .data-\[state\=unchecked\]\:bg-neutral-200[data-state=unchecked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
+}
 .ups-db .data-\[selected\=true\]\:text-zinc-900[data-selected=true] {
   --tw-text-opacity: 1;
   color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
 }
-.ups-db .data-\[state\=open\]\:text-zinc-500[data-state=open] {
-  --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
-}
 .ups-db .data-\[state\=open\]\:text-zinc-900[data-state=open] {
   --tw-text-opacity: 1;
   color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
@@ -2666,14 +2971,21 @@
 .ups-db .data-\[state\=open\]\:slide-in-from-top-full[data-state=open] {
   --tw-enter-translate-y: -100%;
 }
-.ups-db .dark\:border-zinc-700:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(var(--color-zinc-700) / var(--tw-border-opacity));
-}
 .ups-db .dark\:border-b-zinc-200:is(.dark *) {
   --tw-border-opacity: 1;
   border-bottom-color: rgb(var(--color-zinc-200) / var(--tw-border-opacity));
 }
+.ups-db .dark\:bg-neutral-50:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
+}
+.ups-db .dark\:bg-neutral-50\/20:is(.dark *) {
+  background-color: rgb(250 250 250 / 0.2);
+}
+.ups-db .dark\:bg-neutral-950:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(10 10 10 / var(--tw-bg-opacity));
+}
 .ups-db .dark\:bg-zinc-100:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
@@ -2682,30 +2994,17 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity));
 }
-.ups-db .dark\:bg-zinc-700:is(.dark *) {
+.ups-db .dark\:bg-zinc-300:is(.dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-700) / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-zinc-300) / var(--tw-bg-opacity));
 }
-.ups-db .dark\:bg-zinc-800:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-800) / var(--tw-bg-opacity));
+.ups-db .dark\:bg-zinc-50\/40:is(.dark *) {
+  background-color: rgb(var(--color-zinc-50) / 0.4);
 }
 .ups-db .dark\:text-red-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(var(--color-red-400) / var(--tw-text-opacity));
 }
-.ups-db .dark\:text-zinc-100:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-100) / var(--tw-text-opacity));
-}
-.ups-db .dark\:text-zinc-400:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-400) / var(--tw-text-opacity));
-}
-.ups-db .dark\:text-zinc-500:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
-}
 .ups-db .dark\:text-zinc-600:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(var(--color-zinc-600) / var(--tw-text-opacity));
@@ -2714,10 +3013,22 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity));
 }
+.ups-db .dark\:focus-visible\:ring-neutral-300:focus-visible:is(.dark *) {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity));
+}
+.ups-db .dark\:focus-visible\:ring-offset-neutral-950:focus-visible:is(.dark *) {
+  --tw-ring-offset-color: #0a0a0a;
+}
+.ups-db .dark\:data-\[state\=checked\]\:bg-neutral-50[data-state=checked]:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
+}
+.ups-db .dark\:data-\[state\=unchecked\]\:bg-neutral-800[data-state=unchecked]:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
+}
 @media (min-width: 640px) {
-  .ups-db .sm\:\!mt-0 {
-    margin-top: 0px !important;
-  }
   .ups-db .sm\:flex-row {
     flex-direction: row;
   }
@@ -2732,9 +3043,6 @@
     margin-right: calc(0.5rem * var(--tw-space-x-reverse));
     margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
   }
-  .ups-db .sm\:rounded-lg {
-    border-radius: 0.5rem;
-  }
   .ups-db .sm\:text-left {
     text-align: left;
   }
@@ -2750,10 +3058,23 @@
     max-width: 420px;
   }
 }
+@media (min-width: 1024px) {
+  .ups-db .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
 .ups-db .\[\&\+div\]\:text-xs + div {
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.ups-db .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  appearance: none;
+}
+.ups-db .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  appearance: none;
+}
 .ups-db .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
   display: none;
 }