@upstash/react-redis-browser 0.1.10 → 0.1.11-canary-2

package/dist/index.css

@@ -371,9 +371,6 @@
   white-space: nowrap;
   border-width: 0;
 }
-.ups-db .pointer-events-none {
-  pointer-events: none;
-}
 .ups-db .pointer-events-auto {
   pointer-events: auto;
 }
@@ -395,6 +392,9 @@
 .ups-db .bottom-0 {
   bottom: 0px;
 }
+.ups-db .left-0 {
+  left: 0px;
+}
 .ups-db .left-2 {
   left: 0.5rem;
 }
@@ -434,6 +434,9 @@
 .ups-db .top-\[50\%\] {
   top: 50%;
 }
+.ups-db .-z-10 {
+  z-index: -10;
+}
 .ups-db .z-50 {
   z-index: 50;
 }
@@ -448,6 +451,9 @@
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.ups-db .mb-2 {
+  margin-bottom: 0.5rem;
+}
 .ups-db .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -460,6 +466,9 @@
 .ups-db .ml-auto {
   margin-left: auto;
 }
+.ups-db .mr-1 {
+  margin-right: 0.25rem;
+}
 .ups-db .mt-0\.5 {
   margin-top: 0.125rem;
 }
@@ -510,6 +519,9 @@
 .ups-db .h-10 {
   height: 2.5rem;
 }
+.ups-db .h-2 {
+  height: 0.5rem;
+}
 .ups-db .h-3 {
   height: 0.75rem;
 }
@@ -531,9 +543,15 @@
 .ups-db .h-8 {
   height: 2rem;
 }
+.ups-db .h-9 {
+  height: 2.25rem;
+}
 .ups-db .h-\[100px\] {
   height: 100px;
 }
+.ups-db .h-\[1px\] {
+  height: 1px;
+}
 .ups-db .h-\[var\(--radix-select-trigger-height\)\] {
   height: var(--radix-select-trigger-height);
 }
@@ -543,6 +561,9 @@
 .ups-db .h-px {
   height: 1px;
 }
+.ups-db .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
+  max-height: var(--radix-dropdown-menu-content-available-height);
+}
 .ups-db .max-h-screen {
   max-height: 100vh;
 }
@@ -594,6 +615,9 @@
 .ups-db .w-8 {
   width: 2rem;
 }
+.ups-db .w-\[--radix-popover-trigger-width\] {
+  width: var(--radix-popover-trigger-width);
+}
 .ups-db .w-\[300px\] {
   width: 300px;
 }
@@ -621,6 +645,9 @@
 .ups-db .max-w-0 {
   max-width: 0px;
 }
+.ups-db .max-w-32 {
+  max-width: 8rem;
+}
 .ups-db .max-w-\[400px\] {
   max-width: 400px;
 }
@@ -630,6 +657,9 @@
 .ups-db .flex-1 {
   flex: 1 1 0%;
 }
+.ups-db .flex-shrink-0 {
+  flex-shrink: 0;
+}
 .ups-db .shrink-0 {
   flex-shrink: 0;
 }
@@ -639,6 +669,9 @@
 .ups-db .caption-bottom {
   caption-side: bottom;
 }
+.ups-db .origin-\[--radix-dropdown-menu-content-transform-origin\] {
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+}
 .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));
@@ -651,6 +684,10 @@
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.ups-db .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));
+}
 @keyframes pulse {
   50% {
     opacity: .5;
@@ -748,12 +785,29 @@
   margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
 }
+.ups-db .divide-y > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+}
 .ups-db .overflow-auto {
   overflow: auto;
 }
 .ups-db .overflow-hidden {
   overflow: hidden;
 }
+.ups-db .overflow-visible {
+  overflow: visible;
+}
+.ups-db .overflow-y-auto {
+  overflow-y: auto;
+}
+.ups-db .overflow-x-hidden {
+  overflow-x: hidden;
+}
+.ups-db .overflow-x-scroll {
+  overflow-x: scroll;
+}
 .ups-db .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -783,9 +837,6 @@
 .ups-db .rounded-sm {
   border-radius: 0.125rem;
 }
-.ups-db .rounded-xl {
-  border-radius: 0.75rem;
-}
 .ups-db .rounded-l-none {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
@@ -794,6 +845,10 @@
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
 }
+.ups-db .rounded-t-lg {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
 .ups-db .border {
   border-width: 1px;
 }
@@ -803,6 +858,9 @@
 .ups-db .border-l-0 {
   border-left-width: 0px;
 }
+.ups-db .border-r {
+  border-right-width: 1px;
+}
 .ups-db .border-r-0 {
   border-right-width: 0px;
 }
@@ -859,6 +917,10 @@
   --tw-border-opacity: 1;
   border-color: rgb(212 212 216 / var(--tw-border-opacity));
 }
+.ups-db .border-b-white {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(255 255 255 / 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));
@@ -955,6 +1017,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(244 244 245 / var(--tw-bg-opacity));
 }
+.ups-db .bg-zinc-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
+}
 .ups-db .bg-zinc-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(24 24 27 / var(--tw-bg-opacity));
@@ -974,9 +1040,6 @@
 .ups-db .p-2 {
   padding: 0.5rem;
 }
