@casinogate/ui 1.1.2 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import { type InputPasswordProps } from './input.password.svelte';
2
2
  import { type InputProps } from './input.svelte';
3
- export declare const Input: import("svelte").Component<InputProps, {}, "ref"> & {
4
- Password: import("svelte").Component<InputPasswordProps, {}, "ref" | "showPassword">;
3
+ export declare const Input: import("svelte").Component<InputProps, {}, "value" | "ref"> & {
4
+ Password: import("svelte").Component<InputPasswordProps, {}, "value" | "ref" | "showPassword">;
5
5
  };
6
6
  export type { InputPasswordProps, InputProps };
@@ -10,7 +10,12 @@
10
10
  import { cn } from '../../internal/utils/common.js';
11
11
  import Input, { type InputProps } from './input.svelte';
12
12
 
13
- let { ref = $bindable(null), showPassword = $bindable(false), ...restProps }: InputPasswordProps = $props();
13
+ let {
14
+ ref = $bindable(null),
15
+ showPassword = $bindable(false),
16
+ value = $bindable(''),
17
+ ...restProps
18
+ }: InputPasswordProps = $props();
14
19
 
15
20
  const type = $derived(showPassword ? 'text' : 'password');
16
21
 
@@ -19,7 +24,7 @@
19
24
  }
20
25
  </script>
21
26
 
22
- <Input bind:ref {type} {...restProps}>
27
+ <Input bind:ref bind:value {type} {...restProps}>
23
28
  {#snippet endChevron()}
24
29
  <button
25
30
  onclick={togglePassword}
@@ -2,6 +2,6 @@ export type InputPasswordProps = Omit<InputProps, 'endChevron' | 'type'> & {
2
2
  showPassword?: boolean;
3
3
  };
4
4
  import Input, { type InputProps } from './input.svelte';
5
- declare const Input: import("svelte").Component<InputPasswordProps, {}, "ref" | "showPassword">;
5
+ declare const Input: import("svelte").Component<InputPasswordProps, {}, "value" | "ref" | "showPassword">;
6
6
  type Input = ReturnType<typeof Input>;
7
7
  export default Input;
@@ -21,6 +21,7 @@
21
21
  let {
22
22
  ref = $bindable(null),
23
23
  id = useId(),
24
+ value = $bindable(''),
24
25
  class: className,
25
26
  startChevron,
26
27
  endChevron,
@@ -47,6 +48,7 @@
47
48
  <input
48
49
  {id}
49
50
  bind:this={ref}
51
+ bind:value
50
52
  data-start-chevron={getDataActive(Boolean(startChevron))}
51
53
  data-end-chevron={getDataActive(Boolean(endChevron))}
52
54
  data-slot="input"
@@ -7,6 +7,6 @@ type InputPropsWithoutHTML = WithElementRef<{
7
7
  endChevron?: Snippet;
8
8
  }> & InputVariants;
9
9
  export type InputProps = InputPropsWithoutHTML & Without<PrimitiveInputAttributes, InputPropsWithoutHTML>;
10
- declare const Input: import("svelte").Component<InputProps, {}, "ref">;
10
+ declare const Input: import("svelte").Component<InputProps, {}, "value" | "ref">;
11
11
  type Input = ReturnType<typeof Input>;
12
12
  export default Input;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@casinogate/ui",
3
- "version": "1.1.2",
3
+ "version": "1.1.3",
4
4
  "files": [
5
5
  "dist",
6
6
  "!dist/**/*.test.*",