@upstash/react-redis-browser 0.2.6 → 0.2.7-canary-2

package/dist/index.css

@@ -26,7 +26,7 @@
   --tw-ring-inset: ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-color: rgb(147 197 253 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
@@ -79,7 +79,7 @@
   --tw-ring-inset: ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-color: rgb(147 197 253 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
@@ -332,6 +332,415 @@
 .ups-db [hidden]:where(:not([hidden=until-found])) {
   display: none;
 }
+.ups-db *,
+.ups-db ::before,
+.ups-db ::after {
+  border-color: rgb(var(--color-zinc-200) / 1);
+}
+.ups-db {
+  --color-black: 0 0 0;
+  --color-white: 255 255 255;
+  --color-zinc-50: 250 250 250;
+  --color-zinc-100: 244 244 245;
+  --color-zinc-200: 228 228 231;
+  --color-zinc-300: 212 212 216;
+  --color-zinc-400: 161 161 170;
+  --color-zinc-500: 113 113 122;
+  --color-zinc-600: 82 82 91;
+  --color-zinc-700: 63 63 70;
+  --color-zinc-800: 39 39 42;
+  --color-zinc-900: 24 24 27;
+  --color-zinc-950: 9 9 11;
+  --color-red-50: 254 242 242;
+  --color-red-100: 254 226 226;
+  --color-red-200: 254 202 202;
+  --color-red-300: 252 165 165;
+  --color-red-400: 248 113 113;
+  --color-red-500: 239 68 68;
+  --color-red-600: 220 38 38;
+  --color-red-700: 185 28 28;
+  --color-red-800: 153 27 27;
+  --color-red-900: 127 29 29;
+  --color-red-950: 69 10 10;
+  --color-orange-50: 255 247 237;
+  --color-orange-100: 255 237 213;
+  --color-orange-200: 254 215 170;
+  --color-orange-300: 253 186 116;
+  --color-orange-400: 251 146 60;
+  --color-orange-500: 249 115 22;
+  --color-orange-600: 234 88 12;
+  --color-orange-700: 194 65 12;
+  --color-orange-800: 154 52 18;
+  --color-orange-900: 124 45 18;
+  --color-orange-950: 67 20 7;
+  --color-amber-50: 255 251 235;
+  --color-amber-100: 254 243 199;
+  --color-amber-200: 253 230 138;
+  --color-amber-300: 252 211 77;
+  --color-amber-400: 251 191 36;
+  --color-amber-500: 245 158 11;
+  --color-amber-600: 217 119 6;
+  --color-amber-700: 180 83 9;
+  --color-amber-800: 146 64 14;
+  --color-amber-900: 120 53 15;
+  --color-amber-950: 69 26 3;
+  --color-yellow-50: 254 252 232;
+  --color-yellow-100: 254 249 195;
+  --color-yellow-200: 254 240 138;
+  --color-yellow-300: 253 224 71;
+  --color-yellow-400: 250 204 21;
+  --color-yellow-500: 234 179 8;
+  --color-yellow-600: 202 138 4;
+  --color-yellow-700: 161 98 7;
+  --color-yellow-800: 133 77 14;
+  --color-yellow-900: 113 63 18;
+  --color-yellow-950: 66 32 6;
+  --color-lime-50: 247 254 231;
+  --color-lime-100: 236 252 203;
+  --color-lime-200: 217 249 157;
+  --color-lime-300: 190 242 100;
+  --color-lime-400: 163 230 53;
+  --color-lime-500: 132 204 22;
+  --color-lime-600: 101 163 13;
+  --color-lime-700: 77 124 15;
+  --color-lime-800: 63 98 18;
+  --color-lime-900: 54 83 20;
+  --color-lime-950: 26 46 5;
+  --color-green-50: 240 253 244;
+  --color-green-100: 220 252 231;
+  --color-green-200: 187 247 208;
+  --color-green-300: 134 239 172;
+  --color-green-400: 74 222 128;
+  --color-green-500: 34 197 94;
+  --color-green-600: 22 163 74;
+  --color-green-700: 21 128 61;
+  --color-green-800: 22 101 52;
+  --color-green-900: 20 83 45;
+  --color-green-950: 5 46 22;
+  --color-emerald-50: 236 253 245;
+  --color-emerald-100: 209 250 229;
+  --color-emerald-200: 167 243 208;
+  --color-emerald-300: 110 231 183;
+  --color-emerald-400: 52 211 153;
+  --color-emerald-500: 16 185 129;
+  --color-emerald-600: 5 150 105;
+  --color-emerald-700: 4 120 87;
+  --color-emerald-800: 6 95 70;
+  --color-emerald-900: 6 78 59;
+  --color-emerald-950: 2 44 34;
+  --color-teal-50: 240 253 250;
+  --color-teal-100: 204 251 241;
+  --color-teal-200: 153 246 228;
+  --color-teal-300: 94 234 212;
+  --color-teal-400: 45 212 191;
+  --color-teal-500: 20 184 166;
+  --color-teal-600: 13 148 136;
+  --color-teal-700: 15 118 110;
+  --color-teal-800: 17 94 89;
+  --color-teal-900: 19 78 74;
+  --color-teal-950: 4 47 46;
+  --color-cyan-50: 236 254 255;
+  --color-cyan-100: 207 250 254;
+  --color-cyan-200: 165 243 252;
+  --color-cyan-300: 103 232 249;
+  --color-cyan-400: 34 211 238;
+  --color-cyan-500: 6 182 212;
+  --color-cyan-600: 8 145 178;
+  --color-cyan-700: 14 116 144;
+  --color-cyan-800: 21 94 117;
+  --color-cyan-900: 22 78 99;
+  --color-cyan-950: 8 51 68;
+  --color-sky-50: 240 249 255;
+  --color-sky-100: 224 242 254;
+  --color-sky-200: 186 230 253;
+  --color-sky-300: 125 211 252;
+  --color-sky-400: 56 189 248;
+  --color-sky-500: 14 165 233;
+  --color-sky-600: 2 132 199;
+  --color-sky-700: 3 105 161;
+  --color-sky-800: 7 89 133;
+  --color-sky-900: 12 74 110;
+  --color-sky-950: 8 47 73;
+  --color-blue-50: 239 246 255;
+  --color-blue-100: 219 234 254;
+  --color-blue-200: 191 219 254;
+  --color-blue-300: 147 197 253;
+  --color-blue-400: 96 165 250;
+  --color-blue-500: 59 130 246;
+  --color-blue-600: 37 99 235;
+  --color-blue-700: 29 78 216;
+  --color-blue-800: 30 64 175;
+  --color-blue-900: 30 58 138;
+  --color-blue-950: 23 37 84;
+  --color-indigo-50: 238 242 255;
+  --color-indigo-100: 224 231 255;
+  --color-indigo-200: 199 210 254;
+  --color-indigo-300: 165 180 252;
+  --color-indigo-400: 129 140 248;
+  --color-indigo-500: 99 102 241;
+  --color-indigo-600: 79 70 229;
+  --color-indigo-700: 67 56 202;
+  --color-indigo-800: 55 48 163;
+  --color-indigo-900: 49 46 129;
+  --color-indigo-950: 30 27 75;
+  --color-violet-50: 245 243 255;
+  --color-violet-100: 237 233 254;
+  --color-violet-200: 221 214 254;
+  --color-violet-300: 196 181 253;
+  --color-violet-400: 167 139 250;
+  --color-violet-500: 139 92 246;
+  --color-violet-600: 124 58 237;
+  --color-violet-700: 109 40 217;
+  --color-violet-800: 91 33 182;
+  --color-violet-900: 76 29 149;
+  --color-violet-950: 46 16 101;
+  --color-purple-50: 250 245 255;
+  --color-purple-100: 243 232 255;
+  --color-purple-200: 233 213 255;
+  --color-purple-300: 216 180 254;
+  --color-purple-400: 192 132 252;
+  --color-purple-500: 168 85 247;
+  --color-purple-600: 147 51 234;
+  --color-purple-700: 126 34 206;
+  --color-purple-800: 107 33 168;
+  --color-purple-900: 88 28 135;
+  --color-purple-950: 59 7 100;
+  --color-fuchsia-50: 253 244 255;
+  --color-fuchsia-100: 250 232 255;
+  --color-fuchsia-200: 245 208 254;
+  --color-fuchsia-300: 240 171 252;
+  --color-fuchsia-400: 232 121 249;
+  --color-fuchsia-500: 217 70 239;
+  --color-fuchsia-600: 192 38 211;
+  --color-fuchsia-700: 162 28 175;
+  --color-fuchsia-800: 134 25 143;
+  --color-fuchsia-900: 112 26 117;
+  --color-fuchsia-950: 74 4 78;
+  --color-pink-50: 253 242 248;
+  --color-pink-100: 252 231 243;
+  --color-pink-200: 251 207 232;
+  --color-pink-300: 249 168 212;
+  --color-pink-400: 244 114 182;
+  --color-pink-500: 236 72 153;
+  --color-pink-600: 219 39 119;
+  --color-pink-700: 190 24 93;
+  --color-pink-800: 157 23 77;
+  --color-pink-900: 131 24 67;
+  --color-pink-950: 80 7 36;
+  --color-rose-50: 255 241 242;
+  --color-rose-100: 255 228 230;
+  --color-rose-200: 254 205 211;
+  --color-rose-300: 253 164 175;
+  --color-rose-400: 251 113 133;
+  --color-rose-500: 244 63 94;
+  --color-rose-600: 225 29 72;
+  --color-rose-700: 190 18 60;
+  --color-rose-800: 159 18 57;
+  --color-rose-900: 136 19 55;
+  --color-rose-950: 76 5 25;
+}
+.ups-db :is(.dark *) {
+  --color-black: 255 255 255;
+  --color-white: 24 24 27;
+  --color-zinc-50: 9 9 11;
+  --color-zinc-100: 24 24 27;
+  --color-zinc-200: 39 39 42;
+  --color-zinc-300: 63 63 70;
+  --color-zinc-400: 82 82 91;
+  --color-zinc-500: 113 113 122;
+  --color-zinc-600: 161 161 170;
+  --color-zinc-700: 212 212 216;
+  --color-zinc-800: 228 228 231;
+  --color-zinc-900: 244 244 245;
+  --color-zinc-950: 250 250 250;
+  --color-red-50: 69 10 10;
+  --color-red-100: 127 29 29;
+  --color-red-200: 153 27 27;
+  --color-red-300: 185 28 28;
+  --color-red-400: 220 38 38;
+  --color-red-500: 239 68 68;
+  --color-red-600: 248 113 113;
+  --color-red-700: 252 165 165;
+  --color-red-800: 254 202 202;
+  --color-red-900: 254 226 226;
+  --color-red-950: 254 242 242;
+  --color-orange-50: 67 20 7;
+  --color-orange-100: 124 45 18;
+  --color-orange-200: 154 52 18;
+  --color-orange-300: 194 65 12;
+  --color-orange-400: 234 88 12;
+  --color-orange-500: 249 115 22;
+  --color-orange-600: 251 146 60;
+  --color-orange-700: 253 186 116;
+  --color-orange-800: 254 215 170;
+  --color-orange-900: 255 237 213;
+  --color-orange-950: 255 247 237;
+  --color-amber-50: 69 26 3;
+  --color-amber-100: 120 53 15;
+  --color-amber-200: 146 64 14;
+  --color-amber-300: 180 83 9;
+  --color-amber-400: 217 119 6;
+  --color-amber-500: 245 158 11;
+  --color-amber-600: 251 191 36;
+  --color-amber-700: 252 211 77;
+  --color-amber-800: 253 230 138;
+  --color-amber-900: 254 243 199;
+  --color-amber-950: 255 251 235;
+  --color-yellow-50: 66 32 6;
+  --color-yellow-100: 113 63 18;
+  --color-yellow-200: 133 77 14;
+  --color-yellow-300: 161 98 7;
+  --color-yellow-400: 202 138 4;
+  --color-yellow-500: 234 179 8;
+  --color-yellow-600: 250 204 21;
+  --color-yellow-700: 253 224 71;
+  --color-yellow-800: 254 240 138;
+  --color-yellow-900: 254 249 195;
+  --color-yellow-950: 254 252 232;
+  --color-lime-50: 26 46 5;
+  --color-lime-100: 54 83 20;
+  --color-lime-200: 63 98 18;
+  --color-lime-300: 77 124 15;
+  --color-lime-400: 101 163 13;
+  --color-lime-500: 132 204 22;
+  --color-lime-600: 163 230 53;
+  --color-lime-700: 190 242 100;
+  --color-lime-800: 217 249 157;
+  --color-lime-900: 236 252 203;
+  --color-lime-950: 247 254 231;
+  --color-green-50: 5 46 22;
+  --color-green-100: 20 83 45;
+  --color-green-200: 22 101 52;
+  --color-green-300: 21 128 61;
+  --color-green-400: 22 163 74;
+  --color-green-500: 34 197 94;
+  --color-green-600: 74 222 128;
+  --color-green-700: 134 239 172;
+  --color-green-800: 187 247 208;
+  --color-green-900: 220 252 231;
+  --color-green-950: 240 253 244;
+  --color-emerald-50: 2 44 34;
+  --color-emerald-100: 6 78 59;
+  --color-emerald-200: 6 95 70;
+  --color-emerald-300: 4 120 87;
+  --color-emerald-400: 5 150 105;
+  --color-emerald-500: 16 185 129;
+  --color-emerald-600: 52 211 153;
+  --color-emerald-700: 110 231 183;
+  --color-emerald-800: 167 243 208;
+  --color-emerald-900: 209 250 229;
+  --color-emerald-950: 236 253 245;
+  --color-teal-50: 4 47 46;
+  --color-teal-100: 19 78 74;
+  --color-teal-200: 17 94 89;
+  --color-teal-300: 15 118 110;
+  --color-teal-400: 13 148 136;
+  --color-teal-500: 20 184 166;
+  --color-teal-600: 45 212 191;
+  --color-teal-700: 94 234 212;
+  --color-teal-800: 153 246 228;
+  --color-teal-900: 204 251 241;
+  --color-teal-950: 240 253 250;
+  --color-cyan-50: 8 51 68;
+  --color-cyan-100: 22 78 99;
+  --color-cyan-200: 21 94 117;
+  --color-cyan-300: 14 116 144;
+  --color-cyan-400: 8 145 178;
+  --color-cyan-500: 6 182 212;
+  --color-cyan-600: 34 211 238;
+  --color-cyan-700: 103 232 249;
+  --color-cyan-800: 165 243 252;
+  --color-cyan-900: 207 250 254;
+  --color-cyan-950: 236 254 255;
+  --color-sky-50: 8 47 73;
+  --color-sky-100: 12 74 110;
+  --color-sky-200: 7 89 133;
+  --color-sky-300: 3 105 161;
+  --color-sky-400: 2 132 199;
+  --color-sky-500: 14 165 233;
+  --color-sky-600: 56 189 248;
+  --color-sky-700: 125 211 252;
+  --color-sky-800: 186 230 253;
+  --color-sky-900: 224 242 254;
+  --color-sky-950: 240 249 255;
+  --color-blue-50: 23 37 84;
+  --color-blue-100: 30 58 138;
+  --color-blue-200: 30 64 175;
+  --color-blue-300: 29 78 216;
+  --color-blue-400: 37 99 235;
+  --color-blue-500: 59 130 246;
+  --color-blue-600: 96 165 250;
+  --color-blue-700: 147 197 253;
+  --color-blue-800: 191 219 254;
+  --color-blue-900: 219 234 254;
+  --color-blue-950: 239 246 255;
+  --color-indigo-50: 30 27 75;
+  --color-indigo-100: 49 46 129;
+  --color-indigo-200: 55 48 163;
+  --color-indigo-300: 67 56 202;
+  --color-indigo-400: 79 70 229;
+  --color-indigo-500: 99 102 241;
+  --color-indigo-600: 129 140 248;
+  --color-indigo-700: 165 180 252;
+  --color-indigo-800: 199 210 254;
+  --color-indigo-900: 224 231 255;
+  --color-indigo-950: 238 242 255;
+  --color-violet-50: 46 16 101;
+  --color-violet-100: 76 29 149;
+  --color-violet-200: 91 33 182;
+  --color-violet-300: 109 40 217;
+  --color-violet-400: 124 58 237;
+  --color-violet-500: 139 92 246;
+  --color-violet-600: 167 139 250;
+  --color-violet-700: 196 181 253;
+  --color-violet-800: 221 214 254;
+  --color-violet-900: 237 233 254;
+  --color-violet-950: 245 243 255;
+  --color-purple-50: 59 7 100;
+  --color-purple-100: 88 28 135;
+  --color-purple-200: 107 33 168;
+  --color-purple-300: 126 34 206;
+  --color-purple-400: 147 51 234;
+  --color-purple-500: 168 85 247;
+  --color-purple-600: 192 132 252;
+  --color-purple-700: 216 180 254;
+  --color-purple-800: 233 213 255;
+  --color-purple-900: 243 232 255;
+  --color-purple-950: 250 245 255;
+  --color-fuchsia-50: 74 4 78;
+  --color-fuchsia-100: 112 26 117;
+  --color-fuchsia-200: 134 25 143;
+  --color-fuchsia-300: 162 28 175;
+  --color-fuchsia-400: 192 38 211;
+  --color-fuchsia-500: 217 70 239;
+  --color-fuchsia-600: 232 121 249;
+  --color-fuchsia-700: 240 171 252;
+  --color-fuchsia-800: 245 208 254;
+  --color-fuchsia-900: 250 232 255;
+  --color-fuchsia-950: 253 244 255;
+  --color-pink-50: 80 7 36;
+  --color-pink-100: 131 24 67;
+  --color-pink-200: 157 23 77;
+  --color-pink-300: 190 24 93;
+  --color-pink-400: 219 39 119;
+  --color-pink-500: 236 72 153;
+  --color-pink-600: 244 114 182;
+  --color-pink-700: 249 168 212;
+  --color-pink-800: 251 207 232;
+  --color-pink-900: 252 231 243;
+  --color-pink-950: 253 242 248;
+  --color-rose-50: 76 5 25;
+  --color-rose-100: 136 19 55;
+  --color-rose-200: 159 18 57;
+  --color-rose-300: 190 18 60;
+  --color-rose-400: 225 29 72;
+  --color-rose-500: 244 63 94;
+  --color-rose-600: 251 113 133;
+  --color-rose-700: 253 164 175;
+  --color-rose-800: 254 205 211;
+  --color-rose-900: 255 228 230;
+  --color-rose-950: 255 241 242;
+}
 .ups-db .container {
   width: 100%;
 }
@@ -906,169 +1315,157 @@
 }
 .ups-db .border-amber-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(251 191 36 / var(--tw-border-opacity));
+  border-color: rgb(var(--color-amber-400) / var(--tw-border-opacity));
 }
 .ups-db .border-green-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(74 222 128 / var(--tw-border-opacity));
