@zag-js/pin-input 0.2.5 → 0.2.7

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.
Files changed (24) hide show
  1. package/dist/chunk-6HKN4SOY.mjs +344 -0
  2. package/dist/chunk-BJXKBZJG.mjs +9 -0
  3. package/dist/chunk-NT4W6JYX.mjs +7 -0
  4. package/dist/chunk-OI3DK2PT.mjs +100 -0
  5. package/dist/chunk-QX3A66VS.mjs +212 -0
  6. package/dist/index.d.ts +7 -1002
  7. package/dist/index.js +52 -36
  8. package/dist/index.mjs +11 -623
  9. package/dist/pin-input.anatomy.d.ts +6 -0
  10. package/dist/pin-input.anatomy.js +34 -0
  11. package/dist/pin-input.anatomy.mjs +8 -0
  12. package/dist/pin-input.connect.d.ts +22 -0
  13. package/dist/pin-input.connect.js +328 -0
  14. package/dist/pin-input.connect.mjs +9 -0
  15. package/dist/pin-input.dom.d.ts +38 -0
  16. package/dist/pin-input.dom.js +121 -0
  17. package/dist/pin-input.dom.mjs +6 -0
  18. package/dist/pin-input.machine.d.ts +7 -0
  19. package/dist/pin-input.machine.js +460 -0
  20. package/dist/pin-input.machine.mjs +8 -0
  21. package/dist/pin-input.types.d.ts +133 -0
  22. package/dist/pin-input.types.js +18 -0
  23. package/dist/pin-input.types.mjs +0 -0
  24. package/package.json +22 -12
