I'll help you create a form using valibot and shadcn forms. Let me first explore the codebase structure to understand what components are available.
Now let me check what form components are available in the shadcn/ui components:
I can see there are form, input, label, and button components available. Let me read the form component to understand how it works:
I can see the form component uses react-hook-form. Now let me check the input component:
Now I have all the components I need. I'll create a form using valibot for validation and the shadcn form components. Let me create the form component and a page to display it:
I've created a comprehensive form using valibot for validation and shadcn/ui form components. The form includes firstName, lastName, email, and password fields with robust validation rules including minimum length requirements, email format validation, and password complexity requirements. The form uses react-hook-form with the valibot resolver for seamless integration, includes proper error handling, loading states, and is wrapped in a clean card layout for better presentation.