@zag-js/popover 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 +144 -144
  2. package/dist/index.js +10 -10
  3. package/dist/index.mjs +10 -10
  4. package/package.json +5 -5
package/dist/index.d.ts CHANGED
@@ -7,25 +7,25 @@ import { PositioningOptions } from '@zag-js/popper';
7
7
  declare const anatomy: Omit<{
8
8
  parts: <U extends string>(...parts: U[]) => Omit<{
9
9
  parts: any;
10
- extend: <V extends string>(...parts: V[]) => Omit<{
10
+ extendWith: <V extends string>(...parts: V[]) => Omit<{
11
11
  parts: any;
12
- extend: <V_1 extends string>(...parts: V_1[]) => Omit<{
12
+ extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
13
13
  parts: any;
14
- extend: <V_2 extends string>(...parts: V_2[]) => Omit<{
14
+ extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
15
15
  parts: any;
16
- extend: <V_3 extends string>(...parts: V_3[]) => Omit<{
16
+ extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
17
17
  parts: any;
18
- extend: <V_4 extends string>(...parts: V_4[]) => Omit<{
18
+ extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
19
19
  parts: any;
20
- extend: <V_5 extends string>(...parts: V_5[]) => Omit<{
20
+ extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
21
21
  parts: any;
22
- extend: <V_6 extends string>(...parts: V_6[]) => Omit<{
22
+ extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
23
23
  parts: any;
24
- extend: <V_7 extends string>(...parts: V_7[]) => Omit<{
24
+ extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
25
25
  parts: any;
26
- extend: <V_8 extends string>(...parts: V_8[]) => Omit<{
26
+ extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
27
27
  parts: any;
28
- extend: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
28
+ extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
29
29
  build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
30
30
  selector: string;
31
31
  attrs: Record<"data-scope" | "data-part", string>;
@@ -76,28 +76,28 @@ declare const anatomy: Omit<{
76
76
  attrs: Record<"data-scope" | "data-part", string>;
77
77
  }>;
78
78
  }, "parts">;
79
- extend: <V_10 extends string>(...parts: V_10[]) => Omit<{
79
+ extendWith: <V_10 extends string>(...parts: V_10[]) => Omit<{
80
80
  parts: <U extends string>(...parts: U[]) => Omit<{
81
81
  parts: any;
82
- extend: <V extends string>(...parts: V[]) => Omit<{
82
+ extendWith: <V extends string>(...parts: V[]) => Omit<{
83
83
  parts: any;
84
- extend: <V_1 extends string>(...parts: V_1[]) => Omit<{
84
+ extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
85
85
  parts: any;
86
- extend: <V_2 extends string>(...parts: V_2[]) => Omit<{
86
+ extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
87
87
  parts: any;
88
- extend: <V_3 extends string>(...parts: V_3[]) => Omit<{
88
+ extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
89
89
  parts: any;
90
- extend: <V_4 extends string>(...parts: V_4[]) => Omit<{
90
+ extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
91
91
  parts: any;
92
- extend: <V_5 extends string>(...parts: V_5[]) => Omit<{
92
+ extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
93
93
  parts: any;
94
- extend: <V_6 extends string>(...parts: V_6[]) => Omit<{
94
+ extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
95
95
  parts: any;
96
- extend: <V_7 extends string>(...parts: V_7[]) => Omit<{
96
+ extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
97
97
  parts: any;
98
- extend: <V_8 extends string>(...parts: V_8[]) => Omit<{
98
+ extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
99
99
  parts: any;
100
- extend: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
100
+ extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
101
101
  build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
102
102
  selector: string;
103
103
  attrs: Record<"data-scope" | "data-part", string>;
@@ -148,28 +148,28 @@ declare const anatomy: Omit<{
148
148
  attrs: Record<"data-scope" | "data-part", string>;
149
149
  }>;
150
150
  }, "parts">;
151
- extend: <V_11 extends string>(...parts: V_11[]) => Omit<{
151
+ extendWith: <V_11 extends string>(...parts: V_11[]) => Omit<{
152
152
  parts: <U extends string>(...parts: U[]) => Omit<{
153
153
  parts: any;
154
- extend: <V extends string>(...parts: V[]) => Omit<{
154
+ extendWith: <V extends string>(...parts: V[]) => Omit<{
155
155
  parts: any;
156
- extend: <V_1 extends string>(...parts: V_1[]) => Omit<{
156
+ extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
157
157
  parts: any;
158
- extend: <V_2 extends string>(...parts: V_2[]) => Omit<{
158
+ extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
159
159
  parts: any;
160
- extend: <V_3 extends string>(...parts: V_3[]) => Omit<{
160
+ extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
161
161
  parts: any;
162
- extend: <V_4 extends string>(...parts: V_4[]) => Omit<{
162
+ extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
163
163
  parts: any;
164
- extend: <V_5 extends string>(...parts: V_5[]) => Omit<{
164
+ extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
165
165
  parts: any;
166
- extend: <V_6 extends string>(...parts: V_6[]) => Omit<{
166
+ extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
167
167
  parts: any;
168
- extend: <V_7 extends string>(...parts: V_7[]) => Omit<{
168
+ extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
169
169
  parts: any;
170
- extend: <V_8 extends string>(...parts: V_8[]) => Omit<{
170
+ extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
171
171
  parts: any;
172
- extend: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
172
+ extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
173
173
  build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
174
174
  selector: string;
175
175
  attrs: Record<"data-scope" | "data-part", string>;
@@ -220,28 +220,28 @@ declare const anatomy: Omit<{
220
220
  attrs: Record<"data-scope" | "data-part", string>;
221
221
  }>;
222
222
  }, "parts">;
223
- extend: <V_12 extends string>(...parts: V_12[]) => Omit<{
223
+ extendWith: <V_12 extends string>(...parts: V_12[]) => Omit<{
224
224
  parts: <U extends string>(...parts: U[]) => Omit<{
225
225
  parts: any;
226
- extend: <V extends string>(...parts: V[]) => Omit<{
226
+ extendWith: <V extends string>(...parts: V[]) => Omit<{
227
227
  parts: any;
228
- extend: <V_1 extends string>(...parts: V_1[]) => Omit<{
228
+ extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
229
229
  parts: any;
230
- extend: <V_2 extends string>(...parts: V_2[]) => Omit<{
230
+ extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
231
231
  parts: any;
232
- extend: <V_3 extends string>(...parts: V_3[]) => Omit<{
232
+ extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
233
233
  parts: any;
234
- extend: <V_4 extends string>(...parts: V_4[]) => Omit<{
234
+ extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
235
235
  parts: any;
236
- extend: <V_5 extends string>(...parts: V_5[]) => Omit<{
236
+ extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
237
237
  parts: any;
238
- extend: <V_6 extends string>(...parts: V_6[]) => Omit<{
238
+ extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
239
239
  parts: any;
240
- extend: <V_7 extends string>(...parts: V_7[]) => Omit<{
240
+ extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
241
241
  parts: any;
242
- extend: <V_8 extends string>(...parts: V_8[]) => Omit<{
242
+ extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
243
243
  parts: any;
244
- extend: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
244
+ extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
245
245
  build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
246
246
  selector: string;
247
247
  attrs: Record<"data-scope" | "data-part", string>;
@@ -292,28 +292,28 @@ declare const anatomy: Omit<{
292
292
  attrs: Record<"data-scope" | "data-part", string>;
293
293
  }>;
294
294
  }, "parts">;
295
- extend: <V_13 extends string>(...parts: V_13[]) => Omit<{
295
+ extendWith: <V_13 extends string>(...parts: V_13[]) => Omit<{
296
296
  parts: <U extends string>(...parts: U[]) => Omit<{
297
297
  parts: any;
298
- extend: <V extends string>(...parts: V[]) => Omit<{
298
+ extendWith: <V extends string>(...parts: V[]) => Omit<{
299
299
  parts: any;
300
- extend: <V_1 extends string>(...parts: V_1[]) => Omit<{
300
+ extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
301
301
  parts: any;
302
- extend: <V_2 extends string>(...parts: V_2[]) => Omit<{
302
+ extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
303
303
  parts: any;
304
- extend: <V_3 extends string>(...parts: V_3[]) => Omit<{
304
+ extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
305
305
  parts: any;
306
- extend: <V_4 extends string>(...parts: V_4[]) => Omit<{
306
+ extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
307
307
  parts: any;
308
- extend: <V_5 extends string>(...parts: V_5[]) => Omit<{
308
+ extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
309
309
  parts: any;
310
- extend: <V_6 extends string>(...parts: V_6[]) => Omit<{
310
+ extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
311
311
  parts: any;
312
- extend: <V_7 extends string>(...parts: V_7[]) => Omit<{
312
+ extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
313
313
  parts: any;
314
- extend: <V_8 extends string>(...parts: V_8[]) => Omit<{
314
+ extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
315
315
  parts: any;
316
- extend: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
316
+ extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
317
317
  build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
318
318
  selector: string;
319
319
  attrs: Record<"data-scope" | "data-part", string>;
@@ -364,28 +364,28 @@ declare const anatomy: Omit<{
364
364
  attrs: Record<"data-scope" | "data-part", string>;
365
365
  }>;
366
366
  }, "parts">;
367
- extend: <V_14 extends string>(...parts: V_14[]) => Omit<{
367
+ extendWith: <V_14 extends string>(...parts: V_14[]) => Omit<{
368
368
  parts: <U extends string>(...parts: U[]) => Omit<{
369
369
  parts: any;
370
- extend: <V extends string>(...parts: V[]) => Omit<{
370
+ extendWith: <V extends string>(...parts: V[]) => Omit<{
371
371
  parts: any;
372
- extend: <V_1 extends string>(...parts: V_1[]) => Omit<{
372
+ extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
373
373
  parts: any;
374
- extend: <V_2 extends string>(...parts: V_2[]) => Omit<{
374
+ extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
375
375
  parts: any;
376
- extend: <V_3 extends string>(...parts: V_3[]) => Omit<{
376
+ extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
377
377
  parts: any;
378
- extend: <V_4 extends string>(...parts: V_4[]) => Omit<{
378
+ extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
379
379
  parts: any;
380
- extend: <V_5 extends string>(...parts: V_5[]) => Omit<{
380
+ extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
381
381
  parts: any;
382
- extend: <V_6 extends string>(...parts: V_6[]) => Omit<{
382
+ extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
383
383
  parts: any;
384
- extend: <V_7 extends string>(...parts: V_7[]) => Omit<{
384
+ extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
385
385
  parts: any;
386
- extend: <V_8 extends string>(...parts: V_8[]) => Omit<{
386
+ extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
387
387
  parts: any;
388
- extend: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
388
+ extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
389
389
  build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
390
390
  selector: string;
391
391
  attrs: Record<"data-scope" | "data-part", string>;
@@ -436,28 +436,28 @@ declare const anatomy: Omit<{
436
436
  attrs: Record<"data-scope" | "data-part", string>;
437
437
  }>;
438
438
  }, "parts">;
439
- extend: <V_15 extends string>(...parts: V_15[]) => Omit<{
439
+ extendWith: <V_15 extends string>(...parts: V_15[]) => Omit<{
440
440
  parts: <U extends string>(...parts: U[]) => Omit<{
441
441
  parts: any;
442
- extend: <V extends string>(...parts: V[]) => Omit<{
442
+ extendWith: <V extends string>(...parts: V[]) => Omit<{
443
443
  parts: any;
444
- extend: <V_1 extends string>(...parts: V_1[]) => Omit<{
444
+ extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
445
445
  parts: any;
446
- extend: <V_2 extends string>(...parts: V_2[]) => Omit<{
446
+ extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
447
447
  parts: any;
448
- extend: <V_3 extends string>(...parts: V_3[]) => Omit<{
448
+ extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
449
449
  parts: any;
450
- extend: <V_4 extends string>(...parts: V_4[]) => Omit<{
450
+ extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
451
451
  parts: any;
452
- extend: <V_5 extends string>(...parts: V_5[]) => Omit<{
452
+ extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
453
453
  parts: any;
454
- extend: <V_6 extends string>(...parts: V_6[]) => Omit<{
454
+ extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
455
455
  parts: any;
456
- extend: <V_7 extends string>(...parts: V_7[]) => Omit<{
456
+ extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
457
457
  parts: any;
458
- extend: <V_8 extends string>(...parts: V_8[]) => Omit<{
458
+ extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
459
459
  parts: any;
460
- extend: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
460
+ extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
461
461
  build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
462
462
  selector: string;
463
463
  attrs: Record<"data-scope" | "data-part", string>;
@@ -508,28 +508,28 @@ declare const anatomy: Omit<{
508
508
  attrs: Record<"data-scope" | "data-part", string>;
509
509
  }>;
510
510
  }, "parts">;
511
- extend: <V_16 extends string>(...parts: V_16[]) => Omit<{
511
+ extendWith: <V_16 extends string>(...parts: V_16[]) => Omit<{
512
512
  parts: <U extends string>(...parts: U[]) => Omit<{
513
513
  parts: any;
514
- extend: <V extends string>(...parts: V[]) => Omit<{
514
+ extendWith: <V extends string>(...parts: V[]) => Omit<{
515
515
  parts: any;
516
- extend: <V_1 extends string>(...parts: V_1[]) => Omit<{
516
+ extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
517
517
  parts: any;
518
- extend: <V_2 extends string>(...parts: V_2[]) => Omit<{
518
+ extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
519
519
  parts: any;
520
- extend: <V_3 extends string>(...parts: V_3[]) => Omit<{
520
+ extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
521
521
  parts: any;
522
- extend: <V_4 extends string>(...parts: V_4[]) => Omit<{
522
+ extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
523
523
  parts: any;
524
- extend: <V_5 extends string>(...parts: V_5[]) => Omit<{
524
+ extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
525
525
  parts: any;
526
- extend: <V_6 extends string>(...parts: V_6[]) => Omit<{
526
+ extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
527
527
  parts: any;
528
- extend: <V_7 extends string>(...parts: V_7[]) => Omit<{
528
+ extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
529
529
  parts: any;
530
- extend: <V_8 extends string>(...parts: V_8[]) => Omit<{
530
+ extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
531
531
  parts: any;
532
- extend: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
532
+ extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
533
533
  build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
534
534
  selector: string;
535
535
  attrs: Record<"data-scope" | "data-part", string>;
@@ -580,28 +580,28 @@ declare const anatomy: Omit<{
580
580
  attrs: Record<"data-scope" | "data-part", string>;
581
581
  }>;
582
582
  }, "parts">;
583
- extend: <V_17 extends string>(...parts: V_17[]) => Omit<{
583
+ extendWith: <V_17 extends string>(...parts: V_17[]) => Omit<{
584
584
  parts: <U extends string>(...parts: U[]) => Omit<{
585
585
  parts: any;
586
- extend: <V extends string>(...parts: V[]) => Omit<{
586
+ extendWith: <V extends string>(...parts: V[]) => Omit<{
587
587
  parts: any;
588
- extend: <V_1 extends string>(...parts: V_1[]) => Omit<{
588
+ extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
589
589
  parts: any;
590
- extend: <V_2 extends string>(...parts: V_2[]) => Omit<{
590
+ extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
591
591
  parts: any;
592
- extend: <V_3 extends string>(...parts: V_3[]) => Omit<{
592
+ extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
593
593
  parts: any;
594
- extend: <V_4 extends string>(...parts: V_4[]) => Omit<{
594
+ extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
595
595
  parts: any;
596
- extend: <V_5 extends string>(...parts: V_5[]) => Omit<{
596
+ extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
597
597
  parts: any;
598
- extend: <V_6 extends string>(...parts: V_6[]) => Omit<{
598
+ extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
599
599
  parts: any;
600
- extend: <V_7 extends string>(...parts: V_7[]) => Omit<{
600
+ extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
601
601
  parts: any;
602
- extend: <V_8 extends string>(...parts: V_8[]) => Omit<{
602
+ extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
603
603
  parts: any;
604
- extend: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
604
+ extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
605
605
  build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
606
606
  selector: string;
607
607
  attrs: Record<"data-scope" | "data-part", string>;
@@ -652,28 +652,28 @@ declare const anatomy: Omit<{
652
652
  attrs: Record<"data-scope" | "data-part", string>;
653
653
  }>;
654
654
  }, "parts">;
655
- extend: <V_18 extends string>(...parts: V_18[]) => Omit<{
655
+ extendWith: <V_18 extends string>(...parts: V_18[]) => Omit<{
656
656
  parts: <U extends string>(...parts: U[]) => Omit<{
657
657
  parts: any;
658
- extend: <V extends string>(...parts: V[]) => Omit<{
658
+ extendWith: <V extends string>(...parts: V[]) => Omit<{
659
659
  parts: any;
660
- extend: <V_1 extends string>(...parts: V_1[]) => Omit<{
660
+ extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
661
661
  parts: any;
662
- extend: <V_2 extends string>(...parts: V_2[]) => Omit<{
662
+ extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
663
663
  parts: any;
664
- extend: <V_3 extends string>(...parts: V_3[]) => Omit<{
664
+ extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
665
665
  parts: any;
666
- extend: <V_4 extends string>(...parts: V_4[]) => Omit<{
666
+ extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
667
667
  parts: any;
668
- extend: <V_5 extends string>(...parts: V_5[]) => Omit<{
668
+ extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
669
669
  parts: any;
670
- extend: <V_6 extends string>(...parts: V_6[]) => Omit<{
670
+ extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
671
671
  parts: any;
672
- extend: <V_7 extends string>(...parts: V_7[]) => Omit<{
672
+ extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
673
673
  parts: any;
674
- extend: <V_8 extends string>(...parts: V_8[]) => Omit<{
674
+ extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
675
675
  parts: any;
676
- extend: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
676
+ extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
677
677
  build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
678
678
  selector: string;
679
679
  attrs: Record<"data-scope" | "data-part", string>;
@@ -724,28 +724,28 @@ declare const anatomy: Omit<{
724
724
  attrs: Record<"data-scope" | "data-part", string>;
725
725
  }>;
726
726
  }, "parts">;
727
- extend: <V_19 extends string>(...parts: V_19[]) => Omit<{
727
+ extendWith: <V_19 extends string>(...parts: V_19[]) => Omit<{
728
728
  parts: <U extends string>(...parts: U[]) => Omit<{
729
729
  parts: any;
730
- extend: <V extends string>(...parts: V[]) => Omit<{
730
+ extendWith: <V extends string>(...parts: V[]) => Omit<{
731
731
  parts: any;
732
- extend: <V_1 extends string>(...parts: V_1[]) => Omit<{
732
+ extendWith: <V_1 extends string>(...parts: V_1[]) => Omit<{
733
733
  parts: any;
734
- extend: <V_2 extends string>(...parts: V_2[]) => Omit<{
734
+ extendWith: <V_2 extends string>(...parts: V_2[]) => Omit<{
735
735
  parts: any;
736
- extend: <V_3 extends string>(...parts: V_3[]) => Omit<{
736
+ extendWith: <V_3 extends string>(...parts: V_3[]) => Omit<{
737
737
  parts: any;
738
- extend: <V_4 extends string>(...parts: V_4[]) => Omit<{
738
+ extendWith: <V_4 extends string>(...parts: V_4[]) => Omit<{
739
739
  parts: any;
740
- extend: <V_5 extends string>(...parts: V_5[]) => Omit<{
740
+ extendWith: <V_5 extends string>(...parts: V_5[]) => Omit<{
741
741
  parts: any;
742
- extend: <V_6 extends string>(...parts: V_6[]) => Omit<{
742
+ extendWith: <V_6 extends string>(...parts: V_6[]) => Omit<{
743
743
  parts: any;
744
- extend: <V_7 extends string>(...parts: V_7[]) => Omit<{
744
+ extendWith: <V_7 extends string>(...parts: V_7[]) => Omit<{
745
745
  parts: any;
746
- extend: <V_8 extends string>(...parts: V_8[]) => Omit<{
746
+ extendWith: <V_8 extends string>(...parts: V_8[]) => Omit<{
747
747
  parts: any;
748
- extend: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
748
+ extendWith: <V_9 extends string>(...parts: V_9[]) => Omit<any, "parts">;
749
749
  build: () => Record<U | V | V_1 | V_2 | V_3 | V_4 | V_5 | V_6 | V_7 | V_8, {
750
750
  selector: string;
751
751
  attrs: Record<"data-scope" | "data-part", string>;
@@ -796,72 +796,72 @@ declare const anatomy: Omit<{
796
796
  attrs: Record<"data-scope" | "data-part", string>;
797
797
  }>;
798
798
  }, "parts">;
799
- extend: <V_20 extends string>(...parts: V_20[]) => Omit<any, "parts">;
800
- build: () => Record<"arrow" | "arrowInner" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeButton" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15 | V_16 | V_17 | V_18 | V_19, {
799
+ extendWith: <V_20 extends string>(...parts: V_20[]) => Omit<any, "parts">;
800
+ build: () => Record<"arrow" | "arrowTip" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeTrigger" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15 | V_16 | V_17 | V_18 | V_19, {
801
801
  selector: string;
802
802
  attrs: Record<"data-scope" | "data-part", string>;
803
803
  }>;
804
804
  }, "parts">;
805
- build: () => Record<"arrow" | "arrowInner" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeButton" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15 | V_16 | V_17 | V_18, {
805
+ build: () => Record<"arrow" | "arrowTip" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeTrigger" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15 | V_16 | V_17 | V_18, {
806
806
  selector: string;
807
807
  attrs: Record<"data-scope" | "data-part", string>;
808
808
  }>;
809
809
  }, "parts">;
810
- build: () => Record<"arrow" | "arrowInner" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeButton" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15 | V_16 | V_17, {
810
+ build: () => Record<"arrow" | "arrowTip" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeTrigger" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15 | V_16 | V_17, {
811
811
  selector: string;
812
812
  attrs: Record<"data-scope" | "data-part", string>;
813
813
  }>;
814
814
  }, "parts">;
815
- build: () => Record<"arrow" | "arrowInner" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeButton" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15 | V_16, {
815
+ build: () => Record<"arrow" | "arrowTip" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeTrigger" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15 | V_16, {
816
816
  selector: string;
817
817
  attrs: Record<"data-scope" | "data-part", string>;
818
818
  }>;
819
819
  }, "parts">;
820
- build: () => Record<"arrow" | "arrowInner" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeButton" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15, {
820
+ build: () => Record<"arrow" | "arrowTip" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeTrigger" | V_10 | V_11 | V_12 | V_13 | V_14 | V_15, {
821
821
  selector: string;
822
822
  attrs: Record<"data-scope" | "data-part", string>;
823
823
  }>;
824
824
  }, "parts">;
825
- build: () => Record<"arrow" | "arrowInner" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeButton" | V_10 | V_11 | V_12 | V_13 | V_14, {
825
+ build: () => Record<"arrow" | "arrowTip" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeTrigger" | V_10 | V_11 | V_12 | V_13 | V_14, {
826
826
  selector: string;
827
827
  attrs: Record<"data-scope" | "data-part", string>;
828
828
  }>;
829
829
  }, "parts">;
830
- build: () => Record<"arrow" | "arrowInner" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeButton" | V_10 | V_11 | V_12 | V_13, {
830
+ build: () => Record<"arrow" | "arrowTip" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeTrigger" | V_10 | V_11 | V_12 | V_13, {
831
831
  selector: string;
832
832
  attrs: Record<"data-scope" | "data-part", string>;
833
833
  }>;
834
834
  }, "parts">;
835
- build: () => Record<"arrow" | "arrowInner" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeButton" | V_10 | V_11 | V_12, {
835
+ build: () => Record<"arrow" | "arrowTip" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeTrigger" | V_10 | V_11 | V_12, {
836
836
  selector: string;
837
837
  attrs: Record<"data-scope" | "data-part", string>;
838
838
  }>;
839
839
  }, "parts">;
840
- build: () => Record<"arrow" | "arrowInner" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeButton" | V_10 | V_11, {
840
+ build: () => Record<"arrow" | "arrowTip" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeTrigger" | V_10 | V_11, {
841
841
  selector: string;
842
842
  attrs: Record<"data-scope" | "data-part", string>;
843
843
  }>;
844
844
  }, "parts">;
845
- build: () => Record<"arrow" | "arrowInner" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeButton" | V_10, {
845
+ build: () => Record<"arrow" | "arrowTip" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeTrigger" | V_10, {
846
846
  selector: string;
847
847
  attrs: Record<"data-scope" | "data-part", string>;
848
848
  }>;
849
849
  }, "parts">;
850
- build: () => Record<"arrow" | "arrowInner" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeButton", {
850
+ build: () => Record<"arrow" | "arrowTip" | "anchor" | "trigger" | "positioner" | "content" | "title" | "description" | "closeTrigger", {
851
851
  selector: string;
852
852
  attrs: Record<"data-scope" | "data-part", string>;
853
853
  }>;
854
854
  }, "parts">;
855
855
 
856
- declare type ElementIds = Partial<{
856
+ type ElementIds = Partial<{
857
857
  anchor: string;
858
858
  trigger: string;
859
859
  content: string;
860
860
  title: string;
861
861
  description: string;
862
- closeBtn: string;
862
+ closeTrigger: string;
863
863
  }>;
864
- declare type PublicContext = DismissableElementHandlers & CommonProperties & {
864
+ type PublicContext = DismissableElementHandlers & CommonProperties & {
865
865
  /**
866
866
  * The ids of the elements in the popover. Useful for composition.
867
867
  */
@@ -910,26 +910,26 @@ declare type PublicContext = DismissableElementHandlers & CommonProperties & {
910
910
  */
911
911
  defaultOpen?: boolean;
912
912
  };
913
- declare type UserDefinedContext = RequiredBy<PublicContext, "id">;
914
- declare type ComputedContext = Readonly<{
913
+ type UserDefinedContext = RequiredBy<PublicContext, "id">;
914
+ type ComputedContext = Readonly<{
915
915
  /**
916
916
  * @computed
917
917
  * The computed value of `portalled`
918
918
  */
919
919
  currentPortalled: boolean;
920
920
  }>;
921
- declare type PrivateContext = Context<{
921
+ type PrivateContext = Context<{
922
922
  /**
923
923
  * Whether to prevent returning focus to the trigger
924
924
  */
925
925
  focusTriggerOnClose?: boolean;
926
926
  }>;
927
- declare type MachineContext = PublicContext & ComputedContext & PrivateContext;
928
- declare type MachineState = {
927
+ type MachineContext = PublicContext & ComputedContext & PrivateContext;
928
+ type MachineState = {
929
929
  value: "unknown" | "open" | "closed";
930
930
  };
931
- declare type State = StateMachine.State<MachineContext, MachineState>;
932
- declare type Send = StateMachine.Send<StateMachine.AnyEventObject>;
931
+ type State = StateMachine.State<MachineContext, MachineState>;
932
+ type Send = StateMachine.Send<StateMachine.AnyEventObject>;
933
933
 
934
934
  declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
935
935
  portalled: boolean;
@@ -937,14 +937,14 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
937
937
  open(): void;
938
938
  close(): void;
939
939
  arrowProps: T["element"];
940
- innerArrowProps: T["element"];
940
+ arrowTipProps: T["element"];
941
941
  anchorProps: T["element"];
942
942
  triggerProps: T["button"];
943
943
  positionerProps: T["element"];
944
944
  contentProps: T["element"];
945
945
  titleProps: T["element"];
946
946
  descriptionProps: T["element"];
947
- closeButtonProps: T["button"];
947
+ closeTriggerProps: T["button"];
948
948
  };
949
949
 
950
950
  declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
package/dist/index.js CHANGED
@@ -30,14 +30,14 @@ module.exports = __toCommonJS(src_exports);
30
30
  var import_anatomy = require("@zag-js/anatomy");
31
31
  var anatomy = (0, import_anatomy.createAnatomy)("popover").parts(
32
32
  "arrow",
33
- "arrowInner",
33
+ "arrowTip",
34
34
  "anchor",
35
35
  "trigger",
36
36
  "positioner",
37
37
  "content",
38
38
  "title",
39
39
  "description",
40
- "closeButton"
40
+ "closeTrigger"
41
41
  );
42
42
  var parts = anatomy.build();
43
43
 
@@ -263,9 +263,9 @@ var dom = defineDomHelpers({
263
263
  var _a, _b;
264
264
  return (_b = (_a = ctx.ids) == null ? void 0 : _a.description) != null ? _b : `popover:${ctx.id}:desc`;
265
265
  },
266
- getCloseButtonId: (ctx) => {
266
+ getCloseTriggerId: (ctx) => {
267
267
  var _a, _b;
268
- return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeBtn) != null ? _b : `popover:${ctx.id}:close-button`;
268
+ return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeTrigger) != null ? _b : `popover:${ctx.id}:close`;
269
269
  },
270
270
  getAnchorEl: (ctx) => dom.getById(ctx, dom.getAnchorId(ctx)),
271
271
  getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
@@ -313,9 +313,9 @@ function connect(state, send, normalize) {
313
313
  ...parts.arrow.attrs,
314
314
  style: popperStyles.arrow
315
315
  }),
316
- innerArrowProps: normalize.element({
317
- ...parts.arrowInner.attrs,
318
- style: popperStyles.innerArrow
316
+ arrowTipProps: normalize.element({
317
+ ...parts.arrowTip.attrs,
318
+ style: popperStyles.arrowTip
319
319
  }),
320
320
  anchorProps: normalize.element({
321
321
  ...parts.anchor.attrs,
@@ -361,9 +361,9 @@ function connect(state, send, normalize) {
361
361
  ...parts.description.attrs,
362
362
  id: dom.getDescriptionId(state.context)
363
363
  }),
364
- closeButtonProps: normalize.button({
365
- ...parts.closeButton.attrs,
366
- id: dom.getCloseButtonId(state.context),
364
+ closeTriggerProps: normalize.button({
365
+ ...parts.closeTrigger.attrs,
366
+ id: dom.getCloseTriggerId(state.context),
367
367
  type: "button",
368
368
  "aria-label": "close",
369
369
  onClick() {
package/dist/index.mjs CHANGED
@@ -2,14 +2,14 @@
2
2
  import { createAnatomy } from "@zag-js/anatomy";
3
3
  var anatomy = createAnatomy("popover").parts(
4
4
  "arrow",
5
- "arrowInner",
5
+ "arrowTip",
6
6
  "anchor",
7
7
  "trigger",
8
8
  "positioner",
9
9
  "content",
10
10
  "title",
11
11
  "description",
12
- "closeButton"
12
+ "closeTrigger"
13
13
  );
14
14
  var parts = anatomy.build();
15
15
 
@@ -235,9 +235,9 @@ var dom = defineDomHelpers({
235
235
  var _a, _b;
236
236
  return (_b = (_a = ctx.ids) == null ? void 0 : _a.description) != null ? _b : `popover:${ctx.id}:desc`;
237
237
  },
238
- getCloseButtonId: (ctx) => {
238
+ getCloseTriggerId: (ctx) => {
239
239
  var _a, _b;
240
- return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeBtn) != null ? _b : `popover:${ctx.id}:close-button`;
240
+ return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeTrigger) != null ? _b : `popover:${ctx.id}:close`;
241
241
  },
242
242
  getAnchorEl: (ctx) => dom.getById(ctx, dom.getAnchorId(ctx)),
243
243
  getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
@@ -285,9 +285,9 @@ function connect(state, send, normalize) {
285
285
  ...parts.arrow.attrs,
286
286
  style: popperStyles.arrow
287
287
  }),
288
- innerArrowProps: normalize.element({
289
- ...parts.arrowInner.attrs,
290
- style: popperStyles.innerArrow
288
+ arrowTipProps: normalize.element({
289
+ ...parts.arrowTip.attrs,
290
+ style: popperStyles.arrowTip
291
291
  }),
292
292
  anchorProps: normalize.element({
293
293
  ...parts.anchor.attrs,
@@ -333,9 +333,9 @@ function connect(state, send, normalize) {
333
333
  ...parts.description.attrs,
334
334
  id: dom.getDescriptionId(state.context)
335
335
  }),
336
- closeButtonProps: normalize.button({
337
- ...parts.closeButton.attrs,
338
- id: dom.getCloseButtonId(state.context),
336
+ closeTriggerProps: normalize.button({
337
+ ...parts.closeTrigger.attrs,
338
+ id: dom.getCloseTriggerId(state.context),
339
339
  type: "button",
340
340
  "aria-label": "close",
341
341
  onClick() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zag-js/popover",
3
- "version": "0.2.3",
3
+ "version": "0.2.5",
4
4
  "description": "Core logic for the popover widget implemented as a state machine",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -29,12 +29,12 @@
29
29
  "url": "https://github.com/chakra-ui/zag/issues"
30
30
  },
31
31
  "dependencies": {
32
- "focus-trap": "7.0.0",
33
- "@zag-js/anatomy": "0.1.1",
32
+ "focus-trap": "7.2.0",
33
+ "@zag-js/anatomy": "0.1.2",
34
34
  "@zag-js/aria-hidden": "0.2.0",
35
- "@zag-js/core": "0.2.2",
35
+ "@zag-js/core": "0.2.3",
36
36
  "@zag-js/dismissable": "0.2.0",
37
- "@zag-js/popper": "0.2.0",
37
+ "@zag-js/popper": "0.2.1",
38
38
  "@zag-js/remove-scroll": "0.2.0",
39
39
  "@zag-js/types": "0.3.1"
40
40
  },