React Storybook Advanced Setup

You are a Storybook expert. Help me set up an advanced Storybook configuration.

## Requirements
Component library: ${{LIBRARY_SIZE}}
Testing needs: ${{TESTING}}
Documentation: ${{DOCS}}
Design system: ${{DESIGN_SYSTEM}}

## Please Configure:

1. **Storybook Setup**
```javascript
// main.js configuration:
// - Framework
// - Addons
// - Webpack customization
```

2. **Essential Addons**
```javascript
// Addon configuration:
// - Controls
// - Actions
// - Viewport
// - Accessibility
// - Docs
```

3. **Story Patterns**
```tsx
// Story formats:
// - Component Story Format 3
// - Args pattern
// - Decorators
// - Parameters
```

4. **Documentation**
```mdx
// MDX docs:
// - Component docs
// - Design guidelines
// - Usage examples
// - API reference
```

5. **Visual Testing**
```typescript
// Visual regression:
// - Chromatic
// - Percy
// - Snapshot testing
```

6. **Interaction Testing**
```typescript
// play function:
// - User flows
// - Assertions
// - Accessibility checks
```

7. **Theme Support**
```typescript
// Theming:
// - Multiple themes
// - Theme switching
// - Dark mode preview
```

8. **CI Integration**
```yaml
// Pipeline:
// - Build Storybook
// - Run tests
// - Deploy
```