inputElementID param

src/components/tools/VirtualSelect.svelte

@@ -1,6 +1,11 @@
 <script>
 	import { createEventDispatcher, onMount, tick } from "svelte";
 
+	// Generate a default unique ID
+	function generateDefaultID() {
+		return "virtual-select-" + Math.random().toString(36).slice(2);
+	}
+
 	// Props
 	export let options = [];
 	export let selected = null;
@@ -11,6 +16,7 @@
 	export let clearAriaLabel = "Clear selection";
 	export let filterFn = null; // Custom filter function
 	export let autofocus = false; // Autofocus input
+	export let inputElementID = generateDefaultID(); // Input element ID
 
 	// Internal state
 	let searchTerm = "";
@@ -191,6 +197,7 @@
 	>
 		<input
 			type="text"
+			id={inputElementID}
 			bind:value={searchTerm}
 			bind:this={inputElement}
 			placeholder={getDisplayText()}