supermemory/apps/web/app/components/plate-ui/input.tsx
2025-01-20 17:50:45 -07:00

25 lines
873 B
TypeScript

import { withVariants } from '@udecode/cn';
import { cva } from 'class-variance-authority';
export const inputVariants = cva(
'flex w-full rounded-md bg-transparent text-sm file:border-0 file:bg-background file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',
{
defaultVariants: {
h: 'md',
variant: 'default',
},
variants: {
h: {
md: 'h-10 px-3 py-2',
sm: 'h-[28px] px-1.5 py-1',
},
variant: {
default:
'border border-input ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
ghost: 'border-none focus-visible:ring-transparent',
},
},
}
);
export const Input = withVariants('input', inputVariants, ['variant', 'h']);