import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { cv } from '../../lib/cv.js';
import { formControlBase, formControlState } from './form-control.js';
const input = cv(formControlBase, {
    variants: {
        size: {
            sm: 'py-1.5 text-[length:var(--fs-sub)]',
            md: '',
            lg: 'py-2.5 text-[length:var(--fs-body)]',
        },
        state: {
            default: formControlState.default,
            invalid: formControlState.invalid,
            valid: formControlState.valid,
        },
    },
    defaultVariants: { size: 'md', state: 'default' },
});
export const Input = forwardRef(function Input({ size, state, className, ...rest }, ref) {
    return _jsx("input", { ref: ref, className: input({ size, state, class: className }), ...rest });
});
export { input as inputVariants, formControlBase, formControlState };
//# sourceMappingURL=Input.js.map