@spaethtech/svelte-ui 0.21.3 → 0.21.4-dev.146.fe8308c

package/dist/components/Input.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { onMount } from "svelte";
   import type { Snippet } from "svelte";
   import type { HTMLInputAttributes } from "svelte/elements";
   import type { Size } from "../types/sizes.js";
@@ -100,19 +99,6 @@
     element = inputElement;
   });
 
-  // Recover text typed (or autofilled) BEFORE hydration. With a one-way `value` binding Svelte
-  // overwrites the DOM input with the initial prop value on hydration, so anything entered on the
-  // SSR'd page before the client took over is lost and never flows back into `value` (no input event
-  // fires for it). Once mounted, if the live DOM value differs from the prop, adopt it — matching what
-  // a native `<input bind:value>` does, without touching steady-state semantics: a wrapper that drives
-  // `value` from derived/formatted state (e.g. NumberInput's `stringValue`) sees a matching value and
-  // no write happens. Fixes dropped input on slow devices, autofill, and password managers.
-  onMount(() => {
-    if (inputElement && inputElement.value !== String(value ?? "")) {
-      value = inputElement.value;
-    }
-  });
-
   // Validation logic
   let validationResult = $state<boolean | string>(true);
 
@@ -269,10 +255,11 @@
     return `${base} ${interactive}`.trim();
   });
 
-  // Event handlers
+  // Event handlers. `value` is kept in sync by `bind:value` on the inner input (which also, crucially,
+  // reads the DOM value back during hydration — so text typed or autofilled before the client took over
+  // survives, unlike a one-way `{value}` that the hydration attribute effect overwrites). We only
+  // forward the consumer's callback here.
   function handleInput(event: Event & { currentTarget: EventTarget & HTMLInputElement }) {
-    const target = event.target as HTMLInputElement;
-    value = target.value;
     oninputProp?.(event);
   }
 
@@ -362,7 +349,7 @@
       <input
         bind:this={inputElement}
         {type}
-        {value}
+        bind:value
         {disabled}
         {readonly}
         oninput={handleInput}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaethtech/svelte-ui",
-  "version": "0.21.3",
+  "version": "0.21.4-dev.146.fe8308c",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/spaethtech/svelte-ui.git"