From 6c095f672965b79b7da8e989012e8eeeb174896b Mon Sep 17 00:00:00 2001
From: Sakariyah Abdulhazeem <150973162+zeemscript@users.noreply.github.com>
Date: Mon, 27 Jul 2026 14:59:58 +0100
Subject: [PATCH] fix(ui): remove unused clsx/twMerge imports from Input and
 Modal

Input.tsx and Modal.tsx imported clsx and tailwind-merge directly
despite already using the shared cn() helper from @/app/utils/cn.
These dead imports are now removed, completing the DRY cleanup
started in commit 8210157 for Button, Card, and EmptyState.

Closes #1248
---
 frontend/src/app/components/ui/Input.tsx | 3 ---
 frontend/src/app/components/ui/Modal.tsx | 2 --
 2 files changed, 5 deletions(-)

diff --git a/frontend/src/app/components/ui/Input.tsx b/frontend/src/app/components/ui/Input.tsx
index 4f6ae3fe..0cc5c360 100644
--- a/frontend/src/app/components/ui/Input.tsx
+++ b/frontend/src/app/components/ui/Input.tsx
@@ -1,9 +1,6 @@
 "use client";
 
 import * as React from "react";
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-
 import { cn } from "@/app/utils/cn";
 
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
diff --git a/frontend/src/app/components/ui/Modal.tsx b/frontend/src/app/components/ui/Modal.tsx
index 082fa779..1b62d2c5 100644
--- a/frontend/src/app/components/ui/Modal.tsx
+++ b/frontend/src/app/components/ui/Modal.tsx
@@ -2,8 +2,6 @@
 
 import * as React from "react";
 import { X } from "lucide-react";
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
 import { motion, AnimatePresence } from "framer-motion";
 import { useModalFocusTrap } from "../../hooks/useModalFocusTrap";