{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "utils", "type": "registry:lib", "title": "cn", "description": "Tailwind class merging (clsx plus tailwind-merge).", "categories": [ "utils" ], "dependencies": [ "clsx", "tailwind-merge" ], "files": [ { "path": "lib/utils.ts", "type": "registry:lib", "target": "lib/utils.ts", "content": "import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Combines class names using clsx and tailwind-merge\n * Ensures Tailwind classes are properly merged without conflicts\n */\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n" } ], "docs": "The class-merging helper every component uses to merge a caller className onto its root. Required by most registry items.", "meta": { "group": "hooks", "related": [ "merge-refs" ], "exports": [ "cn" ], "siteSlug": "cn" } }