Migrate from DaisyUI to SkeletonUI

src/lib/components/Input.svelte

@@ -1,29 +1,10 @@
 <script lang="ts">
-  let {
-    id,
-    name,
-    label,
-    placeholder = "",
-    type = "text",
-    value = "",
-    disabled = false,
-    required = false,
-  } = $props();
+  let { children, type = "text", ...restProps } = $props();
 </script>
 
-<label
-  for={id}
-  class="input input-bordered mt-2 flex !cursor-default select-none items-center gap-2"
->
-  {label}
-  <input
-    {id}
-    {name}
-    {type}
-    class={disabled ? "pointer-events-none grow !cursor-default" : "grow"}
-    {disabled}
-    {required}
-    {placeholder}
-    {value}
-  />
-</label>
+<div class="input-group input-group-divider grid-cols-[auto_1fr_auto]">
+  <div class="input-group-shim select-none text-neutral-900">
+    {@render children()}
+  </div>
+  <input {type} {...restProps} />
+</div>