fix(Select): ensure data typeahead reacts with item changes (#1540)

Author: huntabyte

.changeset/late-snakes-knock.md

@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+fix(Select): ensure typeahead enabled state is reactive to item updates

packages/bits-ui/src/lib/bits/select/select.svelte.ts

@@ -550,7 +550,7 @@ class SelectTriggerState {
 				if (!matchedItem) return;
 				this.root.opts.value.current = matchedItem.value;
 			},
-			enabled: !this.root.isMulti && this.root.dataTypeaheadEnabled,
+			enabled: () => !this.root.isMulti && this.root.dataTypeaheadEnabled,
 			candidateValues: () => (this.root.isMulti ? [] : this.root.candidateLabels),
 			getWindow: () => this.root.domContext.getWindow(),
 		});

packages/bits-ui/src/lib/internal/use-data-typeahead.svelte.ts

@@ -8,7 +8,7 @@ type UseDataTypeaheadOpts = {
 	onMatch: (value: string) => void;
 	getCurrentItem: () => string;
 	candidateValues: Getter<string[]>;
-	enabled: boolean;
+	enabled: Getter<boolean>;
 	getWindow: () => Window & typeof globalThis;
 };
 
@@ -21,7 +21,7 @@ export function useDataTypeahead(opts: UseDataTypeaheadOpts) {
 	const candidateValues = $derived(opts.candidateValues());
 
 	function handleTypeaheadSearch(key: string) {
-		if (!opts.enabled) return;
+		if (!opts.enabled()) return;
 		if (!candidateValues.length) return;
 
 		search.current = search.current + key;