@zag-js/number-input 0.2.3 → 0.2.5

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 (4) hide show
  1. package/dist/index.d.ts +867 -18
  2. package/dist/index.js +38 -25
  3. package/dist/index.mjs +37 -25
  4. package/package.json +4 -3
package/dist/index.d.ts CHANGED
@@ -2,16 +2,865 @@ import { RequiredBy, DirectionProperty, CommonProperties, Context, PropTypes, No
2
2
  import * as _zag_js_core from '@zag-js/core';
3
3
  import { StateMachine } from '@zag-js/core';
4
4
 
5
- declare type ValidityState = "rangeUnderflow" | "rangeOverflow";
6
- declare type ElementIds = Partial<{
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" | "input" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber" | 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" | "input" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber" | 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" | "input" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber" | 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" | "input" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber" | 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" | "input" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber" | 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" | "input" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber" | 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" | "input" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber" | 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" | "input" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber" | 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" | "input" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber" | V_10 | V_11, {
839
+ selector: string;
840
+ attrs: Record<"data-scope" | "data-part", string>;
841
+ }>;
842
+ }, "parts">;
843
+ build: () => Record<"root" | "label" | "input" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber" | V_10, {
844
+ selector: string;
845
+ attrs: Record<"data-scope" | "data-part", string>;
846
+ }>;
847
+ }, "parts">;
848
+ build: () => Record<"root" | "label" | "input" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
849
+ selector: string;
850
+ attrs: Record<"data-scope" | "data-part", string>;
851
+ }>;
852
+ }, "parts">;
853
+
854
+ type ValidityState = "rangeUnderflow" | "rangeOverflow";
855
+ type ElementIds = Partial<{
7
856
  root: string;
8
857
  label: string;
9
858
  input: string;
10
- incBtn: string;
11
- decBtn: string;
859
+ incrementTrigger: string;
860
+ decrementTrigger: string;
12
861
  scrubber: string;
13
862
  }>;
