Tailwind CSS Component Patterns

Create Tailwind CSS component patterns for:

Design System: {{DESIGN_SYSTEM}} (Custom/Shadcn/DaisyUI)
Dark Mode: {{DARK_MODE}} (yes/no)
Component Types: {{COMPONENTS}}

Generate complete pattern library:

1. **Layout Components:**
   - Container variations
   - Grid systems
   - Flexbox patterns
   - Stack layouts
   - Responsive breakpoints

2. **Navigation:**
   - Navbar patterns
   - Sidebar layouts
   - Breadcrumbs
   - Pagination
   - Tabs

3. **Form Elements:**
   - Input fields
   - Select dropdowns
   - Checkboxes/radios
   - Toggle switches
   - Form groups
   - Validation states

4. **Buttons:**
   - Primary/secondary/tertiary
   - Sizes (sm/md/lg)
   - Icon buttons
   - Button groups
   - Loading states

5. **Cards:**
   - Basic card
   - Interactive card
   - Image card
   - Horizontal card
   - Card grids

6. **Feedback:**
   - Alerts/banners
   - Toasts
   - Modals
   - Tooltips
   - Progress indicators

7. **Data Display:**
   - Tables (responsive)
   - Lists
   - Badges/tags
   - Avatars
   - Stats cards

8. **Configuration:**
   - tailwind.config.js extensions
   - Custom color palette
   - Typography plugin
   - Animation utilities
   - Custom plugins

Include dark mode variants and responsive patterns.