@upstash/react-redis-browser 0.2.13 → 0.2.14-rc.10

package/dist/index.css

@@ -789,6 +789,15 @@
 .ups-db .visible {
   visibility: visible;
 }
+.ups-db .invisible {
+  visibility: hidden;
+}
+.ups-db .collapse {
+  visibility: collapse;
+}
+.ups-db .static {
+  position: static;
+}
 .ups-db .fixed {
   position: fixed;
 }
@@ -801,6 +810,12 @@
 .ups-db .inset-0 {
   inset: 0px;
 }
+.ups-db .-bottom-1 {
+  bottom: -0.25rem;
+}
+.ups-db .-top-1 {
+  top: -0.25rem;
+}
 .ups-db .bottom-0 {
   bottom: 0px;
 }
@@ -852,6 +867,9 @@
 .ups-db .z-\[100\] {
   z-index: 100;
 }
+.ups-db .col-span-2 {
+  grid-column: span 2 / span 2;
+}
 .ups-db .-mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -860,9 +878,13 @@
   margin-top: -1px;
   margin-bottom: -1px;
 }
-.ups-db .mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
+.ups-db .mx-\[13px\] {
+  margin-left: 13px;
+  margin-right: 13px;
+}
+.ups-db .mx-\[2px\] {
+  margin-left: 2px;
+  margin-right: 2px;
 }
 .ups-db .mx-auto {
   margin-left: auto;
@@ -872,6 +894,15 @@
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.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;
 }
@@ -881,24 +912,39 @@
 .ups-db .mb-4 {
   margin-bottom: 1rem;
 }
+.ups-db .mb-6 {
+  margin-bottom: 1.5rem;
+}
 .ups-db .ml-1 {
   margin-left: 0.25rem;
 }
 .ups-db .ml-2 {
   margin-left: 0.5rem;
 }
+.ups-db .ml-\[15px\] {
+  margin-left: 15px;
+}
 .ups-db .ml-auto {
   margin-left: auto;
 }
+.ups-db .mr-1 {
+  margin-right: 0.25rem;
+}
 .ups-db .mr-2 {
   margin-right: 0.5rem;
 }
 .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;
 }
+.ups-db .mt-3 {
+  margin-top: 0.75rem;
+}
 .ups-db .mt-4 {
   margin-top: 1rem;
 }
@@ -911,12 +957,12 @@
 .ups-db .mt-\[150px\] {
   margin-top: 150px;
 }
-.ups-db .mt-\[1px\] {
-  margin-top: 1px;
-}
 .ups-db .block {
   display: block;
 }
+.ups-db .inline-block {
+  display: inline-block;
+}
 .ups-db .inline {
   display: inline;
 }
@@ -943,9 +989,15 @@
   width: 1.25rem;
   height: 1.25rem;
 }
+.ups-db .h-1 {
+  height: 0.25rem;
+}
 .ups-db .h-10 {
   height: 2.5rem;
 }
+.ups-db .h-12 {
+  height: 3rem;
+}
 .ups-db .h-2 {
   height: 0.5rem;
 }
@@ -976,8 +1028,23 @@
 .ups-db .h-\[100px\] {
   height: 100px;
 }
