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

package/dist/index.css

@@ -392,6 +392,9 @@
 .ups-db .bottom-0 {
   bottom: 0px;
 }
+.ups-db .left-0 {
+  left: 0px;
+}
 .ups-db .left-2 {
   left: 0.5rem;
 }
@@ -431,6 +434,9 @@
 .ups-db .top-\[50\%\] {
   top: 50%;
 }
+.ups-db .-z-10 {
+  z-index: -10;
+}
 .ups-db .z-50 {
   z-index: 50;
 }
@@ -543,6 +549,9 @@
 .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);
 }
@@ -796,6 +805,9 @@
 .ups-db .overflow-x-hidden {
   overflow-x: hidden;
 }
+.ups-db .overflow-x-scroll {
+  overflow-x: scroll;
+}
 .ups-db .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1005,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));
@@ -1074,6 +1090,9 @@
   padding-top: 3px;
   padding-bottom: 3px;
 }
+.ups-db .pb-\[1px\] {
+  padding-bottom: 1px;
+}
 .ups-db .pl-0 {
   padding-left: 0px;
 }
@@ -1967,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;
 }

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 };

package/dist/index.js

@@ -4378,7 +4378,7 @@ var ItemContextMenu = ({
 
 var _reactscrollarea = require('@radix-ui/react-scroll-area'); var ScrollAreaPrimitive = _interopRequireWildcard(_reactscrollarea);
 
-var ScrollArea = React9.forwardRef(({ className, children, onScroll, roundedInherit = true, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var ScrollArea = React9.forwardRef(({ className, children, onScroll, disableRoundedInherit = false, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -4389,7 +4389,7 @@ var ScrollArea = React9.forwardRef(({ className, children, onScroll, roundedInhe
         ScrollAreaPrimitive.Viewport,
         {
           onScroll,
-          className: cn("h-full w-full [&>div]:!block", roundedInherit && "rounded-[inherit]"),
+          className: cn("h-full w-full [&>div]:!block", !disableRoundedInherit && "rounded-[inherit]"),
           children
         }
       ),
@@ -4436,9 +4436,12 @@ var InfiniteScroll = ({
     ScrollArea,
     {
       type: "always",
-      className: "block h-full w-full overflow-visible rounded-lg border border-zinc-200 bg-white p-1 pr-3 transition-all",
       onScroll: handleScroll,
       ...props,
+      className: cn(
+        "block h-full w-full overflow-visible rounded-lg border border-zinc-200 bg-white p-1 pr-3 transition-all",
+        props.className
+      ),
       children: [
         children,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[100px] justify-center py-2 text-zinc-300", children: query.isFetching && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconLoader2, { className: "animate-spin", size: 16 }) })
@@ -5836,7 +5839,7 @@ function Sidebar() {
     ] }),
     query.isLoading && keys.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingSkeleton, {}) : keys.length > 0 ? (
       // Infinite scroll already has a loader at the bottom
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfiniteScroll, { query, roundedInherit: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeysList, {}) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfiniteScroll, { query, disableRoundedInherit: true, className: "min-h-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeysList, {}) })
     ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Empty, {})
   ] });
 }
@@ -5844,7 +5847,7 @@ function Sidebar() {
 // src/components/databrowser/components/databrowser-instance.tsx
 
 var DatabrowserInstance = ({ hidden }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeysProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: cn("h-full rounded-md bg-zinc-100", hidden && "hidden"), children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeysProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: cn("min-h-0 grow rounded-md bg-zinc-100", hidden && "hidden"), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       _reactresizablepanels.PanelGroup,
       {
@@ -5883,14 +5886,14 @@ var Tab = ({ id }) => {
     {
       onClick: () => selectTab(id),
       className: cn(
-        "flex h-9 translate-y-[1px] cursor-pointer items-center gap-2 rounded-t-lg border border-zinc-200 px-3 text-[13px] transition-colors",
+        "flex h-9 cursor-pointer items-center gap-2 rounded-t-lg border border-zinc-200 px-3 text-[13px] transition-colors",
         id === selectedTab ? "border-b-white bg-white text-zinc-900" : "bg-zinc-100 hover:bg-zinc-50"
       ),
       children: [
         tabs[id].selectedKey ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabTypeIcon, { selectedKey: tabs[id].selectedKey }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "max-w-32 truncate", children: tabs[id].selectedKey })
-        ] }) : "New Tab",
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "max-w-32 truncate whitespace-nowrap", children: tabs[id].selectedKey })
+        ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap", children: "New Tab" }),
         Object.keys(tabs).length > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "button",
           {
@@ -5908,33 +5911,47 @@ var Tab = ({ id }) => {
 };
 var DatabrowserTabs = () => {
   const { tabs, addTab } = useDatabrowserStore();
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2 flex items-center gap-1 border-b border-zinc-200", children: [
-    Object.keys(tabs).map((id) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tab, { id }, id)),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      Button,
-      {
-        variant: "secondary",
-        size: "icon-sm",
-        onClick: addTab,
-        className: "mr-1 flex-shrink-0",
-        title: "Add new tab",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconPlus, { className: "text-zinc-500", size: 16 })
-      }
-    )
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative mb-2 shrink-0", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute bottom-0 left-0 right-0 -z-10 h-[1px] w-full bg-zinc-200" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "scrollbar-hide flex translate-y-[1px] items-center gap-1 overflow-x-scroll pb-[1px] [&::-webkit-scrollbar]:hidden", children: [
+      Object.keys(tabs).map((id) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tab, { id }, id)),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        Button,
+        {
+          variant: "secondary",
+          size: "icon-sm",
+          onClick: addTab,
+          className: "mr-1 flex-shrink-0",
+          title: "Add new tab",
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconPlus, { className: "text-zinc-500", size: 16 })
+        }
+      )
+    ] })
   ] });
 };
 
 // src/components/databrowser/index.tsx
 