+  border-color: rgb(var(--color-green-400) / var(--tw-border-opacity));
 }
 .ups-db .border-indigo-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(129 140 248 / var(--tw-border-opacity));
-}
-.ups-db .border-neutral-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(229 229 229 / var(--tw-border-opacity));
+  border-color: rgb(var(--color-indigo-400) / var(--tw-border-opacity));
 }
 .ups-db .border-orange-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(251 146 60 / var(--tw-border-opacity));
+  border-color: rgb(var(--color-orange-400) / var(--tw-border-opacity));
 }
 .ups-db .border-pink-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(244 114 182 / var(--tw-border-opacity));
+  border-color: rgb(var(--color-pink-400) / var(--tw-border-opacity));
 }
 .ups-db .border-purple-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(192 132 252 / var(--tw-border-opacity));
+  border-color: rgb(var(--color-purple-400) / var(--tw-border-opacity));
 }
 .ups-db .border-red-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(248 113 113 / var(--tw-border-opacity));
+  border-color: rgb(var(--color-red-400) / var(--tw-border-opacity));
 }
 .ups-db .border-red-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+  border-color: rgb(var(--color-red-500) / var(--tw-border-opacity));
 }
 .ups-db .border-sky-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(56 189 248 / var(--tw-border-opacity));
+  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(228 228 231 / var(--tw-border-opacity));
+  border-color: rgb(var(--color-zinc-200) / var(--tw-border-opacity));
 }
 .ups-db .border-zinc-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(212 212 216 / var(--tw-border-opacity));