-.ups-db .h-\[1px\] {
-  height: 1px;
+.ups-db .h-\[18px\] {
+  height: 18px;
+}
+.ups-db .h-\[200px\] {
+  height: 200px;
+}
+.ups-db .h-\[20px\] {
+  height: 20px;
+}
+.ups-db .h-\[26px\] {
+  height: 26px;
+}
+.ups-db .h-\[3px\] {
+  height: 3px;
+}
+.ups-db .h-\[40px\] {
+  height: 40px;
 }
 .ups-db .h-\[var\(--radix-select-trigger-height\)\] {
   height: var(--radix-select-trigger-height);
@@ -988,9 +1055,15 @@
 .ups-db .h-px {
   height: 1px;
 }
+.ups-db .max-h-\[200px\] {
+  max-height: 200px;
+}
 .ups-db .max-h-\[300px\] {
   max-height: 300px;
 }
+.ups-db .max-h-\[40vh\] {
+  max-height: 40vh;
+}
 .ups-db .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
   max-height: var(--radix-dropdown-menu-content-available-height);
 }
@@ -1000,8 +1073,11 @@
 .ups-db .min-h-0 {
   min-height: 0px;
 }
-.ups-db .min-h-10 {
-  min-height: 2.5rem;
+.ups-db .min-h-\[150px\] {
+  min-height: 150px;
+}
+.ups-db .min-h-\[20px\] {
+  min-height: 20px;
 }
 .ups-db .\!w-auto {
   width: auto !important;
@@ -1012,9 +1088,18 @@
 .ups-db .w-10 {
   width: 2.5rem;
 }
+.ups-db .w-12 {
+  width: 3rem;
+}
+.ups-db .w-16 {
+  width: 4rem;
+}
 .ups-db .w-2 {
   width: 0.5rem;
 }
+.ups-db .w-20 {
+  width: 5rem;
+}
 .ups-db .w-24 {
   width: 6rem;
 }
@@ -1051,12 +1136,25 @@
 .ups-db .w-\[--radix-popover-trigger-width\] {
   width: var(--radix-popover-trigger-width);
 }
+.ups-db .w-\[20px\] {
+  width: 20px;
+}
+.ups-db .w-\[26px\] {
+  width: 26px;
+}
 .ups-db .w-\[300px\] {
   width: 300px;
 }
+.ups-db .w-\[3px\] {
+  width: 3px;
+}
 .ups-db .w-auto {
   width: auto;
 }
+.ups-db .w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+}
 .ups-db .w-full {
   width: 100%;
 }
@@ -1066,6 +1164,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;
 }
@@ -1078,9 +1179,15 @@
 .ups-db .max-w-0 {
   max-width: 0px;
 }
+.ups-db .max-w-2xl {
+  max-width: 42rem;
+}
 .ups-db .max-w-32 {
   max-width: 8rem;
 }
+.ups-db .max-w-4xl {
+  max-width: 56rem;
+}
 .ups-db .max-w-\[370px\] {
   max-width: 370px;
 }
@@ -1090,6 +1197,12 @@
 .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%;
 }
@@ -1105,10 +1218,22 @@
 .ups-db .origin-\[--radix-dropdown-menu-content-transform-origin\] {
   transform-origin: var(--radix-dropdown-menu-content-transform-origin);
 }
+.ups-db .-translate-x-\[2px\] {
+  --tw-translate-x: -2px;
+  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 .-translate-y-1\/2 {
   --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 .translate-x-0 {
+  --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 .translate-x-4 {
+  --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 .translate-x-\[-50\%\] {
   --tw-translate-x: -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));
@@ -1117,10 +1242,6 @@
   --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 .translate-y-\[1px\] {
-  --tw-translate-y: 1px;
-  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));
 }
@@ -1160,17 +1281,31 @@
   -moz-user-select: none;
   user-select: none;
 }
+.ups-db .resize-none {
+  resize: none;
+}
+.ups-db .resize-y {
+  resize: vertical;
+}
 .ups-db .resize {
   resize: both;
 }
