Brunobkr/llama.cpp_AlgMor24_github

1<script lang="ts">2	import { boxWith, mergeProps } from "svelte-toolbelt";3	import type { TabsRootProps } from "../types.js";4	import { TabsRootState } from "../tabs.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		id = createId(uid),12		ref = $bindable(null),13		value = $bindable(""),14		onValueChange = noop,15		orientation = "horizontal",16		loop = true,17		activationMode = "automatic",18		disabled = false,19		children,20		child,21		...restProps22	}: TabsRootProps = $props();23 24	const rootState = TabsRootState.create({25		id: boxWith(() => id),26		value: boxWith(27			() => value,28			(v) => {29				value = v;30				onValueChange(v);31			}32		),33		orientation: boxWith(() => orientation),34		loop: boxWith(() => loop),35		activationMode: boxWith(() => activationMode),36		disabled: boxWith(() => disabled),37		ref: boxWith(38			() => ref,39			(v) => (ref = v)40		),41	});42 43	const mergedProps = $derived(mergeProps(restProps, rootState.props));44</script>45 46{#if child}47	{@render child({ props: mergedProps })}48{:else}49	<div {...mergedProps}>50		{@render children?.()}51	</div>52{/if}53