+  border-color: rgb(var(--color-zinc-300) / var(--tw-border-opacity));
 }
 .ups-db .border-b-white {
   --tw-border-opacity: 1;
-  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
+  border-bottom-color: rgb(var(--color-white) / var(--tw-border-opacity));
 }
 .ups-db .border-b-zinc-100 {
   --tw-border-opacity: 1;
-  border-bottom-color: rgb(244 244 245 / var(--tw-border-opacity));
+  border-bottom-color: rgb(var(--color-zinc-100) / var(--tw-border-opacity));
 }
 .ups-db .\!bg-amber-50 {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(255 251 235 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(var(--color-amber-50) / var(--tw-bg-opacity)) !important;
 }
 .ups-db .\!bg-green-50 {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(240 253 244 / var(--tw-bg-opacity)) !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(238 242 255 / var(--tw-bg-opacity)) !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(255 247 237 / var(--tw-bg-opacity)) !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(253 242 248 / var(--tw-bg-opacity)) !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(250 245 255 / var(--tw-bg-opacity)) !important;
+  background-color: rgb(var(--color-purple-50) / var(--tw-bg-opacity)) !important;
 }
 .ups-db .\!bg-sky-50 {
   --tw-bg-opacity: 1 !important;
-  background-color: rgb(240 249 255 / var(--tw-bg-opacity)) !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(253 230 138 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-amber-200) / var(--tw-bg-opacity));
 }
 .ups-db .bg-black\/50 {
-  background-color: rgb(0 0 0 / 0.5);
+  background-color: rgb(var(--color-black) / 0.5);
 }
 .ups-db .bg-emerald-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-emerald-500) / var(--tw-bg-opacity));
 }
 .ups-db .bg-green-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-green-200) / var(--tw-bg-opacity));
 }
 .ups-db .bg-indigo-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(199 210 254 / var(--tw-bg-opacity));