+.ups-db .appearance-none {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+.ups-db .grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
 .ups-db .flex-col {
   flex-direction: column;
 }
 .ups-db .flex-col-reverse {
   flex-direction: column-reverse;
 }
-.ups-db .flex-wrap {
-  flex-wrap: wrap;
+.ups-db .items-start {
+  align-items: flex-start;
 }
 .ups-db .items-center {
   align-items: center;
@@ -1199,9 +1334,15 @@
 .ups-db .gap-2 {
   gap: 0.5rem;
 }
+.ups-db .gap-3 {
+  gap: 0.75rem;
+}
 .ups-db .gap-4 {
   gap: 1rem;
 }
+.ups-db .gap-8 {
+  gap: 2rem;
+}
 .ups-db .gap-\[2px\] {
   gap: 2px;
 }
@@ -1220,6 +1361,16 @@
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
+.ups-db .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+}
+.ups-db .space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
 .ups-db .space-y-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1241,6 +1392,9 @@
 .ups-db .overflow-visible {
   overflow: visible;
 }
+.ups-db .overflow-scroll {
+  overflow: scroll;
+}
 .ups-db .overflow-x-auto {
   overflow-x: auto;
 }
@@ -1261,9 +1415,15 @@
 .ups-db .text-balance {
   text-wrap: balance;
 }
+.ups-db .break-words {
+  overflow-wrap: break-word;
+}
 .ups-db .rounded {
   border-radius: 0.25rem;
 }
+.ups-db .rounded-\[14px\] {
+  border-radius: 14px;
+}
 .ups-db .rounded-\[inherit\] {
   border-radius: inherit;
 }
@@ -1276,13 +1436,39 @@
 .ups-db .rounded-md {
   border-radius: 0.375rem;
 }
+.ups-db .rounded-none {
+  border-radius: 0px;
+}
 .ups-db .rounded-sm {
   border-radius: 0.125rem;
 }
+.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;
+}
+.ups-db .rounded-l-md {
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
 .ups-db .rounded-l-none {
   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;
+}
 .ups-db .rounded-r-none {
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
@@ -1294,14 +1480,20 @@
 .ups-db .border {
   border-width: 1px;
 }
+.ups-db .border-2 {
+  border-width: 2px;
+}
+.ups-db .border-\[4px\] {
+  border-width: 4px;
+}
 .ups-db .border-b {
   border-bottom-width: 1px;
 }
 .ups-db .border-l-0 {
   border-left-width: 0px;
 }
-.ups-db .border-r {
-  border-right-width: 1px;
+.ups-db .border-l-2 {
+  border-left-width: 2px;
 }
 .ups-db .border-r-0 {
   border-right-width: 0px;
@@ -1314,174 +1506,251 @@
 }
 .ups-db .border-amber-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(var(--color-amber-400) / var(--tw-border-opacity, 1));
+  border-color: rgb(var(--color-amber-400) / var(--tw-border-opacity));
+}
+.ups-db .border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--color-blue-500) / var(--tw-border-opacity));
 }
 .ups-db .border-gray-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
+  border-color: rgb(156 163 175 / var(--tw-border-opacity));
 }
 .ups-db .border-green-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(var(--color-green-400) / var(--tw-border-opacity, 1));
+  border-color: rgb(var(--color-green-400) / var(--tw-border-opacity));
 }
 .ups-db .border-indigo-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(var(--color-indigo-400) / var(--tw-border-opacity, 1));
+  border-color: rgb(var(--color-indigo-400) / var(--tw-border-opacity));
 }
 .ups-db .border-orange-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(var(--color-orange-400) / var(--tw-border-opacity, 1));
+  border-color: rgb(var(--color-orange-400) / var(--tw-border-opacity));
 }
 .ups-db .border-pink-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(var(--color-pink-400) / var(--tw-border-opacity, 1));
+  border-color: rgb(var(--color-pink-400) / var(--tw-border-opacity));
 }
 .ups-db .border-purple-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(var(--color-purple-400) / var(--tw-border-opacity, 1));
+  border-color: rgb(var(--color-purple-400) / var(--tw-border-opacity));
 }
 .ups-db .border-red-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(var(--color-red-400) / var(--tw-border-opacity, 1));
+  border-color: rgb(var(--color-red-400) / var(--tw-border-opacity));
 }
 .ups-db .border-red-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(var(--color-red-500) / var(--tw-border-opacity, 1));
+  border-color: rgb(var(--color-red-500) / var(--tw-border-opacity));
+}
+.ups-db .border-rose-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--color-rose-400) / var(--tw-border-opacity));
 }
 .ups-db .border-sky-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(var(--color-sky-400) / var(--tw-border-opacity, 1));
+  border-color: rgb(var(--color-sky-400) / var(--tw-border-opacity));
 }
 .ups-db .border-transparent {
   border-color: transparent;
 }
 .ups-db .border-zinc-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(var(--color-zinc-200) / var(--tw-border-opacity, 1));
+  border-color: rgb(var(--color-zinc-200) / var(--tw-border-opacity));
 }
 .ups-db .border-zinc-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(var(--color-zinc-300) / var(--tw-border-opacity, 1));
+  border-color: rgb(var(--color-zinc-300) / var(--tw-border-opacity));
 }
