diff --git a/bun.lockb b/bun.lockb
index 912cee3..e55b6ff 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 4b6cf40..af8662b 100644
--- a/package.json
+++ b/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": {
diff --git a/src/shared/lib/cn.ts b/src/shared/lib/cn.ts
new file mode 100644
index 0000000..27cb382
--- /dev/null
+++ b/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));
+}
diff --git a/src/shared/lib/index.ts b/src/shared/lib/index.ts
new file mode 100644
index 0000000..963c6b2
--- /dev/null
+++ b/src/shared/lib/index.ts
@@ -0,0 +1 @@
+export * from "./cn";