@zag-js/tooltip 0.0.0-dev-20240603130555 → 0.0.0-dev-20240605193509

package/dist/index.d.mts

@@ -108,11 +108,11 @@ interface MachineApi<T extends PropTypes = PropTypes> {
      * Function to reposition the popover
      */
     reposition(options?: Partial<PositioningOptions>): void;
-    triggerProps: T["button"];
-    arrowProps: T["element"];
-    arrowTipProps: T["element"];
-    positionerProps: T["element"];
-    contentProps: T["element"];
+    getTriggerProps(): T["button"];
+    getArrowProps(): T["element"];
+    getArrowTipProps(): T["element"];
+    getPositionerProps(): T["element"];
+    getContentProps(): T["element"];
 }
 
 declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;

package/dist/index.d.ts

@@ -108,11 +108,11 @@ interface MachineApi<T extends PropTypes = PropTypes> {
      * Function to reposition the popover
      */
     reposition(options?: Partial<PositioningOptions>): void;
-    triggerProps: T["button"];
-    arrowProps: T["element"];
-    arrowTipProps: T["element"];
-    positionerProps: T["element"];
-    contentProps: T["element"];
+    getTriggerProps(): T["button"];
+    getArrowProps(): T["element"];
+    getArrowTipProps(): T["element"];
+    getPositionerProps(): T["element"];
+    getContentProps(): T["element"];
 }
 
 declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;

package/dist/index.js

@@ -1,2 +1,2 @@
-"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});
+"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})},getTriggerProps:()=>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")}}),getArrowProps:()=>normalize.element({id:dom.getArrowId(state.context),...parts.arrow.attrs,dir:state.context.dir,style:popperStyles.arrow}),getArrowTipProps:()=>normalize.element({...parts.arrowTip.attrs,dir:state.context.dir,style:popperStyles.arrowTip}),getPositionerProps:()=>normalize.element({id:dom.getPositionerId(state.context),...parts.positioner.attrs,dir:state.context.dir,style:popperStyles.floating}),getContentProps:()=>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});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -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"]}
+{"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    getTriggerProps: () =>\n      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    getArrowProps: () =>\n      normalize.element({\n        id: dom.getArrowId(state.context),\n        ...parts.arrow.attrs,\n        dir: state.context.dir,\n        style: popperStyles.arrow,\n      }),\n\n    getArrowTipProps: () =>\n      normalize.element({\n        ...parts.arrowTip.attrs,\n        dir: state.context.dir,\n        style: popperStyles.arrowTip,\n      }),\n\n    getPositionerProps: () =>\n      normalize.element({\n        id: dom.getPositionerId(state.context),\n        ...parts.positioner.attrs,\n        dir: state.context.dir,\n        style: popperStyles.floating,\n      }),\n\n    getContentProps: () =>\n      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"]}

package/dist/index.mjs