-.ups-db .border-b-white {
+.ups-db .border-b-zinc-100 {
   --tw-border-opacity: 1;
-  border-bottom-color: rgb(var(--color-white) / var(--tw-border-opacity, 1));
+  border-bottom-color: rgb(var(--color-zinc-100) / var(--tw-border-opacity));
 }
-.ups-db .border-b-zinc-100 {
+.ups-db .border-t-zinc-600 {
   --tw-border-opacity: 1;
-  border-bottom-color: rgb(var(--color-zinc-100) / var(--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, 1)) !important;
+  background-color: rgb(var(--color-amber-50) / var(--tw-bg-opacity)) !important;
 }
 .ups-db .\!bg-gray-50 {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
 }
 .ups-db .\!bg-green-50 {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(var(--color-green-50) / var(--tw-bg-opacity, 1)) !important;
+  background-color: rgb(var(--color-green-50) / var(--tw-bg-opacity)) !important;
 }
 .ups-db .\!bg-indigo-50 {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(var(--color-indigo-50) / var(--tw-bg-opacity, 1)) !important;
+  background-color: rgb(var(--color-indigo-50) / var(--tw-bg-opacity)) !important;
 }
 .ups-db .\!bg-orange-50 {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(var(--color-orange-50) / var(--tw-bg-opacity, 1)) !important;
+  background-color: rgb(var(--color-orange-50) / var(--tw-bg-opacity)) !important;
 }
 .ups-db .\!bg-pink-50 {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(var(--color-pink-50) / var(--tw-bg-opacity, 1)) !important;
+  background-color: rgb(var(--color-pink-50) / var(--tw-bg-opacity)) !important;
 }
 .ups-db .\!bg-purple-50 {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(var(--color-purple-50) / var(--tw-bg-opacity, 1)) !important;
+  background-color: rgb(var(--color-purple-50) / var(--tw-bg-opacity)) !important;
+}
+.ups-db .\!bg-rose-50 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(var(--color-rose-50) / var(--tw-bg-opacity)) !important;
 }
 .ups-db .\!bg-sky-50 {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(var(--color-sky-50) / var(--tw-bg-opacity, 1)) !important;
+  background-color: rgb(var(--color-sky-50) / var(--tw-bg-opacity)) !important;
 }
 .ups-db .bg-amber-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-amber-200) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-amber-200) / var(--tw-bg-opacity));
+}
+.ups-db .bg-amber-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-amber-50) / var(--tw-bg-opacity));
 }
 .ups-db .bg-black\/50 {
   background-color: rgb(var(--color-black) / 0.5);
 }
-.ups-db .bg-blue-100 {
+.ups-db .bg-blue-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-blue-50) / var(--tw-bg-opacity));
+}
+.ups-db .bg-blue-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-blue-500) / var(--tw-bg-opacity));
+}
+.ups-db .bg-emerald-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-emerald-100) / var(--tw-bg-opacity));
+}
+.ups-db .bg-emerald-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-emerald-200) / var(--tw-bg-opacity));
+}
+.ups-db .bg-emerald-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-emerald-50) / var(--tw-bg-opacity));
 }
 .ups-db .bg-emerald-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-emerald-500) / var(--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, 1));
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
 .ups-db .bg-green-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-green-200) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-green-200) / var(--tw-bg-opacity));
 }
 .ups-db .bg-indigo-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-indigo-200) / var(--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, 1));
+  background-color: rgb(var(--color-orange-200) / var(--tw-bg-opacity));
 }
 .ups-db .bg-pink-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-pink-200) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-pink-200) / var(--tw-bg-opacity));
 }
 .ups-db .bg-purple-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-purple-200) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-purple-200) / var(--tw-bg-opacity));
+}
+.ups-db .bg-purple-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-purple-50) / var(--tw-bg-opacity));
 }
 .ups-db .bg-red-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-red-50) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-red-50) / var(--tw-bg-opacity));
 }
 .ups-db .bg-red-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity));
+}
+.ups-db .bg-rose-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-rose-200) / var(--tw-bg-opacity));
 }
 .ups-db .bg-sky-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-sky-200) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-sky-200) / var(--tw-bg-opacity));
 }
 .ups-db .bg-transparent {
   background-color: transparent;
 }
 .ups-db .bg-white {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-white) / var(--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-zinc-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
+}
+.ups-db .bg-zinc-100\/90 {
+  background-color: rgb(var(--color-zinc-100) / 0.9);
 }
 .ups-db .bg-zinc-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-200) / var(--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));
 }
 .ups-db .bg-zinc-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-900) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-zinc-900) / var(--tw-bg-opacity));
 }
 .ups-db .bg-zinc-900\/10 {
   background-color: rgb(var(--color-zinc-900) / 0.1);
 }