package/dist/index.d.ts CHANGED
@@ -1,1002 +1,7 @@
1
- import { RequiredBy, DirectionProperty, CommonProperties, Context, PropTypes, NormalizeProps } from '@zag-js/types';
2
- import * as _zag_js_core from '@zag-js/core';
3
- import { StateMachine } from '@zag-js/core';
4
-
5
- declare const anatomy: Omit<{
6
- parts: <U extends string>(...parts: U[]) => Omit<{
7
- parts: any;
8
- extendWith: <V extends string>(...parts: V[]) => Omit<{
9
- parts: any;
10
- extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
11
- parts: any;
12
- extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
13
- parts: any;
14
- extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
15
- parts: any;
16
- extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
17
- parts: any;
18
- extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
19
- parts: any;
20
- extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
21
- parts: any;
22
- extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
23
- parts: any;
24
- extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
25
- parts: any;
26
- extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
27
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
28
- selector: string;
29
- attrs: Record<"data-scope" | "data-part", string>;
30
- }>;
31
- }, "parts">;
32
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7, {
33
- selector: string;
34
- attrs: Record<"data-scope" | "data-part", string>;
35
- }>;
36
- }, "parts">;
37
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6, {
38
- selector: string;
39
- attrs: Record<"data-scope" | "data-part", string>;
40
- }>;
41
- }, "parts">;
42
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5, {
43
- selector: string;
44
- attrs: Record<"data-scope" | "data-part", string>;
45
- }>;
46
- }, "parts">;
47
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4, {
48
- selector: string;
49
- attrs: Record<"data-scope" | "data-part", string>;
50
- }>;
51
- }, "parts">;
52
- build: () => Record<U | V | V_1 | V_2 | V_3, {
53
- selector: string;
54
- attrs: Record<"data-scope" | "data-part", string>;
55
- }>;
56
- }, "parts">;
57
- build: () => Record<U | V | V_1 | V_2, {
58
- selector: string;
59
- attrs: Record<"data-scope" | "data-part", string>;
60
- }>;
61
- }, "parts">;
62
- build: () => Record<U | V | V_1, {
63
- selector: string;
64
- attrs: Record<"data-scope" | "data-part", string>;
65
- }>;
66
- }, "parts">;
67
- build: () => Record<U | V, {
68
- selector: string;
69
- attrs: Record<"data-scope" | "data-part", string>;
70
- }>;
71
- }, "parts">;
72
- build: () => Record<U, {
73
- selector: string;
74
- attrs: Record<"data-scope" | "data-part", string>;
75
- }>;
76
- }, "parts">;
77
- extendWith: <V_10 extends string>(...parts: V_10[]) => Omit<{
78
- parts: <U extends string>(...parts: U[]) => Omit<{
79
- parts: any;
80
- extendWith: <V extends string>(...parts: V[]) => Omit<{
81
- parts: any;
82
- extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
83
- parts: any;
84
- extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
85
- parts: any;
86
- extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
87
- parts: any;
88
- extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
89
- parts: any;
90
- extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
91
- parts: any;
92
- extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
93
- parts: any;
94
- extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
95
- parts: any;
96
- extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
97
- parts: any;
98
- extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
99
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
100
- selector: string;
101
- attrs: Record<"data-scope" | "data-part", string>;
102
- }>;
103
- }, "parts">;
104
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7, {
105
- selector: string;
106
- attrs: Record<"data-scope" | "data-part", string>;
107
- }>;
108
- }, "parts">;
109
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6, {
110
- selector: string;
111
- attrs: Record<"data-scope" | "data-part", string>;
112
- }>;
113
- }, "parts">;
114
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5, {
115
- selector: string;
116
- attrs: Record<"data-scope" | "data-part", string>;
117
- }>;
118
- }, "parts">;
119
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4, {
120
- selector: string;
121
- attrs: Record<"data-scope" | "data-part", string>;
122
- }>;
123
- }, "parts">;
124
- build: () => Record<U | V | V_1 | V_2 | V_3, {
125
- selector: string;
126
- attrs: Record<"data-scope" | "data-part", string>;
127
- }>;
128
- }, "parts">;
129
- build: () => Record<U | V | V_1 | V_2, {
130
- selector: string;
131
- attrs: Record<"data-scope" | "data-part", string>;
132
- }>;
133
- }, "parts">;
134
- build: () => Record<U | V | V_1, {
135
- selector: string;
136
- attrs: Record<"data-scope" | "data-part", string>;
137
- }>;
138
- }, "parts">;
139
- build: () => Record<U | V, {
140
- selector: string;
141
- attrs: Record<"data-scope" | "data-part", string>;
142
- }>;
143
- }, "parts">;
144
- build: () => Record<U, {
145
- selector: string;
146
- attrs: Record<"data-scope" | "data-part", string>;
147
- }>;
148
- }, "parts">;
149
- extendWith: <V_11 extends string>(...parts: V_11[]) => Omit<{
150
- parts: <U extends string>(...parts: U[]) => Omit<{
151
- parts: any;
152
- extendWith: <V extends string>(...parts: V[]) => Omit<{
153
- parts: any;
154
- extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
155
- parts: any;
156
- extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
157
- parts: any;
158
- extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
159
- parts: any;
160
- extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
161
- parts: any;
162
- extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
163
- parts: any;
164
- extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
165
- parts: any;
166
- extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
167
- parts: any;
168
- extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
169
- parts: any;
170
- extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
171
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
172
- selector: string;
173
- attrs: Record<"data-scope" | "data-part", string>;
174
- }>;
175
- }, "parts">;
176
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7, {
177
- selector: string;
178
- attrs: Record<"data-scope" | "data-part", string>;
179
- }>;
180
- }, "parts">;
181
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6, {
182
- selector: string;
183
- attrs: Record<"data-scope" | "data-part", string>;
184
- }>;
185
- }, "parts">;
186
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5, {
187
- selector: string;
188
- attrs: Record<"data-scope" | "data-part", string>;
189
- }>;
190
- }, "parts">;
191
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4, {
192
- selector: string;
193
- attrs: Record<"data-scope" | "data-part", string>;
194
- }>;
195
- }, "parts">;
196
- build: () => Record<U | V | V_1 | V_2 | V_3, {
197
- selector: string;
198
- attrs: Record<"data-scope" | "data-part", string>;
199
- }>;
200
- }, "parts">;
201
- build: () => Record<U | V | V_1 | V_2, {
202
- selector: string;
203
- attrs: Record<"data-scope" | "data-part", string>;
204
- }>;
205
- }, "parts">;
206
- build: () => Record<U | V | V_1, {
207
- selector: string;
208
- attrs: Record<"data-scope" | "data-part", string>;
209
- }>;
210
- }, "parts">;
211
- build: () => Record<U | V, {
212
- selector: string;
213
- attrs: Record<"data-scope" | "data-part", string>;
214
- }>;
215
- }, "parts">;
216
- build: () => Record<U, {
217
- selector: string;
218
- attrs: Record<"data-scope" | "data-part", string>;
219
- }>;
220
- }, "parts">;
221
- extendWith: <V_12 extends string>(...parts: V_12[]) => Omit<{
222
- parts: <U extends string>(...parts: U[]) => Omit<{
223
- parts: any;
224
- extendWith: <V extends string>(...parts: V[]) => Omit<{
225
- parts: any;
226
- extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
227
- parts: any;
228
- extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
229
- parts: any;
230
- extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
231
- parts: any;
232
- extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
233
- parts: any;
234
- extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
235
- parts: any;
236
- extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
237
- parts: any;
238
- extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
239
- parts: any;
240
- extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
241
- parts: any;
242
- extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
243
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
244
- selector: string;
245
- attrs: Record<"data-scope" | "data-part", string>;
246
- }>;
247
- }, "parts">;
248
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7, {
249
- selector: string;
250
- attrs: Record<"data-scope" | "data-part", string>;
251
- }>;
252
- }, "parts">;
253
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6, {
254
- selector: string;
255
- attrs: Record<"data-scope" | "data-part", string>;
256
- }>;
257
- }, "parts">;
258
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5, {
259
- selector: string;
260
- attrs: Record<"data-scope" | "data-part", string>;
261
- }>;
262
- }, "parts">;
263
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4, {
264
- selector: string;
265
- attrs: Record<"data-scope" | "data-part", string>;
266
- }>;
267
- }, "parts">;
268
- build: () => Record<U | V | V_1 | V_2 | V_3, {
269
- selector: string;
270
- attrs: Record<"data-scope" | "data-part", string>;
271
- }>;
272
- }, "parts">;
273
- build: () => Record<U | V | V_1 | V_2, {
274
- selector: string;
275
- attrs: Record<"data-scope" | "data-part", string>;
276
- }>;
277
- }, "parts">;
278
- build: () => Record<U | V | V_1, {
279
- selector: string;
280
- attrs: Record<"data-scope" | "data-part", string>;
281
- }>;
282
- }, "parts">;
283
- build: () => Record<U | V, {
284
- selector: string;
285
- attrs: Record<"data-scope" | "data-part", string>;
286
- }>;
287
- }, "parts">;
288
- build: () => Record<U, {
289
- selector: string;
290
- attrs: Record<"data-scope" | "data-part", string>;
291
- }>;
292
- }, "parts">;
293
- extendWith: <V_13 extends string>(...parts: V_13[]) => Omit<{
294
- parts: <U extends string>(...parts: U[]) => Omit<{
295
- parts: any;
296
- extendWith: <V extends string>(...parts: V[]) => Omit<{
297
- parts: any;
298
- extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
299
- parts: any;
300
- extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
301
- parts: any;
302
- extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
303
- parts: any;
304
- extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
305
- parts: any;
306
- extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
307
- parts: any;
308
- extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
309
- parts: any;
310
- extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
311
- parts: any;
312
- extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
313
- parts: any;
314
- extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
315
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
316
- selector: string;
317
- attrs: Record<"data-scope" | "data-part", string>;
318
- }>;
319
- }, "parts">;
320
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7, {
321
- selector: string;
322
- attrs: Record<"data-scope" | "data-part", string>;
323
- }>;
324
- }, "parts">;
325
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6, {
326
- selector: string;
327
- attrs: Record<"data-scope" | "data-part", string>;
328
- }>;
329
- }, "parts">;
330
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5, {
331
- selector: string;
332
- attrs: Record<"data-scope" | "data-part", string>;
333
- }>;
334
- }, "parts">;
335
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4, {
336
- selector: string;
337
- attrs: Record<"data-scope" | "data-part", string>;
338
- }>;
339
- }, "parts">;
340
- build: () => Record<U | V | V_1 | V_2 | V_3, {
341
- selector: string;
342
- attrs: Record<"data-scope" | "data-part", string>;
343
- }>;
344
- }, "parts">;
345
- build: () => Record<U | V | V_1 | V_2, {
346
- selector: string;
347
- attrs: Record<"data-scope" | "data-part", string>;
348
- }>;
349
- }, "parts">;
350
- build: () => Record<U | V | V_1, {
351
- selector: string;
352
- attrs: Record<"data-scope" | "data-part", string>;
353
- }>;
354
- }, "parts">;
355
- build: () => Record<U | V, {
356
- selector: string;
357
- attrs: Record<"data-scope" | "data-part", string>;
358
- }>;
359
- }, "parts">;
360
- build: () => Record<U, {
361
- selector: string;
362
- attrs: Record<"data-scope" | "data-part", string>;
363
- }>;
364
- }, "parts">;
365
- extendWith: <V_14 extends string>(...parts: V_14[]) => Omit<{
366
- parts: <U extends string>(...parts: U[]) => Omit<{
367
- parts: any;
368
- extendWith: <V extends string>(...parts: V[]) => Omit<{
369
- parts: any;
370
- extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
371
- parts: any;
372
- extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
373
- parts: any;
374
- extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
375
- parts: any;
376
- extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
377
- parts: any;
378
- extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
379
- parts: any;
380
- extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
381
- parts: any;
382
- extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
383
- parts: any;
384
- extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
385
- parts: any;
386
- extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
387
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
388
- selector: string;
389
- attrs: Record<"data-scope" | "data-part", string>;
390
- }>;
391
- }, "parts">;
392
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7, {
393
- selector: string;
394
- attrs: Record<"data-scope" | "data-part", string>;
395
- }>;
396
- }, "parts">;
397
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6, {
398
- selector: string;
399
- attrs: Record<"data-scope" | "data-part", string>;
400
- }>;
401
- }, "parts">;
402
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5, {
403
- selector: string;
404
- attrs: Record<"data-scope" | "data-part", string>;
405
- }>;
406
- }, "parts">;
407
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4, {
408
- selector: string;
409
- attrs: Record<"data-scope" | "data-part", string>;
410
- }>;
411
- }, "parts">;
412
- build: () => Record<U | V | V_1 | V_2 | V_3, {
413
- selector: string;
414
- attrs: Record<"data-scope" | "data-part", string>;
415
- }>;
416
- }, "parts">;
417
- build: () => Record<U | V | V_1 | V_2, {
418
- selector: string;
419
- attrs: Record<"data-scope" | "data-part", string>;
420
- }>;
421
- }, "parts">;
422
- build: () => Record<U | V | V_1, {
423
- selector: string;
424
- attrs: Record<"data-scope" | "data-part", string>;
425
- }>;
426
- }, "parts">;
427
- build: () => Record<U | V, {
428
- selector: string;
429
- attrs: Record<"data-scope" | "data-part", string>;
430
- }>;
431
- }, "parts">;
432
- build: () => Record<U, {
433
- selector: string;
434
- attrs: Record<"data-scope" | "data-part", string>;
435
- }>;
436
- }, "parts">;
437
- extendWith: <V_15 extends string>(...parts: V_15[]) => Omit<{
438
- parts: <U extends string>(...parts: U[]) => Omit<{
439
- parts: any;
440
- extendWith: <V extends string>(...parts: V[]) => Omit<{
441
- parts: any;
442
- extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
443
- parts: any;
444
- extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
445
- parts: any;
446
- extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
447
- parts: any;
448
- extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
449
- parts: any;
450
- extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
451
- parts: any;
452
- extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
453
- parts: any;
454
- extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
455
- parts: any;
456
- extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
457
- parts: any;
458
- extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
459
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
460
- selector: string;
461
- attrs: Record<"data-scope" | "data-part", string>;
462
- }>;
463
- }, "parts">;
464
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7, {
465
- selector: string;
466
- attrs: Record<"data-scope" | "data-part", string>;
467
- }>;
468
- }, "parts">;
469
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6, {
470
- selector: string;
471
- attrs: Record<"data-scope" | "data-part", string>;
472
- }>;
473
- }, "parts">;
474
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5, {
475
- selector: string;
476
- attrs: Record<"data-scope" | "data-part", string>;
477
- }>;
478
- }, "parts">;
479
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4, {
480
- selector: string;
481
- attrs: Record<"data-scope" | "data-part", string>;
482
- }>;
483
- }, "parts">;
484
- build: () => Record<U | V | V_1 | V_2 | V_3, {
485
- selector: string;
486
- attrs: Record<"data-scope" | "data-part", string>;
487
- }>;
488
- }, "parts">;
489
- build: () => Record<U | V | V_1 | V_2, {
490
- selector: string;
491
- attrs: Record<"data-scope" | "data-part", string>;
492
- }>;
493
- }, "parts">;
494
- build: () => Record<U | V | V_1, {
495
- selector: string;
496
- attrs: Record<"data-scope" | "data-part", string>;
497
- }>;
498
- }, "parts">;
499
- build: () => Record<U | V, {
500
- selector: string;
501
- attrs: Record<"data-scope" | "data-part", string>;
502
- }>;
503
- }, "parts">;
504
- build: () => Record<U, {
505
- selector: string;
506
- attrs: Record<"data-scope" | "data-part", string>;
507
- }>;
508
- }, "parts">;
509
- extendWith: <V_16 extends string>(...parts: V_16[]) => Omit<{
510
- parts: <U extends string>(...parts: U[]) => Omit<{
511
- parts: any;
512
- extendWith: <V extends string>(...parts: V[]) => Omit<{
513
- parts: any;
514
- extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
515
- parts: any;
516
- extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
517
- parts: any;
518
- extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
519
- parts: any;
520
- extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
521
- parts: any;
522
- extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
523
- parts: any;
524
- extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
525
- parts: any;
526
- extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
527
- parts: any;
528
- extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
529
- parts: any;
530
- extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
531
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
532
- selector: string;
533
- attrs: Record<"data-scope" | "data-part", string>;
534
- }>;
535
- }, "parts">;
536
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7, {
537
- selector: string;
538
- attrs: Record<"data-scope" | "data-part", string>;
539
- }>;
540
- }, "parts">;
541
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6, {
542
- selector: string;
543
- attrs: Record<"data-scope" | "data-part", string>;
544
- }>;
545
- }, "parts">;
546
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5, {
547
- selector: string;
548
- attrs: Record<"data-scope" | "data-part", string>;
549
- }>;
550
- }, "parts">;
551
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4, {
552
- selector: string;
553
- attrs: Record<"data-scope" | "data-part", string>;
554
- }>;
555
- }, "parts">;
556
- build: () => Record<U | V | V_1 | V_2 | V_3, {
557
- selector: string;
558
- attrs: Record<"data-scope" | "data-part", string>;
559
- }>;
560
- }, "parts">;
561
- build: () => Record<U | V | V_1 | V_2, {
562
- selector: string;
563
- attrs: Record<"data-scope" | "data-part", string>;
564
- }>;
565
- }, "parts">;
566
- build: () => Record<U | V | V_1, {
567
- selector: string;
568
- attrs: Record<"data-scope" | "data-part", string>;
569
- }>;
570
- }, "parts">;
571
- build: () => Record<U | V, {
572
- selector: string;
573
- attrs: Record<"data-scope" | "data-part", string>;
574
- }>;
575
- }, "parts">;
576
- build: () => Record<U, {
577
- selector: string;
578
- attrs: Record<"data-scope" | "data-part", string>;
579
- }>;
580
- }, "parts">;
581
- extendWith: <V_17 extends string>(...parts: V_17[]) => Omit<{
582
- parts: <U extends string>(...parts: U[]) => Omit<{
583
- parts: any;
584
- extendWith: <V extends string>(...parts: V[]) => Omit<{
585
- parts: any;
586
- extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
587
- parts: any;
588
- extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
589
- parts: any;
590
- extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
591
- parts: any;
592
- extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
593
- parts: any;
594
- extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
595
- parts: any;
596
- extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
597
- parts: any;
598
- extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
599
- parts: any;
600
- extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
601
- parts: any;
602
- extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
603
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
604
- selector: string;
605
- attrs: Record<"data-scope" | "data-part", string>;
606
- }>;
607
- }, "parts">;
608
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7, {
609
- selector: string;
610
- attrs: Record<"data-scope" | "data-part", string>;
611
- }>;
612
- }, "parts">;
613
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6, {
614
- selector: string;
615
- attrs: Record<"data-scope" | "data-part", string>;
616
- }>;
617
- }, "parts">;
618
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5, {
619
- selector: string;
620
- attrs: Record<"data-scope" | "data-part", string>;
621
- }>;
622
- }, "parts">;
623
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4, {
624
- selector: string;
625
- attrs: Record<"data-scope" | "data-part", string>;
626
- }>;
627
- }, "parts">;
628
- build: () => Record<U | V | V_1 | V_2 | V_3, {
629
- selector: string;
630
- attrs: Record<"data-scope" | "data-part", string>;
631
- }>;
632
- }, "parts">;
633
- build: () => Record<U | V | V_1 | V_2, {
634
- selector: string;
635
- attrs: Record<"data-scope" | "data-part", string>;
636
- }>;
637
- }, "parts">;
638
- build: () => Record<U | V | V_1, {
639
- selector: string;
640
- attrs: Record<"data-scope" | "data-part", string>;
641
- }>;
642
- }, "parts">;
643
- build: () => Record<U | V, {
644
- selector: string;
645
- attrs: Record<"data-scope" | "data-part", string>;
646
- }>;
647
- }, "parts">;
648
- build: () => Record<U, {
649
- selector: string;
650
- attrs: Record<"data-scope" | "data-part", string>;
651
- }>;
652
- }, "parts">;
653
- extendWith: <V_18 extends string>(...parts: V_18[]) => Omit<{
654
- parts: <U extends string>(...parts: U[]) => Omit<{
655
- parts: any;
656
- extendWith: <V extends string>(...parts: V[]) => Omit<{
657
- parts: any;
658
- extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
659
- parts: any;
660
- extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
661
- parts: any;
662
- extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
663
- parts: any;
664
- extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
665
- parts: any;
666
- extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
667
- parts: any;
668
- extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
669
- parts: any;
670
- extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
671
- parts: any;
672
- extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
673
- parts: any;
674
- extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
675
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
676
- selector: string;
677
- attrs: Record<"data-scope" | "data-part", string>;
678
- }>;
679
- }, "parts">;
680
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7, {
681
- selector: string;
682
- attrs: Record<"data-scope" | "data-part", string>;
683
- }>;
684
- }, "parts">;
685
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6, {
686
- selector: string;
687
- attrs: Record<"data-scope" | "data-part", string>;
688
- }>;
689
- }, "parts">;
690
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5, {
691
- selector: string;
692
- attrs: Record<"data-scope" | "data-part", string>;
693
- }>;
694
- }, "parts">;
695
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4, {
696
- selector: string;
697
- attrs: Record<"data-scope" | "data-part", string>;
698
- }>;
699
- }, "parts">;
700
- build: () => Record<U | V | V_1 | V_2 | V_3, {
701
- selector: string;
702
- attrs: Record<"data-scope" | "data-part", string>;
703
- }>;
704
- }, "parts">;
705
- build: () => Record<U | V | V_1 | V_2, {
706
- selector: string;
707
- attrs: Record<"data-scope" | "data-part", string>;
708
- }>;
709
- }, "parts">;
710
- build: () => Record<U | V | V_1, {
711
- selector: string;
712
- attrs: Record<"data-scope" | "data-part", string>;
713
- }>;
714
- }, "parts">;
715
- build: () => Record<U | V, {
716
- selector: string;
717
- attrs: Record<"data-scope" | "data-part", string>;
718
- }>;
719
- }, "parts">;
720
- build: () => Record<U, {
721
- selector: string;
722
- attrs: Record<"data-scope" | "data-part", string>;
723
- }>;
724
- }, "parts">;
725
- extendWith: <V_19 extends string>(...parts: V_19[]) => Omit<{
726
- parts: <U extends string>(...parts: U[]) => Omit<{
727
- parts: any;
728
- extendWith: <V extends string>(...parts: V[]) => Omit<{
729
- parts: any;
730
- extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
731
- parts: any;
732
- extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
733
- parts: any;
734
- extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
735
- parts: any;
736
- extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
737
- parts: any;
738
- extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
739
- parts: any;
740
- extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
741
- parts: any;
742
- extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
743
- parts: any;
744
- extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
745
- parts: any;
746
- extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
747
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
748
- selector: string;
749
- attrs: Record<"data-scope" | "data-part", string>;
750
- }>;
751
- }, "parts">;
752
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7, {
753
- selector: string;
754
- attrs: Record<"data-scope" | "data-part", string>;
755
- }>;
756
- }, "parts">;
757
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6, {
758
- selector: string;
759
- attrs: Record<"data-scope" | "data-part", string>;
760
- }>;
761
- }, "parts">;
762
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5, {
763
- selector: string;
764
- attrs: Record<"data-scope" | "data-part", string>;
765
- }>;
766
- }, "parts">;
767
- build: () => Record<U | V | V_1 | V_2 | V_3 | V_4, {
768
- selector: string;
769
- attrs: Record<"data-scope" | "data-part", string>;
770
- }>;
771
- }, "parts">;
772
- build: () => Record<U | V | V_1 | V_2 | V_3, {
773
- selector: string;
774
- attrs: Record<"data-scope" | "data-part", string>;
775
- }>;
776
- }, "parts">;
777
- build: () => Record<U | V | V_1 | V_2, {
778
- selector: string;
779
- attrs: Record<"data-scope" | "data-part", string>;
780
- }>;
781
- }, "parts">;
782
- build: () => Record<U | V | V_1, {
783
- selector: string;
784
- attrs: Record<"data-scope" | "data-part", string>;
785
- }>;
786
- }, "parts">;
787
- build: () => Record<U | V, {
788
- selector: string;
789
- attrs: Record<"data-scope" | "data-part", string>;
790
- }>;
791
- }, "parts">;
792
- build: () => Record<U, {
793
- selector: string;
794
- attrs: Record<"data-scope" | "data-part", string>;
795
- }>;
796
- }, "parts">;
797
- extendWith: <V_20 extends string>(...parts: V_20[]) => Omit<any, "parts">;
798
- build: () => Record<"root" | "label" | "hiddenInput" | "input" | "control" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15 | V_16 | V_17 | V_18 | V_19, {
799
- selector: string;
800
- attrs: Record<"data-scope" | "data-part", string>;
801
- }>;
802
- }, "parts">;
803
- build: () => Record<"root" | "label" | "hiddenInput" | "input" | "control" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15 | V_16 | V_17 | V_18, {
804
- selector: string;
805
- attrs: Record<"data-scope" | "data-part", string>;
806
- }>;
807
- }, "parts">;
808
- build: () => Record<"root" | "label" | "hiddenInput" | "input" | "control" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15 | V_16 | V_17, {
809
- selector: string;
810
- attrs: Record<"data-scope" | "data-part", string>;
811
- }>;
812
- }, "parts">;
813
- build: () => Record<"root" | "label" | "hiddenInput" | "input" | "control" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15 | V_16, {
814
- selector: string;
815
- attrs: Record<"data-scope" | "data-part", string>;
816
- }>;
817
- }, "parts">;
818
- build: () => Record<"root" | "label" | "hiddenInput" | "input" | "control" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15, {
819
- selector: string;
820
- attrs: Record<"data-scope" | "data-part", string>;
821
- }>;
822
- }, "parts">;
823
- build: () => Record<"root" | "label" | "hiddenInput" | "input" | "control" | V_10 | V_11 | V_12 | V_13 | V_14, {
824
- selector: string;
825
- attrs: Record<"data-scope" | "data-part", string>;
826
- }>;
827
- }, "parts">;
828
- build: () => Record<"root" | "label" | "hiddenInput" | "input" | "control" | V_10 | V_11 | V_12 | V_13, {
829
- selector: string;
830
- attrs: Record<"data-scope" | "data-part", string>;
831
- }>;
832
- }, "parts">;
833
- build: () => Record<"root" | "label" | "hiddenInput" | "input" | "control" | V_10 | V_11 | V_12, {
834
- selector: string;
835
- attrs: Record<"data-scope" | "data-part", string>;
836
- }>;
837
- }, "parts">;
838
- build: () => Record<"root" | "label" | "hiddenInput" | "input" | "control" | V_10 | V_11, {
839
- selector: string;
840
- attrs: Record<"data-scope" | "data-part", string>;
841
- }>;
842
- }, "parts">;
843
- build: () => Record<"root" | "label" | "hiddenInput" | "input" | "control" | V_10, {
844
- selector: string;
845
- attrs: Record<"data-scope" | "data-part", string>;
846
- }>;
847
- }, "parts">;
848
- build: () => Record<"root" | "label" | "hiddenInput" | "input" | "control", {
849
- selector: string;
850
- attrs: Record<"data-scope" | "data-part", string>;
851
- }>;
852
- }, "parts">;
853
-
854
- type IntlTranslations = {
855
- inputLabel: (index: number, length: number) => string;
856
- };
857
- type ElementIds = Partial<{
858
- root: string;
859
- hiddenInput: string;
860
- label: string;
861
- control: string;
862
- input(id: string): string;
863
- }>;
864
- type PublicContext = DirectionProperty & CommonProperties & {
865
- /**
866
- * The name of the input element. Useful for form submission.
867
- */
868
- name?: string;
869
- /**
870
- * The associate form of the underlying input element.
871
- */
872
- form?: string;
873
- /**
874
- * The regular expression that the user-entered input value is checked against.
875
- */
876
- pattern?: string;
877
- /**
878
- * The ids of the elements in the pin input. Useful for composition.
879
- */
880
- ids?: ElementIds;
881
- /**
882
- * Whether the inputs are disabled
883
- */
884
- disabled?: boolean;
885
- /**
886
- * The placeholder text for the input
887
- */
888
- placeholder?: string;
889
- /**
890
- * Whether to auto-focus the first input.
891
- */
892
- autoFocus?: boolean;
893
- /**
894
- * Whether the pin input is in the invalid state
895
- */
896
- invalid?: boolean;
897
- /**
898
- * If `true`, the pin input component signals to its fields that they should
899
- * use `autocomplete="one-time-code"`.
900
- */
901
- otp?: boolean;
902
- /**
903
- * The value of the the pin input.
904
- */
905
- value: string[];
906
- /**
907
- * The type of value the pin-input should allow
908
- */
909
- type?: "alphanumeric" | "numeric" | "alphabetic";
910
- /**
911
- * Function called when all inputs have valid values
912
- */
913
- onComplete?: (details: {
914
- value: string[];
915
- valueAsString: string;
916
- }) => void;
917
- /**
918
- * Function called on input change
919
- */
920
- onChange?: (details: {
921
- value: string[];
922
- }) => void;
923
- /**
924
- * Function called when an invalid value is entered
925
- */
926
- onInvalid?: (details: {
927
- value: string;
928
- index: number;
929
- }) => void;
930
- /**
931
- * If `true`, the input's value will be masked just like `type=password`
932
- */
933
- mask?: boolean;
934
- /**
935
- * Whether to blur the input when the value is complete
936
- */
937
- blurOnComplete?: boolean;
938
- /**
939
- * Whether to select input value when input is focused
940
- */
941
- selectOnFocus?: boolean;
942
- /**
943
- * Specifies the localized strings that identifies the accessibility elements and their states
944
- */
945
- translations: IntlTranslations;
946
- };
947
- type UserDefinedContext = RequiredBy<PublicContext, "id">;
948
- type ComputedContext = Readonly<{
949
- /**
950
- * @computed
951
- * The number of inputs
952
- */
953
- valueLength: number;
954
- /**
955
- * @computed
956
- * The number of inputs that are not empty
957
- */
958
- filledValueLength: number;
959
- /**
960
- * @computed
961
- * Whether all input values are valid
962
- */
963
- isValueComplete: boolean;
964
- /**
965
- * @computed
966
- * The string representation of the input values
967
- */
968
- valueAsString: string;
969
- /**
970
- * @computed
971
- * The value at focused index
972
- */
973
- focusedValue: string;
974
- }>;
975
- type PrivateContext = Context<{}>;
976
- type MachineContext = PublicContext & PrivateContext & ComputedContext;
977
- type MachineState = {
978
- value: "unknown" | "idle" | "focused";
979
- };
980
- type State = StateMachine.State<MachineContext, MachineState>;
981
- type Send = StateMachine.Send<StateMachine.AnyEventObject>;
982
-
983
- declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
984
- value: string[];
985
- valueAsString: string;
986
- isValueComplete: boolean;
987
- setValue(value: string[]): void;
988
- clearValue(): void;
989
- setValueAtIndex(index: number, value: string): void;
990
- focus: () => void;
991
- rootProps: T["element"];
992
- labelProps: T["label"];
993
- hiddenInputProps: T["input"];
994
- controlProps: T["element"];
995
- getInputProps({ index }: {
996
- index: number;
997
- }): T["input"];
998
- };
999
-
1000
- declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
1001
-
1002
- export { UserDefinedContext as Context, anatomy, connect, machine };
1
+ export { anatomy } from './pin-input.anatomy.js';
2
+ export { connect } from './pin-input.connect.js';
3
+ export { machine } from './pin-input.machine.js';
4
+ export { UserDefinedContext as Context } from './pin-input.types.js';
5
+ import '@zag-js/anatomy';
6
+ import '@zag-js/types';
7
+ import '@zag-js/core';