internals

Utils

Утилита cn() (clsx + tailwind-merge) — используется практически всеми компонентами.

Загрузка превью…

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))
}

Установка

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

npm-зависимости

clsx
tailwind-merge

Источник: порт из ReUI (Keenthemes, MIT)