+.ups-db .bg-gradient-to-b {
+  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+}
+.ups-db .from-zinc-50 {
+  --tw-gradient-from: rgb(var(--color-zinc-50) / 1) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(var(--color-zinc-50) / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.ups-db .to-white {
+  --tw-gradient-to: rgb(var(--color-white) / 1) var(--tw-gradient-to-position);
+}
 .ups-db .p-0 {
   padding: 0px;
 }
@@ -1491,12 +1760,28 @@
 .ups-db .p-2 {
   padding: 0.5rem;
 }
+.ups-db .p-3 {
+  padding: 0.75rem;
+}
 .ups-db .p-4 {
   padding: 1rem;
 }
+.ups-db .p-5 {
+  padding: 1.25rem;
+}
 .ups-db .p-6 {
   padding: 1.5rem;
 }
+.ups-db .p-8 {
+  padding: 2rem;
+}
+.ups-db .p-\[2px\] {
+  padding: 2px;
+}
+.ups-db .px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
 .ups-db .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1509,10 +1794,26 @@
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.ups-db .px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
 .ups-db .px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
 }
+.ups-db .px-\[5px\] {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.ups-db .px-\[6px\] {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.ups-db .px-\[8px\] {
+  padding-left: 8px;
+  padding-right: 8px;
+}
 .ups-db .py-0 {
   padding-top: 0px;
   padding-bottom: 0px;
@@ -1533,6 +1834,14 @@
   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;
+}
 .ups-db .py-6 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
@@ -1541,8 +1850,15 @@
   padding-top: 3px;
   padding-bottom: 3px;
 }
-.ups-db .pb-\[1px\] {
-  padding-bottom: 1px;
+.ups-db .py-\[5px\] {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+.ups-db .pb-1\.5 {
+  padding-bottom: 0.375rem;
+}
+.ups-db .pb-5 {
+  padding-bottom: 1.25rem;
 }
 .ups-db .pl-0 {
   padding-left: 0px;
@@ -1553,6 +1869,9 @@
 .ups-db .pl-2 {
   padding-left: 0.5rem;
 }
+.ups-db .pl-3 {
+  padding-left: 0.75rem;
+}
 .ups-db .pl-8 {
   padding-left: 2rem;
 }
@@ -1568,6 +1887,9 @@
 .ups-db .pr-3 {
   padding-right: 0.75rem;
 }
+.ups-db .pr-4 {
+  padding-right: 1rem;
+}
 .ups-db .pr-6 {
   padding-right: 1.5rem;
 }
@@ -1583,13 +1905,23 @@
 .ups-db .text-right {
   text-align: right;
 }
+.ups-db .font-mono {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+}
+.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;
@@ -1618,141 +1950,191 @@
 .ups-db .uppercase {
   text-transform: uppercase;
 }
+.ups-db .capitalize {
+  text-transform: capitalize;
+}
 .ups-db .leading-none {
   line-height: 1;
 }
+.ups-db .leading-relaxed {
+  line-height: 1.625;
+}
 .ups-db .tracking-tight {
   letter-spacing: -0.025em;
 }
 .ups-db .tracking-wide {
   letter-spacing: 0.025em;
 }
+.ups-db .tracking-wider {
+  letter-spacing: 0.05em;
+}
 .ups-db .tracking-widest {
   letter-spacing: 0.1em;
 }
 .ups-db .text-amber-800 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-amber-800) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-amber-800) / var(--tw-text-opacity));
 }
 .ups-db .text-amber-900 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-amber-900) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-amber-900) / var(--tw-text-opacity));
 }
 .ups-db .text-black {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-black) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-black) / var(--tw-text-opacity));
