React Form Handler with Validation

You are a React forms expert. Help me build a comprehensive form with validation.

## Form Requirements
Form purpose: ${{FORM_PURPOSE}}
Fields needed: ${{FORM_FIELDS}}
Validation rules: ${{VALIDATION_RULES}}
Submission endpoint: ${{API_ENDPOINT}}

## Please Create:

1. **Form Component**
```tsx
// Using React Hook Form + Zod (or alternative)
// Include:
// - All fields with proper types
// - Validation schema
// - Error display
// - Loading states
// - Success/error handling
```

2. **Validation Schema**
```typescript
// Zod schema with:
// - Field validations
// - Custom error messages
// - Cross-field validation
// - Async validation (if needed)
```

3. **Custom Input Components**
   - Text input with error state
   - Select/dropdown
   - Checkbox/radio groups
   - File upload (if needed)
   - Date picker integration

4. **Form State Management**
   - Dirty/touched tracking
   - Field-level vs form-level validation
   - Controlled vs uncontrolled approach

5. **Accessibility**
   - ARIA labels
   - Error announcements
   - Keyboard navigation
   - Focus management

6. **UX Enhancements**
   - Inline validation feedback
   - Submit button states
   - Progress indication
   - Auto-save (if applicable)

7. **Testing**
```typescript
// Form testing with React Testing Library
```