perf: Update packages

apps/docs/package.json

@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "babel-plugin-react-compiler": "19.1.0-rc.1",
-    "fumadocs-core": "^15.2.11",
+    "fumadocs-core": "^15.2.12",
     "fumadocs-mdx": "^11.6.1",
-    "fumadocs-ui": "^15.2.11",
-    "lucide-react": "^0.488.0",
+    "fumadocs-ui": "^15.2.12",
+    "lucide-react": "^0.503.0",
     "motion": "^12.9.2",
     "next": "^15.3.1",
     "react": "^19.1.0",
@@ -23,7 +23,7 @@
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.4",
     "@types/mdx": "^2.0.13",
-    "@types/node": "^22.15.2",
+    "@types/node": "^22.15.3",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "postcss": "^8.5.3",

apps/web/package.json

@@ -16,16 +16,16 @@
     "lint:fix": "eslint . --fix"
   },
   "dependencies": {
-    "@hono/zod-openapi": "^0.19.5",
-    "@hono/zod-validator": "^0.4.3",
+    "@hono/zod-openapi": "^0.19.6",
+    "@hono/zod-validator": "^0.5.0",
     "@hookform/resolvers": "^5.0.1",
     "@react-email/components": "0.0.36",
     "babel-plugin-react-compiler": "19.1.0-rc.1",
     "dotenv": "^16.5.0",
     "drizzle-kit": "^0.31.0",
-    "drizzle-orm": "^0.42.0",
-    "hono": "^4.7.7",
-    "lucide-react": "^0.488.0",
+    "drizzle-orm": "^0.43.1",
+    "hono": "^4.7.8",
+    "lucide-react": "^0.503.0",
     "next": "^15.3.1",
     "next-intl": "^4.1.0",
     "react": "^19.1.0",
@@ -38,7 +38,7 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.4",
-    "@types/node": "^22.15.2",
+    "@types/node": "^22.15.3",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "eslint": "^9.25.1",

packages/create-vitnode-app/package.json

@@ -29,7 +29,7 @@
   ],
   "devDependencies": {
     "@inquirer/prompts": "^7.5.0",
-    "@types/node": "^22.15.2",
+    "@types/node": "^22.15.3",
     "@types/prompts": "^2.4.9",
     "commander": "^13.1.0",
     "eslint": "^9.25.1",

packages/eslint/package.json

@@ -37,6 +37,6 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-compiler": "19.1.0-rc.1",
     "eslint-plugin-react-hooks": "6.0.0-rc1",
-    "typescript-eslint": "^8.31.0"
+    "typescript-eslint": "^8.31.1"
   }
 }

packages/vitnode/package.json

