@recastui/themes/dist/input.mjs

Recastui Design System component themes with Tailwindcss and CVA

import { cva } from 'class-variance-authority';

var t=cva(["bg-gray-1","focus:ring-2","focus:ring-offset-0","focus:ring-gray-10","text-base","outline-0"],{variants:{type:{button:"",color:"",date:"","datetime-local":"",email:"",hidden:"",month:"",password:"",search:"",tel:"",text:"",time:"",url:"",week:""},size:{xs:"px-2 py-1 text-xs",sm:"px-3 py-2 text-sm",base:"px-4 py-2 text-base",lg:"px-6 py-2.5 text-lg"},variant:{outline:"border border-gray-7 focus:border-gray-10",solid:"bg-gray-4 border border-transparent focus:border-gray-10 focus:bg-gray-1 focus:ring-2",underline:"border-0 border-b-2 border-gray-7 focus:ring-0 focus:border-gray-10 px-0.5",rounded:"rounded-md border border-gray-7 focus:border-gray-10"},inline:{true:"inline-block"},fullWidth:{true:"w-full block"},disabled:{true:"cursor-not-allowed text-main-10"},error:{true:"border-error-9 text-error-9 focus:ring-error-9"}},defaultVariants:{variant:"outline",size:"base",fullWidth:!0,type:"text"}}),o="flex isolate relative",a="px-3 bg-gray-3",n="px-3 bg-gray-3";

export { t as input, o as inputGroup, a as inputLeftAddon, n as inputRightAddon };