-.ups-db .p-3 {
-  padding: 0.75rem;
-}
 .ups-db .p-4 {
   padding: 1rem;
 }
@@ -1023,6 +1086,13 @@
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
+.ups-db .py-\[3px\] {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+.ups-db .pb-\[1px\] {
+  padding-bottom: 1px;
+}
 .ups-db .pl-0 {
   padding-left: 0px;
 }
@@ -1062,6 +1132,9 @@
 .ups-db .align-middle {
   vertical-align: middle;
 }
+.ups-db .text-\[13px\] {
+  font-size: 13px;
+}
 .ups-db .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -1221,6 +1294,10 @@
   --tw-text-opacity: 1;
   color: rgb(63 63 70 / var(--tw-text-opacity));
 }
+.ups-db .text-zinc-900 {
+  --tw-text-opacity: 1;
+  color: rgb(24 24 27 / var(--tw-text-opacity));
+}
 .ups-db .text-zinc-950 {
   --tw-text-opacity: 1;
   color: rgb(9 9 11 / var(--tw-text-opacity));
@@ -1235,9 +1312,6 @@
 .ups-db .opacity-0 {
   opacity: 0;
 }
-.ups-db .opacity-20 {
-  opacity: 0.2;
-}
 .ups-db .opacity-50 {
   opacity: 0.5;
 }
@@ -1281,9 +1355,29 @@
 .ups-db .outline {
   outline-style: solid;
 }
+.ups-db .\!ring-0 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    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;
 }
+.ups-db .blur {
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .ups-db .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -1394,8 +1488,9 @@
 .ups-db .hover\:bg-zinc-100\/50:hover {
   background-color: rgb(244 244 245 / 0.5);
 }
-.ups-db .hover\:bg-zinc-300\/20:hover {
-  background-color: rgb(212 212 216 / 0.2);
+.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;
@@ -1405,6 +1500,10 @@
   --tw-text-opacity: 1;
   color: rgb(10 10 10 / var(--tw-text-opacity));
 }
+.ups-db .hover\:text-zinc-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(113 113 122 / var(--tw-text-opacity));
+}
 .ups-db .hover\:text-zinc-900:hover {
   --tw-text-opacity: 1;
   color: rgb(24 24 27 / var(--tw-text-opacity));
@@ -1419,10 +1518,6 @@
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
-.ups-db .focus\:bg-zinc-100:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
-}
 .ups-db .focus\:text-neutral-900:focus {
   --tw-text-opacity: 1;
   color: rgb(23 23 23 / var(--tw-text-opacity));
@@ -1457,21 +1552,25 @@
 .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));
+}
 .ups-db .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.ups-db .focus-visible\:ring-1:focus-visible {
+.ups-db .focus-visible\:ring-0:focus-visible {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow:
     var(--tw-ring-offset-shadow),
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
-.ups-db .focus-visible\:ring-2:focus-visible {
+.ups-db .focus-visible\:ring-1:focus-visible {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow:
     var(--tw-ring-offset-shadow),
     var(--tw-ring-shadow),
@@ -1496,6 +1595,10 @@
 .ups-db .group\/editor:hover .group-hover\/editor\:flex {
   display: flex;
 }
+.ups-db .group:hover .group-hover\:border-zinc-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(212 212 216 / var(--tw-border-opacity));
+}
 .ups-db .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }
@@ -1789,10 +1892,6 @@
   --tw-bg-opacity: 1;
   background-color: rgb(38 38 38 / var(--tw-bg-opacity));
 }
-.ups-db .dark\:focus\:bg-zinc-800:focus:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(39 39 42 / 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));
@@ -1887,6 +1986,9 @@
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.ups-db .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
+  display: none;
+}
 .ups-db .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
   padding-right: 0px;
 }
@@ -1904,6 +2006,16 @@
 .ups-db .\[\&\>svg\]\:shrink-0 > svg {
   flex-shrink: 0;
 }
+.ups-db .\[\&_svg\]\:pointer-events-none svg {
+  pointer-events: none;
+}
+.ups-db .\[\&_svg\]\:size-4 svg {
+  width: 1rem;
+  height: 1rem;
+}
+.ups-db .\[\&_svg\]\:shrink-0 svg {
+  flex-shrink: 0;
+}
 .ups-db .\[\&_tr\:last-child\]\:border-0 tr:last-child {
   border-width: 0px;
 }

package/dist/index.d.mts

@@ -5,6 +5,8 @@ type RedisCredentials = {
     token?: string;
 };
 
-declare const RedisBrowser: ({ token, url }: RedisCredentials) => react_jsx_runtime.JSX.Element;
+declare const RedisBrowser: ({ token, url, hideTabs, }: RedisCredentials & {
+    hideTabs?: boolean;
+}) => react_jsx_runtime.JSX.Element;
 
 export { RedisBrowser };

package/dist/index.d.ts

@@ -5,6 +5,8 @@ type RedisCredentials = {
     token?: string;
 };
 
-declare const RedisBrowser: ({ token, url }: RedisCredentials) => react_jsx_runtime.JSX.Element;
+declare const RedisBrowser: ({ token, url, hideTabs, }: RedisCredentials & {
+    hideTabs?: boolean;
+}) => react_jsx_runtime.JSX.Element;
 
 export { RedisBrowser };