Brunobkr/llama.cpp_AlgMor24_github

1<script lang="ts">2	import { boxWith, mergeProps } from "svelte-toolbelt";3	import type { ToggleRootProps } from "../types.js";4	import { ToggleRootState } from "../toggle.svelte.js";5	import { createId } from "../../../internal/create-id.js";6	import { noop } from "../../../internal/noop.js";7 8	const uid = $props.id();9 10	let {11		ref = $bindable(null),12		id = createId(uid),13		pressed = $bindable(false),14		onPressedChange = noop,15		disabled = false,16		type = "button",17		children,18		child,19		...restProps20	}: ToggleRootProps = $props();21 22	const toggleState = ToggleRootState.create({23		pressed: boxWith(24			() => pressed,25			(v) => {26				pressed = v;27				onPressedChange(v);28			}29		),30		disabled: boxWith(() => disabled ?? false),31		id: boxWith(() => id),32		ref: boxWith(33			() => ref,34			(v) => (ref = v)35		),36	});37 38	const mergedProps = $derived(mergeProps(restProps, toggleState.props, { type }));39</script>40 41{#if child}42	{@render child({ props: mergedProps, ...toggleState.snippetProps })}43{:else}44	<button {...mergedProps}>45		{@render children?.(toggleState.snippetProps)}46	</button>47{/if}48