Tailwind Style Utils

1import { clsx, type ClassValue } from "clsx";
2import { twMerge } from "tailwind-merge";
3 
4export function cn(...inputs: ClassValue[]) {
5	return twMerge(clsx(inputs));
6}
7 
8export const THEME_COLORS = {
9	background: "background",
10	foreground: "foreground",
11	card: "card",
12	cardForeground: "card-foreground",
13	popover: "popover",
14	popoverForeground: "popover-foreground",
15	primary: "primary",
16	primaryForeground: "primary-foreground",
17	secondary: "secondary",
18	secondaryForeground: "secondary-foreground",
19	muted: "muted",
20	mutedForeground: "muted-foreground",
21	accent: "accent",
22	accentForeground: "accent-foreground",
23	destructive: "destructive",
24	destructiveForeground: "destructive-foreground",
25	border: "border",
26	input: "input",
27	ring: "ring",
28	chart1: "chart-1",
29	chart2: "chart-2",
30	chart3: "chart-3",
31	chart4: "chart-4",
32	chart5: "chart-5",
33	sidebar: "sidebar",
34	sidebarForeground: "sidebar-foreground",
35	sidebarPrimary: "sidebar-primary",
36	sidebarPrimaryForeground: "sidebar-primary-foreground",
37	sidebarAccent: "sidebar-accent",
38	sidebarAccentForeground: "sidebar-accent-foreground",
39	sidebarBorder: "sidebar-border",
40	sidebarRing: "sidebar-ring",
41} as const;