svelte-kit-vice/src/uix/eidos/components/select/select.svelte

<script lang="ts">
	import './select.css';
	import { ActiveEidos } from '$uix/eidos';
	import * as Select from '$soma/components/select';
	import { setSelectVisualContext } from './context.svelte';
	import type { SelectProps } from './types';

	let {
		size = 'md',
		variant = 'surface',
		color = 'primary',
		value = $bindable([]),
		open = $bindable(false),
		children,
		...rest
	}: SelectProps = $props();

	const eidos = ActiveEidos.require();
	const resolvedSize = $derived(eidos.resolve(size, 'md'));

	setSelectVisualContext({
		getSize: () => resolvedSize,
		getVariant: () => variant,
		getColor: () => color
	});
</script>

<Select.Provider
	{...rest}
	bind:value
	bind:open
	data-size={resolvedSize}
	data-variant={variant}
	data-color={color}
>
	{@render children?.()}
</Select.Provider>