@@ -1,2 +1,2 @@
-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};
+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})},getTriggerProps:()=>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")}}),getArrowProps:()=>normalize.element({id:dom.getArrowId(state.context),...parts.arrow.attrs,dir:state.context.dir,style:popperStyles.arrow}),getArrowTipProps:()=>normalize.element({...parts.arrowTip.attrs,dir:state.context.dir,style:popperStyles.arrowTip}),getPositionerProps:()=>normalize.element({id:dom.getPositionerId(state.context),...parts.positioner.attrs,dir:state.context.dir,style:popperStyles.floating}),getContentProps:()=>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};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -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":"AAAA,OAAS,kBAAqB,kBAEvB,IAAM,QAAU,cAAc,SAAS,EAAE,MAAM,UAAW,QAAS,WAAY,aAAc,SAAS,EACtG,IAAM,MAAQ,QAAQ,MAAM,ECHnC,OAAS,aAAgB,oBACzB,OAAS,uBAA0B,iBCDnC,OAAS,gBAAmB,oBAGrB,IAAM,IAAM,YAAY,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,OAAS,UAAa,eAUf,IAAM,MAAQ,MAAoB,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,aAAe,mBAAmB,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,gBAAiB,SAAS,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,OAAS,cAAe,OAAQ,cAAiB,eACjD,OAAS,gBAAmB,oBAC5B,OAAS,qBAAsB,cAAe,aAAgB,oBAC9D,OAAS,iBAAoB,iBAC7B,OAAS,YAAe,gBAKxB,GAAM,CAAE,IAAK,GAAI,EAAI,OAEd,SAAS,QAAQ,YAAiC,CACvD,MAAM,IAAM,QAAQ,WAAW,EAC/B,OAAO,cACL,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,aAAeA,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,OAAO,aAAa,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,OAAO,YAAY,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,gBAAkB,qBAAqB,SAAS,EACtD,MAAM,SAAW,gBAAgB,IAAK,gBACpC,YAAY,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,OAAO,UAAU,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,CAAC,SAAS,EAAG,OACjB,MAAM,IAAM,IAAI,OAAOA,IAAG,EAC1B,OAAO,YAAY,IAAK,cAAgB,OAAU,CAChD,MAAM,SAAW,qCACjB,GAAI,cAAc,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,OAAO,YAAY,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,EACrD,aAAa,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,OAAS,gBAAmB,gBAC5B,OAAS,qBAAwB,gBAG1B,IAAM,MAAQ,YAAgC,EAAE,CACrD,aACA,aACA,gBACA,qBACA,MACA,WACA,cACA,KACA,MACA,cACA,eACA,kBACA,OACA,YACA,aACF,CAAC,EAEM,IAAM,WAAa,iBAA8C,KAAK","names":["ctx"]}
+{"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    getTriggerProps: () =>\n      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    getArrowProps: () =>\n      normalize.element({\n        id: dom.getArrowId(state.context),\n        ...parts.arrow.attrs,\n        dir: state.context.dir,\n        style: popperStyles.arrow,\n      }),\n\n    getArrowTipProps: () =>\n      normalize.element({\n        ...parts.arrowTip.attrs,\n        dir: state.context.dir,\n        style: popperStyles.arrowTip,\n      }),\n\n    getPositionerProps: () =>\n      normalize.element({\n        id: dom.getPositionerId(state.context),\n        ...parts.positioner.attrs,\n        dir: state.context.dir,\n        style: popperStyles.floating,\n      }),\n\n    getContentProps: () =>\n      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

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/tooltip",
-  "version": "0.0.0-dev-20240603130555",
+  "version": "0.0.0-dev-20240605193509",
   "description": "Core logic for the tooltip widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,13 +27,13 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.0.0-dev-20240603130555",
-    "@zag-js/core": "0.0.0-dev-20240603130555",
-    "@zag-js/popper": "0.0.0-dev-20240603130555",
-    "@zag-js/dom-query": "0.0.0-dev-20240603130555",
-    "@zag-js/dom-event": "0.0.0-dev-20240603130555",
-    "@zag-js/utils": "0.0.0-dev-20240603130555",
-    "@zag-js/types": "0.0.0-dev-20240603130555"
+    "@zag-js/anatomy": "0.0.0-dev-20240605193509",
+    "@zag-js/core": "0.0.0-dev-20240605193509",
+    "@zag-js/popper": "0.0.0-dev-20240605193509",
+    "@zag-js/dom-query": "0.0.0-dev-20240605193509",
+    "@zag-js/dom-event": "0.0.0-dev-20240605193509",
+    "@zag-js/utils": "0.0.0-dev-20240605193509",
+    "@zag-js/types": "0.0.0-dev-20240605193509"
   },
   "devDependencies": {
     "clean-package": "2.2.0"

package/src/tooltip.connect.ts

@@ -32,84 +32,89 @@ export function connect<T extends PropTypes>(state: State, send: Send, normalize
       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 : undefined,
-      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) {
+    getTriggerProps: () =>
+      normalize.button({
+        ...parts.trigger.attrs,
+        id: triggerId,
+        dir: state.context.dir,
+        "data-expanded": dataAttr(open),
+        "data-state": open ? "open" : "closed",
+        "aria-describedby": open ? contentId : undefined,
+        onClick() {
+          if (disabled) return
           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")
-      },
-    }),
+        },
+        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,
-    }),
+    getArrowProps: () =>
+      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,
-    }),
+    getArrowTipProps: () =>
+      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,
-    }),
+    getPositionerProps: () =>
+      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 ? undefined : "tooltip",
-      id: hasAriaLabel ? undefined : contentId,
-      "data-placement": state.context.currentPlacement,
-      onPointerEnter() {
-        send("CONTENT.POINTER_MOVE")
-      },
-      onPointerLeave() {
-        send("CONTENT.POINTER_LEAVE")
-      },
-      style: {
-        pointerEvents: state.context.interactive ? "auto" : "none",
-      },
-    }),
+    getContentProps: () =>
+      normalize.element({
+        ...parts.content.attrs,
+        dir: state.context.dir,
+        hidden: !open,
+        "data-state": open ? "open" : "closed",
+        role: hasAriaLabel ? undefined : "tooltip",
+        id: hasAriaLabel ? undefined : contentId,
+        "data-placement": state.context.currentPlacement,
+        onPointerEnter() {
+          send("CONTENT.POINTER_MOVE")
+        },
+        onPointerLeave() {
+          send("CONTENT.POINTER_LEAVE")
+        },
+        style: {
+          pointerEvents: state.context.interactive ? "auto" : "none",
+        },
+      }),
   }
 }

package/src/tooltip.types.ts

@@ -135,11 +135,11 @@ export interface MachineApi<T extends PropTypes = PropTypes> {
    */
   reposition(options?: Partial<PositioningOptions>): void
 
-  triggerProps: T["button"]
-  arrowProps: T["element"]
-  arrowTipProps: T["element"]
-  positionerProps: T["element"]
-  contentProps: T["element"]
+  getTriggerProps(): T["button"]
+  getArrowProps(): T["element"]
+  getArrowTipProps(): T["element"]
+  getPositionerProps(): T["element"]
+  getContentProps(): T["element"]
 }
 
 /* -----------------------------------------------------------------------------