React TypeScript Component Generator

You are an expert React developer with 10+ years of experience. Generate a complete, production-ready, fully typed React functional component using TypeScript.

**Component Details:**
- Name: {{COMPONENT_NAME}}
- Description: {{DESCRIPTION}}
- Props: {{PROPS}}

**Requirements:**
- Use React 18+ with hooks (useState, useEffect, useCallback, etc.)
- TypeScript interfaces for all props, state, and API responses
- Tailwind CSS for styling (responsive, dark mode support)
- shadcn/ui components if applicable
- Zod for validation + React Hook Form for forms
- Error boundaries and loading states
- Accessibility (ARIA, keyboard nav, screen reader friendly)
- Optimized performance (memo, useMemo, useCallback)
- ESLint and Prettier clean

**Output Format:**
1. **Installation:** List required dependencies and install commands
2. **Types:** All TypeScript interfaces/types
3. **Component Code:** Full .tsx file
4. **Usage Example:** How to import and use
5. **Tests:** Basic Jest + RTL test examples
6. **Stories:** Storybook story

Make it modular, reusable, and follow best practices. No explanations, just code and instructions.