4e:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 4f:T11fa,--- title: cn description: API reference for @udecode/cn. --- `@udecode/cn` provides class-name helpers and component wrappers for React UI primitives. The package also re-exports `@udecode/react-utils` from its root entry. ## Install ```bash npm install @udecode/cn ``` ## Quick Use ```tsx import * as React from 'react'; import { cn, withCn, withProps, withVariants } from '@udecode/cn'; const active = true; const className = cn('px-2', active && 'bg-accent', 'px-4'); const ButtonBase = React.forwardRef< HTMLButtonElement, React.ComponentProps<'button'> >((props, ref) =>