Add "list" to input

Author: mekanix

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@freenit-framework/core",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "private": false,
   "author": "Goran Mekić <meka@tilda.center>",
   "license": "BSD-2-Clause",

src/lib/Input.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  let { autofocus = false, required = false, label, name, type, value = $bindable() } = $props()
+  let { autofocus = false, required = false, label, name, type, value = $bindable(), list = '' } = $props()
   let focused = $state(value.length > 0)
   let input: HTMLElement
 
@@ -48,6 +48,7 @@
     onblur={blur}
     bind:value
     bind:this={input}
+    {list}
   />
 </div>
 

src/routes/app.css

@@ -33,5 +33,5 @@ body {
   --font-size: 1.6rem;
   --font-color: #333333;
   --font-family-sans: sans-serif;
-  --font-family-mono: monaco, 'Consolas', 'Lucida Console', monospace;
+  --font-family-mono: monaco, Consolas, 'Lucida Console', monospace;
 }