tw merge

package.json

@@ -19,11 +19,13 @@
     "@tanstack/react-router": "^1.18.3",
     "@tanstack/router-vite-plugin": "^1.18.1",
     "autoprefixer": "^10.4.18",
+    "clsx": "^2.1.0",
     "install": "^0.13.0",
     "postcss": "^8.4.35",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "styled-components": "^6.1.8",
+    "tailwind-merge": "^2.2.1",
     "tailwindcss": "^3.4.1"
   },
   "devDependencies": {

src/shared/lib/cn.ts

@@ -0,0 +1,6 @@
+import { twMerge } from "tailwind-merge";
+import { type ClassValue, clsx } from "clsx";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

src/shared/lib/index.ts

@@ -0,0 +1 @@
+export * from "./cn";