Core@paxeer/core/utilsimplemented

Utils

className merge helper and dense MD3 focus-ring class.

Install

$pnpm exec designx add @paxeer/core/utils

Source code

components/designx/core/cn.tstsx

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

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

components/designx/core/focus-ring.tstsx

/**
 * Dense MD3 focus indicator. Thickness and offset come from
 * `--md-sys-focus-ring-*` so packs never invent their own ring tokens.
 */
export const focusRingClassName = "dx-focus-ring";

export const focusRing = focusRingClassName;

Dependencies

npm packages

clsxtailwind-merge

Registry dependencies

@paxeer/core/md3-tokens