@@ -3,25 +3,25 @@
   "version": "0.2.0",
   "devDependencies": {
     "@hono/swagger-ui": "^0.5.1",
-    "@hono/zod-openapi": "^0.19.5",
-    "@hono/zod-validator": "^0.4.3",
+    "@hono/zod-openapi": "^0.19.6",
+    "@hono/zod-validator": "^0.5.0",
     "@hookform/resolvers": "^5.0.1",
     "@react-email/components": "0.0.36",
-    "@swc/cli": "^0.6.0",
-    "@swc/core": "^1.11.22",
-    "@types/node": "^22.15.2",
+    "@swc/cli": "^0.7.3",
+    "@swc/core": "^1.11.24",
+    "@types/node": "^22.15.3",
     "@types/nodemailer": "^6.4.17",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "chokidar": "^4.0.3",
     "concurrently": "^9.1.2",
     "dotenv": "^16.5.0",
     "drizzle-kit": "^0.31.0",
-    "drizzle-orm": "^0.42.0",
+    "drizzle-orm": "^0.43.1",
     "eslint": "^9.25.1",
     "eslint-config-typescript-vitnode": "workspace:*",
-    "hono": "^4.7.7",
-    "lucide-react": "^0.488.0",
+    "hono": "^4.7.8",
+    "lucide-react": "^0.503.0",
     "next": "^15.3.1",
     "next-intl": "^4.1.0",
     "react": "^19.1.0",
@@ -64,36 +64,16 @@
   "type": "module",
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
-    "@radix-ui/react-accordion": "^1.2.8",
-    "@radix-ui/react-alert-dialog": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.2.3",
-    "@radix-ui/react-collapsible": "^1.1.8",
-    "@radix-ui/react-context-menu": "^2.2.12",
-    "@radix-ui/react-dialog": "^1.1.11",
-    "@radix-ui/react-dropdown-menu": "^2.1.12",
-    "@radix-ui/react-hover-card": "^1.1.11",
-    "@radix-ui/react-label": "^2.1.4",
-    "@radix-ui/react-menubar": "^1.1.12",
-    "@radix-ui/react-popover": "^1.1.11",
-    "@radix-ui/react-progress": "^1.1.4",
-    "@radix-ui/react-radio-group": "^1.3.4",
-    "@radix-ui/react-select": "^2.2.2",
-    "@radix-ui/react-separator": "^1.1.4",
-    "@radix-ui/react-slider": "^1.3.2",
-    "@radix-ui/react-slot": "^1.2.0",
-    "@radix-ui/react-switch": "^1.2.2",
-    "@radix-ui/react-tabs": "^1.1.9",
-    "@radix-ui/react-toggle": "^1.1.6",
-    "@radix-ui/react-toggle-group": "^1.1.7",
-    "@radix-ui/react-tooltip": "^1.2.4",
-    "@tanstack/react-query": "^5.74.4",
+    "@tanstack/react-query": "^5.74.11",
     "cache-manager": "^6.4.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
+    "input-otp": "^1.4.2",
     "next-themes": "^0.4.6",
     "nodemailer": "^6.10.1",
     "postgres": "^3.4.5",
+    "radix-ui": "^1.3.4",
     "react-scan": "^0.3.3",
     "resend": "^4.4.1",
     "tailwind-merge": "^3.2.0",

packages/vitnode/src/components/ui/accordion.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { cn } from '@/lib/utils';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDownIcon } from 'lucide-react';
+import { Accordion as AccordionPrimitive } from 'radix-ui';
 import * as React from 'react';
 
 function Accordion({

packages/vitnode/src/components/ui/alert-dialog.tsx

@@ -1,11 +1,10 @@
 'use client';
 
+import { buttonVariants } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';
 import * as React from 'react';
 
-import { buttonVariants } from './button';
-
 function AlertDialog({
   ...props
 }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {

packages/vitnode/src/components/ui/badge.tsx

@@ -1,6 +1,6 @@
 import { cn } from '@/lib/utils';
-import { Slot } from '@radix-ui/react-slot';
 import { cva, type VariantProps } from 'class-variance-authority';
+import { Slot } from 'radix-ui';
 import * as React from 'react';
 
 const badgeVariants = cva(
@@ -31,7 +31,7 @@ function Badge({
   ...props
 }: React.ComponentProps<'span'> &
   VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : 'span';
+  const Comp = asChild ? Slot.Root : 'span';
 
   return (
     <Comp

packages/vitnode/src/components/ui/button.tsx

@@ -1,7 +1,7 @@
 import { cn } from '@/lib/utils';
-import { Slot } from '@radix-ui/react-slot';
 import { cva, type VariantProps } from 'class-variance-authority';
 import { useTranslations } from 'next-intl';
+import { Slot } from 'radix-ui';
 import * as React from 'react';
 
 import { Loader } from './loader';
@@ -52,7 +52,7 @@ function Button({
     loadingText?: string;
   }) {
   const t = useTranslations('core.global');
-  const Comp = asChild ? Slot : 'button';
+  const Comp = asChild ? Slot.Root : 'button';
 
   if (isLoading) {
     const text = loadingText ?? t('loading');

packages/vitnode/src/components/ui/card.tsx

@@ -18,7 +18,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
   return (
     <div
       className={cn(
-        '@container/card-header [.border-b]:pb-6 grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto]',
+        '@container/card-header has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6',
         className,
       )}
       data-slot="card-header"

packages/vitnode/src/components/ui/checkbox.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { cn } from '@/lib/utils';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { CheckIcon } from 'lucide-react';
+import { Checkbox as CheckboxPrimitive } from 'radix-ui';
 import * as React from 'react';
 
 function Checkbox({

packages/vitnode/src/components/ui/collapsible.tsx

@@ -1,11 +1,33 @@
 'use client';
 
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
 
-const Collapsible = CollapsiblePrimitive.Root;
+function Collapsible({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
+  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />;
+}
 
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+function CollapsibleTrigger({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
+  return (
+    <CollapsiblePrimitive.CollapsibleTrigger
+      data-slot="collapsible-trigger"
+      {...props}
+    />
+  );
+}
 
-const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
+function CollapsibleContent({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
+  return (
+    <CollapsiblePrimitive.CollapsibleContent
+      data-slot="collapsible-content"
+      {...props}
+    />
+  );
+}
 
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

packages/vitnode/src/components/ui/command.tsx

@@ -1,17 +1,16 @@
 'use client';
 
-import { cn } from '@/lib/utils';
-import { Command as CommandPrimitive } from 'cmdk';
-import { SearchIcon } from 'lucide-react';
-import * as React from 'react';
-
 import {
   Dialog,
   DialogContent,
   DialogDescription,
   DialogHeader,
   DialogTitle,
-} from './dialog';
+} from '@/components/ui/dialog';
+import { cn } from '@/lib/utils';
+import { Command as CommandPrimitive } from 'cmdk';
+import { SearchIcon } from 'lucide-react';
+import * as React from 'react';
 
 function Command({
   className,

packages/vitnode/src/components/ui/context-menu.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { cn } from '@/lib/utils';
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
+import { ContextMenu as ContextMenuPrimitive } from 'radix-ui';
 import * as React from 'react';
 
 function ContextMenu({

packages/vitnode/src/components/ui/dialog.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { cn } from '@/lib/utils';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
+import { Dialog as DialogPrimitive } from 'radix-ui';
 import * as React from 'react';
 
 function Dialog({

packages/vitnode/src/components/ui/dropdown-menu.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { cn } from '@/lib/utils';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
+import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
 import * as React from 'react';
 
 function DropdownMenu({

packages/vitnode/src/components/ui/form.tsx

@@ -2,9 +2,9 @@
 
 import { Label } from '@/components/ui/label';
 import { cn } from '@/lib/utils';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import { Slot } from '@radix-ui/react-slot';
 import { useTranslations } from 'next-intl';
+import { Label as LabelPrimitive } from 'radix-ui';
+import { Slot } from 'radix-ui';
 import * as React from 'react';
 import {
   Controller,
@@ -147,12 +147,12 @@ function FormLabel({
   );
 }
 
-function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
+function FormControl({ ...props }: React.ComponentProps<typeof Slot.Root>) {
   const { error, formItemId, formDescriptionId, formMessageId } =
     useFormField();
 
   return (
-    <Slot
+    <Slot.Root
       aria-describedby={
         !error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`
       }

packages/vitnode/src/components/ui/hover-card.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { cn } from '@/lib/utils';
-import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import { HoverCard as HoverCardPrimitive } from 'radix-ui';
 import * as React from 'react';
 
 function HoverCard({