Add utilities

Set up utility functions for Obsidian UI components.

Create cn Helper

Create a cn helper function in your utilities file (lib/utils.ts or src/lib/utils.ts):

import { ClassValue, clsx } from "clsx";
import { twMerge } from "tailwind-merge";

export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}

Install Dependencies

Install the required packages:

npm install motion clsx tailwind-merge lucide-react

This utility combines Tailwind CSS classes intelligently, handling conflicts and duplicates automatically.