@zag-js/tooltip 0.1.14 → 0.1.16

package/dist/index.d.ts

@@ -54,6 +54,10 @@ declare type PublicContext = CommonProperties & {
      * The user provided options used to position the popover content
      */
     positioning: PositioningOptions;
+    /**
+     * Whether the tooltip is disabled
+     */
+    disabled?: boolean;
 };
 declare type UserDefinedContext = RequiredBy<PublicContext, "id">;
 declare type ComputedContext = Readonly<{

package/dist/index.js

@@ -264,6 +264,7 @@ function connect(state, send, normalize) {
   const isOpen = state.hasTag("open");
   const triggerId = dom.getTriggerId(state.context);
   const contentId = dom.getContentId(state.context);
+  const isDisabled = state.context.disabled;
   const popperStyles = (0, import_popper.getPlacementStyles)({
     measured: !!state.context.isPlacementComplete,
     placement: state.context.currentPlacement
@@ -299,17 +300,25 @@ function connect(state, send, normalize) {
         }
       },
       onPointerDown() {
+        if (isDisabled)
+          return;
         if (id === store.id) {
           send("POINTER_DOWN");
         }
       },
       onPointerMove() {
+        if (isDisabled)
+          return;
         send("POINTER_ENTER");
       },
       onPointerLeave() {
+        if (isDisabled)
+          return;
         send("POINTER_LEAVE");
       },
       onPointerCancel() {
+        if (isDisabled)
+          return;
         send("POINTER_LEAVE");
       }
     }),
@@ -385,6 +394,9 @@ function machine(ctx) {
       computed: {
         hasAriaLabel: (ctx2) => !!ctx2["aria-label"]
       },
+      watch: {
+        disabled: ["closeIfDisabled"]
+      },
       on: {
         OPEN: "open",
         CLOSE: "closed"
@@ -564,6 +576,11 @@ function machine(ctx) {
           if (!omit.includes(evt.type)) {
             (_a = ctx2.onClose) == null ? void 0 : _a.call(ctx2);
           }
+        },
+        closeIfDisabled(ctx2, _evt, { send }) {
+          if (ctx2.disabled) {
+            send("CLOSE");
+          }
         }
       },
       guards: {

package/dist/index.mjs

@@ -237,6 +237,7 @@ function connect(state, send, normalize) {
   const isOpen = state.hasTag("open");
   const triggerId = dom.getTriggerId(state.context);
   const contentId = dom.getContentId(state.context);
+  const isDisabled = state.context.disabled;
   const popperStyles = getPlacementStyles({
     measured: !!state.context.isPlacementComplete,
     placement: state.context.currentPlacement
@@ -272,17 +273,25 @@ function connect(state, send, normalize) {
         }
       },
       onPointerDown() {
+        if (isDisabled)
+          return;
         if (id === store.id) {
           send("POINTER_DOWN");
         }
       },
       onPointerMove() {
+        if (isDisabled)
+          return;
         send("POINTER_ENTER");
       },
       onPointerLeave() {
+        if (isDisabled)
+          return;
         send("POINTER_LEAVE");
       },
       onPointerCancel() {
+        if (isDisabled)
+          return;
         send("POINTER_LEAVE");
       }
     }),
@@ -358,6 +367,9 @@ function machine(ctx) {
       computed: {
         hasAriaLabel: (ctx2) => !!ctx2["aria-label"]
       },
+      watch: {
+        disabled: ["closeIfDisabled"]
+      },
       on: {
         OPEN: "open",
         CLOSE: "closed"
@@ -537,6 +549,11 @@ function machine(ctx) {
           if (!omit.includes(evt.type)) {
             (_a = ctx2.onClose) == null ? void 0 : _a.call(ctx2);
           }
+        },
+        closeIfDisabled(ctx2, _evt, { send }) {
+          if (ctx2.disabled) {
+            send("CLOSE");
+          }
         }
       },
       guards: {

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@zag-js/tooltip",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "Core logic for the tooltip widget implemented as a state machine",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "keywords": [
     "js",
     "machine",
@@ -14,9 +17,6 @@
   "author": "Segun Adebayo <sage@adebayosegun.com>",
   "homepage": "https://github.com/chakra-ui/zag#readme",
   "license": "MIT",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "module": "dist/index.mjs",
   "repository": "https://github.com/chakra-ui/zag/tree/main/packages/tooltip",
   "sideEffects": false,
   "files": [
@@ -29,13 +29,13 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "0.1.10",
-    "@zag-js/popper": "0.1.11",
-    "@zag-js/types": "0.2.5"
+    "@zag-js/core": "0.1.12",
+    "@zag-js/popper": "0.1.13",
+    "@zag-js/types": "0.2.7"
   },
   "devDependencies": {
-    "@zag-js/dom-utils": "0.1.11",
-    "@zag-js/utils": "0.1.4"
+    "@zag-js/dom-utils": "0.1.13",
+    "@zag-js/utils": "0.1.6"
   },
   "scripts": {
     "build-fast": "tsup src/index.ts --format=esm,cjs",