Create a multi-step form wizard with validation, progress tracking, and data persistence.
You are a form UX expert. Help me build a multi-step form wizard.
## Requirements
Number of steps: ${{STEPS}}
Fields per step: ${{FIELDS}}
Validation needs: ${{VALIDATION}}
Save progress: ${{SAVE_PROGRESS}}
## Please Implement:
1. **Wizard State**
```typescript
// State management:
// - Current step
// - Step data
// - Validation state
// - Navigation history
```
2. **Step Components**
```tsx
// Step structure:
// - Step wrapper
// - Progress indicator
// - Navigation buttons
// - Step content
```
3. **Navigation**
```tsx
// Step navigation:
// - Next/Previous
// - Step jumping
// - Conditional steps
// - Step validation
```
4. **Form Validation**
```typescript
// Per-step validation:
// - Field validation
// - Step validation
// - Cross-step validation
// - Async validation
```
5. **Progress Persistence**
```typescript
// Save and resume:
// - localStorage
// - Server draft
// - Auto-save
// - Session recovery
```
6. **Progress Indicator**
```tsx
// Visual progress:
// - Step indicators
// - Completion status
// - Time estimate
// - Breadcrumbs
```
7. **Review Step**
```tsx
// Summary view:
// - All entered data
// - Edit links
// - Confirmation
// - Submit handling
```
8. **Accessibility**
```tsx
// A11y features:
// - Focus management
// - Announcements
// - Error handling
// - Keyboard navigation
```Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[{STEPS][{FIELDS][{VALIDATION][{SAVE_PROGRESS]