@zag-js/pin-input 0.74.2 → 0.75.0
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.
- package/dist/index.d.mts +18 -18
- package/dist/index.d.ts +18 -18
- package/package.json +8 -8
package/dist/index.d.mts
CHANGED
|
@@ -27,49 +27,49 @@ interface PublicContext extends DirectionProperty, CommonProperties {
|
|
|
27
27
|
/**
|
|
28
28
|
* The name of the input element. Useful for form submission.
|
|
29
29
|
*/
|
|
30
|
-
name?: string;
|
|
30
|
+
name?: string | undefined;
|
|
31
31
|
/**
|
|
32
32
|
* The associate form of the underlying input element.
|
|
33
33
|
*/
|
|
34
|
-
form?: string;
|
|
34
|
+
form?: string | undefined;
|
|
35
35
|
/**
|
|
36
36
|
* The regular expression that the user-entered input value is checked against.
|
|
37
37
|
*/
|
|
38
|
-
pattern?: string;
|
|
38
|
+
pattern?: string | undefined;
|
|
39
39
|
/**
|
|
40
40
|
* The ids of the elements in the pin input. Useful for composition.
|
|
41
41
|
*/
|
|
42
|
-
ids?: ElementIds;
|
|
42
|
+
ids?: ElementIds | undefined;
|
|
43
43
|
/**
|
|
44
44
|
* Whether the inputs are disabled
|
|
45
45
|
*/
|
|
46
|
-
disabled?: boolean;
|
|
46
|
+
disabled?: boolean | undefined;
|
|
47
47
|
/**
|
|
48
48
|
* The placeholder text for the input
|
|
49
49
|
* @default "○"
|
|
50
50
|
*/
|
|
51
|
-
placeholder?: string;
|
|
51
|
+
placeholder?: string | undefined;
|
|
52
52
|
/**
|
|
53
53
|
* Whether to auto-focus the first input.
|
|
54
54
|
*/
|
|
55
|
-
autoFocus?: boolean;
|
|
55
|
+
autoFocus?: boolean | undefined;
|
|
56
56
|
/**
|
|
57
57
|
* Whether the pin input is in the invalid state
|
|
58
58
|
*/
|
|
59
|
-
invalid?: boolean;
|
|
59
|
+
invalid?: boolean | undefined;
|
|
60
60
|
/**
|
|
61
61
|
* Whether the pin input is required
|
|
62
62
|
*/
|
|
63
|
-
required?: boolean;
|
|
63
|
+
required?: boolean | undefined;
|
|
64
64
|
/**
|
|
65
65
|
* Whether the pin input is in the valid state
|
|
66
66
|
*/
|
|
67
|
-
readOnly?: boolean;
|
|
67
|
+
readOnly?: boolean | undefined;
|
|
68
68
|
/**
|
|
69
69
|
* If `true`, the pin input component signals to its fields that they should
|
|
70
70
|
* use `autocomplete="one-time-code"`.
|
|
71
71
|
*/
|
|
72
|
-
otp?: boolean;
|
|
72
|
+
otp?: boolean | undefined;
|
|
73
73
|
/**
|
|
74
74
|
* The value of the the pin input.
|
|
75
75
|
*/
|
|
@@ -78,31 +78,31 @@ interface PublicContext extends DirectionProperty, CommonProperties {
|
|
|
78
78
|
* The type of value the pin-input should allow
|
|
79
79
|
* @default "numeric"
|
|
80
80
|
*/
|
|
81
|
-
type?: "alphanumeric" | "numeric" | "alphabetic";
|
|
81
|
+
type?: "alphanumeric" | "numeric" | "alphabetic" | undefined;
|
|
82
82
|
/**
|
|
83
83
|
* Function called when all inputs have valid values
|
|
84
84
|
*/
|
|
85
|
-
onValueComplete?: (details: ValueChangeDetails) => void;
|
|
85
|
+
onValueComplete?: ((details: ValueChangeDetails) => void) | undefined;
|
|
86
86
|
/**
|
|
87
87
|
* Function called on input change
|
|
88
88
|
*/
|
|
89
|
-
onValueChange?: (details: ValueChangeDetails) => void;
|
|
89
|
+
onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
|
|
90
90
|
/**
|
|
91
91
|
* Function called when an invalid value is entered
|
|
92
92
|
*/
|
|
93
|
-
onValueInvalid?: (details: ValueInvalidDetails) => void;
|
|
93
|
+
onValueInvalid?: ((details: ValueInvalidDetails) => void) | undefined;
|
|
94
94
|
/**
|
|
95
95
|
* If `true`, the input's value will be masked just like `type=password`
|
|
96
96
|
*/
|
|
97
|
-
mask?: boolean;
|
|
97
|
+
mask?: boolean | undefined;
|
|
98
98
|
/**
|
|
99
99
|
* Whether to blur the input when the value is complete
|
|
100
100
|
*/
|
|
101
|
-
blurOnComplete?: boolean;
|
|
101
|
+
blurOnComplete?: boolean | undefined;
|
|
102
102
|
/**
|
|
103
103
|
* Whether to select input value when input is focused
|
|
104
104
|
*/
|
|
105
|
-
selectOnFocus?: boolean;
|
|
105
|
+
selectOnFocus?: boolean | undefined;
|
|
106
106
|
/**
|
|
107
107
|
* Specifies the localized strings that identifies the accessibility elements and their states
|
|
108
108
|
*/
|
package/dist/index.d.ts
CHANGED
|
@@ -27,49 +27,49 @@ interface PublicContext extends DirectionProperty, CommonProperties {
|
|
|
27
27
|
/**
|
|
28
28
|
* The name of the input element. Useful for form submission.
|
|
29
29
|
*/
|
|
30
|
-
name?: string;
|
|
30
|
+
name?: string | undefined;
|
|
31
31
|
/**
|
|
32
32
|
* The associate form of the underlying input element.
|
|
33
33
|
*/
|
|
34
|
-
form?: string;
|
|
34
|
+
form?: string | undefined;
|
|
35
35
|
/**
|
|
36
36
|
* The regular expression that the user-entered input value is checked against.
|
|
37
37
|
*/
|
|
38
|
-
pattern?: string;
|
|
38
|
+
pattern?: string | undefined;
|
|
39
39
|
/**
|
|
40
40
|
* The ids of the elements in the pin input. Useful for composition.
|
|
41
41
|
*/
|
|
42
|
-
ids?: ElementIds;
|
|
42
|
+
ids?: ElementIds | undefined;
|
|
43
43
|
/**
|
|
44
44
|
* Whether the inputs are disabled
|
|
45
45
|
*/
|
|
46
|
-
disabled?: boolean;
|
|
46
|
+
disabled?: boolean | undefined;
|
|
47
47
|
/**
|
|
48
48
|
* The placeholder text for the input
|
|
49
49
|
* @default "○"
|
|
50
50
|
*/
|
|
51
|
-
placeholder?: string;
|
|
51
|
+
placeholder?: string | undefined;
|
|
52
52
|
/**
|
|
53
53
|
* Whether to auto-focus the first input.
|
|
54
54
|
*/
|
|
55
|
-
autoFocus?: boolean;
|
|
55
|
+
autoFocus?: boolean | undefined;
|
|
56
56
|
/**
|
|
57
57
|
* Whether the pin input is in the invalid state
|
|
58
58
|
*/
|
|
59
|
-
invalid?: boolean;
|
|
59
|
+
invalid?: boolean | undefined;
|
|
60
60
|
/**
|
|
61
61
|
* Whether the pin input is required
|
|
62
62
|
*/
|
|
63
|
-
required?: boolean;
|
|
63
|
+
required?: boolean | undefined;
|
|
64
64
|
/**
|
|
65
65
|
* Whether the pin input is in the valid state
|
|
66
66
|
*/
|
|
67
|
-
readOnly?: boolean;
|
|
67
|
+
readOnly?: boolean | undefined;
|
|
68
68
|
/**
|
|
69
69
|
* If `true`, the pin input component signals to its fields that they should
|
|
70
70
|
* use `autocomplete="one-time-code"`.
|
|
71
71
|
*/
|
|
72
|
-
otp?: boolean;
|
|
72
|
+
otp?: boolean | undefined;
|
|
73
73
|
/**
|
|
74
74
|
* The value of the the pin input.
|
|
75
75
|
*/
|
|
@@ -78,31 +78,31 @@ interface PublicContext extends DirectionProperty, CommonProperties {
|
|
|
78
78
|
* The type of value the pin-input should allow
|
|
79
79
|
* @default "numeric"
|
|
80
80
|
*/
|
|
81
|
-
type?: "alphanumeric" | "numeric" | "alphabetic";
|
|
81
|
+
type?: "alphanumeric" | "numeric" | "alphabetic" | undefined;
|
|
82
82
|
/**
|
|
83
83
|
* Function called when all inputs have valid values
|
|
84
84
|
*/
|
|
85
|
-
onValueComplete?: (details: ValueChangeDetails) => void;
|
|
85
|
+
onValueComplete?: ((details: ValueChangeDetails) => void) | undefined;
|
|
86
86
|
/**
|
|
87
87
|
* Function called on input change
|
|
88
88
|
*/
|
|
89
|
-
onValueChange?: (details: ValueChangeDetails) => void;
|
|
89
|
+
onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
|
|
90
90
|
/**
|
|
91
91
|
* Function called when an invalid value is entered
|
|
92
92
|
*/
|
|
93
|
-
onValueInvalid?: (details: ValueInvalidDetails) => void;
|
|
93
|
+
onValueInvalid?: ((details: ValueInvalidDetails) => void) | undefined;
|
|
94
94
|
/**
|
|
95
95
|
* If `true`, the input's value will be masked just like `type=password`
|
|
96
96
|
*/
|
|
97
|
-
mask?: boolean;
|
|
97
|
+
mask?: boolean | undefined;
|
|
98
98
|
/**
|
|
99
99
|
* Whether to blur the input when the value is complete
|
|
100
100
|
*/
|
|
101
|
-
blurOnComplete?: boolean;
|
|
101
|
+
blurOnComplete?: boolean | undefined;
|
|
102
102
|
/**
|
|
103
103
|
* Whether to select input value when input is focused
|
|
104
104
|
*/
|
|
105
|
-
selectOnFocus?: boolean;
|
|
105
|
+
selectOnFocus?: boolean | undefined;
|
|
106
106
|
/**
|
|
107
107
|
* Specifies the localized strings that identifies the accessibility elements and their states
|
|
108
108
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zag-js/pin-input",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.75.0",
|
|
4
4
|
"description": "Core logic for the pin-input widget implemented as a state machine",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"js",
|
|
@@ -26,13 +26,13 @@
|
|
|
26
26
|
"url": "https://github.com/chakra-ui/zag/issues"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@zag-js/anatomy": "0.
|
|
30
|
-
"@zag-js/dom-query": "0.
|
|
31
|
-
"@zag-js/dom-event": "0.
|
|
32
|
-
"@zag-js/form-utils": "0.
|
|
33
|
-
"@zag-js/utils": "0.
|
|
34
|
-
"@zag-js/core": "0.
|
|
35
|
-
"@zag-js/types": "0.
|
|
29
|
+
"@zag-js/anatomy": "0.75.0",
|
|
30
|
+
"@zag-js/dom-query": "0.75.0",
|
|
31
|
+
"@zag-js/dom-event": "0.75.0",
|
|
32
|
+
"@zag-js/form-utils": "0.75.0",
|
|
33
|
+
"@zag-js/utils": "0.75.0",
|
|
34
|
+
"@zag-js/core": "0.75.0",
|
|
35
|
+
"@zag-js/types": "0.75.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"clean-package": "2.2.0"
|