chore: update packages, remove deprecated dependencies, sync react version

README.md

@@ -24,7 +24,7 @@ pnpm dev
 To add components to your app, run the following command at the root of your `web` app:
 
 ```bash
-pnpm dlx shadcn@canary add button -c apps/web
+pnpm dlx shadcn@latest add button -c apps/web
 ```
 
 This will place the ui components in the `packages/ui/src/components` directory.

apps/web/app/layout.tsx

@@ -1,9 +1,9 @@
 import { Geist, Geist_Mono } from 'next/font/google';
 
 import '@workspace/ui/globals.css';
-// import "@/app/globals.css"
+
 import { Providers } from '@/components/providers';
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
 
 const fontSans = Geist({
 	subsets: ['latin'],

apps/web/package.json

@@ -11,18 +11,18 @@
   },
   "dependencies": {
     "@workspace/ui": "workspace:*",
-    "lucide-react": "0.477.0",
-    "next-themes": "^0.4.4",
-    "next": "15.2.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0"
+    "lucide-react": "0.511.0",
+    "next-themes": "^0.4.6",
+    "next": "15.3.2",
+    "react": "19.1.0",
+    "react-dom": "19.1.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
     "@types/node": "^20",
-    "@types/react": "19.0.10",
-    "@types/react-dom": "19.0.4",
-    "@workspace/eslint-config": "workspace:^",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
+    "@workspace/eslint-config": "workspace:*",
     "@workspace/typescript-config": "workspace:*",
     "tailwindcss": "^4",
     "typescript": "^5"

package.json

@@ -11,9 +11,9 @@
   "devDependencies": {
     "@workspace/eslint-config": "workspace:*",
     "@workspace/typescript-config": "workspace:*",
-    "prettier": "^3.5.1",
-    "turbo": "^2.4.4",
-    "typescript": "5.7.3"
+    "prettier": "^3.5.3",
+    "turbo": "^2.5.3",
+    "typescript": "5.8.3"
   },
   "packageManager": "pnpm@9.12.3",
   "engines": {

packages/eslint-config/package.json

@@ -9,17 +9,17 @@
     "./react-internal": "./react-internal.js"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^15.2.0",
-    "@typescript-eslint/eslint-plugin": "^8.24.1",
-    "@typescript-eslint/parser": "^8.24.1",
-    "eslint": "^9.20.1",
-    "eslint-config-prettier": "^10.0.1",
+    "@next/eslint-plugin-next": "^15.3.2",
+    "@typescript-eslint/eslint-plugin": "^8.32.1",
+    "@typescript-eslint/parser": "^8.32.1",
+    "eslint": "^9.27.0",
+    "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-only-warn": "^1.1.0",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-turbo": "^2.4.4",
-    "globals": "^15.15.0",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.24.1"
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-turbo": "^2.5.3",
+    "globals": "^16.1.0",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.32.1"
   }
 }

packages/ui/package.json

@@ -14,26 +14,26 @@
     "lint": "eslint . --max-warnings 0"
   },
   "dependencies": {
-    "@radix-ui/react-dropdown-menu": "^2.1.6",
-    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.14",
+    "@radix-ui/react-slot": "^1.2.2",
     "clsx": "^2.1.1",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "tailwind-merge": "^3.0.1",
-    "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.24.2"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "tailwind-merge": "^3.3.0",
+    "zod": "^3.24.4"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
-    "@turbo/gen": "^2.4.2",
-    "@types/node": "^22.13.4",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@turbo/gen": "^2.5.3",
+    "@types/node": "^20",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
     "@workspace/eslint-config": "workspace:*",
     "@workspace/typescript-config": "workspace:*",
     "class-variance-authority": "^0.7.1",
-    "lucide-react": "0.477.0",
+    "lucide-react": "0.511.0",
     "tailwindcss": "^4",
+    "tw-animate-css": "^1.3.0",
     "typescript": "^5"
   }
 }

packages/ui/src/components/button.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva, type VariantProps } from 'class-variance-authority';
 

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

@@ -1,6 +1,6 @@
 'use client';
 
-import * as React from 'react';
+import type * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
 

packages/ui/src/styles/globals.css

@@ -1,9 +1,8 @@
 @import 'tailwindcss';
+@import 'tw-animate-css';
 
 @source "../../../../packages/ui/src/**/*.{js,ts,jsx,tsx}";
 
-@plugin "tailwindcss-animate";
-
 @custom-variant dark (&:is(.dark *));
 
 @theme {

packages/ui/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "extends": "@workspace/typescript-config/react-library.json",
   "compilerOptions": {
-    //"outDir": "dist"
     "baseUrl": ".",
     "paths": {
       "@workspace/ui/*": ["./src/*"]