updated fixes on codebility bot

Author: Jecomo-Alyssa-Lyn

.npmrc

@@ -1,3 +1,3 @@
 use-lockfile=true
 shared-workspace-lockfile=true
-
+public-hoist-pattern[]=*@types/react*

package.json

@@ -8,19 +8,20 @@
     "@codevs/tsconfig": "workspace:*",
     "@turbo/gen": "^2.1.1",
     "@types/minimatch": "^6.0.0",
-    "@types/react": "19.1.5",
-    "@types/react-dom": "19.1.5",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "eslint": "^8.57.0",
     "prettier": "^3.3.3",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rimraf": "^6.0.1",
     "turbo": "^2.1.1",
     "typescript": "^5.5.4"
   },
   "scripts": {
     "native": "cd apps/expo && pnpm run start",
     "web": "cd apps/next && pnpm run next",
-    "clean": "rm -rf node_modules",
+    "clean": "rimraf node_modules .turbo .next dist",
     "clean:workspaces": "turbo clean",
     "dev": "turbo watch dev",
     "codebility": "turbo run dev -F codebility...",
@@ -36,13 +37,15 @@
   "resolutions": {
     "metro": "~0.80.8",
     "metro-resolver": "~0.80.8",
-    "react": "19.1.0",
-    "react-dom": "19.1.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "pnpm": {
     "overrides": {
-      "react": "19.1.0",
-      "react-dom": "19.1.0",
+      "@types/react": "18.3.3",
+      "@types/react-dom": "18.3.0",
+      "react": "^18.3.1",
+      "react-dom": "^18.3.1",
       "react-signature-canvas": "npm:react-signature-canvas@1.1.0-alpha.1",
       "reactjs-qr-code-reader": "npm:reactjs-qr-code-reader@1.0.3",
       "react-smooth": "npm:react-smooth@4.0.4",
@@ -55,14 +58,17 @@
   ],
   "packageManager": "pnpm@8.11.0",
   "dependencies": {
+    "@radix-ui/react-alert-dialog": "^1.1.1",
     "@supabase/ssr": "^0.5.2",
     "@supabase/supabase-js": "^2.55.0",
     "@tailwindcss/postcss": "^4.1.16",
     "axios": "^1.7.3",
     "date-fns": "^3.6.0",
     "dotenv": "^17.2.3",
+    "lucide-react": "^0.427.0",
     "next": "^16.0.0",
     "postcss": "^8",
+    "react-day-picker": "8.10.1",
     "tailwindcss": "^4.1.16"
   }
 }

packages/ui/errors.txt

@@ -2,39 +2,39 @@
   "name": "@codevs/ui",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "scripts": {
-    "clean": "rm -rf dist .turbo node_modules",
-    "ui-add": "pnpm dlx shadcn-ui add",
-    "dev": "tsc",
-    "build": "tsc",
+    "clean": "rimraf dist .turbo node_modules",
+    "ui-add": "pnpm dlx shadcn@latest add",
+    "dev": "tsc --watch",
+    "build": "tsc --project tsconfig.json",
     "format": "prettier --check . --ignore-path ../../.gitignore",
     "lint": "eslint .",
     "typecheck": "tsc --noEmit"
   },
   "exports": {
     ".": {
-      "types": "./dist/src/index.d.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
       "default": "./src/index.ts"
-    },
-    "./*": {
-      "types": "./dist/src/*.d.ts",
-      "default": "./src/*.tsx"
-    },
-    "./sonner-*": {
-      "types": "./dist/src/sonner/*.d.ts",
-      "default": "./src/sonner/*.tsx"
     }
   },
-  "author": "",
-  "license": "ISC",
-  "description": "",
+  "files": [
+    "dist",
+    "src"
+  ],
   "devDependencies": {
     "@codevs/eslint-config": "workspace:*",
     "@codevs/prettier-config": "workspace:*",
     "@codevs/tailwind-config": "workspace:*",
     "@codevs/tsconfig": "workspace:*",
-    "@types/react": "19.1.5",
+    "@types/node": "^20.14.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "prettier": "^3.3.3",
+    "rimraf": "^6.0.1",
     "tailwindcss": "^3.4.10",
     "typescript": "^5.5.4"
   },
@@ -77,9 +77,9 @@
     "embla-carousel-react": "^8.0.0",
     "input-otp": "^1.2.4",
     "lucide-react": "^0.427.0",
-    "react": "19.1.0",
+    "react": "^18.3.1",
     "react-day-picker": "8.10.1",
-    "react-dom": "19.1.0",
+    "react-dom": "^18.3.1",
     "react-hook-form": "^7.56.4",
     "react-resizable-panels": "^2.1.2",
     "sonner": "^1.5.0",
@@ -88,6 +88,10 @@
     "vaul": "^0.9.1",
     "zod": "^3.23.8"
   },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
   "eslintConfig": {
     "root": true,
     "extends": [

packages/ui/package.json

@@ -4,7 +4,7 @@ import * as React from "react"
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
 
 import { cn } from "@codevs/ui"
-import { buttonVariants } from "@codevs/ui/button"
+import { buttonVariants } from "./button"
 
 const AlertDialog = AlertDialogPrimitive.Root
 

packages/ui/src/alert-dialog.tsx

@@ -5,7 +5,7 @@ import { ChevronLeft, ChevronRight } from "lucide-react"
 import { DayPicker } from "react-day-picker"
 
 import { cn } from "@codevs/ui"
-import { buttonVariants } from "@codevs/ui/button"
+import { buttonVariants } from "./button"
 
 export type CalendarProps = React.ComponentProps<typeof DayPicker>
 

packages/ui/src/calendar.tsx

@@ -7,7 +7,7 @@ import useEmblaCarousel, {
 import { ArrowLeft, ArrowRight } from "lucide-react"
 
 import { cn } from "@codevs/ui"
-import { Button } from "@codevs/ui/button"
+import { Button } from "./button"
 
 type CarouselApi = UseEmblaCarouselType[1]
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>

packages/ui/src/carousel.tsx

@@ -6,7 +6,7 @@ import { Command as CommandPrimitive } from "cmdk"
 import { Search } from "lucide-react"
 
 import { cn } from "@codevs/ui"
-import { Dialog, DialogContent } from "@codevs/ui/dialog"
+import { Dialog, DialogContent } from "./dialog"
 
 const Command = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,

packages/ui/src/command.tsx

@@ -3,7 +3,9 @@
 import * as React from "react"
 import { Drawer as DrawerPrimitive } from "vaul"
 
-import { cn } from "@codevs/ui"
+function cn(...classes: Array<string | false | null | undefined>) {
+  return classes.filter(Boolean).join(" ")
+}
 
 const Drawer = ({
   shouldScaleBackground = true,

packages/ui/src/drawer.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
 
 import { cn } from "@codevs/ui"
-import { ButtonProps, buttonVariants } from "@codevs/ui/button"
+import { ButtonProps, buttonVariants } from "./button"
 
 const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
   <nav