feat: some moving around

packages/ui/src/lib/elements/Checkbox.svelte

@@ -1,8 +1,10 @@
 <script lang="ts">
   export let value: boolean;
+
+  export let id: string;
 </script>
 
-<input type="checkbox" bind:checked={value} />
+<input {id} type="checkbox" bind:checked={value} />
 
 <style>
   input[type="checkbox"] {

packages/ui/src/lib/elements/Float.svelte

@@ -3,9 +3,10 @@
   export let min = 0;
   export let max = 10;
   export let step = 0.1;
+  export let id: string;
 </script>
 
-<input type="number" bind:value {min} {max} {step} />
+<input {id} type="number" bind:value {min} {max} {step} />
 
 <style>
   input {

packages/ui/src/lib/elements/Integer.svelte

@@ -3,9 +3,10 @@
   export let min = 0;
   export let max = 10;
   export let step = 1;
+  export let id: string;
 </script>
 
-<input type="number" bind:value {min} {max} {step} />
+<input {id} type="number" bind:value {min} {max} {step} />
 
 <style>
   input {

packages/ui/src/lib/elements/Select.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
   export let labels: string[] = [];
   export let value: number = 0;
+  export let id: string;
 </script>
 
-<select bind:value>
+<select {id} bind:value>
   {#each labels as label, i}
     <option value={i}>{label}</option>
   {/each}