@zag-js/tooltip 1.32.0 → 1.33.1

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 import * as _zag_js_core from '@zag-js/core';
-import { EventObject, Machine, Service } from '@zag-js/core';
-import { RequiredBy, DirectionProperty, CommonProperties, PropTypes, NormalizeProps } from '@zag-js/types';
+import { Machine, EventObject, Service } from '@zag-js/core';
+import { PropTypes, RequiredBy, DirectionProperty, CommonProperties, NormalizeProps } from '@zag-js/types';
 import { PositioningOptions, Placement } from '@zag-js/popper';
 export { Placement, PositioningOptions } from '@zag-js/popper';
 

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 import * as _zag_js_core from '@zag-js/core';
-import { EventObject, Machine, Service } from '@zag-js/core';
-import { RequiredBy, DirectionProperty, CommonProperties, PropTypes, NormalizeProps } from '@zag-js/types';
+import { Machine, EventObject, Service } from '@zag-js/core';
+import { PropTypes, RequiredBy, DirectionProperty, CommonProperties, NormalizeProps } from '@zag-js/types';
 import { PositioningOptions, Placement } from '@zag-js/popper';
 export { Placement, PositioningOptions } from '@zag-js/popper';
 

package/dist/index.js

@@ -19,7 +19,11 @@ var getArrowId = (scope) => scope.ids?.arrow ?? `tooltip:${scope.id}:arrow`;
 var getPositionerId = (scope) => scope.ids?.positioner ?? `tooltip:${scope.id}:popper`;
 var getTriggerEl = (scope) => scope.getById(getTriggerId(scope));
 var getPositionerEl = (scope) => scope.getById(getPositionerId(scope));
-var store = utils.createStore({ id: null });
+var store = utils.createStore({
+  id: null,
+  prevId: null,
+  instant: false
+});
 
 // src/tooltip.connect.ts
 function connect(service, normalize) {
@@ -129,11 +133,15 @@ function connect(service, normalize) {
       });
     },
     getContentProps() {
+      const isCurrentTooltip = store.get("id") === id;
+      const isPrevTooltip = store.get("prevId") === id;
+      const instant = store.get("instant") && (open && isCurrentTooltip || isPrevTooltip);
       return normalize.element({
         ...parts.content.attrs,
         dir: prop("dir"),
         hidden: !open,
         "data-state": open ? "open" : "closed",
+        "data-instant": domQuery.dataAttr(instant),
         role: hasAriaLabel ? void 0 : "tooltip",
         id: hasAriaLabel ? void 0 : contentId,
         "data-placement": context.get("currentPlacement"),
@@ -377,11 +385,13 @@ var machine = core.createMachine({
     },
     actions: {
       setGlobalId: ({ prop }) => {
-        store.set("id", prop("id"));
+        const prevId = store.get("id");
+        const isInstant = prevId !== null && prevId !== prop("id");
+        store.update({ id: prop("id"), prevId: isInstant ? prevId : null, instant: isInstant });
       },
       clearGlobalId: ({ prop }) => {
         if (prop("id") === store.get("id")) {
-          store.set("id", null);
+          store.update({ id: null, prevId: null, instant: false });
         }
       },
       invokeOnOpen: ({ prop }) => {

package/dist/index.mjs

@@ -17,7 +17,11 @@ var getArrowId = (scope) => scope.ids?.arrow ?? `tooltip:${scope.id}:arrow`;
 var getPositionerId = (scope) => scope.ids?.positioner ?? `tooltip:${scope.id}:popper`;
 var getTriggerEl = (scope) => scope.getById(getTriggerId(scope));
 var getPositionerEl = (scope) => scope.getById(getPositionerId(scope));
-var store = createStore({ id: null });
+var store = createStore({
+  id: null,
+  prevId: null,
+  instant: false
+});
 
 // src/tooltip.connect.ts
 function connect(service, normalize) {
@@ -127,11 +131,15 @@ function connect(service, normalize) {
       });
     },
     getContentProps() {
+      const isCurrentTooltip = store.get("id") === id;
+      const isPrevTooltip = store.get("prevId") === id;
+      const instant = store.get("instant") && (open && isCurrentTooltip || isPrevTooltip);
       return normalize.element({
         ...parts.content.attrs,
         dir: prop("dir"),
         hidden: !open,
         "data-state": open ? "open" : "closed",
+        "data-instant": dataAttr(instant),
         role: hasAriaLabel ? void 0 : "tooltip",
         id: hasAriaLabel ? void 0 : contentId,
         "data-placement": context.get("currentPlacement"),
@@ -375,11 +383,13 @@ var machine = createMachine({
     },
     actions: {
       setGlobalId: ({ prop }) => {
-        store.set("id", prop("id"));
+        const prevId = store.get("id");
+        const isInstant = prevId !== null && prevId !== prop("id");
+        store.update({ id: prop("id"), prevId: isInstant ? prevId : null, instant: isInstant });
       },
       clearGlobalId: ({ prop }) => {
         if (prop("id") === store.get("id")) {
-          store.set("id", null);
+          store.update({ id: null, prevId: null, instant: false });
         }
       },
       invokeOnOpen: ({ prop }) => {

package/package.json

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