<!-- source-hash: 194f540562ec706068c7dde122366c19 -->
Storybook stories for the `FiltersDropdown` component, covering checkbox/radio sections, custom triggers, placement variants, and interactive state management.

## Key Components

| Export | Type | Description |
|--------|------|-------------|
| `Default` | `Story` | Single checkbox section with pre-selected filters |
| `MultipleSections` | `Story` | Two checkbox sections (Status + Device Type) |
| `RadioSection` | `Story` | Single-select radio group for sort ordering |
| `WithSeparator` | `Story` | Checkbox section with a visual separator between option groups |
| `CustomTrigger` | `Story` | Replaces default text button with a custom `Button` element |
| `PlacementBottomEnd` | `Story` | Dropdown aligned to the right via `bottom-end` placement |
| `NoActiveFilters` | `Story` | Empty `currentFilters` state |
| `ManyOptions` | `Story` | Three large sections demonstrating scrollable overflow |
| `Interactive` | `Story` | Live stateful example showing applied filter feedback |

## Usage Example

```typescript
// Basic checkbox filter dropdown
<FiltersDropdown
  triggerLabel="STATUS"
  sections={[
    {
      id: 'status',
      title: 'Status',
      type: 'checkbox',
      options: [
        { id: 'active', label: 'Active', value: 'active', count: 2975 },
        { id: 'inactive', label: 'Inactive', value: 'inactive', count: 245 },
      ],
      allowSelectAll: true,
    },
  ]}
  currentFilters={{ status: ['active'] }}
  onApply={(filters) => console.log(filters)}
  onReset={() => console.log('reset')}
/>

// Custom trigger with bottom-end placement
<FiltersDropdown
  triggerElement={<Button variant="outline">Open Filters</Button>}
  sections={sections}
  placement="bottom-end"
  onApply={handleApply}
  onReset={handleReset}
/>
```

## Configurable Args

| Arg | Control | Description |
|-----|---------|-------------|
| `triggerLabel` | `text` | Label rendered on the default trigger button |
| `placement` | `select` | `bottom-start` \| `bottom-end` \| `bottom` |
| `responsive` | `boolean` | Enables mobile-responsive behavior |