-}
-.ups-db .bg-neutral-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
-}
-.ups-db .bg-neutral-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
-}
-.ups-db .bg-neutral-200\/70 {
-  background-color: rgb(229 229 229 / 0.7);
+  background-color: rgb(var(--color-indigo-200) / var(--tw-bg-opacity));
 }
 .ups-db .bg-orange-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 215 170 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-orange-200) / var(--tw-bg-opacity));
 }
 .ups-db .bg-pink-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(251 207 232 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-pink-200) / var(--tw-bg-opacity));
 }
 .ups-db .bg-purple-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(233 213 255 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-purple-200) / var(--tw-bg-opacity));
 }
 .ups-db .bg-red-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-red-50) / var(--tw-bg-opacity));
 }
 .ups-db .bg-red-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity));
 }
 .ups-db .bg-sky-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(186 230 253 / var(--tw-bg-opacity));
+  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(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
 }
 .ups-db .bg-white\/80 {
-  background-color: rgb(255 255 255 / 0.8);
+  background-color: rgb(var(--color-white) / 0.8);
 }
 .ups-db .bg-zinc-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
 }
 .ups-db .bg-zinc-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
+  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-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-zinc-900) / var(--tw-bg-opacity));
 }
 .ups-db .bg-zinc-900\/10 {
-  background-color: rgb(24 24 27 / 0.1);
+  background-color: rgb(var(--color-zinc-900) / 0.1);
 }
 .ups-db .fill-current {
   fill: currentColor;
@@ -1227,138 +1624,118 @@
 }
 .ups-db .text-amber-800 {
   --tw-text-opacity: 1;
-  color: rgb(146 64 14 / var(--tw-text-opacity));
+  color: rgb(var(--color-amber-800) / var(--tw-text-opacity));
 }
 .ups-db .text-amber-900 {
   --tw-text-opacity: 1;
-  color: rgb(120 53 15 / var(--tw-text-opacity));
+  color: rgb(var(--color-amber-900) / var(--tw-text-opacity));
 }
 .ups-db .text-black {
   --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
-}
-.ups-db .text-gray-50 {
-  --tw-text-opacity: 1;
-  color: rgb(249 250 251 / var(--tw-text-opacity));
-}
-.ups-db .text-gray-500 {
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
+  color: rgb(var(--color-black) / var(--tw-text-opacity));
 }
 .ups-db .text-green-500 {
   --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity));
