@zag-js/tooltip 0.34.0 → 0.36.0

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { dataAttr } from "@zag-js/dom-query";
 import { getPlacementStyles } from "@zag-js/popper";
 
 // src/tooltip.dom.ts
-import { createScope, getScrollParent } from "@zag-js/dom-query";
+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`,
@@ -17,8 +17,7 @@ var dom = createScope({
   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)),
-  getScrollParent: (ctx) => getScrollParent(dom.getTriggerEl(ctx))
+  getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx))
 });
 
 // src/tooltip.store.ts
@@ -53,7 +52,7 @@ function connect(state, send, normalize) {
       send("CLOSE");
     },
     reposition(options = {}) {
-      send({ type: "SET_POSITIONING", options });
+      send({ type: "POSITIONING.SET", options });
     },
     triggerProps: normalize.button({
       ...parts.trigger.attrs,
@@ -63,23 +62,23 @@ function connect(state, send, normalize) {
       "data-state": isOpen ? "open" : "closed",
       "aria-describedby": isOpen ? contentId : void 0,
       onClick() {
-        send("CLICK");
+        send("CLOSE");
       },
       onFocus() {
         if (state.event.type === "POINTER_DOWN")
           return;
-        send("FOCUS");
+        send("OPEN");
       },
       onBlur() {
         if (id === store.id) {
-          send("BLUR");
+          send("CLOSE");
         }
       },
       onPointerDown() {
-        if (isDisabled)
+        if (isDisabled || !state.context.closeOnPointerDown)
           return;
         if (id === store.id) {
-          send("POINTER_DOWN");
+          send("CLOSE");
         }
       },
       onPointerMove(event) {
@@ -137,9 +136,9 @@ function connect(state, send, normalize) {
 }
 
 // src/tooltip.machine.ts
-import { createMachine, subscribe, guards } from "@zag-js/core";
+import { createMachine, guards, subscribe } from "@zag-js/core";
 import { addDomEvent } from "@zag-js/dom-event";
-import { getScrollParents, isHTMLElement, isSafari } from "@zag-js/dom-query";
+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;
@@ -148,7 +147,7 @@ function machine(userContext) {
   return createMachine(
     {
       id: "tooltip",
-      initial: "closed",
+      initial: ctx.open ? "open" : "closed",
       context: {
         openDelay: 1e3,
         closeDelay: 500,
@@ -170,16 +169,16 @@ function machine(userContext) {
         disabled: ["closeIfDisabled"],
         open: ["toggleVisibility"]
       },
-      on: {
-        OPEN: "open",
-        CLOSE: "closed"
-      },
       states: {
         closed: {
           tags: ["closed"],
-          entry: ["clearGlobalId", "invokeOnClose"],
+          entry: ["clearGlobalId"],
           on: {
-            FOCUS: "open",
+            "CONTROLLED.OPEN": "open",
+            OPEN: {
+              target: "open",
+              actions: ["invokeOnOpen"]
+            },
             POINTER_LEAVE: {
               actions: ["clearPointerMoveOpened"]
             },
@@ -191,7 +190,7 @@ function machine(userContext) {
               {
                 guard: not("hasPointerMoveOpened"),
                 target: "open",
-                actions: ["setPointerMoveOpened"]
+                actions: ["setPointerMoveOpened", "invokeOnOpen"]
               }
             ]
           }
@@ -200,22 +199,43 @@ function machine(userContext) {
           tags: ["closed"],
           activities: ["trackScroll", "trackPointerlockChange"],
           after: {
-            OPEN_DELAY: {
-              target: "open",
-              actions: ["setPointerMoveOpened"]
-            }
+            OPEN_DELAY: [
+              {
+                guard: "isOpenControlled",
+                actions: ["setPointerMoveOpened", "invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["setPointerMoveOpened", "invokeOnOpen"]
+              }
+            ]
           },
           on: {
-            POINTER_LEAVE: {
+            "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: ["clearPointerMoveOpened"]
-            },
-            BLUR: "closed",
-            SCROLL: "closed",
-            POINTER_LOCK_CHANGE: "closed",
-            POINTER_DOWN: {
-              guard: "closeOnPointerDown",
-              target: "closed"
+              actions: ["invokeOnClose"]
             }
           }
         },
@@ -228,33 +248,34 @@ function machine(userContext) {
             "trackPointerlockChange",
             "trackPositioning"
           ],
-          entry: ["setGlobalId", "invokeOnOpen"],
+          entry: ["setGlobalId"],
           on: {
+            "CONTROLLED.CLOSE": "closed",
+            CLOSE: {
+              target: "closed",
+              actions: ["invokeOnClose"]
+            },
             POINTER_LEAVE: [
               {
                 guard: "isVisible",
                 target: "closing",
                 actions: ["clearPointerMoveOpened"]
               },
+              // == group ==
+              {
+                guard: "isOpenControlled",
+                actions: ["clearPointerMoveOpened", "invokeOnClose"]
+              },
               {
                 target: "closed",
-                actions: ["clearPointerMoveOpened"]
+                actions: ["clearPointerMoveOpened", "invokeOnClose"]
               }
             ],
-            BLUR: "closed",
-            ESCAPE: "closed",
-            SCROLL: "closed",
-            POINTER_LOCK_CHANGE: "closed",
             "CONTENT.POINTER_LEAVE": {
               guard: "isInteractive",
               target: "closing"
             },
-            POINTER_DOWN: {
-              guard: "closeOnPointerDown",
-              target: "closed"
-            },
-            CLICK: "closed",
-            SET_POSITIONING: {
+            "POSITIONING.SET": {
               actions: "reposition"
             }
           }
@@ -263,17 +284,46 @@ function machine(userContext) {
           tags: ["open"],
           activities: ["trackStore", "trackPositioning"],
           after: {
-            CLOSE_DELAY: "closed"
+            CLOSE_DELAY: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "closed",
+                actions: ["invokeOnClose"]
+              }
+            ]
           },
           on: {
-            FORCE_CLOSE: "closed",
-            POINTER_MOVE: {
-              target: "open",
-              actions: ["setPointerMoveOpened"]
-            },
+            "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"
             }
           }
         }
@@ -293,17 +343,20 @@ function machine(userContext) {
           });
         },
         trackPointerlockChange(ctx2, _evt, { send }) {
-          const onChange = () => send("POINTER_LOCK_CHANGE");
+          const onChange = () => send({ type: "CLOSE", src: "pointerlock:change" });
           return addDomEvent(dom.getDoc(ctx2), "pointerlockchange", onChange, false);
         },
         trackScroll(ctx2, _evt, { send }) {
-          const trigger = dom.getTriggerEl(ctx2);
-          if (!trigger)
+          const triggerEl = dom.getTriggerEl(ctx2);
+          if (!triggerEl)
             return;
-          const cleanups = getScrollParents(trigger).map((el) => {
-            const opts = { passive: true, capture: true };
-            return addDomEvent(el, "scroll", () => send("SCROLL"), opts);
-          });
+          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?.());
           };
@@ -311,7 +364,7 @@ function machine(userContext) {
         trackStore(ctx2, _evt, { send }) {
           return subscribe(store, () => {
             if (store.id !== ctx2.id) {
-              send("FORCE_CLOSE");
+              send({ type: "CLOSE", src: "id:change" });
             }
           });
         },
@@ -332,7 +385,7 @@ function machine(userContext) {
           const doc = dom.getDoc(ctx2);
           return addDomEvent(doc, "keydown", (event) => {
             if (event.key === "Escape") {
-              send("ESCAPE");
+              send("CLOSE");
             }
           });
         }
@@ -346,11 +399,8 @@ function machine(userContext) {
             store.setId(null);
           }
         },
-        invokeOnOpen(ctx2, evt) {
-          const omit = ["CONTENT.POINTER_MOVE", "POINTER_MOVE"];
-          if (!omit.includes(evt.type)) {
-            ctx2.onOpenChange?.({ open: true });
-          }
+        invokeOnOpen(ctx2) {
+          ctx2.onOpenChange?.({ open: true });
         },
         invokeOnClose(ctx2) {
           ctx2.onOpenChange?.({ open: false });
@@ -358,7 +408,7 @@ function machine(userContext) {
         closeIfDisabled(ctx2, _evt, { send }) {
           if (!ctx2.disabled)
             return;
-          send("CLOSE");
+          send({ type: "CLOSE", src: "disabled:change" });
         },
         reposition(ctx2, evt) {
           const getPositionerEl = () => dom.getPositionerEl(ctx2);
@@ -372,8 +422,8 @@ function machine(userContext) {
             }
           });
         },
-        toggleVisibility(ctx2, _evt, { send }) {
-          send({ type: ctx2.open ? "OPEN" : "CLOSE", src: "controlled" });
+        toggleVisibility(ctx2, evt, { send }) {
+          send({ type: ctx2.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: evt });
         },
         setPointerMoveOpened(ctx2) {
           ctx2.hasPointerMoveOpened = true;
@@ -383,11 +433,11 @@ function machine(userContext) {
         }
       },
       guards: {
-        closeOnPointerDown: (ctx2) => ctx2.closeOnPointerDown,
         noVisibleTooltip: () => store.id === null,
         isVisible: (ctx2) => ctx2.id === store.id,
         isInteractive: (ctx2) => ctx2.interactive,
-        hasPointerMoveOpened: (ctx2) => !!ctx2.hasPointerMoveOpened
+        hasPointerMoveOpened: (ctx2) => !!ctx2.hasPointerMoveOpened,
+        isOpenControlled: (ctx2) => !!ctx2["open.controlled"]
       },
       delays: {
         OPEN_DELAY: (ctx2) => ctx2.openDelay,

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"],"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 isOpen = state.hasTag(\"open\")\n\n  const triggerId = dom.getTriggerId(state.context)\n  const contentId = dom.getContentId(state.context)\n\n  const isDisabled = state.context.disabled\n\n  const popperStyles = getPlacementStyles({\n    ...state.context.positioning,\n    placement: state.context.currentPlacement,\n  })\n\n  return {\n    isOpen,\n    open() {\n      send(\"OPEN\")\n    },\n    close() {\n      send(\"CLOSE\")\n    },\n    reposition(options = {}) {\n      send({ type: \"SET_POSITIONING\", options })\n    },\n\n    triggerProps: normalize.button({\n      ...parts.trigger.attrs,\n      id: triggerId,\n      dir: state.context.dir,\n      \"data-expanded\": dataAttr(isOpen),\n      \"data-state\": isOpen ? \"open\" : \"closed\",\n      \"aria-describedby\": isOpen ? contentId : undefined,\n      onClick() {\n        send(\"CLICK\")\n      },\n      onFocus() {\n        if (state.event.type === \"POINTER_DOWN\") return\n        send(\"FOCUS\")\n      },\n      onBlur() {\n        if (id === store.id) {\n          send(\"BLUR\")\n        }\n      },\n      onPointerDown() {\n        if (isDisabled) return\n        if (id === store.id) {\n          send(\"POINTER_DOWN\")\n        }\n      },\n      onPointerMove(event) {\n        if (isDisabled || event.pointerType === \"touch\") return\n        send(\"POINTER_MOVE\")\n      },\n      onPointerLeave() {\n        if (isDisabled) return\n        send(\"POINTER_LEAVE\")\n      },\n      onPointerCancel() {\n        if (isDisabled) 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: !isOpen,\n      \"data-state\": isOpen ? \"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, getScrollParent } 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  getScrollParent: (ctx: Ctx) => getScrollParent(dom.getTriggerEl(ctx)!),\n})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ntype Store = {\n  id: Id\n  prevId: Id\n  setId: (val: Id) => void\n}\n\nexport const store = proxy<Store>({\n  id: null,\n  prevId: null,\n  setId(val) {\n    this.prevId = this.id\n    this.id = val\n  },\n})\n","import { createMachine, subscribe, guards } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getScrollParents, 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: \"closed\",\n\n      context: {\n        openDelay: 1000,\n        closeDelay: 500,\n        closeOnPointerDown: true,\n        closeOnEsc: true,\n        interactive: true,\n        currentPlacement: undefined,\n        ...ctx,\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      on: {\n        OPEN: \"open\",\n        CLOSE: \"closed\",\n      },\n\n      states: {\n        closed: {\n          tags: [\"closed\"],\n          entry: [\"clearGlobalId\", \"invokeOnClose\"],\n          on: {\n            FOCUS: \"open\",\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\"],\n              },\n            ],\n          },\n        },\n\n        opening: {\n          tags: [\"closed\"],\n          activities: [\"trackScroll\", \"trackPointerlockChange\"],\n          after: {\n            OPEN_DELAY: {\n              target: \"open\",\n              actions: [\"setPointerMoveOpened\"],\n            },\n          },\n          on: {\n            POINTER_LEAVE: {\n              target: \"closed\",\n              actions: [\"clearPointerMoveOpened\"],\n            },\n            BLUR: \"closed\",\n            SCROLL: \"closed\",\n            POINTER_LOCK_CHANGE: \"closed\",\n            POINTER_DOWN: {\n              guard: \"closeOnPointerDown\",\n              target: \"closed\",\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\", \"invokeOnOpen\"],\n          on: {\n            POINTER_LEAVE: [\n              {\n                guard: \"isVisible\",\n                target: \"closing\",\n                actions: [\"clearPointerMoveOpened\"],\n              },\n              {\n                target: \"closed\",\n                actions: [\"clearPointerMoveOpened\"],\n              },\n            ],\n            BLUR: \"closed\",\n            ESCAPE: \"closed\",\n            SCROLL: \"closed\",\n            POINTER_LOCK_CHANGE: \"closed\",\n            \"CONTENT.POINTER_LEAVE\": {\n              guard: \"isInteractive\",\n              target: \"closing\",\n            },\n            POINTER_DOWN: {\n              guard: \"closeOnPointerDown\",\n              target: \"closed\",\n            },\n            CLICK: \"closed\",\n            SET_POSITIONING: {\n              actions: \"reposition\",\n            },\n          },\n        },\n\n        closing: {\n          tags: [\"open\"],\n          activities: [\"trackStore\", \"trackPositioning\"],\n          after: {\n            CLOSE_DELAY: \"closed\",\n          },\n          on: {\n            FORCE_CLOSE: \"closed\",\n            POINTER_MOVE: {\n              target: \"open\",\n              actions: [\"setPointerMoveOpened\"],\n            },\n            \"CONTENT.POINTER_MOVE\": {\n              guard: \"isInteractive\",\n              target: \"open\",\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(\"POINTER_LOCK_CHANGE\")\n          return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n        },\n        trackScroll(ctx, _evt, { send }) {\n          const trigger = dom.getTriggerEl(ctx)\n          if (!trigger) return\n          const cleanups = getScrollParents(trigger).map((el) => {\n            const opts = { passive: true, capture: true } as const\n            return addDomEvent(el, \"scroll\", () => send(\"SCROLL\"), opts)\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(\"FORCE_CLOSE\")\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.closeOnEsc) return\n          const doc = dom.getDoc(ctx)\n          return addDomEvent(doc, \"keydown\", (event) => {\n            if (event.key === \"Escape\") {\n              send(\"ESCAPE\")\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, evt) {\n          const omit = [\"CONTENT.POINTER_MOVE\", \"POINTER_MOVE\"]\n          if (!omit.includes(evt.type)) {\n            ctx.onOpenChange?.({ open: true })\n          }\n        },\n        invokeOnClose(ctx) {\n          ctx.onOpenChange?.({ open: false })\n        },\n        closeIfDisabled(ctx, _evt, { send }) {\n          if (!ctx.disabled) return\n          send(\"CLOSE\")\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 ? \"OPEN\" : \"CLOSE\", src: \"controlled\" })\n        },\n        setPointerMoveOpened(ctx) {\n          ctx.hasPointerMoveOpened = true\n        },\n        clearPointerMoveOpened(ctx) {\n          ctx.hasPointerMoveOpened = false\n        },\n      },\n      guards: {\n        closeOnPointerDown: (ctx) => ctx.closeOnPointerDown,\n        noVisibleTooltip: () => store.id === null,\n        isVisible: (ctx) => ctx.id === store.id,\n        isInteractive: (ctx) => ctx.interactive,\n        hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,\n      },\n      delays: {\n        OPEN_DELAY: (ctx) => ctx.openDelay,\n        CLOSE_DELAY: (ctx) => ctx.closeDelay,\n      },\n    },\n  )\n}\n"],"mappings":"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","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"],"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 isOpen = state.hasTag(\"open\")\n\n  const triggerId = dom.getTriggerId(state.context)\n  const contentId = dom.getContentId(state.context)\n\n  const isDisabled = state.context.disabled\n\n  const popperStyles = getPlacementStyles({\n    ...state.context.positioning,\n    placement: state.context.currentPlacement,\n  })\n\n  return {\n    isOpen,\n    open() {\n      send(\"OPEN\")\n    },\n    close() {\n      send(\"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(isOpen),\n      \"data-state\": isOpen ? \"open\" : \"closed\",\n      \"aria-describedby\": isOpen ? contentId : undefined,\n      onClick() {\n        send(\"CLOSE\")\n      },\n      onFocus() {\n        if (state.event.type === \"POINTER_DOWN\") return\n        send(\"OPEN\")\n      },\n      onBlur() {\n        if (id === store.id) {\n          send(\"CLOSE\")\n        }\n      },\n      onPointerDown() {\n        if (isDisabled || !state.context.closeOnPointerDown) return\n        if (id === store.id) {\n          send(\"CLOSE\")\n        }\n      },\n      onPointerMove(event) {\n        if (isDisabled || event.pointerType === \"touch\") return\n        send(\"POINTER_MOVE\")\n      },\n      onPointerLeave() {\n        if (isDisabled) return\n        send(\"POINTER_LEAVE\")\n      },\n      onPointerCancel() {\n        if (isDisabled) 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: !isOpen,\n      \"data-state\": isOpen ? \"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\ntype Store = {\n  id: Id\n  prevId: Id\n  setId: (val: Id) => void\n}\n\nexport const store = proxy<Store>({\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        closeOnEsc: true,\n        interactive: true,\n        currentPlacement: undefined,\n        ...ctx,\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.closeOnEsc) 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"],"mappings":"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","names":["ctx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/tooltip",
-  "version": "0.34.0",
+  "version": "0.36.0",
   "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.34.0",
-    "@zag-js/core": "0.34.0",
-    "@zag-js/popper": "0.34.0",
-    "@zag-js/dom-query": "0.34.0",
-    "@zag-js/dom-event": "0.34.0",
-    "@zag-js/utils": "0.34.0",
-    "@zag-js/types": "0.34.0"
+    "@zag-js/anatomy": "0.36.0",
+    "@zag-js/core": "0.36.0",
+    "@zag-js/popper": "0.36.0",
+    "@zag-js/dom-query": "0.36.0",
+    "@zag-js/dom-event": "0.36.0",
+    "@zag-js/utils": "0.36.0",
+    "@zag-js/types": "0.36.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"

package/src/tooltip.connect.ts

@@ -31,7 +31,7 @@ export function connect<T extends PropTypes>(state: State, send: Send, normalize
       send("CLOSE")
     },
     reposition(options = {}) {
-      send({ type: "SET_POSITIONING", options })
+      send({ type: "POSITIONING.SET", options })
     },
 
     triggerProps: normalize.button({
@@ -42,21 +42,21 @@ export function connect<T extends PropTypes>(state: State, send: Send, normalize
       "data-state": isOpen ? "open" : "closed",
       "aria-describedby": isOpen ? contentId : undefined,
       onClick() {
-        send("CLICK")
+        send("CLOSE")
       },
       onFocus() {
         if (state.event.type === "POINTER_DOWN") return
-        send("FOCUS")
+        send("OPEN")
       },
       onBlur() {
         if (id === store.id) {
-          send("BLUR")
+          send("CLOSE")
         }
       },
       onPointerDown() {
-        if (isDisabled) return
+        if (isDisabled || !state.context.closeOnPointerDown) return
         if (id === store.id) {
-          send("POINTER_DOWN")
+          send("CLOSE")
         }
       },
       onPointerMove(event) {

package/src/tooltip.dom.ts

@@ -1,4 +1,4 @@
-import { createScope, getScrollParent } from "@zag-js/dom-query"
+import { createScope } from "@zag-js/dom-query"
 import type { MachineContext as Ctx } from "./tooltip.types"
 
 export const dom = createScope({
@@ -11,5 +11,4 @@ export const dom = createScope({
   getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),
   getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
   getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),
-  getScrollParent: (ctx: Ctx) => getScrollParent(dom.getTriggerEl(ctx)!),
 })