@casinogate/ui 1.1.2 → 1.1.4

package/dist/components/input/index.d.ts

@@ -1,6 +1,6 @@
 import { type InputPasswordProps } from './input.password.svelte';
 import { type InputProps } from './input.svelte';
-export declare const Input: import("svelte").Component<InputProps, {}, "ref"> & {
-    Password: import("svelte").Component<InputPasswordProps, {}, "ref" | "showPassword">;
+export declare const Input: import("svelte").Component<InputProps, {}, "value" | "ref"> & {
+    Password: import("svelte").Component<InputPasswordProps, {}, "value" | "ref" | "showPassword">;
 };
 export type { InputPasswordProps, InputProps };

package/dist/components/input/input.password.svelte

@@ -10,7 +10,12 @@
   import { cn } from '../../internal/utils/common.js';
   import Input, { type InputProps } from './input.svelte';
 
-  let { ref = $bindable(null), showPassword = $bindable(false), ...restProps }: InputPasswordProps = $props();
+  let {
+    ref = $bindable(null),
+    showPassword = $bindable(false),
+    value = $bindable(''),
+    ...restProps
+  }: InputPasswordProps = $props();
 
   const type = $derived(showPassword ? 'text' : 'password');
 
@@ -19,7 +24,7 @@
   }
 </script>
 
-<Input bind:ref {type} {...restProps}>
+<Input bind:ref bind:value {type} {...restProps}>
   {#snippet endChevron()}
     <button
       onclick={togglePassword}

package/dist/components/input/input.password.svelte.d.ts

@@ -2,6 +2,6 @@ export type InputPasswordProps = Omit<InputProps, 'endChevron' | 'type'> & {
     showPassword?: boolean;
 };
 import Input, { type InputProps } from './input.svelte';
-declare const Input: import("svelte").Component<InputPasswordProps, {}, "ref" | "showPassword">;
+declare const Input: import("svelte").Component<InputPasswordProps, {}, "value" | "ref" | "showPassword">;
 type Input = ReturnType<typeof Input>;
 export default Input;

package/dist/components/input/input.svelte

@@ -21,6 +21,7 @@
   let {
     ref = $bindable(null),
     id = useId(),
+    value = $bindable(''),
     class: className,
     startChevron,
     endChevron,
@@ -47,6 +48,7 @@
     <input
       {id}
       bind:this={ref}
+      bind:value
       data-start-chevron={getDataActive(Boolean(startChevron))}
       data-end-chevron={getDataActive(Boolean(endChevron))}
       data-slot="input"
@@ -61,5 +63,5 @@
     {/if}
   </div>
 {:else}
-  <input bind:this={ref} {id} data-slot="input" class={cn(variants.input(), className)} {...restProps} />
+  <input bind:this={ref} bind:value {id} data-slot="input" class={cn(variants.input(), className)} {...restProps} />
 {/if}

package/dist/components/input/input.svelte.d.ts

@@ -7,6 +7,6 @@ type InputPropsWithoutHTML = WithElementRef<{
     endChevron?: Snippet;
 }> & InputVariants;
 export type InputProps = InputPropsWithoutHTML & Without<PrimitiveInputAttributes, InputPropsWithoutHTML>;
-declare const Input: import("svelte").Component<InputProps, {}, "ref">;
+declare const Input: import("svelte").Component<InputProps, {}, "value" | "ref">;
 type Input = ReturnType<typeof Input>;
 export default Input;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@casinogate/ui",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "files": [
     "dist",
     "!dist/**/*.test.*",