-var RedisBrowser = ({ token, url }) => {
+var RedisBrowser = ({
+  token,
+  url,
+  hideTabs
+}) => {
   const credentials = _react.useMemo.call(void 0, () => ({ token, url }), [token, url]);
   _react.useEffect.call(void 0, () => {
     queryClient.resetQueries();
   }, [credentials.url]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactquery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RedisProvider, { redisCredentials: credentials, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserProvider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacttooltip.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ups-db", style: { height: "100%" }, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserTabs, {}),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserInstances, {})
-  ] }) }) }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactquery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RedisProvider, { redisCredentials: credentials, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserProvider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacttooltip.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: "ups-db",
+      style: { height: "100%", display: "flex", flexDirection: "column" },
+      children: [
+        !hideTabs && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserTabs, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserInstances, {})
+      ]
+    }
+  ) }) }) }) });
 };
 var DatabrowserInstances = () => {
   const { tabs, selectedTab, addTab } = useDatabrowserStore();

package/dist/index.mjs

@@ -4378,7 +4378,7 @@ import { IconLoader2 } from "@tabler/icons-react";
 import * as React9 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
-var ScrollArea = React9.forwardRef(({ className, children, onScroll, roundedInherit = true, ...props }, ref) => /* @__PURE__ */ jsxs12(
+var ScrollArea = React9.forwardRef(({ className, children, onScroll, disableRoundedInherit = false, ...props }, ref) => /* @__PURE__ */ jsxs12(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -4389,7 +4389,7 @@ var ScrollArea = React9.forwardRef(({ className, children, onScroll, roundedInhe
         ScrollAreaPrimitive.Viewport,
         {
           onScroll,
-          className: cn("h-full w-full [&>div]:!block", roundedInherit && "rounded-[inherit]"),
+          className: cn("h-full w-full [&>div]:!block", !disableRoundedInherit && "rounded-[inherit]"),
           children
         }
       ),
@@ -4436,9 +4436,12 @@ var InfiniteScroll = ({
     ScrollArea,
     {
       type: "always",
-      className: "block h-full w-full overflow-visible rounded-lg border border-zinc-200 bg-white p-1 pr-3 transition-all",
       onScroll: handleScroll,
       ...props,
+      className: cn(
+        "block h-full w-full overflow-visible rounded-lg border border-zinc-200 bg-white p-1 pr-3 transition-all",
+        props.className
+      ),
       children: [
         children,
         /* @__PURE__ */ jsx22("div", { className: "flex h-[100px] justify-center py-2 text-zinc-300", children: query.isFetching && /* @__PURE__ */ jsx22(IconLoader2, { className: "animate-spin", size: 16 }) })
@@ -5836,7 +5839,7 @@ function Sidebar() {
     ] }),
     query.isLoading && keys.length === 0 ? /* @__PURE__ */ jsx46(LoadingSkeleton, {}) : keys.length > 0 ? (
       // Infinite scroll already has a loader at the bottom
-      /* @__PURE__ */ jsx46(InfiniteScroll, { query, roundedInherit: false, children: /* @__PURE__ */ jsx46(KeysList, {}) })
+      /* @__PURE__ */ jsx46(InfiniteScroll, { query, disableRoundedInherit: true, className: "min-h-0", children: /* @__PURE__ */ jsx46(KeysList, {}) })
     ) : /* @__PURE__ */ jsx46(Empty, {})
   ] });
 }
@@ -5844,7 +5847,7 @@ function Sidebar() {
 // src/components/databrowser/components/databrowser-instance.tsx
 import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
 var DatabrowserInstance = ({ hidden }) => {
-  return /* @__PURE__ */ jsx47(KeysProvider, { children: /* @__PURE__ */ jsxs32("div", { className: cn("h-full rounded-md bg-zinc-100", hidden && "hidden"), children: [
+  return /* @__PURE__ */ jsx47(KeysProvider, { children: /* @__PURE__ */ jsxs32("div", { className: cn("min-h-0 grow rounded-md bg-zinc-100", hidden && "hidden"), children: [
     /* @__PURE__ */ jsxs32(
       PanelGroup,
       {
@@ -5883,14 +5886,14 @@ var Tab = ({ id }) => {
     {
       onClick: () => selectTab(id),
       className: cn(
-        "flex h-9 translate-y-[1px] cursor-pointer items-center gap-2 rounded-t-lg border border-zinc-200 px-3 text-[13px] transition-colors",
+        "flex h-9 cursor-pointer items-center gap-2 rounded-t-lg border border-zinc-200 px-3 text-[13px] transition-colors",
         id === selectedTab ? "border-b-white bg-white text-zinc-900" : "bg-zinc-100 hover:bg-zinc-50"
       ),
       children: [
         tabs[id].selectedKey ? /* @__PURE__ */ jsxs33(Fragment10, { children: [
           /* @__PURE__ */ jsx49(TabTypeIcon, { selectedKey: tabs[id].selectedKey }),
-          /* @__PURE__ */ jsx49("span", { className: "max-w-32 truncate", children: tabs[id].selectedKey })
-        ] }) : "New Tab",
+          /* @__PURE__ */ jsx49("span", { className: "max-w-32 truncate whitespace-nowrap", children: tabs[id].selectedKey })
+        ] }) : /* @__PURE__ */ jsx49("span", { className: "whitespace-nowrap", children: "New Tab" }),
         Object.keys(tabs).length > 1 && /* @__PURE__ */ jsx49(
           "button",
           {
@@ -5908,33 +5911,47 @@ var Tab = ({ id }) => {
 };
 var DatabrowserTabs = () => {
   const { tabs, addTab } = useDatabrowserStore();
-  return /* @__PURE__ */ jsxs33("div", { className: "mb-2 flex items-center gap-1 border-b border-zinc-200", children: [
-    Object.keys(tabs).map((id) => /* @__PURE__ */ jsx49(Tab, { id }, id)),
-    /* @__PURE__ */ jsx49(
-      Button,
-      {
-        variant: "secondary",
-        size: "icon-sm",
-        onClick: addTab,
-        className: "mr-1 flex-shrink-0",
-        title: "Add new tab",
-        children: /* @__PURE__ */ jsx49(IconPlus2, { className: "text-zinc-500", size: 16 })
-      }
-    )
+  return /* @__PURE__ */ jsxs33("div", { className: "relative mb-2 shrink-0", children: [
+    /* @__PURE__ */ jsx49("div", { className: "absolute bottom-0 left-0 right-0 -z-10 h-[1px] w-full bg-zinc-200" }),
+    /* @__PURE__ */ jsxs33("div", { className: "scrollbar-hide flex translate-y-[1px] items-center gap-1 overflow-x-scroll pb-[1px] [&::-webkit-scrollbar]:hidden", children: [
+      Object.keys(tabs).map((id) => /* @__PURE__ */ jsx49(Tab, { id }, id)),
+      /* @__PURE__ */ jsx49(
+        Button,
+        {
+          variant: "secondary",
+          size: "icon-sm",
+          onClick: addTab,
+          className: "mr-1 flex-shrink-0",
+          title: "Add new tab",
+          children: /* @__PURE__ */ jsx49(IconPlus2, { className: "text-zinc-500", size: 16 })
+        }
+      )
+    ] })
   ] });
 };
 
 // src/components/databrowser/index.tsx
 import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
-var RedisBrowser = ({ token, url }) => {
+var RedisBrowser = ({
+  token,
+  url,
+  hideTabs
+}) => {
   const credentials = useMemo8(() => ({ token, url }), [token, url]);
   useEffect11(() => {
     queryClient.resetQueries();
   }, [credentials.url]);
-  return /* @__PURE__ */ jsx50(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx50(RedisProvider, { redisCredentials: credentials, children: /* @__PURE__ */ jsx50(DatabrowserProvider, { children: /* @__PURE__ */ jsx50(TooltipProvider, { children: /* @__PURE__ */ jsxs34("div", { className: "ups-db", style: { height: "100%" }, children: [
-    /* @__PURE__ */ jsx50(DatabrowserTabs, {}),
-    /* @__PURE__ */ jsx50(DatabrowserInstances, {})
-  ] }) }) }) }) });
+  return /* @__PURE__ */ jsx50(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx50(RedisProvider, { redisCredentials: credentials, children: /* @__PURE__ */ jsx50(DatabrowserProvider, { children: /* @__PURE__ */ jsx50(TooltipProvider, { children: /* @__PURE__ */ jsxs34(
+    "div",
+    {
+      className: "ups-db",
+      style: { height: "100%", display: "flex", flexDirection: "column" },
+      children: [
+        !hideTabs && /* @__PURE__ */ jsx50(DatabrowserTabs, {}),
+        /* @__PURE__ */ jsx50(DatabrowserInstances, {})
+      ]
+    }
+  ) }) }) }) });
 };
 var DatabrowserInstances = () => {
   const { tabs, selectedTab, addTab } = useDatabrowserStore();

package/package.json

@@ -1 +1 @@
-{ "name": "@upstash/react-redis-browser", "version": "v0.1.11-canary", "main": "./dist/index.js", "types": "./dist/index.d.ts", "license": "MIT", "private": false, "publishConfig": { "access": "public" }, "bugs": { "url": "https://github.com/upstash/react-redis-browser/issues" }, "homepage": "https://github.com/upstash/react-redis-browser", "files": [ "./dist/**" ], "scripts": { "build": "tsup", "dev": "vite", "lint": "tsc && eslint", "fmt": "prettier --write ./src" }, "lint-staged": { "**/*.{js,ts,tsx}": [ "prettier --write", "eslint --fix" ] }, "dependencies": { "@ianvs/prettier-plugin-sort-imports": "^4.4.0", "@monaco-editor/react": "^4.6.0", "@radix-ui/react-alert-dialog": "^1.0.5", "@radix-ui/react-context-menu": "^2.2.2", "@radix-ui/react-dialog": "^1.0.5", "@radix-ui/react-dropdown-menu": "^2.1.15", "@radix-ui/react-icons": "1.3.0", "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-portal": "^1.1.2", "@radix-ui/react-scroll-area": "^1.0.3", "@radix-ui/react-select": "^2.0.0", "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-toast": "^1.1.5", "@radix-ui/react-tooltip": "^1.0.7", "@tabler/icons-react": "^3.19.0", "@tanstack/react-query": "^5.32.0", "@types/bytes": "^3.1.4", "@upstash/redis": "^1.34.8", "bytes": "^3.1.2", "react-hook-form": "^7.53.0", "react-resizable-panels": "^2.1.4", "zustand": "5.0.0" }, "devDependencies": { "postcss-prefix-selector": "^2.1.0", "@types/node": "^22.8.4", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", "@typescript-eslint/eslint-plugin": "8.4.0", "@typescript-eslint/parser": "8.4.0", "@vitejs/plugin-react": "^4.1.0", "autoprefixer": "^10.4.14", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "eslint": "9.10.0", "eslint-plugin-unicorn": "55.0.0", "postcss": "^8.4.31", "prettier": "^3.0.3", "prettier-plugin-tailwindcss": "^0.5.5", "react": "^18.3.1", "react-dom": "^18.3.1", "tailwind-merge": "^2.5.4", "tailwindcss": "^3.4.14", "tailwindcss-animate": "^1.0.7", "tsup": "^8.3.5", "typescript": "^5.0.4", "vite": "^5.4.10", "vite-tsconfig-paths": "^5.0.1" }, "peerDependencies": { "react": "^18.2.0 || ^19", "react-dom": "^18.2.0 || ^19" } }
+{ "name": "@upstash/react-redis-browser", "version": "v0.1.11-canary-2", "main": "./dist/index.js", "types": "./dist/index.d.ts", "license": "MIT", "private": false, "publishConfig": { "access": "public" }, "bugs": { "url": "https://github.com/upstash/react-redis-browser/issues" }, "homepage": "https://github.com/upstash/react-redis-browser", "files": [ "./dist/**" ], "scripts": { "build": "tsup", "dev": "vite", "lint": "tsc && eslint", "fmt": "prettier --write ./src" }, "lint-staged": { "**/*.{js,ts,tsx}": [ "prettier --write", "eslint --fix" ] }, "dependencies": { "@ianvs/prettier-plugin-sort-imports": "^4.4.0", "@monaco-editor/react": "^4.6.0", "@radix-ui/react-alert-dialog": "^1.0.5", "@radix-ui/react-context-menu": "^2.2.2", "@radix-ui/react-dialog": "^1.0.5", "@radix-ui/react-dropdown-menu": "^2.1.15", "@radix-ui/react-icons": "1.3.0", "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-portal": "^1.1.2", "@radix-ui/react-scroll-area": "^1.0.3", "@radix-ui/react-select": "^2.0.0", "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-toast": "^1.1.5", "@radix-ui/react-tooltip": "^1.0.7", "@tabler/icons-react": "^3.19.0", "@tanstack/react-query": "^5.32.0", "@types/bytes": "^3.1.4", "@upstash/redis": "^1.34.8", "bytes": "^3.1.2", "react-hook-form": "^7.53.0", "react-resizable-panels": "^2.1.4", "zustand": "5.0.0" }, "devDependencies": { "postcss-prefix-selector": "^2.1.0", "@types/node": "^22.8.4", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", "@typescript-eslint/eslint-plugin": "8.4.0", "@typescript-eslint/parser": "8.4.0", "@vitejs/plugin-react": "^4.1.0", "autoprefixer": "^10.4.14", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "eslint": "9.10.0", "eslint-plugin-unicorn": "55.0.0", "postcss": "^8.4.31", "prettier": "^3.0.3", "prettier-plugin-tailwindcss": "^0.5.5", "react": "^18.3.1", "react-dom": "^18.3.1", "tailwind-merge": "^2.5.4", "tailwindcss": "^3.4.14", "tailwindcss-animate": "^1.0.7", "tsup": "^8.3.5", "typescript": "^5.0.4", "vite": "^5.4.10", "vite-tsconfig-paths": "^5.0.1" }, "peerDependencies": { "react": "^18.2.0 || ^19", "react-dom": "^18.2.0 || ^19" } }