@zag-js/tooltip 0.50.0 → 0.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,512 +1,2 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/index.ts
21
- var src_exports = {};
22
- __export(src_exports, {
23
- anatomy: () => anatomy,
24
- connect: () => connect,
25
- machine: () => machine,
26
- props: () => props,
27
- splitProps: () => splitProps
28
- });
29
- module.exports = __toCommonJS(src_exports);
30
-
31
- // src/tooltip.anatomy.ts
32
- var import_anatomy = require("@zag-js/anatomy");
33
- var anatomy = (0, import_anatomy.createAnatomy)("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
34
- var parts = anatomy.build();
35
-
36
- // src/tooltip.connect.ts
37
- var import_dom_query2 = require("@zag-js/dom-query");
38
- var import_popper = require("@zag-js/popper");
39
-
40
- // src/tooltip.dom.ts
41
- var import_dom_query = require("@zag-js/dom-query");
42
- var dom = (0, import_dom_query.createScope)({
43
- getTriggerId: (ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,
44
- getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
45
- getArrowId: (ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,
46
- getPositionerId: (ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,
47
- getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
48
- getContentEl: (ctx) => dom.getById(ctx, dom.getContentId(ctx)),
49
- getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
50
- getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx))
51
- });
52
-
53
- // src/tooltip.store.ts
54
- var import_core = require("@zag-js/core");
55
- var store = (0, import_core.proxy)({
56
- id: null,
57
- prevId: null,
58
- setId(val) {
59
- this.prevId = this.id;
60
- this.id = val;
61
- }
62
- });
63
-
64
- // src/tooltip.connect.ts
65
- function connect(state, send, normalize) {
66
- const id = state.context.id;
67
- const hasAriaLabel = state.context.hasAriaLabel;
68
- const open = state.hasTag("open");
69
- const triggerId = dom.getTriggerId(state.context);
70
- const contentId = dom.getContentId(state.context);
71
- const disabled = state.context.disabled;
72
- const popperStyles = (0, import_popper.getPlacementStyles)({
73
- ...state.context.positioning,
74
- placement: state.context.currentPlacement
75
- });
76
- return {
77
- open,
78
- setOpen(nextOpen) {
79
- if (nextOpen === open)
80
- return;
81
- send(nextOpen ? "OPEN" : "CLOSE");
82
- },
83
- reposition(options = {}) {
84
- send({ type: "POSITIONING.SET", options });
85
- },
86
- triggerProps: normalize.button({
87
- ...parts.trigger.attrs,
88
- id: triggerId,
89
- dir: state.context.dir,
90
- "data-expanded": (0, import_dom_query2.dataAttr)(open),
91
- "data-state": open ? "open" : "closed",
92
- "aria-describedby": open ? contentId : void 0,
93
- onClick() {
94
- if (disabled)
95
- return;
96
- send("CLOSE");
97
- },
98
- onFocus() {
99
- if (disabled || state.event.type === "POINTER_DOWN")
100
- return;
101
- send("OPEN");
102
- },
103
- onBlur() {
104
- if (disabled)
105
- return;
106
- if (id === store.id) {
107
- send("CLOSE");
108
- }
109
- },
110
- onPointerDown() {
111
- if (disabled || !state.context.closeOnPointerDown)
112
- return;
113
- if (id === store.id) {
114
- send("CLOSE");
115
- }
116
- },
117
- onPointerMove(event) {
118
- if (disabled || event.pointerType === "touch")
119
- return;
120
- send("POINTER_MOVE");
121
- },
122
- onPointerLeave() {
123
- if (disabled)
124
- return;
125
- send("POINTER_LEAVE");
126
- },
127
- onPointerCancel() {
128
- if (disabled)
129
- return;
130
- send("POINTER_LEAVE");
131
- }
132
- }),
133
- arrowProps: normalize.element({
134
- id: dom.getArrowId(state.context),
135
- ...parts.arrow.attrs,
136
- dir: state.context.dir,
137
- style: popperStyles.arrow
138
- }),
139
- arrowTipProps: normalize.element({
140
- ...parts.arrowTip.attrs,
141
- dir: state.context.dir,
142
- style: popperStyles.arrowTip
143
- }),
144
- positionerProps: normalize.element({
145
- id: dom.getPositionerId(state.context),
146
- ...parts.positioner.attrs,
147
- dir: state.context.dir,
148
- style: popperStyles.floating
149
- }),
150
- contentProps: normalize.element({
151
- ...parts.content.attrs,
152
- dir: state.context.dir,
153
- hidden: !open,
154
- "data-state": open ? "open" : "closed",
155
- role: hasAriaLabel ? void 0 : "tooltip",
156
- id: hasAriaLabel ? void 0 : contentId,
157
- "data-placement": state.context.currentPlacement,
158
- onPointerEnter() {
159
- send("CONTENT.POINTER_MOVE");
160
- },
161
- onPointerLeave() {
162
- send("CONTENT.POINTER_LEAVE");
163
- },
164
- style: {
165
- pointerEvents: state.context.interactive ? "auto" : "none"
166
- }
167
- })
168
- };
169
- }
170
-
171
- // src/tooltip.machine.ts
172
- var import_core2 = require("@zag-js/core");
173
- var import_dom_event = require("@zag-js/dom-event");
174
- var import_dom_query3 = require("@zag-js/dom-query");
175
- var import_popper2 = require("@zag-js/popper");
176
- var import_utils = require("@zag-js/utils");
177
- var { and, not } = import_core2.guards;
178
- function machine(userContext) {
179
- const ctx = (0, import_utils.compact)(userContext);
180
- return (0, import_core2.createMachine)(
181
- {
182
- id: "tooltip",
183
- initial: ctx.open ? "open" : "closed",
184
- context: {
185
- openDelay: 1e3,
186
- closeDelay: 500,
187
- closeOnPointerDown: true,
188
- closeOnEscape: true,
189
- interactive: false,
190
- ...ctx,
191
- currentPlacement: void 0,
192
- hasPointerMoveOpened: false,
193
- positioning: {
194
- placement: "bottom",
195
- ...ctx.positioning
196
- }
197
- },
198
- computed: {
199
- hasAriaLabel: (ctx2) => !!ctx2["aria-label"]
200
- },
201
- watch: {
202
- disabled: ["closeIfDisabled"],
203
- open: ["toggleVisibility"]
204
- },
205
- states: {
206
- closed: {
207
- tags: ["closed"],
208
- entry: ["clearGlobalId"],
209
- on: {
210
- "CONTROLLED.OPEN": "open",
211
- OPEN: {
212
- target: "open",
213
- actions: ["invokeOnOpen"]
214
- },
215
- POINTER_LEAVE: {
216
- actions: ["clearPointerMoveOpened"]
217
- },
218
- POINTER_MOVE: [
219
- {
220
- guard: and("noVisibleTooltip", not("hasPointerMoveOpened")),
221
- target: "opening"
222
- },
223
- {
224
- guard: not("hasPointerMoveOpened"),
225
- target: "open",
226
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
227
- }
228
- ]
229
- }
230
- },
231
- opening: {
232
- tags: ["closed"],
233
- activities: ["trackScroll", "trackPointerlockChange"],
234
- after: {
235
- OPEN_DELAY: [
236
- {
237
- guard: "isOpenControlled",
238
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
239
- },
240
- {
241
- target: "open",
242
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
243
- }
244
- ]
245
- },
246
- on: {
247
- "CONTROLLED.OPEN": "open",
248
- "CONTROLLED.CLOSE": "closed",
249
- OPEN: [
250
- {
251
- guard: "isOpenControlled",
252
- actions: ["invokeOnOpen"]
253
- },
254
- {
255
- target: "open",
256
- actions: ["invokeOnOpen"]
257
- }
258
- ],
259
- POINTER_LEAVE: [
260
- {
261
- guard: "isOpenControlled",
262
- actions: ["clearPointerMoveOpened", "invokeOnClose"]
263
- },
264
- {
265
- target: "closed",
266
- actions: ["clearPointerMoveOpened", "invokeOnClose"]
267
- }
268
- ],
269
- CLOSE: {
270
- target: "closed",
271
- actions: ["invokeOnClose"]
272
- }
273
- }
274
- },
275
- open: {
276
- tags: ["open"],
277
- activities: [
278
- "trackEscapeKey",
279
- "trackDisabledTriggerOnSafari",
280
- "trackScroll",
281
- "trackPointerlockChange",
282
- "trackPositioning"
283
- ],
284
- entry: ["setGlobalId"],
285
- on: {
286
- "CONTROLLED.CLOSE": "closed",
287
- CLOSE: {
288
- target: "closed",
289
- actions: ["invokeOnClose"]
290
- },
291
- POINTER_LEAVE: [
292
- {
293
- guard: "isVisible",
294
- target: "closing",
295
- actions: ["clearPointerMoveOpened"]
296
- },
297
- // == group ==
298
- {
299
- guard: "isOpenControlled",
300
- actions: ["clearPointerMoveOpened", "invokeOnClose"]
301
- },
302
- {
303
- target: "closed",
304
- actions: ["clearPointerMoveOpened", "invokeOnClose"]
305
- }
306
- ],
307
- "CONTENT.POINTER_LEAVE": {
308
- guard: "isInteractive",
309
- target: "closing"
310
- },
311
- "POSITIONING.SET": {
312
- actions: "reposition"
313
- }
314
- }
315
- },
316
- closing: {
317
- tags: ["open"],
318
- activities: ["trackStore", "trackPositioning"],
319
- after: {
320
- CLOSE_DELAY: [
321
- {
322
- guard: "isOpenControlled",
323
- actions: ["invokeOnClose"]
324
- },
325
- {
326
- target: "closed",
327
- actions: ["invokeOnClose"]
328
- }
329
- ]
330
- },
331
- on: {
332
- "CONTROLLED.CLOSE": "closed",
333
- "CONTROLLED.OPEN": "open",
334
- CLOSE: [
335
- {
336
- guard: "isOpenControlled",
337
- actions: ["invokeOnClose"]
338
- },
339
- {
340
- target: "closed",
341
- actions: ["invokeOnClose"]
342
- }
343
- ],
344
- POINTER_MOVE: [
345
- {
346
- guard: "isOpenControlled",
347
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
348
- },
349
- {
350
- target: "open",
351
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
352
- }
353
- ],
354
- "CONTENT.POINTER_MOVE": {
355
- guard: "isInteractive",
356
- target: "open"
357
- },
358
- "POSITIONING.SET": {
359
- actions: "reposition"
360
- }
361
- }
362
- }
363
- }
364
- },
365
- {
366
- activities: {
367
- trackPositioning(ctx2) {
368
- ctx2.currentPlacement = ctx2.positioning.placement;
369
- const getPositionerEl = () => dom.getPositionerEl(ctx2);
370
- return (0, import_popper2.getPlacement)(dom.getTriggerEl(ctx2), getPositionerEl, {
371
- ...ctx2.positioning,
372
- defer: true,
373
- onComplete(data) {
374
- ctx2.currentPlacement = data.placement;
375
- }
376
- });
377
- },
378
- trackPointerlockChange(ctx2, _evt, { send }) {
379
- const onChange = () => send({ type: "CLOSE", src: "pointerlock:change" });
380
- return (0, import_dom_event.addDomEvent)(dom.getDoc(ctx2), "pointerlockchange", onChange, false);
381
- },
382
- trackScroll(ctx2, _evt, { send }) {
383
- const triggerEl = dom.getTriggerEl(ctx2);
384
- if (!triggerEl)
385
- return;
386
- const overflowParents = (0, import_dom_query3.getOverflowAncestors)(triggerEl);
387
- const cleanups = overflowParents.map(
388
- (overflowParent) => (0, import_dom_event.addDomEvent)(overflowParent, "scroll", () => send({ type: "CLOSE", src: "scroll" }), {
389
- passive: true,
390
- capture: true
391
- })
392
- );
393
- return () => {
394
- cleanups.forEach((fn) => fn?.());
395
- };
396
- },
397
- trackStore(ctx2, _evt, { send }) {
398
- return (0, import_core2.subscribe)(store, () => {
399
- if (store.id !== ctx2.id) {
400
- send({ type: "CLOSE", src: "id:change" });
401
- }
402
- });
403
- },
404
- trackDisabledTriggerOnSafari(ctx2, _evt, { send }) {
405
- if (!(0, import_dom_query3.isSafari)())
406
- return;
407
- const doc = dom.getDoc(ctx2);
408
- return (0, import_dom_event.addDomEvent)(doc, "pointermove", (event) => {
409
- const selector = "[data-part=trigger][data-expanded]";
410
- if ((0, import_dom_query3.isHTMLElement)(event.target) && event.target.closest(selector))
411
- return;
412
- send("POINTER_LEAVE");
413
- });
414
- },
415
- trackEscapeKey(ctx2, _evt, { send }) {
416
- if (!ctx2.closeOnEscape)
417
- return;
418
- const doc = dom.getDoc(ctx2);
419
- return (0, import_dom_event.addDomEvent)(doc, "keydown", (event) => {
420
- if (event.key === "Escape") {
421
- send("CLOSE");
422
- }
423
- });
424
- }
425
- },
426
- actions: {
427
- setGlobalId(ctx2) {
428
- store.setId(ctx2.id);
429
- },
430
- clearGlobalId(ctx2) {
431
- if (ctx2.id === store.id) {
432
- store.setId(null);
433
- }
434
- },
435
- invokeOnOpen(ctx2) {
436
- ctx2.onOpenChange?.({ open: true });
437
- },
438
- invokeOnClose(ctx2) {
439
- ctx2.onOpenChange?.({ open: false });
440
- },
441
- closeIfDisabled(ctx2, _evt, { send }) {
442
- if (!ctx2.disabled)
443
- return;
444
- send({ type: "CLOSE", src: "disabled:change" });
445
- },
446
- reposition(ctx2, evt) {
447
- const getPositionerEl = () => dom.getPositionerEl(ctx2);
448
- (0, import_popper2.getPlacement)(dom.getTriggerEl(ctx2), getPositionerEl, {
449
- ...ctx2.positioning,
450
- ...evt.options,
451
- defer: true,
452
- listeners: false,
453
- onComplete(data) {
454
- ctx2.currentPlacement = data.placement;
455
- }
456
- });
457
- },
458
- toggleVisibility(ctx2, evt, { send }) {
459
- send({ type: ctx2.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: evt });
460
- },
461
- setPointerMoveOpened(ctx2) {
462
- ctx2.hasPointerMoveOpened = true;
463
- },
464
- clearPointerMoveOpened(ctx2) {
465
- ctx2.hasPointerMoveOpened = false;
466
- }
467
- },
468
- guards: {
469
- noVisibleTooltip: () => store.id === null,
470
- isVisible: (ctx2) => ctx2.id === store.id,
471
- isInteractive: (ctx2) => ctx2.interactive,
472
- hasPointerMoveOpened: (ctx2) => !!ctx2.hasPointerMoveOpened,
473
- isOpenControlled: (ctx2) => !!ctx2["open.controlled"]
474
- },
475
- delays: {
476
- OPEN_DELAY: (ctx2) => ctx2.openDelay,
477
- CLOSE_DELAY: (ctx2) => ctx2.closeDelay
478
- }
479
- }
480
- );
481
- }
482
-
483
- // src/tooltip.props.ts
484
- var import_types = require("@zag-js/types");
485
- var import_utils2 = require("@zag-js/utils");
486
- var props = (0, import_types.createProps)()([
487
- "aria-label",
488
- "closeDelay",
489
- "closeOnEscape",
490
- "closeOnPointerDown",
491
- "dir",
492
- "disabled",
493
- "getRootNode",
494
- "id",
495
- "ids",
496
- "interactive",
497
- "onOpenChange",
498
- "open.controlled",
499
- "open",
500
- "openDelay",
501
- "positioning"
502
- ]);
503
- var splitProps = (0, import_utils2.createSplitProps)(props);
504
- // Annotate the CommonJS export names for ESM import in node:
505
- 0 && (module.exports = {
506
- anatomy,
507
- connect,
508
- machine,
509
- props,
510
- splitProps
511
- });
1
+ "use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:true})};var __copyProps=(to,from,except,desc)=>{if(from&&typeof from==="object"||typeof from==="function"){for(let key of __getOwnPropNames(from))if(!__hasOwnProp.call(to,key)&&key!==except)__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable})}return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:true}),mod);var src_exports={};__export(src_exports,{anatomy:()=>anatomy,connect:()=>connect,machine:()=>machine,props:()=>props,splitProps:()=>splitProps});module.exports=__toCommonJS(src_exports);var import_anatomy=require("@zag-js/anatomy");var anatomy=(0,import_anatomy.createAnatomy)("tooltip").parts("trigger","arrow","arrowTip","positioner","content");var parts=anatomy.build();var import_dom_query2=require("@zag-js/dom-query");var import_popper=require("@zag-js/popper");var import_dom_query=require("@zag-js/dom-query");var dom=(0,import_dom_query.createScope)({getTriggerId:ctx=>ctx.ids?.trigger??`tooltip:${ctx.id}:trigger`,getContentId:ctx=>ctx.ids?.content??`tooltip:${ctx.id}:content`,getArrowId:ctx=>ctx.ids?.arrow??`tooltip:${ctx.id}:arrow`,getPositionerId:ctx=>ctx.ids?.positioner??`tooltip:${ctx.id}:popper`,getTriggerEl:ctx=>dom.getById(ctx,dom.getTriggerId(ctx)),getContentEl:ctx=>dom.getById(ctx,dom.getContentId(ctx)),getPositionerEl:ctx=>dom.getById(ctx,dom.getPositionerId(ctx)),getArrowEl:ctx=>dom.getById(ctx,dom.getArrowId(ctx))});var import_core=require("@zag-js/core");var store=(0,import_core.proxy)({id:null,prevId:null,setId(val){this.prevId=this.id;this.id=val}});function connect(state,send,normalize){const id=state.context.id;const hasAriaLabel=state.context.hasAriaLabel;const open=state.hasTag("open");const triggerId=dom.getTriggerId(state.context);const contentId=dom.getContentId(state.context);const disabled=state.context.disabled;const popperStyles=(0,import_popper.getPlacementStyles)({...state.context.positioning,placement:state.context.currentPlacement});return{open,setOpen(nextOpen){if(nextOpen===open)return;send(nextOpen?"OPEN":"CLOSE")},reposition(options={}){send({type:"POSITIONING.SET",options})},triggerProps:normalize.button({...parts.trigger.attrs,id:triggerId,dir:state.context.dir,"data-expanded":(0,import_dom_query2.dataAttr)(open),"data-state":open?"open":"closed","aria-describedby":open?contentId:void 0,onClick(){if(disabled)return;send("CLOSE")},onFocus(){if(disabled||state.event.type==="POINTER_DOWN")return;send("OPEN")},onBlur(){if(disabled)return;if(id===store.id){send("CLOSE")}},onPointerDown(){if(disabled||!state.context.closeOnPointerDown)return;if(id===store.id){send("CLOSE")}},onPointerMove(event){if(disabled||event.pointerType==="touch")return;send("POINTER_MOVE")},onPointerLeave(){if(disabled)return;send("POINTER_LEAVE")},onPointerCancel(){if(disabled)return;send("POINTER_LEAVE")}}),arrowProps:normalize.element({id:dom.getArrowId(state.context),...parts.arrow.attrs,dir:state.context.dir,style:popperStyles.arrow}),arrowTipProps:normalize.element({...parts.arrowTip.attrs,dir:state.context.dir,style:popperStyles.arrowTip}),positionerProps:normalize.element({id:dom.getPositionerId(state.context),...parts.positioner.attrs,dir:state.context.dir,style:popperStyles.floating}),contentProps:normalize.element({...parts.content.attrs,dir:state.context.dir,hidden:!open,"data-state":open?"open":"closed",role:hasAriaLabel?void 0:"tooltip",id:hasAriaLabel?void 0:contentId,"data-placement":state.context.currentPlacement,onPointerEnter(){send("CONTENT.POINTER_MOVE")},onPointerLeave(){send("CONTENT.POINTER_LEAVE")},style:{pointerEvents:state.context.interactive?"auto":"none"}})}}var import_core2=require("@zag-js/core");var import_dom_event=require("@zag-js/dom-event");var import_dom_query3=require("@zag-js/dom-query");var import_popper2=require("@zag-js/popper");var import_utils=require("@zag-js/utils");var{and,not}=import_core2.guards;function machine(userContext){const ctx=(0,import_utils.compact)(userContext);return(0,import_core2.createMachine)({id:"tooltip",initial:ctx.open?"open":"closed",context:{openDelay:1e3,closeDelay:500,closeOnPointerDown:true,closeOnEscape:true,interactive:false,...ctx,currentPlacement:void 0,hasPointerMoveOpened:false,positioning:{placement:"bottom",...ctx.positioning}},computed:{hasAriaLabel:ctx2=>!!ctx2["aria-label"]},watch:{disabled:["closeIfDisabled"],open:["toggleVisibility"]},states:{closed:{tags:["closed"],entry:["clearGlobalId"],on:{"CONTROLLED.OPEN":"open",OPEN:{target:"open",actions:["invokeOnOpen"]},POINTER_LEAVE:{actions:["clearPointerMoveOpened"]},POINTER_MOVE:[{guard:and("noVisibleTooltip",not("hasPointerMoveOpened")),target:"opening"},{guard:not("hasPointerMoveOpened"),target:"open",actions:["setPointerMoveOpened","invokeOnOpen"]}]}},opening:{tags:["closed"],activities:["trackScroll","trackPointerlockChange"],after:{OPEN_DELAY:[{guard:"isOpenControlled",actions:["setPointerMoveOpened","invokeOnOpen"]},{target:"open",actions:["setPointerMoveOpened","invokeOnOpen"]}]},on:{"CONTROLLED.OPEN":"open","CONTROLLED.CLOSE":"closed",OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],POINTER_LEAVE:[{guard:"isOpenControlled",actions:["clearPointerMoveOpened","invokeOnClose"]},{target:"closed",actions:["clearPointerMoveOpened","invokeOnClose"]}],CLOSE:{target:"closed",actions:["invokeOnClose"]}}},open:{tags:["open"],activities:["trackEscapeKey","trackDisabledTriggerOnSafari","trackScroll","trackPointerlockChange","trackPositioning"],entry:["setGlobalId"],on:{"CONTROLLED.CLOSE":"closed",CLOSE:{target:"closed",actions:["invokeOnClose"]},POINTER_LEAVE:[{guard:"isVisible",target:"closing",actions:["clearPointerMoveOpened"]},{guard:"isOpenControlled",actions:["clearPointerMoveOpened","invokeOnClose"]},{target:"closed",actions:["clearPointerMoveOpened","invokeOnClose"]}],"CONTENT.POINTER_LEAVE":{guard:"isInteractive",target:"closing"},"POSITIONING.SET":{actions:"reposition"}}},closing:{tags:["open"],activities:["trackStore","trackPositioning"],after:{CLOSE_DELAY:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}]},on:{"CONTROLLED.CLOSE":"closed","CONTROLLED.OPEN":"open",CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],POINTER_MOVE:[{guard:"isOpenControlled",actions:["setPointerMoveOpened","invokeOnOpen"]},{target:"open",actions:["setPointerMoveOpened","invokeOnOpen"]}],"CONTENT.POINTER_MOVE":{guard:"isInteractive",target:"open"},"POSITIONING.SET":{actions:"reposition"}}}}},{activities:{trackPositioning(ctx2){ctx2.currentPlacement=ctx2.positioning.placement;const getPositionerEl=()=>dom.getPositionerEl(ctx2);return(0,import_popper2.getPlacement)(dom.getTriggerEl(ctx2),getPositionerEl,{...ctx2.positioning,defer:true,onComplete(data){ctx2.currentPlacement=data.placement}})},trackPointerlockChange(ctx2,_evt,{send}){const onChange=()=>send({type:"CLOSE",src:"pointerlock:change"});return(0,import_dom_event.addDomEvent)(dom.getDoc(ctx2),"pointerlockchange",onChange,false)},trackScroll(ctx2,_evt,{send}){const triggerEl=dom.getTriggerEl(ctx2);if(!triggerEl)return;const overflowParents=(0,import_dom_query3.getOverflowAncestors)(triggerEl);const cleanups=overflowParents.map(overflowParent=>(0,import_dom_event.addDomEvent)(overflowParent,"scroll",()=>send({type:"CLOSE",src:"scroll"}),{passive:true,capture:true}));return()=>{cleanups.forEach(fn=>fn?.())}},trackStore(ctx2,_evt,{send}){return(0,import_core2.subscribe)(store,()=>{if(store.id!==ctx2.id){send({type:"CLOSE",src:"id:change"})}})},trackDisabledTriggerOnSafari(ctx2,_evt,{send}){if(!(0,import_dom_query3.isSafari)())return;const doc=dom.getDoc(ctx2);return(0,import_dom_event.addDomEvent)(doc,"pointermove",event=>{const selector="[data-part=trigger][data-expanded]";if((0,import_dom_query3.isHTMLElement)(event.target)&&event.target.closest(selector))return;send("POINTER_LEAVE")})},trackEscapeKey(ctx2,_evt,{send}){if(!ctx2.closeOnEscape)return;const doc=dom.getDoc(ctx2);return(0,import_dom_event.addDomEvent)(doc,"keydown",event=>{if(event.key==="Escape"){send("CLOSE")}})}},actions:{setGlobalId(ctx2){store.setId(ctx2.id)},clearGlobalId(ctx2){if(ctx2.id===store.id){store.setId(null)}},invokeOnOpen(ctx2){ctx2.onOpenChange?.({open:true})},invokeOnClose(ctx2){ctx2.onOpenChange?.({open:false})},closeIfDisabled(ctx2,_evt,{send}){if(!ctx2.disabled)return;send({type:"CLOSE",src:"disabled:change"})},reposition(ctx2,evt){const getPositionerEl=()=>dom.getPositionerEl(ctx2);(0,import_popper2.getPlacement)(dom.getTriggerEl(ctx2),getPositionerEl,{...ctx2.positioning,...evt.options,defer:true,listeners:false,onComplete(data){ctx2.currentPlacement=data.placement}})},toggleVisibility(ctx2,evt,{send}){send({type:ctx2.open?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:evt})},setPointerMoveOpened(ctx2){ctx2.hasPointerMoveOpened=true},clearPointerMoveOpened(ctx2){ctx2.hasPointerMoveOpened=false}},guards:{noVisibleTooltip:()=>store.id===null,isVisible:ctx2=>ctx2.id===store.id,isInteractive:ctx2=>ctx2.interactive,hasPointerMoveOpened:ctx2=>!!ctx2.hasPointerMoveOpened,isOpenControlled:ctx2=>!!ctx2["open.controlled"]},delays:{OPEN_DELAY:ctx2=>ctx2.openDelay,CLOSE_DELAY:ctx2=>ctx2.closeDelay}})}var import_types=require("@zag-js/types");var import_utils2=require("@zag-js/utils");var props=(0,import_types.createProps)()(["aria-label","closeDelay","closeOnEscape","closeOnPointerDown","dir","disabled","getRootNode","id","ids","interactive","onOpenChange","open.controlled","open","openDelay","positioning"]);var splitProps=(0,import_utils2.createSplitProps)(props);0&&(module.exports={anatomy,connect,machine,props,splitProps});
512
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/tooltip.anatomy.ts","../src/tooltip.connect.ts","../src/tooltip.dom.ts","../src/tooltip.store.ts","../src/tooltip.machine.ts","../src/tooltip.props.ts"],"sourcesContent":["export { anatomy } from \"./tooltip.anatomy\"\nexport { connect } from \"./tooltip.connect\"\nexport { machine } from \"./tooltip.machine\"\nexport * from \"./tooltip.props\"\nexport type {\n MachineApi as Api,\n UserDefinedContext as Context,\n ElementIds,\n OpenChangeDetails,\n Placement,\n PositioningOptions,\n} from \"./tooltip.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tooltip\").parts(\"trigger\", \"arrow\", \"arrowTip\", \"positioner\", \"content\")\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport { getPlacementStyles } from \"@zag-js/popper\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./tooltip.anatomy\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineApi, Send, State } from \"./tooltip.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n const id = state.context.id\n const hasAriaLabel = state.context.hasAriaLabel\n\n const open = state.hasTag(\"open\")\n\n const triggerId = dom.getTriggerId(state.context)\n const contentId = dom.getContentId(state.context)\n\n const disabled = state.context.disabled\n\n const popperStyles = getPlacementStyles({\n ...state.context.positioning,\n placement: state.context.currentPlacement,\n })\n\n return {\n open: open,\n setOpen(nextOpen) {\n if (nextOpen === open) return\n send(nextOpen ? \"OPEN\" : \"CLOSE\")\n },\n reposition(options = {}) {\n send({ type: \"POSITIONING.SET\", options })\n },\n\n triggerProps: normalize.button({\n ...parts.trigger.attrs,\n id: triggerId,\n dir: state.context.dir,\n \"data-expanded\": dataAttr(open),\n \"data-state\": open ? \"open\" : \"closed\",\n \"aria-describedby\": open ? contentId : undefined,\n onClick() {\n if (disabled) return\n send(\"CLOSE\")\n },\n onFocus() {\n if (disabled || state.event.type === \"POINTER_DOWN\") return\n send(\"OPEN\")\n },\n onBlur() {\n if (disabled) return\n if (id === store.id) {\n send(\"CLOSE\")\n }\n },\n onPointerDown() {\n if (disabled || !state.context.closeOnPointerDown) return\n if (id === store.id) {\n send(\"CLOSE\")\n }\n },\n onPointerMove(event) {\n if (disabled || event.pointerType === \"touch\") return\n send(\"POINTER_MOVE\")\n },\n onPointerLeave() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n onPointerCancel() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n }),\n\n arrowProps: normalize.element({\n id: dom.getArrowId(state.context),\n ...parts.arrow.attrs,\n dir: state.context.dir,\n style: popperStyles.arrow,\n }),\n\n arrowTipProps: normalize.element({\n ...parts.arrowTip.attrs,\n dir: state.context.dir,\n style: popperStyles.arrowTip,\n }),\n\n positionerProps: normalize.element({\n id: dom.getPositionerId(state.context),\n ...parts.positioner.attrs,\n dir: state.context.dir,\n style: popperStyles.floating,\n }),\n\n contentProps: normalize.element({\n ...parts.content.attrs,\n dir: state.context.dir,\n hidden: !open,\n \"data-state\": open ? \"open\" : \"closed\",\n role: hasAriaLabel ? undefined : \"tooltip\",\n id: hasAriaLabel ? undefined : contentId,\n \"data-placement\": state.context.currentPlacement,\n onPointerEnter() {\n send(\"CONTENT.POINTER_MOVE\")\n },\n onPointerLeave() {\n send(\"CONTENT.POINTER_LEAVE\")\n },\n style: {\n pointerEvents: state.context.interactive ? \"auto\" : \"none\",\n },\n }),\n }\n}\n","import { createScope } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./tooltip.types\"\n\nexport const dom = createScope({\n getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,\n getContentId: (ctx: Ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,\n getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,\n getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,\n\n getTriggerEl: (ctx: Ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),\n getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),\n getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),\n getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),\n})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ninterface TooltipStore {\n id: Id\n prevId: Id\n setId: (val: Id) => void\n}\n\nexport const store = proxy<TooltipStore>({\n id: null,\n prevId: null,\n setId(val) {\n this.prevId = this.id\n this.id = val\n },\n})\n","import { createMachine, guards, subscribe } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getOverflowAncestors, isHTMLElement, isSafari } from \"@zag-js/dom-query\"\nimport { getPlacement } from \"@zag-js/popper\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./tooltip.types\"\n\nconst { and, not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"tooltip\",\n initial: ctx.open ? \"open\" : \"closed\",\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEscape: true,\n interactive: false,\n ...ctx,\n currentPlacement: undefined,\n hasPointerMoveOpened: false,\n positioning: {\n placement: \"bottom\",\n ...ctx.positioning,\n },\n },\n\n computed: {\n hasAriaLabel: (ctx) => !!ctx[\"aria-label\"],\n },\n\n watch: {\n disabled: [\"closeIfDisabled\"],\n open: [\"toggleVisibility\"],\n },\n\n states: {\n closed: {\n tags: [\"closed\"],\n entry: [\"clearGlobalId\"],\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n OPEN: {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n POINTER_LEAVE: {\n actions: [\"clearPointerMoveOpened\"],\n },\n POINTER_MOVE: [\n {\n guard: and(\"noVisibleTooltip\", not(\"hasPointerMoveOpened\")),\n target: \"opening\",\n },\n {\n guard: not(\"hasPointerMoveOpened\"),\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n },\n\n opening: {\n tags: [\"closed\"],\n activities: [\"trackScroll\", \"trackPointerlockChange\"],\n after: {\n OPEN_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n \"CONTROLLED.CLOSE\": \"closed\",\n OPEN: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n ],\n POINTER_LEAVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n },\n },\n\n open: {\n tags: [\"open\"],\n activities: [\n \"trackEscapeKey\",\n \"trackDisabledTriggerOnSafari\",\n \"trackScroll\",\n \"trackPointerlockChange\",\n \"trackPositioning\",\n ],\n entry: [\"setGlobalId\"],\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n POINTER_LEAVE: [\n {\n guard: \"isVisible\",\n target: \"closing\",\n actions: [\"clearPointerMoveOpened\"],\n },\n // == group ==\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n \"CONTENT.POINTER_LEAVE\": {\n guard: \"isInteractive\",\n target: \"closing\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n\n closing: {\n tags: [\"open\"],\n activities: [\"trackStore\", \"trackPositioning\"],\n after: {\n CLOSE_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n \"CONTROLLED.OPEN\": \"open\",\n CLOSE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n POINTER_MOVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n \"CONTENT.POINTER_MOVE\": {\n guard: \"isInteractive\",\n target: \"open\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n },\n },\n {\n activities: {\n trackPositioning(ctx) {\n ctx.currentPlacement = ctx.positioning.placement\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n return getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n defer: true,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n })\n },\n trackPointerlockChange(ctx, _evt, { send }) {\n const onChange = () => send({ type: \"CLOSE\", src: \"pointerlock:change\" })\n return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n },\n trackScroll(ctx, _evt, { send }) {\n const triggerEl = dom.getTriggerEl(ctx)\n if (!triggerEl) return\n\n const overflowParents = getOverflowAncestors(triggerEl)\n const cleanups = overflowParents.map((overflowParent) =>\n addDomEvent(overflowParent, \"scroll\", () => send({ type: \"CLOSE\", src: \"scroll\" }), {\n passive: true,\n capture: true,\n }),\n )\n\n return () => {\n cleanups.forEach((fn) => fn?.())\n }\n },\n trackStore(ctx, _evt, { send }) {\n return subscribe(store, () => {\n if (store.id !== ctx.id) {\n send({ type: \"CLOSE\", src: \"id:change\" })\n }\n })\n },\n trackDisabledTriggerOnSafari(ctx, _evt, { send }) {\n if (!isSafari()) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"pointermove\", (event) => {\n const selector = \"[data-part=trigger][data-expanded]\"\n if (isHTMLElement(event.target) && event.target.closest(selector)) return\n send(\"POINTER_LEAVE\")\n })\n },\n trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEscape) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"keydown\", (event) => {\n if (event.key === \"Escape\") {\n send(\"CLOSE\")\n }\n })\n },\n },\n actions: {\n setGlobalId(ctx) {\n store.setId(ctx.id)\n },\n clearGlobalId(ctx) {\n if (ctx.id === store.id) {\n store.setId(null)\n }\n },\n invokeOnOpen(ctx) {\n ctx.onOpenChange?.({ open: true })\n },\n invokeOnClose(ctx) {\n ctx.onOpenChange?.({ open: false })\n },\n closeIfDisabled(ctx, _evt, { send }) {\n if (!ctx.disabled) return\n send({ type: \"CLOSE\", src: \"disabled:change\" })\n },\n reposition(ctx, evt) {\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n ...evt.options,\n defer: true,\n listeners: false,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n })\n },\n toggleVisibility(ctx, evt, { send }) {\n send({ type: ctx.open ? \"CONTROLLED.OPEN\" : \"CONTROLLED.CLOSE\", previousEvent: evt })\n },\n setPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = true\n },\n clearPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = false\n },\n },\n guards: {\n noVisibleTooltip: () => store.id === null,\n isVisible: (ctx) => ctx.id === store.id,\n isInteractive: (ctx) => ctx.interactive,\n hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,\n isOpenControlled: (ctx) => !!ctx[\"open.controlled\"],\n },\n delays: {\n OPEN_DELAY: (ctx) => ctx.openDelay,\n CLOSE_DELAY: (ctx) => ctx.closeDelay,\n },\n },\n )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./tooltip.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n \"aria-label\",\n \"closeDelay\",\n \"closeOnEscape\",\n \"closeOnPointerDown\",\n \"dir\",\n \"disabled\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"interactive\",\n \"onOpenChange\",\n \"open.controlled\",\n \"open\",\n \"openDelay\",\n \"positioning\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"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","names":["import_dom_query","import_core","import_dom_query","import_popper","ctx","import_utils"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/tooltip.anatomy.ts","../src/tooltip.connect.ts","../src/tooltip.dom.ts","../src/tooltip.store.ts","../src/tooltip.machine.ts","../src/tooltip.props.ts"],"sourcesContent":["export { anatomy } from \"./tooltip.anatomy\"\nexport { connect } from \"./tooltip.connect\"\nexport { machine } from \"./tooltip.machine\"\nexport * from \"./tooltip.props\"\nexport type {\n MachineApi as Api,\n UserDefinedContext as Context,\n ElementIds,\n OpenChangeDetails,\n Placement,\n PositioningOptions,\n} from \"./tooltip.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tooltip\").parts(\"trigger\", \"arrow\", \"arrowTip\", \"positioner\", \"content\")\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport { getPlacementStyles } from \"@zag-js/popper\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./tooltip.anatomy\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineApi, Send, State } from \"./tooltip.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n const id = state.context.id\n const hasAriaLabel = state.context.hasAriaLabel\n\n const open = state.hasTag(\"open\")\n\n const triggerId = dom.getTriggerId(state.context)\n const contentId = dom.getContentId(state.context)\n\n const disabled = state.context.disabled\n\n const popperStyles = getPlacementStyles({\n ...state.context.positioning,\n placement: state.context.currentPlacement,\n })\n\n return {\n open: open,\n setOpen(nextOpen) {\n if (nextOpen === open) return\n send(nextOpen ? \"OPEN\" : \"CLOSE\")\n },\n reposition(options = {}) {\n send({ type: \"POSITIONING.SET\", options })\n },\n\n triggerProps: normalize.button({\n ...parts.trigger.attrs,\n id: triggerId,\n dir: state.context.dir,\n \"data-expanded\": dataAttr(open),\n \"data-state\": open ? \"open\" : \"closed\",\n \"aria-describedby\": open ? contentId : undefined,\n onClick() {\n if (disabled) return\n send(\"CLOSE\")\n },\n onFocus() {\n if (disabled || state.event.type === \"POINTER_DOWN\") return\n send(\"OPEN\")\n },\n onBlur() {\n if (disabled) return\n if (id === store.id) {\n send(\"CLOSE\")\n }\n },\n onPointerDown() {\n if (disabled || !state.context.closeOnPointerDown) return\n if (id === store.id) {\n send(\"CLOSE\")\n }\n },\n onPointerMove(event) {\n if (disabled || event.pointerType === \"touch\") return\n send(\"POINTER_MOVE\")\n },\n onPointerLeave() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n onPointerCancel() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n }),\n\n arrowProps: normalize.element({\n id: dom.getArrowId(state.context),\n ...parts.arrow.attrs,\n dir: state.context.dir,\n style: popperStyles.arrow,\n }),\n\n arrowTipProps: normalize.element({\n ...parts.arrowTip.attrs,\n dir: state.context.dir,\n style: popperStyles.arrowTip,\n }),\n\n positionerProps: normalize.element({\n id: dom.getPositionerId(state.context),\n ...parts.positioner.attrs,\n dir: state.context.dir,\n style: popperStyles.floating,\n }),\n\n contentProps: normalize.element({\n ...parts.content.attrs,\n dir: state.context.dir,\n hidden: !open,\n \"data-state\": open ? \"open\" : \"closed\",\n role: hasAriaLabel ? undefined : \"tooltip\",\n id: hasAriaLabel ? undefined : contentId,\n \"data-placement\": state.context.currentPlacement,\n onPointerEnter() {\n send(\"CONTENT.POINTER_MOVE\")\n },\n onPointerLeave() {\n send(\"CONTENT.POINTER_LEAVE\")\n },\n style: {\n pointerEvents: state.context.interactive ? \"auto\" : \"none\",\n },\n }),\n }\n}\n","import { createScope } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./tooltip.types\"\n\nexport const dom = createScope({\n getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,\n getContentId: (ctx: Ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,\n getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,\n getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,\n\n getTriggerEl: (ctx: Ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),\n getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),\n getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),\n getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),\n})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ninterface TooltipStore {\n id: Id\n prevId: Id\n setId: (val: Id) => void\n}\n\nexport const store = proxy<TooltipStore>({\n id: null,\n prevId: null,\n setId(val) {\n this.prevId = this.id\n this.id = val\n },\n})\n","import { createMachine, guards, subscribe } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getOverflowAncestors, isHTMLElement, isSafari } from \"@zag-js/dom-query\"\nimport { getPlacement } from \"@zag-js/popper\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./tooltip.types\"\n\nconst { and, not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"tooltip\",\n initial: ctx.open ? \"open\" : \"closed\",\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEscape: true,\n interactive: false,\n ...ctx,\n currentPlacement: undefined,\n hasPointerMoveOpened: false,\n positioning: {\n placement: \"bottom\",\n ...ctx.positioning,\n },\n },\n\n computed: {\n hasAriaLabel: (ctx) => !!ctx[\"aria-label\"],\n },\n\n watch: {\n disabled: [\"closeIfDisabled\"],\n open: [\"toggleVisibility\"],\n },\n\n states: {\n closed: {\n tags: [\"closed\"],\n entry: [\"clearGlobalId\"],\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n OPEN: {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n POINTER_LEAVE: {\n actions: [\"clearPointerMoveOpened\"],\n },\n POINTER_MOVE: [\n {\n guard: and(\"noVisibleTooltip\", not(\"hasPointerMoveOpened\")),\n target: \"opening\",\n },\n {\n guard: not(\"hasPointerMoveOpened\"),\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n },\n\n opening: {\n tags: [\"closed\"],\n activities: [\"trackScroll\", \"trackPointerlockChange\"],\n after: {\n OPEN_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n \"CONTROLLED.CLOSE\": \"closed\",\n OPEN: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n ],\n POINTER_LEAVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n },\n },\n\n open: {\n tags: [\"open\"],\n activities: [\n \"trackEscapeKey\",\n \"trackDisabledTriggerOnSafari\",\n \"trackScroll\",\n \"trackPointerlockChange\",\n \"trackPositioning\",\n ],\n entry: [\"setGlobalId\"],\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n POINTER_LEAVE: [\n {\n guard: \"isVisible\",\n target: \"closing\",\n actions: [\"clearPointerMoveOpened\"],\n },\n // == group ==\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n \"CONTENT.POINTER_LEAVE\": {\n guard: \"isInteractive\",\n target: \"closing\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n\n closing: {\n tags: [\"open\"],\n activities: [\"trackStore\", \"trackPositioning\"],\n after: {\n CLOSE_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n \"CONTROLLED.OPEN\": \"open\",\n CLOSE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n POINTER_MOVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n \"CONTENT.POINTER_MOVE\": {\n guard: \"isInteractive\",\n target: \"open\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n },\n },\n {\n activities: {\n trackPositioning(ctx) {\n ctx.currentPlacement = ctx.positioning.placement\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n return getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n defer: true,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n })\n },\n trackPointerlockChange(ctx, _evt, { send }) {\n const onChange = () => send({ type: \"CLOSE\", src: \"pointerlock:change\" })\n return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n },\n trackScroll(ctx, _evt, { send }) {\n const triggerEl = dom.getTriggerEl(ctx)\n if (!triggerEl) return\n\n const overflowParents = getOverflowAncestors(triggerEl)\n const cleanups = overflowParents.map((overflowParent) =>\n addDomEvent(overflowParent, \"scroll\", () => send({ type: \"CLOSE\", src: \"scroll\" }), {\n passive: true,\n capture: true,\n }),\n )\n\n return () => {\n cleanups.forEach((fn) => fn?.())\n }\n },\n trackStore(ctx, _evt, { send }) {\n return subscribe(store, () => {\n if (store.id !== ctx.id) {\n send({ type: \"CLOSE\", src: \"id:change\" })\n }\n })\n },\n trackDisabledTriggerOnSafari(ctx, _evt, { send }) {\n if (!isSafari()) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"pointermove\", (event) => {\n const selector = \"[data-part=trigger][data-expanded]\"\n if (isHTMLElement(event.target) && event.target.closest(selector)) return\n send(\"POINTER_LEAVE\")\n })\n },\n trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEscape) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"keydown\", (event) => {\n if (event.key === \"Escape\") {\n send(\"CLOSE\")\n }\n })\n },\n },\n actions: {\n setGlobalId(ctx) {\n store.setId(ctx.id)\n },\n clearGlobalId(ctx) {\n if (ctx.id === store.id) {\n store.setId(null)\n }\n },\n invokeOnOpen(ctx) {\n ctx.onOpenChange?.({ open: true })\n },\n invokeOnClose(ctx) {\n ctx.onOpenChange?.({ open: false })\n },\n closeIfDisabled(ctx, _evt, { send }) {\n if (!ctx.disabled) return\n send({ type: \"CLOSE\", src: \"disabled:change\" })\n },\n reposition(ctx, evt) {\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n ...evt.options,\n defer: true,\n listeners: false,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n })\n },\n toggleVisibility(ctx, evt, { send }) {\n send({ type: ctx.open ? \"CONTROLLED.OPEN\" : \"CONTROLLED.CLOSE\", previousEvent: evt })\n },\n setPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = true\n },\n clearPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = false\n },\n },\n guards: {\n noVisibleTooltip: () => store.id === null,\n isVisible: (ctx) => ctx.id === store.id,\n isInteractive: (ctx) => ctx.interactive,\n hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,\n isOpenControlled: (ctx) => !!ctx[\"open.controlled\"],\n },\n delays: {\n OPEN_DELAY: (ctx) => ctx.openDelay,\n CLOSE_DELAY: (ctx) => ctx.closeDelay,\n },\n },\n )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./tooltip.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n \"aria-label\",\n \"closeDelay\",\n \"closeOnEscape\",\n \"closeOnPointerDown\",\n \"dir\",\n \"disabled\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"interactive\",\n \"onOpenChange\",\n \"open.controlled\",\n \"open\",\n \"openDelay\",\n \"positioning\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"qqBAAA,0LCAA,mBAA8B,2BAEvB,IAAM,WAAU,8BAAc,SAAS,EAAE,MAAM,UAAW,QAAS,WAAY,aAAc,SAAS,EACtG,IAAM,MAAQ,QAAQ,MAAM,ECHnC,IAAAA,kBAAyB,6BACzB,kBAAmC,0BCDnC,qBAA4B,6BAGrB,IAAM,OAAM,8BAAY,CAC7B,aAAe,KAAa,IAAI,KAAK,SAAW,WAAW,IAAI,EAAE,WACjE,aAAe,KAAa,IAAI,KAAK,SAAW,WAAW,IAAI,EAAE,WACjE,WAAa,KAAa,IAAI,KAAK,OAAS,WAAW,IAAI,EAAE,SAC7D,gBAAkB,KAAa,IAAI,KAAK,YAAc,WAAW,IAAI,EAAE,UAEvE,aAAe,KAAa,IAAI,QAAQ,IAAK,IAAI,aAAa,GAAG,CAAC,EAClE,aAAe,KAAa,IAAI,QAAQ,IAAK,IAAI,aAAa,GAAG,CAAC,EAClE,gBAAkB,KAAa,IAAI,QAAQ,IAAK,IAAI,gBAAgB,GAAG,CAAC,EACxE,WAAa,KAAa,IAAI,QAAQ,IAAK,IAAI,WAAW,GAAG,CAAC,CAChE,CAAC,ECbD,gBAAsB,wBAUf,IAAM,SAAQ,mBAAoB,CACvC,GAAI,KACJ,OAAQ,KACR,MAAM,IAAK,CACT,KAAK,OAAS,KAAK,GACnB,KAAK,GAAK,GACZ,CACF,CAAC,EFTM,SAAS,QAA6B,MAAc,KAAY,UAA6C,CAClH,MAAM,GAAK,MAAM,QAAQ,GACzB,MAAM,aAAe,MAAM,QAAQ,aAEnC,MAAM,KAAO,MAAM,OAAO,MAAM,EAEhC,MAAM,UAAY,IAAI,aAAa,MAAM,OAAO,EAChD,MAAM,UAAY,IAAI,aAAa,MAAM,OAAO,EAEhD,MAAM,SAAW,MAAM,QAAQ,SAE/B,MAAM,gBAAe,kCAAmB,CACtC,GAAG,MAAM,QAAQ,YACjB,UAAW,MAAM,QAAQ,gBAC3B,CAAC,EAED,MAAO,CACL,KACA,QAAQ,SAAU,CAChB,GAAI,WAAa,KAAM,OACvB,KAAK,SAAW,OAAS,OAAO,CAClC,EACA,WAAW,QAAU,CAAC,EAAG,CACvB,KAAK,CAAE,KAAM,kBAAmB,OAAQ,CAAC,CAC3C,EAEA,aAAc,UAAU,OAAO,CAC7B,GAAG,MAAM,QAAQ,MACjB,GAAI,UACJ,IAAK,MAAM,QAAQ,IACnB,mBAAiB,4BAAS,IAAI,EAC9B,aAAc,KAAO,OAAS,SAC9B,mBAAoB,KAAO,UAAY,OACvC,SAAU,CACR,GAAI,SAAU,OACd,KAAK,OAAO,CACd,EACA,SAAU,CACR,GAAI,UAAY,MAAM,MAAM,OAAS,eAAgB,OACrD,KAAK,MAAM,CACb,EACA,QAAS,CACP,GAAI,SAAU,OACd,GAAI,KAAO,MAAM,GAAI,CACnB,KAAK,OAAO,CACd,CACF,EACA,eAAgB,CACd,GAAI,UAAY,CAAC,MAAM,QAAQ,mBAAoB,OACnD,GAAI,KAAO,MAAM,GAAI,CACnB,KAAK,OAAO,CACd,CACF,EACA,cAAc,MAAO,CACnB,GAAI,UAAY,MAAM,cAAgB,QAAS,OAC/C,KAAK,cAAc,CACrB,EACA,gBAAiB,CACf,GAAI,SAAU,OACd,KAAK,eAAe,CACtB,EACA,iBAAkB,CAChB,GAAI,SAAU,OACd,KAAK,eAAe,CACtB,CACF,CAAC,EAED,WAAY,UAAU,QAAQ,CAC5B,GAAI,IAAI,WAAW,MAAM,OAAO,EAChC,GAAG,MAAM,MAAM,MACf,IAAK,MAAM,QAAQ,IACnB,MAAO,aAAa,KACtB,CAAC,EAED,cAAe,UAAU,QAAQ,CAC/B,GAAG,MAAM,SAAS,MAClB,IAAK,MAAM,QAAQ,IACnB,MAAO,aAAa,QACtB,CAAC,EAED,gBAAiB,UAAU,QAAQ,CACjC,GAAI,IAAI,gBAAgB,MAAM,OAAO,EACrC,GAAG,MAAM,WAAW,MACpB,IAAK,MAAM,QAAQ,IACnB,MAAO,aAAa,QACtB,CAAC,EAED,aAAc,UAAU,QAAQ,CAC9B,GAAG,MAAM,QAAQ,MACjB,IAAK,MAAM,QAAQ,IACnB,OAAQ,CAAC,KACT,aAAc,KAAO,OAAS,SAC9B,KAAM,aAAe,OAAY,UACjC,GAAI,aAAe,OAAY,UAC/B,iBAAkB,MAAM,QAAQ,iBAChC,gBAAiB,CACf,KAAK,sBAAsB,CAC7B,EACA,gBAAiB,CACf,KAAK,uBAAuB,CAC9B,EACA,MAAO,CACL,cAAe,MAAM,QAAQ,YAAc,OAAS,MACtD,CACF,CAAC,CACH,CACF,CGlHA,IAAAC,aAAiD,wBACjD,qBAA4B,6BAC5B,IAAAC,kBAA8D,6BAC9D,IAAAC,eAA6B,0BAC7B,iBAAwB,yBAKxB,GAAM,CAAE,IAAK,GAAI,EAAI,oBAEd,SAAS,QAAQ,YAAiC,CACvD,MAAM,OAAM,sBAAQ,WAAW,EAC/B,SAAO,4BACL,CACE,GAAI,UACJ,QAAS,IAAI,KAAO,OAAS,SAE7B,QAAS,CACP,UAAW,IACX,WAAY,IACZ,mBAAoB,KACpB,cAAe,KACf,YAAa,MACb,GAAG,IACH,iBAAkB,OAClB,qBAAsB,MACtB,YAAa,CACX,UAAW,SACX,GAAG,IAAI,WACT,CACF,EAEA,SAAU,CACR,aAAeC,MAAQ,CAAC,CAACA,KAAI,YAAY,CAC3C,EAEA,MAAO,CACL,SAAU,CAAC,iBAAiB,EAC5B,KAAM,CAAC,kBAAkB,CAC3B,EAEA,OAAQ,CACN,OAAQ,CACN,KAAM,CAAC,QAAQ,EACf,MAAO,CAAC,eAAe,EACvB,GAAI,CACF,kBAAmB,OACnB,KAAM,CACJ,OAAQ,OACR,QAAS,CAAC,cAAc,CAC1B,EACA,cAAe,CACb,QAAS,CAAC,wBAAwB,CACpC,EACA,aAAc,CACZ,CACE,MAAO,IAAI,mBAAoB,IAAI,sBAAsB,CAAC,EAC1D,OAAQ,SACV,EACA,CACE,MAAO,IAAI,sBAAsB,EACjC,OAAQ,OACR,QAAS,CAAC,uBAAwB,cAAc,CAClD,CACF,CACF,CACF,EAEA,QAAS,CACP,KAAM,CAAC,QAAQ,EACf,WAAY,CAAC,cAAe,wBAAwB,EACpD,MAAO,CACL,WAAY,CACV,CACE,MAAO,mBACP,QAAS,CAAC,uBAAwB,cAAc,CAClD,EACA,CACE,OAAQ,OACR,QAAS,CAAC,uBAAwB,cAAc,CAClD,CACF,CACF,EACA,GAAI,CACF,kBAAmB,OACnB,mBAAoB,SACpB,KAAM,CACJ,CACE,MAAO,mBACP,QAAS,CAAC,cAAc,CAC1B,EACA,CACE,OAAQ,OACR,QAAS,CAAC,cAAc,CAC1B,CACF,EACA,cAAe,CACb,CACE,MAAO,mBACP,QAAS,CAAC,yBAA0B,eAAe,CACrD,EACA,CACE,OAAQ,SACR,QAAS,CAAC,yBAA0B,eAAe,CACrD,CACF,EACA,MAAO,CACL,OAAQ,SACR,QAAS,CAAC,eAAe,CAC3B,CACF,CACF,EAEA,KAAM,CACJ,KAAM,CAAC,MAAM,EACb,WAAY,CACV,iBACA,+BACA,cACA,yBACA,kBACF,EACA,MAAO,CAAC,aAAa,EACrB,GAAI,CACF,mBAAoB,SACpB,MAAO,CACL,OAAQ,SACR,QAAS,CAAC,eAAe,CAC3B,EACA,cAAe,CACb,CACE,MAAO,YACP,OAAQ,UACR,QAAS,CAAC,wBAAwB,CACpC,EAEA,CACE,MAAO,mBACP,QAAS,CAAC,yBAA0B,eAAe,CACrD,EACA,CACE,OAAQ,SACR,QAAS,CAAC,yBAA0B,eAAe,CACrD,CACF,EACA,wBAAyB,CACvB,MAAO,gBACP,OAAQ,SACV,EACA,kBAAmB,CACjB,QAAS,YACX,CACF,CACF,EAEA,QAAS,CACP,KAAM,CAAC,MAAM,EACb,WAAY,CAAC,aAAc,kBAAkB,EAC7C,MAAO,CACL,YAAa,CACX,CACE,MAAO,mBACP,QAAS,CAAC,eAAe,CAC3B,EACA,CACE,OAAQ,SACR,QAAS,CAAC,eAAe,CAC3B,CACF,CACF,EACA,GAAI,CACF,mBAAoB,SACpB,kBAAmB,OACnB,MAAO,CACL,CACE,MAAO,mBACP,QAAS,CAAC,eAAe,CAC3B,EACA,CACE,OAAQ,SACR,QAAS,CAAC,eAAe,CAC3B,CACF,EACA,aAAc,CACZ,CACE,MAAO,mBACP,QAAS,CAAC,uBAAwB,cAAc,CAClD,EACA,CACE,OAAQ,OACR,QAAS,CAAC,uBAAwB,cAAc,CAClD,CACF,EACA,uBAAwB,CACtB,MAAO,gBACP,OAAQ,MACV,EACA,kBAAmB,CACjB,QAAS,YACX,CACF,CACF,CACF,CACF,EACA,CACE,WAAY,CACV,iBAAiBA,KAAK,CACpBA,KAAI,iBAAmBA,KAAI,YAAY,UACvC,MAAM,gBAAkB,IAAM,IAAI,gBAAgBA,IAAG,EACrD,SAAO,6BAAa,IAAI,aAAaA,IAAG,EAAG,gBAAiB,CAC1D,GAAGA,KAAI,YACP,MAAO,KACP,WAAW,KAAM,CACfA,KAAI,iBAAmB,KAAK,SAC9B,CACF,CAAC,CACH,EACA,uBAAuBA,KAAK,KAAM,CAAE,IAAK,EAAG,CAC1C,MAAM,SAAW,IAAM,KAAK,CAAE,KAAM,QAAS,IAAK,oBAAqB,CAAC,EACxE,SAAO,8BAAY,IAAI,OAAOA,IAAG,EAAG,oBAAqB,SAAU,KAAK,CAC1E,EACA,YAAYA,KAAK,KAAM,CAAE,IAAK,EAAG,CAC/B,MAAM,UAAY,IAAI,aAAaA,IAAG,EACtC,GAAI,CAAC,UAAW,OAEhB,MAAM,mBAAkB,wCAAqB,SAAS,EACtD,MAAM,SAAW,gBAAgB,IAAK,mBACpC,8BAAY,eAAgB,SAAU,IAAM,KAAK,CAAE,KAAM,QAAS,IAAK,QAAS,CAAC,EAAG,CAClF,QAAS,KACT,QAAS,IACX,CAAC,CACH,EAEA,MAAO,IAAM,CACX,SAAS,QAAS,IAAO,KAAK,CAAC,CACjC,CACF,EACA,WAAWA,KAAK,KAAM,CAAE,IAAK,EAAG,CAC9B,SAAO,wBAAU,MAAO,IAAM,CAC5B,GAAI,MAAM,KAAOA,KAAI,GAAI,CACvB,KAAK,CAAE,KAAM,QAAS,IAAK,WAAY,CAAC,CAC1C,CACF,CAAC,CACH,EACA,6BAA6BA,KAAK,KAAM,CAAE,IAAK,EAAG,CAChD,GAAI,IAAC,4BAAS,EAAG,OACjB,MAAM,IAAM,IAAI,OAAOA,IAAG,EAC1B,SAAO,8BAAY,IAAK,cAAgB,OAAU,CAChD,MAAM,SAAW,qCACjB,MAAI,iCAAc,MAAM,MAAM,GAAK,MAAM,OAAO,QAAQ,QAAQ,EAAG,OACnE,KAAK,eAAe,CACtB,CAAC,CACH,EACA,eAAeA,KAAK,KAAM,CAAE,IAAK,EAAG,CAClC,GAAI,CAACA,KAAI,cAAe,OACxB,MAAM,IAAM,IAAI,OAAOA,IAAG,EAC1B,SAAO,8BAAY,IAAK,UAAY,OAAU,CAC5C,GAAI,MAAM,MAAQ,SAAU,CAC1B,KAAK,OAAO,CACd,CACF,CAAC,CACH,CACF,EACA,QAAS,CACP,YAAYA,KAAK,CACf,MAAM,MAAMA,KAAI,EAAE,CACpB,EACA,cAAcA,KAAK,CACjB,GAAIA,KAAI,KAAO,MAAM,GAAI,CACvB,MAAM,MAAM,IAAI,CAClB,CACF,EACA,aAAaA,KAAK,CAChBA,KAAI,eAAe,CAAE,KAAM,IAAK,CAAC,CACnC,EACA,cAAcA,KAAK,CACjBA,KAAI,eAAe,CAAE,KAAM,KAAM,CAAC,CACpC,EACA,gBAAgBA,KAAK,KAAM,CAAE,IAAK,EAAG,CACnC,GAAI,CAACA,KAAI,SAAU,OACnB,KAAK,CAAE,KAAM,QAAS,IAAK,iBAAkB,CAAC,CAChD,EACA,WAAWA,KAAK,IAAK,CACnB,MAAM,gBAAkB,IAAM,IAAI,gBAAgBA,IAAG,KACrD,6BAAa,IAAI,aAAaA,IAAG,EAAG,gBAAiB,CACnD,GAAGA,KAAI,YACP,GAAG,IAAI,QACP,MAAO,KACP,UAAW,MACX,WAAW,KAAM,CACfA,KAAI,iBAAmB,KAAK,SAC9B,CACF,CAAC,CACH,EACA,iBAAiBA,KAAK,IAAK,CAAE,IAAK,EAAG,CACnC,KAAK,CAAE,KAAMA,KAAI,KAAO,kBAAoB,mBAAoB,cAAe,GAAI,CAAC,CACtF,EACA,qBAAqBA,KAAK,CACxBA,KAAI,qBAAuB,IAC7B,EACA,uBAAuBA,KAAK,CAC1BA,KAAI,qBAAuB,KAC7B,CACF,EACA,OAAQ,CACN,iBAAkB,IAAM,MAAM,KAAO,KACrC,UAAYA,MAAQA,KAAI,KAAO,MAAM,GACrC,cAAgBA,MAAQA,KAAI,YAC5B,qBAAuBA,MAAQ,CAAC,CAACA,KAAI,qBACrC,iBAAmBA,MAAQ,CAAC,CAACA,KAAI,iBAAiB,CACpD,EACA,OAAQ,CACN,WAAaA,MAAQA,KAAI,UACzB,YAAcA,MAAQA,KAAI,UAC5B,CACF,CACF,CACF,CC9TA,iBAA4B,yBAC5B,IAAAC,cAAiC,yBAG1B,IAAM,SAAQ,0BAAgC,EAAE,CACrD,aACA,aACA,gBACA,qBACA,MACA,WACA,cACA,KACA,MACA,cACA,eACA,kBACA,OACA,YACA,aACF,CAAC,EAEM,IAAM,cAAa,gCAA8C,KAAK","names":["import_dom_query","import_core","import_dom_query","import_popper","ctx","import_utils"]}
package/dist/index.mjs CHANGED
@@ -1,481 +1,2 @@
1
- // src/tooltip.anatomy.ts
2
- import { createAnatomy } from "@zag-js/anatomy";
3
- var anatomy = createAnatomy("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
4
- var parts = anatomy.build();
5
-
6
- // src/tooltip.connect.ts
7
- import { dataAttr } from "@zag-js/dom-query";
8
- import { getPlacementStyles } from "@zag-js/popper";
9
-
10
- // src/tooltip.dom.ts
11
- import { createScope } from "@zag-js/dom-query";
12
- var dom = createScope({
13
- getTriggerId: (ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,
14
- getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
15
- getArrowId: (ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,
16
- getPositionerId: (ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,
17
- getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
18
- getContentEl: (ctx) => dom.getById(ctx, dom.getContentId(ctx)),
19
- getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
20
- getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx))
21
- });
22
-
23
- // src/tooltip.store.ts
24
- import { proxy } from "@zag-js/core";
25
- var store = proxy({
26
- id: null,
27
- prevId: null,
28
- setId(val) {
29
- this.prevId = this.id;
30
- this.id = val;
31
- }
32
- });
33
-
34
- // src/tooltip.connect.ts
35
- function connect(state, send, normalize) {
36
- const id = state.context.id;
37
- const hasAriaLabel = state.context.hasAriaLabel;
38
- const open = state.hasTag("open");
39
- const triggerId = dom.getTriggerId(state.context);
40
- const contentId = dom.getContentId(state.context);
41
- const disabled = state.context.disabled;
42
- const popperStyles = getPlacementStyles({
43
- ...state.context.positioning,
44
- placement: state.context.currentPlacement
45
- });
46
- return {
47
- open,
48
- setOpen(nextOpen) {
49
- if (nextOpen === open)
50
- return;
51
- send(nextOpen ? "OPEN" : "CLOSE");
52
- },
53
- reposition(options = {}) {
54
- send({ type: "POSITIONING.SET", options });
55
- },
56
- triggerProps: normalize.button({
57
- ...parts.trigger.attrs,
58
- id: triggerId,
59
- dir: state.context.dir,
60
- "data-expanded": dataAttr(open),
61
- "data-state": open ? "open" : "closed",
62
- "aria-describedby": open ? contentId : void 0,
63
- onClick() {
64
- if (disabled)
65
- return;
66
- send("CLOSE");
67
- },
68
- onFocus() {
69
- if (disabled || state.event.type === "POINTER_DOWN")
70
- return;
71
- send("OPEN");
72
- },
73
- onBlur() {
74
- if (disabled)
75
- return;
76
- if (id === store.id) {
77
- send("CLOSE");
78
- }
79
- },
80
- onPointerDown() {
81
- if (disabled || !state.context.closeOnPointerDown)
82
- return;
83
- if (id === store.id) {
84
- send("CLOSE");
85
- }
86
- },
87
- onPointerMove(event) {
88
- if (disabled || event.pointerType === "touch")
89
- return;
90
- send("POINTER_MOVE");
91
- },
92
- onPointerLeave() {
93
- if (disabled)
94
- return;
95
- send("POINTER_LEAVE");
96
- },
97
- onPointerCancel() {
98
- if (disabled)
99
- return;
100
- send("POINTER_LEAVE");
101
- }
102
- }),
103
- arrowProps: normalize.element({
104
- id: dom.getArrowId(state.context),
105
- ...parts.arrow.attrs,
106
- dir: state.context.dir,
107
- style: popperStyles.arrow
108
- }),
109
- arrowTipProps: normalize.element({
110
- ...parts.arrowTip.attrs,
111
- dir: state.context.dir,
112
- style: popperStyles.arrowTip
113
- }),
114
- positionerProps: normalize.element({
115
- id: dom.getPositionerId(state.context),
116
- ...parts.positioner.attrs,
117
- dir: state.context.dir,
118
- style: popperStyles.floating
119
- }),
120
- contentProps: normalize.element({
121
- ...parts.content.attrs,
122
- dir: state.context.dir,
123
- hidden: !open,
124
- "data-state": open ? "open" : "closed",
125
- role: hasAriaLabel ? void 0 : "tooltip",
126
- id: hasAriaLabel ? void 0 : contentId,
127
- "data-placement": state.context.currentPlacement,
128
- onPointerEnter() {
129
- send("CONTENT.POINTER_MOVE");
130
- },
131
- onPointerLeave() {
132
- send("CONTENT.POINTER_LEAVE");
133
- },
134
- style: {
135
- pointerEvents: state.context.interactive ? "auto" : "none"
136
- }
137
- })
138
- };
139
- }
140
-
141
- // src/tooltip.machine.ts
142
- import { createMachine, guards, subscribe } from "@zag-js/core";
143
- import { addDomEvent } from "@zag-js/dom-event";
144
- import { getOverflowAncestors, isHTMLElement, isSafari } from "@zag-js/dom-query";
145
- import { getPlacement } from "@zag-js/popper";
146
- import { compact } from "@zag-js/utils";
147
- var { and, not } = guards;
148
- function machine(userContext) {
149
- const ctx = compact(userContext);
150
- return createMachine(
151
- {
152
- id: "tooltip",
153
- initial: ctx.open ? "open" : "closed",
154
- context: {
155
- openDelay: 1e3,
156
- closeDelay: 500,
157
- closeOnPointerDown: true,
158
- closeOnEscape: true,
159
- interactive: false,
160
- ...ctx,
161
- currentPlacement: void 0,
162
- hasPointerMoveOpened: false,
163
- positioning: {
164
- placement: "bottom",
165
- ...ctx.positioning
166
- }
167
- },
168
- computed: {
169
- hasAriaLabel: (ctx2) => !!ctx2["aria-label"]
170
- },
171
- watch: {
172
- disabled: ["closeIfDisabled"],
173
- open: ["toggleVisibility"]
174
- },
175
- states: {
176
- closed: {
177
- tags: ["closed"],
178
- entry: ["clearGlobalId"],
179
- on: {
180
- "CONTROLLED.OPEN": "open",
181
- OPEN: {
182
- target: "open",
183
- actions: ["invokeOnOpen"]
184
- },
185
- POINTER_LEAVE: {
186
- actions: ["clearPointerMoveOpened"]
187
- },
188
- POINTER_MOVE: [
189
- {
190
- guard: and("noVisibleTooltip", not("hasPointerMoveOpened")),
191
- target: "opening"
192
- },
193
- {
194
- guard: not("hasPointerMoveOpened"),
195
- target: "open",
196
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
197
- }
198
- ]
199
- }
200
- },
201
- opening: {
202
- tags: ["closed"],
203
- activities: ["trackScroll", "trackPointerlockChange"],
204
- after: {
205
- OPEN_DELAY: [
206
- {
207
- guard: "isOpenControlled",
208
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
209
- },
210
- {
211
- target: "open",
212
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
213
- }
214
- ]
215
- },
216
- on: {
217
- "CONTROLLED.OPEN": "open",
218
- "CONTROLLED.CLOSE": "closed",
219
- OPEN: [
220
- {
221
- guard: "isOpenControlled",
222
- actions: ["invokeOnOpen"]
223
- },
224
- {
225
- target: "open",
226
- actions: ["invokeOnOpen"]
227
- }
228
- ],
229
- POINTER_LEAVE: [
230
- {
231
- guard: "isOpenControlled",
232
- actions: ["clearPointerMoveOpened", "invokeOnClose"]
233
- },
234
- {
235
- target: "closed",
236
- actions: ["clearPointerMoveOpened", "invokeOnClose"]
237
- }
238
- ],
239
- CLOSE: {
240
- target: "closed",
241
- actions: ["invokeOnClose"]
242
- }
243
- }
244
- },
245
- open: {
246
- tags: ["open"],
247
- activities: [
248
- "trackEscapeKey",
249
- "trackDisabledTriggerOnSafari",
250
- "trackScroll",
251
- "trackPointerlockChange",
252
- "trackPositioning"
253
- ],
254
- entry: ["setGlobalId"],
255
- on: {
256
- "CONTROLLED.CLOSE": "closed",
257
- CLOSE: {
258
- target: "closed",
259
- actions: ["invokeOnClose"]
260
- },
261
- POINTER_LEAVE: [
262
- {
263
- guard: "isVisible",
264
- target: "closing",
265
- actions: ["clearPointerMoveOpened"]
266
- },
267
- // == group ==
268
- {
269
- guard: "isOpenControlled",
270
- actions: ["clearPointerMoveOpened", "invokeOnClose"]
271
- },
272
- {
273
- target: "closed",
274
- actions: ["clearPointerMoveOpened", "invokeOnClose"]
275
- }
276
- ],
277
- "CONTENT.POINTER_LEAVE": {
278
- guard: "isInteractive",
279
- target: "closing"
280
- },
281
- "POSITIONING.SET": {
282
- actions: "reposition"
283
- }
284
- }
285
- },
286
- closing: {
287
- tags: ["open"],
288
- activities: ["trackStore", "trackPositioning"],
289
- after: {
290
- CLOSE_DELAY: [
291
- {
292
- guard: "isOpenControlled",
293
- actions: ["invokeOnClose"]
294
- },
295
- {
296
- target: "closed",
297
- actions: ["invokeOnClose"]
298
- }
299
- ]
300
- },
301
- on: {
302
- "CONTROLLED.CLOSE": "closed",
303
- "CONTROLLED.OPEN": "open",
304
- CLOSE: [
305
- {
306
- guard: "isOpenControlled",
307
- actions: ["invokeOnClose"]
308
- },
309
- {
310
- target: "closed",
311
- actions: ["invokeOnClose"]
312
- }
313
- ],
314
- POINTER_MOVE: [
315
- {
316
- guard: "isOpenControlled",
317
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
318
- },
319
- {
320
- target: "open",
321
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
322
- }
323
- ],
324
- "CONTENT.POINTER_MOVE": {
325
- guard: "isInteractive",
326
- target: "open"
327
- },
328
- "POSITIONING.SET": {
329
- actions: "reposition"
330
- }
331
- }
332
- }
333
- }
334
- },
335
- {
336
- activities: {
337
- trackPositioning(ctx2) {
338
- ctx2.currentPlacement = ctx2.positioning.placement;
339
- const getPositionerEl = () => dom.getPositionerEl(ctx2);
340
- return getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
341
- ...ctx2.positioning,
342
- defer: true,
343
- onComplete(data) {
344
- ctx2.currentPlacement = data.placement;
345
- }
346
- });
347
- },
348
- trackPointerlockChange(ctx2, _evt, { send }) {
349
- const onChange = () => send({ type: "CLOSE", src: "pointerlock:change" });
350
- return addDomEvent(dom.getDoc(ctx2), "pointerlockchange", onChange, false);
351
- },
352
- trackScroll(ctx2, _evt, { send }) {
353
- const triggerEl = dom.getTriggerEl(ctx2);
354
- if (!triggerEl)
355
- return;
356
- const overflowParents = getOverflowAncestors(triggerEl);
357
- const cleanups = overflowParents.map(
358
- (overflowParent) => addDomEvent(overflowParent, "scroll", () => send({ type: "CLOSE", src: "scroll" }), {
359
- passive: true,
360
- capture: true
361
- })
362
- );
363
- return () => {
364
- cleanups.forEach((fn) => fn?.());
365
- };
366
- },
367
- trackStore(ctx2, _evt, { send }) {
368
- return subscribe(store, () => {
369
- if (store.id !== ctx2.id) {
370
- send({ type: "CLOSE", src: "id:change" });
371
- }
372
- });
373
- },
374
- trackDisabledTriggerOnSafari(ctx2, _evt, { send }) {
375
- if (!isSafari())
376
- return;
377
- const doc = dom.getDoc(ctx2);
378
- return addDomEvent(doc, "pointermove", (event) => {
379
- const selector = "[data-part=trigger][data-expanded]";
380
- if (isHTMLElement(event.target) && event.target.closest(selector))
381
- return;
382
- send("POINTER_LEAVE");
383
- });
384
- },
385
- trackEscapeKey(ctx2, _evt, { send }) {
386
- if (!ctx2.closeOnEscape)
387
- return;
388
- const doc = dom.getDoc(ctx2);
389
- return addDomEvent(doc, "keydown", (event) => {
390
- if (event.key === "Escape") {
391
- send("CLOSE");
392
- }
393
- });
394
- }
395
- },
396
- actions: {
397
- setGlobalId(ctx2) {
398
- store.setId(ctx2.id);
399
- },
400
- clearGlobalId(ctx2) {
401
- if (ctx2.id === store.id) {
402
- store.setId(null);
403
- }
404
- },
405
- invokeOnOpen(ctx2) {
406
- ctx2.onOpenChange?.({ open: true });
407
- },
408
- invokeOnClose(ctx2) {
409
- ctx2.onOpenChange?.({ open: false });
410
- },
411
- closeIfDisabled(ctx2, _evt, { send }) {
412
- if (!ctx2.disabled)
413
- return;
414
- send({ type: "CLOSE", src: "disabled:change" });
415
- },
416
- reposition(ctx2, evt) {
417
- const getPositionerEl = () => dom.getPositionerEl(ctx2);
418
- getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
419
- ...ctx2.positioning,
420
- ...evt.options,
421
- defer: true,
422
- listeners: false,
423
- onComplete(data) {
424
- ctx2.currentPlacement = data.placement;
425
- }
426
- });
427
- },
428
- toggleVisibility(ctx2, evt, { send }) {
429
- send({ type: ctx2.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: evt });
430
- },
431
- setPointerMoveOpened(ctx2) {
432
- ctx2.hasPointerMoveOpened = true;
433
- },
434
- clearPointerMoveOpened(ctx2) {
435
- ctx2.hasPointerMoveOpened = false;
436
- }
437
- },
438
- guards: {
439
- noVisibleTooltip: () => store.id === null,
440
- isVisible: (ctx2) => ctx2.id === store.id,
441
- isInteractive: (ctx2) => ctx2.interactive,
442
- hasPointerMoveOpened: (ctx2) => !!ctx2.hasPointerMoveOpened,
443
- isOpenControlled: (ctx2) => !!ctx2["open.controlled"]
444
- },
445
- delays: {
446
- OPEN_DELAY: (ctx2) => ctx2.openDelay,
447
- CLOSE_DELAY: (ctx2) => ctx2.closeDelay
448
- }
449
- }
450
- );
451
- }
452
-
453
- // src/tooltip.props.ts
454
- import { createProps } from "@zag-js/types";
455
- import { createSplitProps } from "@zag-js/utils";
456
- var props = createProps()([
457
- "aria-label",
458
- "closeDelay",
459
- "closeOnEscape",
460
- "closeOnPointerDown",
461
- "dir",
462
- "disabled",
463
- "getRootNode",
464
- "id",
465
- "ids",
466
- "interactive",
467
- "onOpenChange",
468
- "open.controlled",
469
- "open",
470
- "openDelay",
471
- "positioning"
472
- ]);
473
- var splitProps = createSplitProps(props);
474
- export {
475
- anatomy,
476
- connect,
477
- machine,
478
- props,
479
- splitProps
480
- };
1
+ import{createAnatomy}from"@zag-js/anatomy";var anatomy=createAnatomy("tooltip").parts("trigger","arrow","arrowTip","positioner","content");var parts=anatomy.build();import{dataAttr}from"@zag-js/dom-query";import{getPlacementStyles}from"@zag-js/popper";import{createScope}from"@zag-js/dom-query";var dom=createScope({getTriggerId:ctx=>ctx.ids?.trigger??`tooltip:${ctx.id}:trigger`,getContentId:ctx=>ctx.ids?.content??`tooltip:${ctx.id}:content`,getArrowId:ctx=>ctx.ids?.arrow??`tooltip:${ctx.id}:arrow`,getPositionerId:ctx=>ctx.ids?.positioner??`tooltip:${ctx.id}:popper`,getTriggerEl:ctx=>dom.getById(ctx,dom.getTriggerId(ctx)),getContentEl:ctx=>dom.getById(ctx,dom.getContentId(ctx)),getPositionerEl:ctx=>dom.getById(ctx,dom.getPositionerId(ctx)),getArrowEl:ctx=>dom.getById(ctx,dom.getArrowId(ctx))});import{proxy}from"@zag-js/core";var store=proxy({id:null,prevId:null,setId(val){this.prevId=this.id;this.id=val}});function connect(state,send,normalize){const id=state.context.id;const hasAriaLabel=state.context.hasAriaLabel;const open=state.hasTag("open");const triggerId=dom.getTriggerId(state.context);const contentId=dom.getContentId(state.context);const disabled=state.context.disabled;const popperStyles=getPlacementStyles({...state.context.positioning,placement:state.context.currentPlacement});return{open,setOpen(nextOpen){if(nextOpen===open)return;send(nextOpen?"OPEN":"CLOSE")},reposition(options={}){send({type:"POSITIONING.SET",options})},triggerProps:normalize.button({...parts.trigger.attrs,id:triggerId,dir:state.context.dir,"data-expanded":dataAttr(open),"data-state":open?"open":"closed","aria-describedby":open?contentId:void 0,onClick(){if(disabled)return;send("CLOSE")},onFocus(){if(disabled||state.event.type==="POINTER_DOWN")return;send("OPEN")},onBlur(){if(disabled)return;if(id===store.id){send("CLOSE")}},onPointerDown(){if(disabled||!state.context.closeOnPointerDown)return;if(id===store.id){send("CLOSE")}},onPointerMove(event){if(disabled||event.pointerType==="touch")return;send("POINTER_MOVE")},onPointerLeave(){if(disabled)return;send("POINTER_LEAVE")},onPointerCancel(){if(disabled)return;send("POINTER_LEAVE")}}),arrowProps:normalize.element({id:dom.getArrowId(state.context),...parts.arrow.attrs,dir:state.context.dir,style:popperStyles.arrow}),arrowTipProps:normalize.element({...parts.arrowTip.attrs,dir:state.context.dir,style:popperStyles.arrowTip}),positionerProps:normalize.element({id:dom.getPositionerId(state.context),...parts.positioner.attrs,dir:state.context.dir,style:popperStyles.floating}),contentProps:normalize.element({...parts.content.attrs,dir:state.context.dir,hidden:!open,"data-state":open?"open":"closed",role:hasAriaLabel?void 0:"tooltip",id:hasAriaLabel?void 0:contentId,"data-placement":state.context.currentPlacement,onPointerEnter(){send("CONTENT.POINTER_MOVE")},onPointerLeave(){send("CONTENT.POINTER_LEAVE")},style:{pointerEvents:state.context.interactive?"auto":"none"}})}}import{createMachine,guards,subscribe}from"@zag-js/core";import{addDomEvent}from"@zag-js/dom-event";import{getOverflowAncestors,isHTMLElement,isSafari}from"@zag-js/dom-query";import{getPlacement}from"@zag-js/popper";import{compact}from"@zag-js/utils";var{and,not}=guards;function machine(userContext){const ctx=compact(userContext);return createMachine({id:"tooltip",initial:ctx.open?"open":"closed",context:{openDelay:1e3,closeDelay:500,closeOnPointerDown:true,closeOnEscape:true,interactive:false,...ctx,currentPlacement:void 0,hasPointerMoveOpened:false,positioning:{placement:"bottom",...ctx.positioning}},computed:{hasAriaLabel:ctx2=>!!ctx2["aria-label"]},watch:{disabled:["closeIfDisabled"],open:["toggleVisibility"]},states:{closed:{tags:["closed"],entry:["clearGlobalId"],on:{"CONTROLLED.OPEN":"open",OPEN:{target:"open",actions:["invokeOnOpen"]},POINTER_LEAVE:{actions:["clearPointerMoveOpened"]},POINTER_MOVE:[{guard:and("noVisibleTooltip",not("hasPointerMoveOpened")),target:"opening"},{guard:not("hasPointerMoveOpened"),target:"open",actions:["setPointerMoveOpened","invokeOnOpen"]}]}},opening:{tags:["closed"],activities:["trackScroll","trackPointerlockChange"],after:{OPEN_DELAY:[{guard:"isOpenControlled",actions:["setPointerMoveOpened","invokeOnOpen"]},{target:"open",actions:["setPointerMoveOpened","invokeOnOpen"]}]},on:{"CONTROLLED.OPEN":"open","CONTROLLED.CLOSE":"closed",OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],POINTER_LEAVE:[{guard:"isOpenControlled",actions:["clearPointerMoveOpened","invokeOnClose"]},{target:"closed",actions:["clearPointerMoveOpened","invokeOnClose"]}],CLOSE:{target:"closed",actions:["invokeOnClose"]}}},open:{tags:["open"],activities:["trackEscapeKey","trackDisabledTriggerOnSafari","trackScroll","trackPointerlockChange","trackPositioning"],entry:["setGlobalId"],on:{"CONTROLLED.CLOSE":"closed",CLOSE:{target:"closed",actions:["invokeOnClose"]},POINTER_LEAVE:[{guard:"isVisible",target:"closing",actions:["clearPointerMoveOpened"]},{guard:"isOpenControlled",actions:["clearPointerMoveOpened","invokeOnClose"]},{target:"closed",actions:["clearPointerMoveOpened","invokeOnClose"]}],"CONTENT.POINTER_LEAVE":{guard:"isInteractive",target:"closing"},"POSITIONING.SET":{actions:"reposition"}}},closing:{tags:["open"],activities:["trackStore","trackPositioning"],after:{CLOSE_DELAY:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}]},on:{"CONTROLLED.CLOSE":"closed","CONTROLLED.OPEN":"open",CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],POINTER_MOVE:[{guard:"isOpenControlled",actions:["setPointerMoveOpened","invokeOnOpen"]},{target:"open",actions:["setPointerMoveOpened","invokeOnOpen"]}],"CONTENT.POINTER_MOVE":{guard:"isInteractive",target:"open"},"POSITIONING.SET":{actions:"reposition"}}}}},{activities:{trackPositioning(ctx2){ctx2.currentPlacement=ctx2.positioning.placement;const getPositionerEl=()=>dom.getPositionerEl(ctx2);return getPlacement(dom.getTriggerEl(ctx2),getPositionerEl,{...ctx2.positioning,defer:true,onComplete(data){ctx2.currentPlacement=data.placement}})},trackPointerlockChange(ctx2,_evt,{send}){const onChange=()=>send({type:"CLOSE",src:"pointerlock:change"});return addDomEvent(dom.getDoc(ctx2),"pointerlockchange",onChange,false)},trackScroll(ctx2,_evt,{send}){const triggerEl=dom.getTriggerEl(ctx2);if(!triggerEl)return;const overflowParents=getOverflowAncestors(triggerEl);const cleanups=overflowParents.map(overflowParent=>addDomEvent(overflowParent,"scroll",()=>send({type:"CLOSE",src:"scroll"}),{passive:true,capture:true}));return()=>{cleanups.forEach(fn=>fn?.())}},trackStore(ctx2,_evt,{send}){return subscribe(store,()=>{if(store.id!==ctx2.id){send({type:"CLOSE",src:"id:change"})}})},trackDisabledTriggerOnSafari(ctx2,_evt,{send}){if(!isSafari())return;const doc=dom.getDoc(ctx2);return addDomEvent(doc,"pointermove",event=>{const selector="[data-part=trigger][data-expanded]";if(isHTMLElement(event.target)&&event.target.closest(selector))return;send("POINTER_LEAVE")})},trackEscapeKey(ctx2,_evt,{send}){if(!ctx2.closeOnEscape)return;const doc=dom.getDoc(ctx2);return addDomEvent(doc,"keydown",event=>{if(event.key==="Escape"){send("CLOSE")}})}},actions:{setGlobalId(ctx2){store.setId(ctx2.id)},clearGlobalId(ctx2){if(ctx2.id===store.id){store.setId(null)}},invokeOnOpen(ctx2){ctx2.onOpenChange?.({open:true})},invokeOnClose(ctx2){ctx2.onOpenChange?.({open:false})},closeIfDisabled(ctx2,_evt,{send}){if(!ctx2.disabled)return;send({type:"CLOSE",src:"disabled:change"})},reposition(ctx2,evt){const getPositionerEl=()=>dom.getPositionerEl(ctx2);getPlacement(dom.getTriggerEl(ctx2),getPositionerEl,{...ctx2.positioning,...evt.options,defer:true,listeners:false,onComplete(data){ctx2.currentPlacement=data.placement}})},toggleVisibility(ctx2,evt,{send}){send({type:ctx2.open?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:evt})},setPointerMoveOpened(ctx2){ctx2.hasPointerMoveOpened=true},clearPointerMoveOpened(ctx2){ctx2.hasPointerMoveOpened=false}},guards:{noVisibleTooltip:()=>store.id===null,isVisible:ctx2=>ctx2.id===store.id,isInteractive:ctx2=>ctx2.interactive,hasPointerMoveOpened:ctx2=>!!ctx2.hasPointerMoveOpened,isOpenControlled:ctx2=>!!ctx2["open.controlled"]},delays:{OPEN_DELAY:ctx2=>ctx2.openDelay,CLOSE_DELAY:ctx2=>ctx2.closeDelay}})}import{createProps}from"@zag-js/types";import{createSplitProps}from"@zag-js/utils";var props=createProps()(["aria-label","closeDelay","closeOnEscape","closeOnPointerDown","dir","disabled","getRootNode","id","ids","interactive","onOpenChange","open.controlled","open","openDelay","positioning"]);var splitProps=createSplitProps(props);export{anatomy,connect,machine,props,splitProps};
481
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tooltip.anatomy.ts","../src/tooltip.connect.ts","../src/tooltip.dom.ts","../src/tooltip.store.ts","../src/tooltip.machine.ts","../src/tooltip.props.ts"],"sourcesContent":["import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tooltip\").parts(\"trigger\", \"arrow\", \"arrowTip\", \"positioner\", \"content\")\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport { getPlacementStyles } from \"@zag-js/popper\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./tooltip.anatomy\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineApi, Send, State } from \"./tooltip.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n const id = state.context.id\n const hasAriaLabel = state.context.hasAriaLabel\n\n const open = state.hasTag(\"open\")\n\n const triggerId = dom.getTriggerId(state.context)\n const contentId = dom.getContentId(state.context)\n\n const disabled = state.context.disabled\n\n const popperStyles = getPlacementStyles({\n ...state.context.positioning,\n placement: state.context.currentPlacement,\n })\n\n return {\n open: open,\n setOpen(nextOpen) {\n if (nextOpen === open) return\n send(nextOpen ? \"OPEN\" : \"CLOSE\")\n },\n reposition(options = {}) {\n send({ type: \"POSITIONING.SET\", options })\n },\n\n triggerProps: normalize.button({\n ...parts.trigger.attrs,\n id: triggerId,\n dir: state.context.dir,\n \"data-expanded\": dataAttr(open),\n \"data-state\": open ? \"open\" : \"closed\",\n \"aria-describedby\": open ? contentId : undefined,\n onClick() {\n if (disabled) return\n send(\"CLOSE\")\n },\n onFocus() {\n if (disabled || state.event.type === \"POINTER_DOWN\") return\n send(\"OPEN\")\n },\n onBlur() {\n if (disabled) return\n if (id === store.id) {\n send(\"CLOSE\")\n }\n },\n onPointerDown() {\n if (disabled || !state.context.closeOnPointerDown) return\n if (id === store.id) {\n send(\"CLOSE\")\n }\n },\n onPointerMove(event) {\n if (disabled || event.pointerType === \"touch\") return\n send(\"POINTER_MOVE\")\n },\n onPointerLeave() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n onPointerCancel() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n }),\n\n arrowProps: normalize.element({\n id: dom.getArrowId(state.context),\n ...parts.arrow.attrs,\n dir: state.context.dir,\n style: popperStyles.arrow,\n }),\n\n arrowTipProps: normalize.element({\n ...parts.arrowTip.attrs,\n dir: state.context.dir,\n style: popperStyles.arrowTip,\n }),\n\n positionerProps: normalize.element({\n id: dom.getPositionerId(state.context),\n ...parts.positioner.attrs,\n dir: state.context.dir,\n style: popperStyles.floating,\n }),\n\n contentProps: normalize.element({\n ...parts.content.attrs,\n dir: state.context.dir,\n hidden: !open,\n \"data-state\": open ? \"open\" : \"closed\",\n role: hasAriaLabel ? undefined : \"tooltip\",\n id: hasAriaLabel ? undefined : contentId,\n \"data-placement\": state.context.currentPlacement,\n onPointerEnter() {\n send(\"CONTENT.POINTER_MOVE\")\n },\n onPointerLeave() {\n send(\"CONTENT.POINTER_LEAVE\")\n },\n style: {\n pointerEvents: state.context.interactive ? \"auto\" : \"none\",\n },\n }),\n }\n}\n","import { createScope } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./tooltip.types\"\n\nexport const dom = createScope({\n getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,\n getContentId: (ctx: Ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,\n getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,\n getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,\n\n getTriggerEl: (ctx: Ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),\n getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),\n getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),\n getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),\n})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ninterface TooltipStore {\n id: Id\n prevId: Id\n setId: (val: Id) => void\n}\n\nexport const store = proxy<TooltipStore>({\n id: null,\n prevId: null,\n setId(val) {\n this.prevId = this.id\n this.id = val\n },\n})\n","import { createMachine, guards, subscribe } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getOverflowAncestors, isHTMLElement, isSafari } from \"@zag-js/dom-query\"\nimport { getPlacement } from \"@zag-js/popper\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./tooltip.types\"\n\nconst { and, not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"tooltip\",\n initial: ctx.open ? \"open\" : \"closed\",\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEscape: true,\n interactive: false,\n ...ctx,\n currentPlacement: undefined,\n hasPointerMoveOpened: false,\n positioning: {\n placement: \"bottom\",\n ...ctx.positioning,\n },\n },\n\n computed: {\n hasAriaLabel: (ctx) => !!ctx[\"aria-label\"],\n },\n\n watch: {\n disabled: [\"closeIfDisabled\"],\n open: [\"toggleVisibility\"],\n },\n\n states: {\n closed: {\n tags: [\"closed\"],\n entry: [\"clearGlobalId\"],\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n OPEN: {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n POINTER_LEAVE: {\n actions: [\"clearPointerMoveOpened\"],\n },\n POINTER_MOVE: [\n {\n guard: and(\"noVisibleTooltip\", not(\"hasPointerMoveOpened\")),\n target: \"opening\",\n },\n {\n guard: not(\"hasPointerMoveOpened\"),\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n },\n\n opening: {\n tags: [\"closed\"],\n activities: [\"trackScroll\", \"trackPointerlockChange\"],\n after: {\n OPEN_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n \"CONTROLLED.CLOSE\": \"closed\",\n OPEN: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n ],\n POINTER_LEAVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n },\n },\n\n open: {\n tags: [\"open\"],\n activities: [\n \"trackEscapeKey\",\n \"trackDisabledTriggerOnSafari\",\n \"trackScroll\",\n \"trackPointerlockChange\",\n \"trackPositioning\",\n ],\n entry: [\"setGlobalId\"],\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n POINTER_LEAVE: [\n {\n guard: \"isVisible\",\n target: \"closing\",\n actions: [\"clearPointerMoveOpened\"],\n },\n // == group ==\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n \"CONTENT.POINTER_LEAVE\": {\n guard: \"isInteractive\",\n target: \"closing\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n\n closing: {\n tags: [\"open\"],\n activities: [\"trackStore\", \"trackPositioning\"],\n after: {\n CLOSE_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n \"CONTROLLED.OPEN\": \"open\",\n CLOSE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n POINTER_MOVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n \"CONTENT.POINTER_MOVE\": {\n guard: \"isInteractive\",\n target: \"open\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n },\n },\n {\n activities: {\n trackPositioning(ctx) {\n ctx.currentPlacement = ctx.positioning.placement\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n return getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n defer: true,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n })\n },\n trackPointerlockChange(ctx, _evt, { send }) {\n const onChange = () => send({ type: \"CLOSE\", src: \"pointerlock:change\" })\n return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n },\n trackScroll(ctx, _evt, { send }) {\n const triggerEl = dom.getTriggerEl(ctx)\n if (!triggerEl) return\n\n const overflowParents = getOverflowAncestors(triggerEl)\n const cleanups = overflowParents.map((overflowParent) =>\n addDomEvent(overflowParent, \"scroll\", () => send({ type: \"CLOSE\", src: \"scroll\" }), {\n passive: true,\n capture: true,\n }),\n )\n\n return () => {\n cleanups.forEach((fn) => fn?.())\n }\n },\n trackStore(ctx, _evt, { send }) {\n return subscribe(store, () => {\n if (store.id !== ctx.id) {\n send({ type: \"CLOSE\", src: \"id:change\" })\n }\n })\n },\n trackDisabledTriggerOnSafari(ctx, _evt, { send }) {\n if (!isSafari()) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"pointermove\", (event) => {\n const selector = \"[data-part=trigger][data-expanded]\"\n if (isHTMLElement(event.target) && event.target.closest(selector)) return\n send(\"POINTER_LEAVE\")\n })\n },\n trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEscape) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"keydown\", (event) => {\n if (event.key === \"Escape\") {\n send(\"CLOSE\")\n }\n })\n },\n },\n actions: {\n setGlobalId(ctx) {\n store.setId(ctx.id)\n },\n clearGlobalId(ctx) {\n if (ctx.id === store.id) {\n store.setId(null)\n }\n },\n invokeOnOpen(ctx) {\n ctx.onOpenChange?.({ open: true })\n },\n invokeOnClose(ctx) {\n ctx.onOpenChange?.({ open: false })\n },\n closeIfDisabled(ctx, _evt, { send }) {\n if (!ctx.disabled) return\n send({ type: \"CLOSE\", src: \"disabled:change\" })\n },\n reposition(ctx, evt) {\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n ...evt.options,\n defer: true,\n listeners: false,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n })\n },\n toggleVisibility(ctx, evt, { send }) {\n send({ type: ctx.open ? \"CONTROLLED.OPEN\" : \"CONTROLLED.CLOSE\", previousEvent: evt })\n },\n setPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = true\n },\n clearPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = false\n },\n },\n guards: {\n noVisibleTooltip: () => store.id === null,\n isVisible: (ctx) => ctx.id === store.id,\n isInteractive: (ctx) => ctx.interactive,\n hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,\n isOpenControlled: (ctx) => !!ctx[\"open.controlled\"],\n },\n delays: {\n OPEN_DELAY: (ctx) => ctx.openDelay,\n CLOSE_DELAY: (ctx) => ctx.closeDelay,\n },\n },\n )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./tooltip.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n \"aria-label\",\n \"closeDelay\",\n \"closeOnEscape\",\n \"closeOnPointerDown\",\n \"dir\",\n \"disabled\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"interactive\",\n \"onOpenChange\",\n \"open.controlled\",\n \"open\",\n \"openDelay\",\n \"positioning\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"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","names":["ctx"]}
1
+ {"version":3,"sources":["../src/tooltip.anatomy.ts","../src/tooltip.connect.ts","../src/tooltip.dom.ts","../src/tooltip.store.ts","../src/tooltip.machine.ts","../src/tooltip.props.ts"],"sourcesContent":["import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tooltip\").parts(\"trigger\", \"arrow\", \"arrowTip\", \"positioner\", \"content\")\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport { getPlacementStyles } from \"@zag-js/popper\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./tooltip.anatomy\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineApi, Send, State } from \"./tooltip.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n const id = state.context.id\n const hasAriaLabel = state.context.hasAriaLabel\n\n const open = state.hasTag(\"open\")\n\n const triggerId = dom.getTriggerId(state.context)\n const contentId = dom.getContentId(state.context)\n\n const disabled = state.context.disabled\n\n const popperStyles = getPlacementStyles({\n ...state.context.positioning,\n placement: state.context.currentPlacement,\n })\n\n return {\n open: open,\n setOpen(nextOpen) {\n if (nextOpen === open) return\n send(nextOpen ? \"OPEN\" : \"CLOSE\")\n },\n reposition(options = {}) {\n send({ type: \"POSITIONING.SET\", options })\n },\n\n triggerProps: normalize.button({\n ...parts.trigger.attrs,\n id: triggerId,\n dir: state.context.dir,\n \"data-expanded\": dataAttr(open),\n \"data-state\": open ? \"open\" : \"closed\",\n \"aria-describedby\": open ? contentId : undefined,\n onClick() {\n if (disabled) return\n send(\"CLOSE\")\n },\n onFocus() {\n if (disabled || state.event.type === \"POINTER_DOWN\") return\n send(\"OPEN\")\n },\n onBlur() {\n if (disabled) return\n if (id === store.id) {\n send(\"CLOSE\")\n }\n },\n onPointerDown() {\n if (disabled || !state.context.closeOnPointerDown) return\n if (id === store.id) {\n send(\"CLOSE\")\n }\n },\n onPointerMove(event) {\n if (disabled || event.pointerType === \"touch\") return\n send(\"POINTER_MOVE\")\n },\n onPointerLeave() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n onPointerCancel() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n }),\n\n arrowProps: normalize.element({\n id: dom.getArrowId(state.context),\n ...parts.arrow.attrs,\n dir: state.context.dir,\n style: popperStyles.arrow,\n }),\n\n arrowTipProps: normalize.element({\n ...parts.arrowTip.attrs,\n dir: state.context.dir,\n style: popperStyles.arrowTip,\n }),\n\n positionerProps: normalize.element({\n id: dom.getPositionerId(state.context),\n ...parts.positioner.attrs,\n dir: state.context.dir,\n style: popperStyles.floating,\n }),\n\n contentProps: normalize.element({\n ...parts.content.attrs,\n dir: state.context.dir,\n hidden: !open,\n \"data-state\": open ? \"open\" : \"closed\",\n role: hasAriaLabel ? undefined : \"tooltip\",\n id: hasAriaLabel ? undefined : contentId,\n \"data-placement\": state.context.currentPlacement,\n onPointerEnter() {\n send(\"CONTENT.POINTER_MOVE\")\n },\n onPointerLeave() {\n send(\"CONTENT.POINTER_LEAVE\")\n },\n style: {\n pointerEvents: state.context.interactive ? \"auto\" : \"none\",\n },\n }),\n }\n}\n","import { createScope } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./tooltip.types\"\n\nexport const dom = createScope({\n getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,\n getContentId: (ctx: Ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,\n getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,\n getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,\n\n getTriggerEl: (ctx: Ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),\n getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),\n getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),\n getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),\n})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ninterface TooltipStore {\n id: Id\n prevId: Id\n setId: (val: Id) => void\n}\n\nexport const store = proxy<TooltipStore>({\n id: null,\n prevId: null,\n setId(val) {\n this.prevId = this.id\n this.id = val\n },\n})\n","import { createMachine, guards, subscribe } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getOverflowAncestors, isHTMLElement, isSafari } from \"@zag-js/dom-query\"\nimport { getPlacement } from \"@zag-js/popper\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./tooltip.types\"\n\nconst { and, not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"tooltip\",\n initial: ctx.open ? \"open\" : \"closed\",\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEscape: true,\n interactive: false,\n ...ctx,\n currentPlacement: undefined,\n hasPointerMoveOpened: false,\n positioning: {\n placement: \"bottom\",\n ...ctx.positioning,\n },\n },\n\n computed: {\n hasAriaLabel: (ctx) => !!ctx[\"aria-label\"],\n },\n\n watch: {\n disabled: [\"closeIfDisabled\"],\n open: [\"toggleVisibility\"],\n },\n\n states: {\n closed: {\n tags: [\"closed\"],\n entry: [\"clearGlobalId\"],\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n OPEN: {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n POINTER_LEAVE: {\n actions: [\"clearPointerMoveOpened\"],\n },\n POINTER_MOVE: [\n {\n guard: and(\"noVisibleTooltip\", not(\"hasPointerMoveOpened\")),\n target: \"opening\",\n },\n {\n guard: not(\"hasPointerMoveOpened\"),\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n },\n\n opening: {\n tags: [\"closed\"],\n activities: [\"trackScroll\", \"trackPointerlockChange\"],\n after: {\n OPEN_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n \"CONTROLLED.CLOSE\": \"closed\",\n OPEN: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n ],\n POINTER_LEAVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n },\n },\n\n open: {\n tags: [\"open\"],\n activities: [\n \"trackEscapeKey\",\n \"trackDisabledTriggerOnSafari\",\n \"trackScroll\",\n \"trackPointerlockChange\",\n \"trackPositioning\",\n ],\n entry: [\"setGlobalId\"],\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n POINTER_LEAVE: [\n {\n guard: \"isVisible\",\n target: \"closing\",\n actions: [\"clearPointerMoveOpened\"],\n },\n // == group ==\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n \"CONTENT.POINTER_LEAVE\": {\n guard: \"isInteractive\",\n target: \"closing\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n\n closing: {\n tags: [\"open\"],\n activities: [\"trackStore\", \"trackPositioning\"],\n after: {\n CLOSE_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n \"CONTROLLED.OPEN\": \"open\",\n CLOSE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n POINTER_MOVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n \"CONTENT.POINTER_MOVE\": {\n guard: \"isInteractive\",\n target: \"open\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n },\n },\n {\n activities: {\n trackPositioning(ctx) {\n ctx.currentPlacement = ctx.positioning.placement\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n return getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n defer: true,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n })\n },\n trackPointerlockChange(ctx, _evt, { send }) {\n const onChange = () => send({ type: \"CLOSE\", src: \"pointerlock:change\" })\n return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n },\n trackScroll(ctx, _evt, { send }) {\n const triggerEl = dom.getTriggerEl(ctx)\n if (!triggerEl) return\n\n const overflowParents = getOverflowAncestors(triggerEl)\n const cleanups = overflowParents.map((overflowParent) =>\n addDomEvent(overflowParent, \"scroll\", () => send({ type: \"CLOSE\", src: \"scroll\" }), {\n passive: true,\n capture: true,\n }),\n )\n\n return () => {\n cleanups.forEach((fn) => fn?.())\n }\n },\n trackStore(ctx, _evt, { send }) {\n return subscribe(store, () => {\n if (store.id !== ctx.id) {\n send({ type: \"CLOSE\", src: \"id:change\" })\n }\n })\n },\n trackDisabledTriggerOnSafari(ctx, _evt, { send }) {\n if (!isSafari()) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"pointermove\", (event) => {\n const selector = \"[data-part=trigger][data-expanded]\"\n if (isHTMLElement(event.target) && event.target.closest(selector)) return\n send(\"POINTER_LEAVE\")\n })\n },\n trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEscape) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"keydown\", (event) => {\n if (event.key === \"Escape\") {\n send(\"CLOSE\")\n }\n })\n },\n },\n actions: {\n setGlobalId(ctx) {\n store.setId(ctx.id)\n },\n clearGlobalId(ctx) {\n if (ctx.id === store.id) {\n store.setId(null)\n }\n },\n invokeOnOpen(ctx) {\n ctx.onOpenChange?.({ open: true })\n },\n invokeOnClose(ctx) {\n ctx.onOpenChange?.({ open: false })\n },\n closeIfDisabled(ctx, _evt, { send }) {\n if (!ctx.disabled) return\n send({ type: \"CLOSE\", src: \"disabled:change\" })\n },\n reposition(ctx, evt) {\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n ...evt.options,\n defer: true,\n listeners: false,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n })\n },\n toggleVisibility(ctx, evt, { send }) {\n send({ type: ctx.open ? \"CONTROLLED.OPEN\" : \"CONTROLLED.CLOSE\", previousEvent: evt })\n },\n setPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = true\n },\n clearPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = false\n },\n },\n guards: {\n noVisibleTooltip: () => store.id === null,\n isVisible: (ctx) => ctx.id === store.id,\n isInteractive: (ctx) => ctx.interactive,\n hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,\n isOpenControlled: (ctx) => !!ctx[\"open.controlled\"],\n },\n delays: {\n OPEN_DELAY: (ctx) => ctx.openDelay,\n CLOSE_DELAY: (ctx) => ctx.closeDelay,\n },\n },\n )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./tooltip.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n \"aria-label\",\n \"closeDelay\",\n \"closeOnEscape\",\n \"closeOnPointerDown\",\n \"dir\",\n \"disabled\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"interactive\",\n \"onOpenChange\",\n \"open.controlled\",\n \"open\",\n \"openDelay\",\n \"positioning\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"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","names":["ctx"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zag-js/tooltip",
3
- "version": "0.50.0",
3
+ "version": "0.51.0",
4
4
  "description": "Core logic for the tooltip widget implemented as a state machine",
5
5
  "keywords": [
6
6
  "js",
@@ -27,13 +27,13 @@
27
27
  "url": "https://github.com/chakra-ui/zag/issues"
28
28
  },
29
29
  "dependencies": {
30
- "@zag-js/anatomy": "0.50.0",
31
- "@zag-js/core": "0.50.0",
32
- "@zag-js/popper": "0.50.0",
33
- "@zag-js/dom-query": "0.50.0",
34
- "@zag-js/dom-event": "0.50.0",
35
- "@zag-js/utils": "0.50.0",
36
- "@zag-js/types": "0.50.0"
30
+ "@zag-js/anatomy": "0.51.0",
31
+ "@zag-js/core": "0.51.0",
32
+ "@zag-js/popper": "0.51.0",
33
+ "@zag-js/dom-query": "0.51.0",
34
+ "@zag-js/dom-event": "0.51.0",
35
+ "@zag-js/utils": "0.51.0",
36
+ "@zag-js/types": "0.51.0"
37
37
  },
38
38
  "devDependencies": {
39
39
  "clean-package": "2.2.0"