+  color: rgb(var(--color-green-500) / var(--tw-text-opacity));
 }
 .ups-db .text-green-800 {
   --tw-text-opacity: 1;
-  color: rgb(22 101 52 / var(--tw-text-opacity));
+  color: rgb(var(--color-green-800) / var(--tw-text-opacity));
 }
 .ups-db .text-green-900 {
   --tw-text-opacity: 1;
-  color: rgb(20 83 45 / var(--tw-text-opacity));
+  color: rgb(var(--color-green-900) / var(--tw-text-opacity));
 }
 .ups-db .text-indigo-800 {
   --tw-text-opacity: 1;
-  color: rgb(55 48 163 / var(--tw-text-opacity));
+  color: rgb(var(--color-indigo-800) / var(--tw-text-opacity));
 }
 .ups-db .text-indigo-900 {
   --tw-text-opacity: 1;
-  color: rgb(49 46 129 / var(--tw-text-opacity));
-}
-.ups-db .text-neutral-500 {
-  --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity));
-}
-.ups-db .text-neutral-900 {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity));
-}
-.ups-db .text-neutral-950 {
-  --tw-text-opacity: 1;
-  color: rgb(10 10 10 / var(--tw-text-opacity));
-}
-.ups-db .text-neutral-950\/50 {
-  color: rgb(10 10 10 / 0.5);
+  color: rgb(var(--color-indigo-900) / var(--tw-text-opacity));
 }
 .ups-db .text-orange-800 {
   --tw-text-opacity: 1;
-  color: rgb(154 52 18 / var(--tw-text-opacity));
+  color: rgb(var(--color-orange-800) / var(--tw-text-opacity));
 }
 .ups-db .text-orange-900 {
   --tw-text-opacity: 1;
-  color: rgb(124 45 18 / var(--tw-text-opacity));
+  color: rgb(var(--color-orange-900) / var(--tw-text-opacity));
 }
 .ups-db .text-pink-800 {
   --tw-text-opacity: 1;
-  color: rgb(157 23 77 / var(--tw-text-opacity));
+  color: rgb(var(--color-pink-800) / var(--tw-text-opacity));
 }
 .ups-db .text-pink-900 {
   --tw-text-opacity: 1;
-  color: rgb(131 24 67 / var(--tw-text-opacity));
+  color: rgb(var(--color-pink-900) / var(--tw-text-opacity));
 }
 .ups-db .text-purple-800 {
   --tw-text-opacity: 1;
-  color: rgb(107 33 168 / var(--tw-text-opacity));
+  color: rgb(var(--color-purple-800) / var(--tw-text-opacity));
 }
 .ups-db .text-purple-900 {
   --tw-text-opacity: 1;
-  color: rgb(88 28 135 / var(--tw-text-opacity));
+  color: rgb(var(--color-purple-900) / var(--tw-text-opacity));
 }
 .ups-db .text-red-500 {
   --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
+  color: rgb(var(--color-red-500) / var(--tw-text-opacity));
 }
 .ups-db .text-red-600 {
   --tw-text-opacity: 1;
-  color: rgb(220 38 38 / var(--tw-text-opacity));
+  color: rgb(var(--color-red-600) / var(--tw-text-opacity));
 }
 .ups-db .text-red-700 {
   --tw-text-opacity: 1;
-  color: rgb(185 28 28 / var(--tw-text-opacity));
+  color: rgb(var(--color-red-700) / var(--tw-text-opacity));
 }
 .ups-db .text-sky-800 {
   --tw-text-opacity: 1;
-  color: rgb(7 89 133 / var(--tw-text-opacity));
+  color: rgb(var(--color-sky-800) / var(--tw-text-opacity));
 }
 .ups-db .text-sky-900 {
   --tw-text-opacity: 1;
-  color: rgb(12 74 110 / var(--tw-text-opacity));
+  color: rgb(var(--color-sky-900) / var(--tw-text-opacity));
 }
 .ups-db .text-white {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(var(--color-white) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-300 {
   --tw-text-opacity: 1;
-  color: rgb(212 212 216 / var(--tw-text-opacity));
+  color: rgb(var(--color-zinc-300) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-400 {
   --tw-text-opacity: 1;
-  color: rgb(161 161 170 / var(--tw-text-opacity));
+  color: rgb(var(--color-zinc-400) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-50 {
   --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity));
+  color: rgb(var(--color-zinc-50) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-500 {
   --tw-text-opacity: 1;
-  color: rgb(113 113 122 / var(--tw-text-opacity));
+  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-600 {
   --tw-text-opacity: 1;
-  color: rgb(82 82 91 / var(--tw-text-opacity));
+  color: rgb(var(--color-zinc-600) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-700 {
   --tw-text-opacity: 1;
-  color: rgb(63 63 70 / var(--tw-text-opacity));
+  color: rgb(var(--color-zinc-700) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-900 {
   --tw-text-opacity: 1;
-  color: rgb(24 24 27 / var(--tw-text-opacity));
+  color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
 }
 .ups-db .text-zinc-950 {
   --tw-text-opacity: 1;
-  color: rgb(9 9 11 / var(--tw-text-opacity));
+  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-offset-4 {
   text-underline-offset: 4px;
@@ -1432,16 +1809,8 @@
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000) !important;
 }
-.ups-db .ring {
-  --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(3px + 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: #fff;
+  --tw-ring-offset-color: rgb(var(--color-white) / 1);
 }
 .ups-db .blur {
   --tw-blur: blur(8px);
@@ -1550,20 +1919,49 @@
 .ups-db .duration-200 {
   animation-duration: 200ms;
 }
-.ups-db .ups-db .tabs-shadow-left {
+.ups-db .tabs-shadow-left {
   background:
     linear-gradient(
       to right,
       rgba(0, 0, 0, 0.08),
       rgba(0, 0, 0, 0));
 }
-.ups-db .ups-db .tabs-shadow-right {
+.ups-db .tabs-shadow-right {
   background:
     linear-gradient(
       to left,
       rgba(0, 0, 0, 0.08),
       rgba(0, 0, 0, 0));
 }
+.ups-db svg.tabler-icon {
+  stroke-width: 1.2 !important;
+}
+.ups-db .mtk5 {
+  color: #336554 !important;
+}
+.ups-db .mtk6 {
+  color: #a626a4 !important;
+}
+.ups-db .mtk20 {
+  color: #059669 !important;
+}
+.ups-db .mtk8 {
+  color: #fcc28c !important;
+}
+.ups-db .dark .mtk22,
+.ups-db .dark .mtk1,
+.ups-db .dark .mtk9 {
+  color: #fafafa !important;
+}
+.ups-db .dark .mtk8 {
+  color: #f0abfc !important;
+}
+.ups-db .dark .mtk5 {
+  color: #6ee7b7 !important;
+}
+.ups-db .monaco-editor {
+  --vscode-focusBorder: #0000 !important;
+}
 .ups-db .file\:border-0::file-selector-button {
   border-width: 0px;
 }
@@ -1577,65 +1975,53 @@
 .ups-db .file\:font-medium::file-selector-button {
   font-weight: 500;
 }
-.ups-db .placeholder\:text-neutral-500::-moz-placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity));
-}
-.ups-db .placeholder\:text-neutral-500::placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity));
-}
 .ups-db .placeholder\:text-zinc-500::-moz-placeholder {
   --tw-text-opacity: 1;
-  color: rgb(113 113 122 / var(--tw-text-opacity));
+  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
 }
 .ups-db .placeholder\:text-zinc-500::placeholder {
   --tw-text-opacity: 1;
-  color: rgb(113 113 122 / var(--tw-text-opacity));
-}
-.ups-db .hover\:bg-\[\#0000000A\]:hover {
-  background-color: #0000000A;
+  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
 }
-.ups-db .hover\:bg-\[\#FFFFFF\]\/70:hover {
-  background-color: rgb(255 255 255 / 0.7);
+.ups-db .hover\:bg-black\/10:hover {
+  background-color: rgb(var(--color-black) / 0.1);
 }
 .ups-db .hover\:bg-emerald-600:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
-}
-.ups-db .hover\:bg-neutral-100\/80:hover {
-  background-color: rgb(245 245 245 / 0.8);
+  background-color: rgb(var(--color-emerald-600) / var(--tw-bg-opacity));
 }
 .ups-db .hover\:bg-red-500\/90:hover {
-  background-color: rgb(239 68 68 / 0.9);
+  background-color: rgb(var(--color-red-500) / 0.9);
 }
 .ups-db .hover\:bg-red-600:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
+  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(244 244 245 / var(--tw-bg-opacity));
+  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-50:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
-}
-.ups-db .hover\:text-gray-900:hover {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
-}
-.ups-db .hover\:text-neutral-950:hover {
-  --tw-text-opacity: 1;
-  color: rgb(10 10 10 / var(--tw-text-opacity));
+  background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity));
 }
 .ups-db .hover\:text-zinc-500:hover {
   --tw-text-opacity: 1;
-  color: rgb(113 113 122 / var(--tw-text-opacity));
+  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
 }
 .ups-db .hover\:text-zinc-900:hover {
   --tw-text-opacity: 1;
-  color: rgb(24 24 27 / var(--tw-text-opacity));
+  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));
 }
 .ups-db .hover\:underline:hover {
   text-decoration-line: underline;
@@ -1643,21 +2029,21 @@
 .ups-db .hover\:opacity-100:hover {
   opacity: 1;
 }
-.ups-db .focus\:bg-neutral-100:focus {
+.ups-db .focus\:bg-red-500:focus {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-red-500) / var(--tw-bg-opacity));
 }
-.ups-db .focus\:bg-red-500:focus {
+.ups-db .focus\:bg-zinc-100:focus {
   --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
 }
-.ups-db .focus\:text-neutral-900:focus {
+.ups-db .focus\:text-white:focus {
   --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity));
+  color: rgb(var(--color-white) / var(--tw-text-opacity));
 }
-.ups-db .focus\:text-white:focus {
+.ups-db .focus\:text-zinc-900:focus {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(var(--color-zinc-900) / var(--tw-text-opacity));
 }
 .ups-db .focus\:opacity-100:focus {
   opacity: 1;
@@ -1684,14 +2070,14 @@
 }
 .ups-db .focus\:ring-zinc-950:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(9 9 11 / var(--tw-ring-opacity));
+  --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(250 250 250 / var(--tw-bg-opacity));
+  background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity));
 }
 .ups-db .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
@@ -1707,7 +2093,7 @@
 }
 .ups-db .focus-visible\:ring-zinc-950:focus-visible {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(9 9 11 / var(--tw-ring-opacity));
+  --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;
@@ -1726,43 +2112,43 @@
 }
 .ups-db .group:hover .group-hover\:border-zinc-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(113 113 122 / var(--tw-border-opacity));
+  border-color: rgb(var(--color-zinc-500) / var(--tw-border-opacity));
 }
 .ups-db .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }
 .ups-db .group.destructive .group-\[\.destructive\]\:border-zinc-100\/40 {
-  border-color: rgb(244 244 245 / 0.4);
+  border-color: rgb(var(--color-zinc-100) / 0.4);
 }
 .ups-db .group.destructive .group-\[\.destructive\]\:text-red-300 {
   --tw-text-opacity: 1;
-  color: rgb(252 165 165 / var(--tw-text-opacity));
+  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(239 68 68 / 0.3);
+  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(239 68 68 / var(--tw-bg-opacity));
+  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(254 242 242 / var(--tw-text-opacity));
+  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(250 250 250 / var(--tw-text-opacity));
+  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(248 113 113 / var(--tw-ring-opacity));
+  --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(239 68 68 / var(--tw-ring-opacity));
+  --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: #dc2626;
+  --tw-ring-offset-color: rgb(var(--color-red-600) / 1);
 }
 .ups-db .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
   cursor: not-allowed;
