<!-- source-hash: 57929b92378079c47ade3983e6429cff -->
Storybook stories for the `Select` UI component, showcasing all variants and states including grouped items, validation, disabled states, and `FieldWrapper` integration.

## Key Components

| Story | Description |
|---|---|
| `Default` | Basic select with placeholder text |
| `WithValue` | Select with a pre-selected default value |
| `Disabled` | Non-interactive disabled state |
| `WithGroups` | Grouped items with `SelectLabel` and `SelectSeparator` |
| `WithDisabledItem` | Select with individual disabled option |
| `ManyItems` | Scrollable list (25 UTC timezones) |
| `Invalid` | Error/invalid visual state via `invalid` prop on `SelectTrigger` |
| `WithLabel` | Wrapped in `FieldWrapper` with a label |
| `WithLabelAndError` | `FieldWrapper` with label and error message |
| `WithLabelAndValue` | `FieldWrapper` with a pre-selected value |
| `AllVariants` | All states rendered together for comparison |

## Usage Example

```typescript
// Basic usage
<Select>
  <SelectTrigger>
    <SelectValue placeholder="Select an option..." />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="option1">Option 1</SelectItem>
    <SelectItem value="option2">Option 2</SelectItem>
  </SelectContent>
</Select>

// With grouped items
<Select>
  <SelectTrigger>
    <SelectValue placeholder="Select a fruit..." />
  </SelectTrigger>
  <SelectContent>
    <SelectGroup>
      <SelectLabel>Fruits</SelectLabel>
      <SelectItem value="apple">Apple</SelectItem>
    </SelectGroup>
    <SelectSeparator />
    <SelectGroup>
      <SelectLabel>Vegetables</SelectLabel>
      <SelectItem value="carrot">Carrot</SelectItem>
    </SelectGroup>
  </SelectContent>
</Select>

// With validation via FieldWrapper
<FieldWrapper label="Role" error="Please select a role">
  <Select>
    <SelectTrigger invalid>
      <SelectValue placeholder="Select a role..." />
    </SelectTrigger>
    <SelectContent>
      <SelectItem value="viewer">Viewer</SelectItem>
    </SelectContent>
  </Select>
</FieldWrapper>
```