+}
+.ups-db .text-blue-600 {
+  --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));
+}
+.ups-db .text-emerald-700 {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-emerald-700) / var(--tw-text-opacity));
+}
+.ups-db .text-emerald-800 {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-emerald-800) / var(--tw-text-opacity));
 }
 .ups-db .text-gray-800 {
   --tw-text-opacity: 1;
-  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
+  color: rgb(31 41 55 / var(--tw-text-opacity));
 }
 .ups-db .text-gray-900 {
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  color: rgb(17 24 39 / var(--tw-text-opacity));
 }
 .ups-db .text-green-500 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-green-500) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-green-500) / var(--tw-text-opacity));
 }
 .ups-db .text-green-800 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-green-800) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-green-800) / var(--tw-text-opacity));
 }
 .ups-db .text-green-900 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-green-900) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-green-900) / var(--tw-text-opacity));
 }
 .ups-db .text-indigo-800 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-indigo-800) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-indigo-800) / var(--tw-text-opacity));
 }
 .ups-db .text-indigo-900 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-indigo-900) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-indigo-900) / var(--tw-text-opacity));
 }
 .ups-db .text-orange-800 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-orange-800) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-orange-800) / var(--tw-text-opacity));
 }
 .ups-db .text-orange-900 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-orange-900) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-orange-900) / var(--tw-text-opacity));
 }
 .ups-db .text-pink-800 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-pink-800) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-pink-800) / var(--tw-text-opacity));
 }
 .ups-db .text-pink-900 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-pink-900) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-pink-900) / var(--tw-text-opacity));
 }
 .ups-db .text-purple-800 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-purple-800) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-purple-800) / var(--tw-text-opacity));
 }
 .ups-db .text-purple-900 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-purple-900) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-purple-900) / var(--tw-text-opacity));
 }
 .ups-db .text-red-500 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-red-500) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-red-500) / var(--tw-text-opacity));
 }
 .ups-db .text-red-600 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-red-600) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-red-600) / var(--tw-text-opacity));
 }
 .ups-db .text-red-700 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-red-700) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-red-700) / var(--tw-text-opacity));
+}
+.ups-db .text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-red-800) / var(--tw-text-opacity));
+}
+.ups-db .text-rose-800 {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-rose-800) / var(--tw-text-opacity));
+}
+.ups-db .text-rose-900 {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-rose-900) / var(--tw-text-opacity));
 }
 .ups-db .text-sky-800 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-sky-800) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-sky-800) / var(--tw-text-opacity));
 }
 .ups-db .text-sky-900 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-sky-900) / var(--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, 1));
+  color: rgb(var(--color-white) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-300 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-300) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-300) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-400 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-400) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-400) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-50 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-50) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-50) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-500 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-600 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-600) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-600) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-700 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-700) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-700) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-900 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-900) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-950 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-950) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-950) / var(--tw-text-opacity));
 }
 .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;
+}
 .ups-db .underline-offset-4 {
   text-underline-offset: 4px;
 }
@@ -1766,6 +2148,9 @@
 .ups-db .opacity-100 {
   opacity: 1;
 }
+.ups-db .opacity-30 {
+  opacity: 0.3;
+}
 .ups-db .opacity-50 {
   opacity: 0.5;
 }
@@ -1786,6 +2171,14 @@
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.ups-db .shadow-\[0_1px_1px_0_rgba\(0\,0\,0\,0\.10\)\] {
+  --tw-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
+  --tw-shadow-colored: 0 1px 1px 0 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);
@@ -1837,9 +2230,22 @@
 }
 .ups-db .backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px);
+  -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);
   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);
 }
 .ups-db .transition {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    -webkit-backdrop-filter;
   transition-property:
     color,
     background-color,
@@ -1852,6 +2258,19 @@
     transform,
     filter,
     backdrop-filter;
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    backdrop-filter,
+    -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -1876,9 +2295,20 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.ups-db .transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.ups-db .duration-100 {
+  transition-duration: 100ms;
+}
 .ups-db .duration-200 {
   transition-duration: 200ms;
 }
+.ups-db .ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
 @keyframes enter {
   from {
     opacity: var(--tw-enter-opacity, 1);
@@ -1906,9 +2336,20 @@
 .ups-db .zoom-in-95 {
   --tw-enter-scale: .95;
 }
+.ups-db .duration-100 {
+  animation-duration: 100ms;
+}
 .ups-db .duration-200 {
   animation-duration: 200ms;
 }
+.ups-db .ease-out {
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.ups-db .\[appearance\:textfield\] {
+  -webkit-appearance: textfield;
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
 .ups-db .tabs-shadow-left {
   background:
     linear-gradient(
@@ -1923,11 +2364,25 @@
       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: 1.2 !important;
+  stroke-width: 2 !important;
 }
 .ups-db .mtk5 {
-  color: #336554 !important;
+  color: rgb(var(--color-emerald-700)) !important;
 }
 .ups-db .mtk6 {
   color: #a626a4 !important;
@@ -1952,6 +2407,26 @@
 .ups-db .monaco-editor {
   --vscode-focusBorder: #0000 !important;
 }
+.ups-db .dropping .drag-overlay-bg {
+  animation: fadeOutBg 200ms ease-out forwards;
+}
+@keyframes fadeOutBg {
+  0% {
+    opacity: 1;
+    border-color: rgb(212, 212, 216);
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    visibility: visible;
+  }
+  99% {
+    visibility: visible;
+  }
+  100% {
+    opacity: 0;
+    border-color: transparent;
+    box-shadow: none;
+    visibility: hidden;
+  }
+}
 .ups-db .file\:border-0::file-selector-button {
   border-width: 0px;
 }
@@ -1965,61 +2440,84 @@
 .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, 1));
+  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
 }
 .ups-db .placeholder\:text-zinc-500::placeholder {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
 }
 .ups-db .hover\:bg-black\/10:hover {
   background-color: rgb(var(--color-black) / 0.1);
 }
-.ups-db .hover\:bg-blue-600:hover {
+.ups-db .hover\:bg-emerald-100:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-blue-600) / var(--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, 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-red-500\/90:hover {
   background-color: rgb(var(--color-red-500) / 0.9);
 }
 .ups-db .hover\:bg-red-600:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-red-600) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-red-600) / var(--tw-bg-opacity));
 }
 .ups-db .hover\:bg-white\/70:hover {
   background-color: rgb(var(--color-white) / 0.7);
 }
 .ups-db .hover\:bg-zinc-100:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
 }
 .ups-db .hover\:bg-zinc-100\/80:hover {
   background-color: rgb(var(--color-zinc-100) / 0.8);
 }
