Some more cleanup

Author: hhvrc

src/lib/components/input/PasswordInput.svelte

@@ -7,7 +7,6 @@
   import type { ValidationResult } from '$lib/types/ValidationResult';
   import type { FullAutoFill } from 'svelte/elements';
   import TextInput from './TextInput.svelte';
-  import type { ButtonSettings } from './impl/ButtonSettings';
   import PasswordStrengthMeter from './impl/PasswordStrengthMeter.svelte';
 
   interface Props {
@@ -102,12 +101,6 @@
   $effect(() => {
     valid = validationResult?.valid ?? false;
   });
-
-  let button: ButtonSettings = $derived({
-    Icon: valueShown ? EyeOff : Eye,
-    class: 'cursor-pointer',
-    onClick: () => (valueShown = !valueShown),
-  });
 </script>
 
 <TextInput
@@ -118,7 +111,11 @@
   bind:value
   {validationResult}
   {Icon}
-  {button}
+  button={{
+    Icon: valueShown ? EyeOff : Eye,
+    class: 'cursor-pointer',
+    onClick: () => (valueShown = !valueShown),
+  }}
   {oninput}
 >
   {#snippet popup()}

src/lib/components/input/impl/PasswordStrengthMeter.svelte

@@ -26,7 +26,7 @@
   <div class="relative h-0 w-full">
     <div
       class="absolute size-2 -translate-x-1 -translate-y-1 rotate-45 transform bg-black dark:bg-white"
-      style={`left: ${percent}%`}
+      style:left={`${percent}%`}
     ></div>
   </div>
 </div>