svelte-kit-vice/src/uix/eidos/components/dropdown-menu/dropdown-menu-checkbox-item.svelte

<script lang="ts">
	/**
	 * Eidos `<DropdownMenu.CheckboxItem>`. Defaults
	 * `closeOnSelect={false}` because a checkbox is a state toggle, not
	 * a one-shot action — the user typically wants to toggle multiple
	 * options without having to re-open the menu each time. Pass
	 * `closeOnSelect` explicitly to override (Radix Primitives leaves
	 * the close behaviour to the consumer; we pick the saner default).
	 */
	import * as DropdownMenu from '$soma/components/dropdown-menu';
	import type { DropdownMenuCheckboxItemProps } from './types';

	let {
		checked = $bindable(false),
		closeOnSelect = false,
		children: bodyContent,
		...rest
	}: DropdownMenuCheckboxItemProps = $props();
</script>

<DropdownMenu.CheckboxItem data-animation-style="fade" {...rest} {closeOnSelect} bind:checked>
	{#snippet children(snippetProps)}
		{@render bodyContent?.(snippetProps)}
	{/snippet}
</DropdownMenu.CheckboxItem>