internals

Utils

The cn() utility (clsx + tailwind-merge) — used by nearly every component.

Loading preview…

src/lib/utils.ts

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

/**
 * Склеивает Tailwind-классы, разрешая конфликты в пользу последнего.
 * Сигнатура намеренно совпадает с shadcn-vue и апстримным ReUI,
 * чтобы портированные cva-блоки переносились без правок.
 */
export function cn(...inputs: ClassValue[]): string {
  return twMerge(clsx(inputs))
}

Install

npx shadcn-vue@latest add https://revueui.rootapi.dev/r/utils.json

npm dependencies

  • clsx
  • tailwind-merge

Source: ported from ReUI (Keenthemes, MIT)