@@ -1804,32 +2190,25 @@
   --tw-translate-x: var(--radix-toast-swipe-move-x);
   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-\[selected\=true\]\:bg-neutral-100[data-selected=true] {
+.ups-db .data-\[selected\=true\]\:bg-zinc-100[data-selected=true] {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
-}
-.ups-db .data-\[state\=open\]\:bg-neutral-100[data-state=open] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+  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(244 244 245 / var(--tw-bg-opacity));
-}
-.ups-db .data-\[selected\=true\]\:text-neutral-900[data-selected=true] {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity));
+  background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
 }
-.ups-db .data-\[state\=open\]\:text-neutral-900[data-state=open] {
+.ups-db .data-\[selected\=true\]\:text-zinc-900[data-selected=true] {
   --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity));
+  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(113 113 122 / var(--tw-text-opacity));
+  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
 }
-.ups-db .data-\[disabled\=true\]\:opacity-50[data-disabled=true] {
-  opacity: 0.5;
+.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));
 }
 .ups-db .data-\[disabled\]\:opacity-50[data-disabled] {
   opacity: 0.5;
@@ -1909,196 +2288,9 @@
 .ups-db .data-\[state\=open\]\:slide-in-from-top-full[data-state=open] {
   --tw-enter-translate-y: -100%;
 }
-.ups-db .dark\:border-neutral-800:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(38 38 38 / var(--tw-border-opacity));
-}
-.ups-db .dark\:border-red-900:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(127 29 29 / var(--tw-border-opacity));
-}
-.ups-db .dark\:border-zinc-800:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(39 39 42 / var(--tw-border-opacity));
-}
-.ups-db .dark\:bg-black:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-}
-.ups-db .dark\:bg-emerald-500:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
-}
-.ups-db .dark\:bg-neutral-800:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
-}
-.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-red-900:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
-}
-.ups-db .dark\:bg-zinc-50:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
-}
-.ups-db .dark\:bg-zinc-50\/10:is(.dark *) {
-  background-color: rgb(250 250 250 / 0.1);
-}
-.ups-db .dark\:bg-zinc-950:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(9 9 11 / var(--tw-bg-opacity));
-}
-.ups-db .dark\:bg-zinc-950\/80:is(.dark *) {
-  background-color: rgb(9 9 11 / 0.8);
-}
-.ups-db .dark\:text-\[\#FFFFFF\]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-.ups-db .dark\:text-gray-400:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
-}
-.ups-db .dark\:text-neutral-400:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity));
-}
-.ups-db .dark\:text-neutral-50:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity));
-}
-.ups-db .dark\:text-neutral-50\/50:is(.dark *) {
-  color: rgb(250 250 250 / 0.5);
-}
-.ups-db .dark\:text-white:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-.ups-db .dark\:text-zinc-400:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(161 161 170 / var(--tw-text-opacity));
-}
-.ups-db .dark\:text-zinc-50:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity));
-}
-.ups-db .dark\:text-zinc-900:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(24 24 27 / var(--tw-text-opacity));
-}
-.ups-db .dark\:ring-offset-zinc-950:is(.dark *) {
-  --tw-ring-offset-color: #09090b;
-}
-.ups-db .dark\:placeholder\:text-neutral-400:is(.dark *)::-moz-placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity));
-}
-.ups-db .dark\:placeholder\:text-neutral-400:is(.dark *)::placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity));
-}
-.ups-db .dark\:placeholder\:text-zinc-400:is(.dark *)::-moz-placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(161 161 170 / var(--tw-text-opacity));
-}
-.ups-db .dark\:placeholder\:text-zinc-400:is(.dark *)::placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(161 161 170 / var(--tw-text-opacity));
-}
-.ups-db .dark\:hover\:bg-black\/10:hover:is(.dark *) {
-  background-color: rgb(0 0 0 / 0.1);
-}
-.ups-db .dark\:hover\:bg-emerald-600:hover:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
-}
-.ups-db .dark\:hover\:bg-neutral-800:hover:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
-}
-.ups-db .dark\:hover\:bg-neutral-800\/80:hover:is(.dark *) {
-  background-color: rgb(38 38 38 / 0.8);
-}
-.ups-db .dark\:hover\:bg-red-900\/90:hover:is(.dark *) {
-  background-color: rgb(127 29 29 / 0.9);
-}
-.ups-db .dark\:hover\:bg-zinc-800:hover:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
-}
-.ups-db .dark\:hover\:text-gray-100:hover:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(243 244 246 / var(--tw-text-opacity));
-}
-.ups-db .dark\:hover\:text-neutral-50:hover:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity));
-}
-.ups-db .dark\:focus\:bg-neutral-800:focus:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
-}
-.ups-db .dark\:focus\:text-neutral-50:focus:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity));
-}
-.ups-db .dark\:focus\:ring-neutral-300:focus:is(.dark *) {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity));
-}
-.ups-db .dark\:focus\:ring-zinc-300:focus:is(.dark *) {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity));
-}
-.ups-db .dark\:focus-visible\:ring-zinc-300:focus-visible:is(.dark *) {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity));
-}
-.ups-db .group.destructive .dark\:group-\[\.destructive\]\:border-neutral-800\/40:is(.dark *) {
-  border-color: rgb(38 38 38 / 0.4);
-}
-.ups-db .group.destructive .dark\:group-\[\.destructive\]\:hover\:border-red-900\/30:hover:is(.dark *) {
-  border-color: rgb(127 29 29 / 0.3);
-}
-.ups-db .group.destructive .dark\:group-\[\.destructive\]\:hover\:bg-red-900:hover:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
-}
-.ups-db .group.destructive .dark\:group-\[\.destructive\]\:hover\:text-neutral-50:hover:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity));
-}
-.ups-db .group.destructive .dark\:group-\[\.destructive\]\:focus\:ring-red-900:focus:is(.dark *) {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity));
-}
-.ups-db .dark\:data-\[selected\=true\]\:bg-neutral-800[data-selected=true]:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
-}
-.ups-db .dark\:data-\[state\=open\]\:bg-neutral-800[data-state=open]:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
-}
-.ups-db .dark\:data-\[state\=open\]\:bg-zinc-800[data-state=open]:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
-}
-.ups-db .dark\:data-\[selected\=true\]\:text-neutral-50[data-selected=true]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity));
-}
-.ups-db .dark\:data-\[state\=open\]\:text-neutral-50[data-state=open]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity));
-}
-.ups-db .dark\:data-\[state\=open\]\:text-zinc-400[data-state=open]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(161 161 170 / var(--tw-text-opacity));
+.ups-db .dark\:\!bg-\[\#192321\]:is(.dark *) {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(25 35 33 / var(--tw-bg-opacity)) !important;
 }
 @media (min-width: 640px) {
   .ups-db .sm\:\!mt-0 {
@@ -2146,13 +2338,15 @@
 .ups-db .\[\&\>div\]\:\!block > div {
   display: block !important;
 }
-.ups-db .\[\&\>svg\]\:size-4 > svg {
-  width: 1rem;
-  height: 1rem;
-}
 .ups-db .\[\&\>svg\]\:shrink-0 > svg {
   flex-shrink: 0;
 }
+.ups-db .\[\&_\.monaco-editor-background\]\:\!bg-transparent .monaco-editor-background {
+  background-color: transparent !important;
+}
+.ups-db .\[\&_\.monaco-editor\]\:\!bg-transparent .monaco-editor {
+  background-color: transparent !important;
+}
 .ups-db .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -2168,16 +2362,9 @@
 .ups-db .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
   font-weight: 500;
 }
-.ups-db .\[\&_\[cmdk-group-heading\]\]\:text-neutral-500 [cmdk-group-heading] {
-  --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity));
-}
-.ups-db .dark\:\[\&_\[cmdk-group-heading\]\]\:text-neutral-400 [cmdk-group-heading]:is(.dark *) {
+.ups-db .\[\&_\[cmdk-group-heading\]\]\:text-zinc-500 [cmdk-group-heading] {
   --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity));
-}
-.ups-db .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
-  padding-top: 0px;
+  color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
 }
 .ups-db .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
   padding-left: 0.5rem;
@@ -2206,9 +2393,6 @@
 .ups-db .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
   width: 1.25rem;
 }
-.ups-db .\[\&_svg\]\:pointer-events-none svg {
-  pointer-events: none;
-}
 .ups-db .\[\&_svg\]\:size-4 svg {
   width: 1rem;
   height: 1rem;