+.ups-db .hover\:bg-zinc-300\/10:hover {
+  background-color: rgb(var(--color-zinc-300) / 0.1);
+}
 .ups-db .hover\:bg-zinc-50:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity));
 }
-.ups-db .hover\:text-white:hover {
+.ups-db .hover\:text-red-500:hover {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-white) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-red-500) / var(--tw-text-opacity));
 }
 .ups-db .hover\:text-zinc-500:hover {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
+}
+.ups-db .hover\:text-zinc-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-zinc-600) / var(--tw-text-opacity));
+}
+.ups-db .hover\:text-zinc-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-zinc-700) / var(--tw-text-opacity));
 }
 .ups-db .hover\:text-zinc-900:hover {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-900) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
 }
 .ups-db .hover\:text-zinc-950:hover {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-950) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-950) / var(--tw-text-opacity));
 }
 .ups-db .hover\:underline:hover {
   text-decoration-line: underline;
@@ -2027,21 +2525,25 @@
 .ups-db .hover\:opacity-100:hover {
   opacity: 1;
 }
+.ups-db .focus\:border-zinc-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--color-zinc-400) / var(--tw-border-opacity));
+}
 .ups-db .focus\:bg-red-500:focus {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity));
 }
 .ups-db .focus\:bg-zinc-100:focus {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
 }
 .ups-db .focus\:text-white:focus {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-white) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-white) / var(--tw-text-opacity));
 }
 .ups-db .focus\:text-zinc-900:focus {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-900) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
 }
 .ups-db .focus\:opacity-100:focus {
   opacity: 1;
@@ -2068,14 +2570,14 @@
 }
 .ups-db .focus\:ring-zinc-950:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(var(--color-zinc-950) / var(--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, 1));
+  background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity));
 }
 .ups-db .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
@@ -2091,7 +2593,7 @@
 }
 .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, 1));
+  --tw-ring-color: rgb(var(--color-zinc-950) / var(--tw-ring-opacity));
 }
 .ups-db .focus-visible\:ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
@@ -2108,9 +2610,19 @@
 .ups-db .group\/editor:hover .group-hover\/editor\:flex {
   display: flex;
 }