14
- declare type IntlTranslations = {
863
+ type IntlTranslations = {
15
864
  /**
16
865
  * Function that returns the human-readable value.
17
866
  * It is used to set the `aria-valuetext` property of the input
@@ -26,11 +875,11 @@ declare type IntlTranslations = {
26
875
  */
27
876
  decrementLabel: string;
28
877
  };
29
- declare type Value = {
878
+ type Value = {
30
879
  value: string;
31
880
  valueAsNumber: number;
32
881
  };
33
- declare type PublicContext = DirectionProperty & CommonProperties & {
882
+ type PublicContext = DirectionProperty & CommonProperties & {
34
883
  /**
35
884
  * The ids of the elements in the number input. Useful for composition.
36
885
  */
@@ -153,8 +1002,8 @@ declare type PublicContext = DirectionProperty & CommonProperties & {
153
1002
  */
154
1003
  spinOnPress?: boolean;
155
1004
  };
156
- declare type UserDefinedContext = RequiredBy<PublicContext, "id">;
157
- declare type ComputedContext = Readonly<{
1005
+ type UserDefinedContext = RequiredBy<PublicContext, "id">;
1006
+ type ComputedContext = Readonly<{
158
1007
  /**
159
1008
  * @computed
160
1009
  * The value of the input as a number
@@ -206,14 +1055,14 @@ declare type ComputedContext = Readonly<{
206
1055
  */
207
1056
  isRtl: boolean;
208
1057
  }>;
209
- declare type PrivateContext = Context<{}>;
210
- declare type MachineContext = PublicContext & PrivateContext & ComputedContext;
211
- declare type MachineState = {
1058
+ type PrivateContext = Context<{}>;
1059
+ type MachineContext = PublicContext & PrivateContext & ComputedContext;
1060
+ type MachineState = {
212
1061
  value: "unknown" | "idle" | "focused" | "spinning" | "before:spin" | "scrubbing";
213
1062
  tags: "focus";
214
1063
  };
215
- declare type State = StateMachine.State<MachineContext, MachineState>;
216
- declare type Send = StateMachine.Send<StateMachine.AnyEventObject>;
1064
+ type State = StateMachine.State<MachineContext, MachineState>;
1065
+ type Send = StateMachine.Send<StateMachine.AnyEventObject>;
217
1066
 
218
1067
  declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
219
1068
  isFocused: boolean;
@@ -231,13 +1080,13 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
231
1080
  blur(): void;
232
1081
  rootProps: T["element"];
233
1082
  labelProps: T["label"];
234
- groupProps: T["element"];
1083
+ controlProps: T["element"];
235
1084
  inputProps: T["input"];
236
- decrementButtonProps: T["button"];
237
- incrementButtonProps: T["button"];
1085
+ decrementTriggerProps: T["button"];
1086
+ incrementTriggerProps: T["button"];
238
1087
  scrubberProps: T["element"];
239
1088
  };
240
1089
 
241
1090
  declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
242
1091
 
243
- export { UserDefinedContext as Context, connect, machine };
1092
+ export { UserDefinedContext as Context, anatomy, connect, machine };
package/dist/index.js CHANGED
@@ -20,11 +20,25 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
20
20
  // src/index.ts
21
21
  var src_exports = {};
22
22
  __export(src_exports, {
23
+ anatomy: () => anatomy,
23
24
  connect: () => connect,
24
25
  machine: () => machine
25
26
  });
26
27
  module.exports = __toCommonJS(src_exports);
27
28
 
29
+ // src/number-input.anatomy.ts
30
+ var import_anatomy = require("@zag-js/anatomy");
31
+ var anatomy = (0, import_anatomy.createAnatomy)("numberInput").parts(
32
+ "root",
33
+ "label",
34
+ "input",
35
+ "control",
36
+ "incrementTrigger",
37
+ "decrementTrigger",
38
+ "scrubber"
39
+ );
40
+ var parts = anatomy.build();
41
+
28
42
  // ../../utilities/dom/dist/index.mjs
29
43
  var dataAttr = (guard) => {
30
44
  return guard ? "" : void 0;
@@ -283,13 +297,13 @@ var dom = defineDomHelpers({
283
297
  var _a, _b;
284
298
  return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `number-input:${ctx.id}:input`;
285
299
  },
286
- getIncButtonId: (ctx) => {
300
+ getIncrementTriggerId: (ctx) => {
287
301
  var _a, _b;
288
- return (_b = (_a = ctx.ids) == null ? void 0 : _a.incBtn) != null ? _b : `number-input:${ctx.id}:inc-btn`;
302
+ return (_b = (_a = ctx.ids) == null ? void 0 : _a.incrementTrigger) != null ? _b : `number-input:${ctx.id}:inc`;
289
303
  },
290
- getDecButtonId: (ctx) => {
304
+ getDecrementTriggerId: (ctx) => {
291
305
  var _a, _b;
292
- return (_b = (_a = ctx.ids) == null ? void 0 : _a.decBtn) != null ? _b : `number-input:${ctx.id}:dec-btn`;
306
+ return (_b = (_a = ctx.ids) == null ? void 0 : _a.decrementTrigger) != null ? _b : `number-input:${ctx.id}:dec`;
293
307
  },
294
308
  getScrubberId: (ctx) => {
295
309
  var _a, _b;
@@ -301,17 +315,17 @@ var dom = defineDomHelpers({
301
315
  return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `number-input:${ctx.id}:label`;
302
316
  },
303
317
  getInputEl: (ctx) => dom.getById(ctx, dom.getInputId(ctx)),
304
- getIncButtonEl: (ctx) => dom.getById(ctx, dom.getIncButtonId(ctx)),
305
- getDecButtonEl: (ctx) => dom.getById(ctx, dom.getDecButtonId(ctx)),
318
+ getIncrementTriggerEl: (ctx) => dom.getById(ctx, dom.getIncrementTriggerId(ctx)),
319
+ getDecrementTriggerEl: (ctx) => dom.getById(ctx, dom.getDecrementTriggerId(ctx)),
306
320
  getScrubberEl: (ctx) => dom.getById(ctx, dom.getScrubberId(ctx)),
307
321
  getCursorEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getCursorId(ctx)),
308
- getActiveButton: (ctx, hint = ctx.hint) => {
322
+ getPressedTriggerEl: (ctx, hint = ctx.hint) => {
309
323
  let btnEl = null;
310
324
  if (hint === "increment") {
311
- btnEl = dom.getIncButtonEl(ctx);
325
+ btnEl = dom.getIncrementTriggerEl(ctx);
312
326
  }
313
327
  if (hint === "decrement") {
314
- btnEl = dom.getDecButtonEl(ctx);
328
+ btnEl = dom.getDecrementTriggerEl(ctx);
315
329
  }
316
330
  return btnEl;
317
331
  },
@@ -473,18 +487,18 @@ function connect(state, send, normalize) {
473
487
  },
474
488
  rootProps: normalize.element({
475
489
  id: dom.getRootId(state.context),
476
- "data-part": "root",
490
+ ...parts.root.attrs,
477
491
  "data-disabled": dataAttr(isDisabled)
478
492
  }),
479
493
  labelProps: normalize.label({
480
- "data-part": "label",
494
+ ...parts.label.attrs,
481
495
  "data-disabled": dataAttr(isDisabled),
482
496
  "data-invalid": dataAttr(isInvalid),
483
497
  id: dom.getLabelId(state.context),
484
498
  htmlFor: dom.getInputId(state.context)
485
499
  }),
486
- groupProps: normalize.element({
487
- "data-part": "group",
500
+ controlProps: normalize.element({
501
+ ...parts.control.attrs,
488
502
  role: "group",
489
503
  "aria-disabled": isDisabled,
490
504
  "data-disabled": dataAttr(isDisabled),
@@ -492,7 +506,7 @@ function connect(state, send, normalize) {
492
506
  "aria-invalid": ariaAttr(state.context.invalid)
493
507
  }),
494
508
  inputProps: normalize.input({
495
- "data-part": "input",
509
+ ...parts.input.attrs,
496
510
  name: state.context.name,
497
511
  form: state.context.form,
498
512
  id: dom.getInputId(state.context),
@@ -555,10 +569,9 @@ function connect(state, send, normalize) {
555
569
  }
556
570
  }
557
571
  }),
558
- decrementButtonProps: normalize.button({
559
- "data-part": "spin-button",
560
- "data-type": "decrement",
561
- id: dom.getDecButtonId(state.context),
572
+ decrementTriggerProps: normalize.button({
573
+ ...parts.decrementTrigger.attrs,
574
+ id: dom.getDecrementTriggerId(state.context),
562
575
  disabled: isDecrementDisabled,
563
576
  "data-disabled": dataAttr(isDecrementDisabled),
564
577
  "aria-label": translations.decrementLabel,
@@ -580,10 +593,9 @@ function connect(state, send, normalize) {
580
593
  send({ type: "PRESS_UP", hint: "decrement" });
581
594
  }
582
595
  }),
583
- incrementButtonProps: normalize.button({
584
- "data-part": "spin-button",
585
- "data-type": "increment",
586
- id: dom.getIncButtonId(state.context),
596
+ incrementTriggerProps: normalize.button({
597
+ ...parts.incrementTrigger.attrs,
598
+ id: dom.getIncrementTriggerId(state.context),
587
599
  disabled: isIncrementDisabled,
588
600
  "data-disabled": dataAttr(isIncrementDisabled),
589
601
  "aria-label": translations.incrementLabel,
@@ -604,8 +616,8 @@ function connect(state, send, normalize) {
604
616
  }
605
617
  }),
606
618
  scrubberProps: normalize.element({
619
+ ...parts.scrubber.attrs,
607
620
  "data-disabled": dataAttr(isDisabled),
608
- "data-part": "scrubber",
609
621
  id: dom.getScrubberId(state.context),
610
622
  role: "presentation",
611
623
  onMouseDown(event) {
@@ -902,7 +914,7 @@ function machine(userContext) {
902
914
  return dom.preventTextSelection(ctx2);
903
915
  },
904
916
  trackButtonDisabled(ctx2, _evt, { send }) {
905
- const btn = dom.getActiveButton(ctx2, ctx2.hint);
917
+ const btn = dom.getPressedTriggerEl(ctx2, ctx2.hint);
906
918
  return observeAttributes(btn, "disabled", () => send("PRESS_UP"));
907
919
  },
908
920
  attachWheelListener(ctx2, _evt, { send }) {
@@ -1006,7 +1018,7 @@ function machine(userContext) {
1006
1018
  var _a;
1007
1019
  let srcElement = null;
1008
1020
  if (evt.type === "PRESS_DOWN") {
1009
- srcElement = dom.getActiveButton(ctx2, evt.hint);
1021
+ srcElement = dom.getPressedTriggerEl(ctx2, evt.hint);
1010
1022
  } else if (evt.type === "FOCUS") {
1011
1023
  srcElement = dom.getInputEl(ctx2);
1012
1024
  } else if (evt.type === "PRESS_DOWN_SCRUBBER") {
@@ -1065,6 +1077,7 @@ function machine(userContext) {
1065
1077
  }
1066
1078
  // Annotate the CommonJS export names for ESM import in node:
1067
1079
  0 && (module.exports = {
1080
+ anatomy,
1068
1081
  connect,
1069
1082
  machine
1070
1083
  });
package/dist/index.mjs CHANGED
@@ -1,3 +1,16 @@
1
+ // src/number-input.anatomy.ts
2
+ import { createAnatomy } from "@zag-js/anatomy";
3
+ var anatomy = createAnatomy("numberInput").parts(
4
+ "root",
5
+ "label",
6
+ "input",
7
+ "control",
8
+ "incrementTrigger",
9
+ "decrementTrigger",
10
+ "scrubber"
11
+ );
12
+ var parts = anatomy.build();
13
+
1
14
  // ../../utilities/dom/dist/index.mjs
2
15
  var dataAttr = (guard) => {
3
16
  return guard ? "" : void 0;
@@ -256,13 +269,13 @@ var dom = defineDomHelpers({
256
269
  var _a, _b;
257
270
  return (_b = (_a = ctx.ids) == null ? void 0 : _a.input) != null ? _b : `number-input:${ctx.id}:input`;
258
271
  },
259
- getIncButtonId: (ctx) => {
272
+ getIncrementTriggerId: (ctx) => {
260
273
  var _a, _b;
261
- return (_b = (_a = ctx.ids) == null ? void 0 : _a.incBtn) != null ? _b : `number-input:${ctx.id}:inc-btn`;
274
+ return (_b = (_a = ctx.ids) == null ? void 0 : _a.incrementTrigger) != null ? _b : `number-input:${ctx.id}:inc`;
262
275
  },
263
- getDecButtonId: (ctx) => {
276
+ getDecrementTriggerId: (ctx) => {
264
277
  var _a, _b;
265
- return (_b = (_a = ctx.ids) == null ? void 0 : _a.decBtn) != null ? _b : `number-input:${ctx.id}:dec-btn`;
278
+ return (_b = (_a = ctx.ids) == null ? void 0 : _a.decrementTrigger) != null ? _b : `number-input:${ctx.id}:dec`;
266
279
  },
267
280
  getScrubberId: (ctx) => {
268
281
  var _a, _b;
@@ -274,17 +287,17 @@ var dom = defineDomHelpers({
274
287
  return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `number-input:${ctx.id}:label`;
275
288
  },
276
289
  getInputEl: (ctx) => dom.getById(ctx, dom.getInputId(ctx)),
277
- getIncButtonEl: (ctx) => dom.getById(ctx, dom.getIncButtonId(ctx)),
278
- getDecButtonEl: (ctx) => dom.getById(ctx, dom.getDecButtonId(ctx)),
290
+ getIncrementTriggerEl: (ctx) => dom.getById(ctx, dom.getIncrementTriggerId(ctx)),
291
+ getDecrementTriggerEl: (ctx) => dom.getById(ctx, dom.getDecrementTriggerId(ctx)),
279
292
  getScrubberEl: (ctx) => dom.getById(ctx, dom.getScrubberId(ctx)),
280
293
  getCursorEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getCursorId(ctx)),
281
- getActiveButton: (ctx, hint = ctx.hint) => {
294
+ getPressedTriggerEl: (ctx, hint = ctx.hint) => {
282
295
  let btnEl = null;
283
296
  if (hint === "increment") {
284
- btnEl = dom.getIncButtonEl(ctx);
297
+ btnEl = dom.getIncrementTriggerEl(ctx);
285
298
  }
286
299
  if (hint === "decrement") {
287
- btnEl = dom.getDecButtonEl(ctx);
300
+ btnEl = dom.getDecrementTriggerEl(ctx);
288
301
  }
289
302
  return btnEl;
290
303
  },
@@ -446,18 +459,18 @@ function connect(state, send, normalize) {
446
459
  },
447
460
  rootProps: normalize.element({
448
461
  id: dom.getRootId(state.context),
449
- "data-part": "root",
462
+ ...parts.root.attrs,
450
463
  "data-disabled": dataAttr(isDisabled)
451
464
  }),
452
465
  labelProps: normalize.label({
453
- "data-part": "label",
466
+ ...parts.label.attrs,
454
467
  "data-disabled": dataAttr(isDisabled),
455
468
  "data-invalid": dataAttr(isInvalid),
456
469
  id: dom.getLabelId(state.context),
457
470
  htmlFor: dom.getInputId(state.context)
458
471
  }),
459
- groupProps: normalize.element({
460
- "data-part": "group",
472
+ controlProps: normalize.element({
473
+ ...parts.control.attrs,
461
474
  role: "group",
462
475
  "aria-disabled": isDisabled,
463
476
  "data-disabled": dataAttr(isDisabled),
@@ -465,7 +478,7 @@ function connect(state, send, normalize) {
465
478
  "aria-invalid": ariaAttr(state.context.invalid)
466
479
  }),
467
480
  inputProps: normalize.input({
468
- "data-part": "input",
481
+ ...parts.input.attrs,
469
482
  name: state.context.name,
470
483
  form: state.context.form,
471
484
  id: dom.getInputId(state.context),
@@ -528,10 +541,9 @@ function connect(state, send, normalize) {
528
541
  }
529
542
  }
530
543
  }),
531
- decrementButtonProps: normalize.button({
532
- "data-part": "spin-button",
533
- "data-type": "decrement",
534
- id: dom.getDecButtonId(state.context),
544
+ decrementTriggerProps: normalize.button({
545
+ ...parts.decrementTrigger.attrs,
546
+ id: dom.getDecrementTriggerId(state.context),
535
547
  disabled: isDecrementDisabled,
536
548
  "data-disabled": dataAttr(isDecrementDisabled),
537
549
  "aria-label": translations.decrementLabel,
@@ -553,10 +565,9 @@ function connect(state, send, normalize) {
553
565
  send({ type: "PRESS_UP", hint: "decrement" });
554
566
  }
555
567
  }),
556
- incrementButtonProps: normalize.button({
557
- "data-part": "spin-button",
558
- "data-type": "increment",
559
- id: dom.getIncButtonId(state.context),
568
+ incrementTriggerProps: normalize.button({
569
+ ...parts.incrementTrigger.attrs,
570
+ id: dom.getIncrementTriggerId(state.context),
560
571
  disabled: isIncrementDisabled,
561
572
  "data-disabled": dataAttr(isIncrementDisabled),
562
573
  "aria-label": translations.incrementLabel,
@@ -577,8 +588,8 @@ function connect(state, send, normalize) {
577
588
  }
578
589
  }),
579
590
  scrubberProps: normalize.element({
591
+ ...parts.scrubber.attrs,
580
592
  "data-disabled": dataAttr(isDisabled),
581
- "data-part": "scrubber",
582
593
  id: dom.getScrubberId(state.context),
583
594
  role: "presentation",
584
595
  onMouseDown(event) {
@@ -875,7 +886,7 @@ function machine(userContext) {
875
886
  return dom.preventTextSelection(ctx2);
876
887
  },
877
888
  trackButtonDisabled(ctx2, _evt, { send }) {
878
- const btn = dom.getActiveButton(ctx2, ctx2.hint);
889
+ const btn = dom.getPressedTriggerEl(ctx2, ctx2.hint);
879
890
  return observeAttributes(btn, "disabled", () => send("PRESS_UP"));
880
891
  },
881
892
  attachWheelListener(ctx2, _evt, { send }) {
@@ -979,7 +990,7 @@ function machine(userContext) {
979
990
  var _a;
980
991
  let srcElement = null;
981
992
  if (evt.type === "PRESS_DOWN") {
982
- srcElement = dom.getActiveButton(ctx2, evt.hint);
993
+ srcElement = dom.getPressedTriggerEl(ctx2, evt.hint);
983
994
  } else if (evt.type === "FOCUS") {
984
995
  srcElement = dom.getInputEl(ctx2);
985
996
  } else if (evt.type === "PRESS_DOWN_SCRUBBER") {
@@ -1037,6 +1048,7 @@ function machine(userContext) {
1037
1048
  );
1038
1049
  }
1039
1050
  export {
1051
+ anatomy,
1040
1052
  connect,
1041
1053
  machine
1042
1054
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zag-js/number-input",
3
- "version": "0.2.3",
3
+ "version": "0.2.5",
4
4
  "description": "Core logic for the number-input widget implemented as a state machine",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -29,13 +29,14 @@
29
29
  "url": "https://github.com/chakra-ui/zag/issues"
30
30
  },
31
31
  "dependencies": {
32
- "@zag-js/core": "0.2.2",
32
+ "@zag-js/anatomy": "0.1.1",
33
+ "@zag-js/core": "0.2.3",
33
34
  "@zag-js/types": "0.3.1"
34
35
  },
35
36
  "devDependencies": {
36
37
  "@zag-js/dom-utils": "0.2.1",
37
38
  "@zag-js/form-utils": "0.2.2",
38
- "@zag-js/number-utils": "0.2.0",
39
+ "@zag-js/number-utils": "0.2.1",
39
40
  "@zag-js/utils": "0.3.1"
40
41
  },
41
42
  "scripts": {