npx lomer-ui add select

import Select from '$lib/components/ui/select.svelte'
let value = $state('');

<div class="flex flex-col items-center gap-4">
	<Select bind:value placeholder="Select a game">
		<optgroup label="PC">
			<option value="dota 2">Dota 2</option>
			<option value="manor lords">Manor Lords</option>
		</optgroup>
		<optgroup label="Mobile">
			<option value="world of tanks blitz">World of Tanks Blitz</option>
			<option value="wuthering waves">Wuthering Waves</option>
		</optgroup>
	</Select>
	<p>Value: {value || 'N/A'}</p>
</div>

<Select isLoading>
	...
</Select>

<Select isDisabled>
	...
</Select>

<Select isReadOnly>
	...
</Select>