-.ups-db .group:hover .group-hover\:border-zinc-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(var(--color-zinc-500) / var(--tw-border-opacity, 1));
+.ups-db .group\/condition:hover .group-hover\/condition\:translate-x-0 {
+  --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 .group\/group:hover .group-hover\/group\:translate-x-0 {
+  --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 .group\/condition:hover .group-hover\/condition\:opacity-100 {
+  opacity: 1;
+}
+.ups-db .group\/group:hover .group-hover\/group\:opacity-100 {
+  opacity: 1;
 }
 .ups-db .group:hover .group-hover\:opacity-100 {
   opacity: 1;
@@ -2120,30 +2632,30 @@
 }
 .ups-db .group.destructive .group-\[\.destructive\]\:text-red-300 {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-red-300) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-red-300) / var(--tw-text-opacity));
 }
 .ups-db .group.destructive .group-\[\.destructive\]\:hover\:border-red-500\/30:hover {
   border-color: rgb(var(--color-red-500) / 0.3);
 }
 .ups-db .group.destructive .group-\[\.destructive\]\:hover\:bg-red-500:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity));
 }
 .ups-db .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-red-50) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-red-50) / var(--tw-text-opacity));
 }
 .ups-db .group.destructive .group-\[\.destructive\]\:hover\:text-zinc-50:hover {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-50) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-50) / var(--tw-text-opacity));
 }
 .ups-db .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(var(--color-red-400) / var(--tw-ring-opacity, 1));
+  --tw-ring-color: rgb(var(--color-red-400) / var(--tw-ring-opacity));
 }
 .ups-db .group.destructive .group-\[\.destructive\]\:focus\:ring-red-500:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(var(--color-red-500) / var(--tw-ring-opacity, 1));
+  --tw-ring-color: rgb(var(--color-red-500) / var(--tw-ring-opacity));
 }
 .ups-db .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
   --tw-ring-offset-color: rgb(var(--color-red-600) / 1);
@@ -2154,6 +2666,13 @@
 .ups-db .peer:disabled ~ .peer-disabled\:opacity-70 {
   opacity: 0.7;
 }
+.ups-db .has-\[\[data-state\=open\]\]\:translate-x-0:has([data-state=open]) {
+  --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 .has-\[\[data-state\=open\]\]\:opacity-100:has([data-state=open]) {
+  opacity: 1;
+}
 .ups-db .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
   pointer-events: none;
 }
@@ -2190,23 +2709,23 @@
 }
 .ups-db .data-\[selected\=true\]\:bg-zinc-100[data-selected=true] {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-zinc-100) / 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, 1));
+  background-color: rgb(var(--color-zinc-100) / 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, 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, 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, 1));
+  color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
 }
 .ups-db .data-\[disabled\]\:opacity-50[data-disabled] {
   opacity: 0.5;
@@ -2288,23 +2807,38 @@
 }
 .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, 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-zinc-100:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
 }
 .ups-db .dark\:bg-zinc-200:is(.dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity));
+}
+.ups-db .dark\:bg-zinc-300:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-zinc-300) / var(--tw-bg-opacity));
 }
-.ups-db .dark\:text-zinc-400:is(.dark *) {
+.ups-db .dark\:text-red-400:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-400) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-red-400) / 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, 1));
+  color: rgb(var(--color-zinc-600) / var(--tw-text-opacity));
 }
 .ups-db .dark\:hover\:bg-zinc-200:hover:is(.dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity, 1));
+  background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity));
 }
 @media (min-width: 640px) {
   .ups-db .sm\:\!mt-0 {
@@ -2346,6 +2880,14 @@
   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;
 }
@@ -2355,6 +2897,17 @@
 .ups-db .\[\&\>svg\]\:shrink-0 > svg {
   flex-shrink: 0;
 }
+.ups-db .\[\&\>svg\]\:text-zinc-400 > svg {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-zinc-400) / var(--tw-text-opacity));
+}
+.ups-db .\[\&_\.current-line\]\:\!border-none .current-line {
+  border-style: none !important;
+}
+.ups-db .\[\&_\.current-line\]\:\!bg-emerald-50 .current-line {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(var(--color-emerald-50) / var(--tw-bg-opacity)) !important;
+}
 .ups-db .\[\&_\.monaco-editor-background\]\:\!bg-transparent .monaco-editor-background {
   background-color: transparent !important;
 }
@@ -2378,7 +2931,7 @@
 }
 .ups-db .\[\&_\[cmdk-group-heading\]\]\:text-zinc-500 [cmdk-group-heading] {
   --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity, 1));
+  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
 }
 .ups-db .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
   padding-left: 0.5rem;
@@ -2407,6 +2960,9 @@
 .ups-db .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
   width: 1.25rem;
 }
+.ups-db .\[\&_\[role\=\'presentation\'\]\]\:\!bg-transparent [role=presentation] {
+  background-color: transparent !important;
+}
 .ups-db .\[\&_svg\]\:size-4 svg {
   width: 1rem;
   height: 1rem;