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 Option 1 Option 2 // With grouped items Fruits Apple Vegetables Carrot // With validation via FieldWrapper Viewer ```