@zag-js/tooltip 1.21.8 → 1.22.0

package/dist/index.js

@@ -4,10 +4,9 @@ var anatomy$1 = require('@zag-js/anatomy');
 var domQuery = require('@zag-js/dom-query');
 var focusVisible = require('@zag-js/focus-visible');
 var popper = require('@zag-js/popper');
-var store$1 = require('@zag-js/store');
+var utils = require('@zag-js/utils');
 var core = require('@zag-js/core');
 var types = require('@zag-js/types');
-var utils = require('@zag-js/utils');
 
 // src/tooltip.anatomy.ts
 var anatomy = anatomy$1.createAnatomy("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
@@ -20,7 +19,7 @@ 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 = store$1.proxy({ id: null });
+var store = utils.createStore({ id: null });
 
 // src/tooltip.connect.ts
 function connect(service, normalize) {
@@ -71,7 +70,7 @@ function connect(service, normalize) {
         onBlur(event) {
           if (event.defaultPrevented) return;
           if (disabled) return;
-          if (id === store.id) {
+          if (id === store.get("id")) {
             send({ type: "close", src: "trigger.blur" });
           }
         },
@@ -80,7 +79,7 @@ function connect(service, normalize) {
           if (disabled) return;
           if (!domQuery.isLeftClick(event)) return;
           if (!prop("closeOnPointerDown")) return;
-          if (id === store.id) {
+          if (id === store.get("id")) {
             send({ type: "close", src: "trigger.pointerdown" });
           }
         },
@@ -152,17 +151,19 @@ var machine = core.createMachine({
     return open ? "open" : "closed";
   },
   props({ props: props2 }) {
+    const closeOnClick = props2.closeOnClick ?? true;
+    const closeOnPointerDown = props2.closeOnPointerDown ?? closeOnClick;
     return {
       id: "x",
       openDelay: 1e3,
       closeDelay: 500,
-      closeOnPointerDown: true,
       closeOnEscape: true,
       interactive: false,
       closeOnScroll: true,
-      closeOnClick: true,
       disabled: false,
       ...props2,
+      closeOnPointerDown,
+      closeOnClick,
       positioning: {
         placement: "bottom",
         ...props2.positioning
@@ -362,19 +363,19 @@ var machine = core.createMachine({
   },
   implementations: {
     guards: {
-      noVisibleTooltip: () => store.id === null,
-      isVisible: ({ prop }) => prop("id") === store.id,
+      noVisibleTooltip: () => store.get("id") === null,
+      isVisible: ({ prop }) => prop("id") === store.get("id"),
       isInteractive: ({ prop }) => !!prop("interactive"),
       hasPointerMoveOpened: ({ context }) => context.get("hasPointerMoveOpened"),
       isOpenControlled: ({ prop }) => prop("open") !== void 0
     },
     actions: {
       setGlobalId: ({ prop }) => {
-        store.id = prop("id");
+        store.set("id", prop("id"));
       },
       clearGlobalId: ({ prop }) => {
-        if (prop("id") === store.id) {
-          store.id = null;
+        if (prop("id") === store.get("id")) {
+          store.set("id", null);
         }
       },
       invokeOnOpen: ({ prop }) => {
@@ -458,8 +459,8 @@ var machine = core.createMachine({
       trackStore: ({ prop, send }) => {
         let cleanup;
         queueMicrotask(() => {
-          cleanup = store$1.subscribe(store, () => {
-            if (store.id !== prop("id")) {
+          cleanup = store.subscribe(() => {
+            if (store.get("id") !== prop("id")) {
               send({ type: "close", src: "id.change" });
             }
           });

package/dist/index.mjs

@@ -2,10 +2,9 @@ import { createAnatomy } from '@zag-js/anatomy';
 import { addDomEvent, getOverflowAncestors, isComposingEvent, dataAttr, isLeftClick } from '@zag-js/dom-query';
 import { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';
 import { getPlacement, getPlacementStyles } from '@zag-js/popper';
-import { proxy, subscribe } from '@zag-js/store';
+import { createStore, createSplitProps } from '@zag-js/utils';
 import { createGuards, createMachine } from '@zag-js/core';
 import { createProps } from '@zag-js/types';
-import { createSplitProps } from '@zag-js/utils';
 
 // src/tooltip.anatomy.ts
 var anatomy = createAnatomy("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
@@ -18,7 +17,7 @@ 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 = proxy({ id: null });
+var store = createStore({ id: null });
 
 // src/tooltip.connect.ts
 function connect(service, normalize) {
@@ -69,7 +68,7 @@ function connect(service, normalize) {
         onBlur(event) {
           if (event.defaultPrevented) return;
           if (disabled) return;
-          if (id === store.id) {
+          if (id === store.get("id")) {
             send({ type: "close", src: "trigger.blur" });
           }
         },
@@ -78,7 +77,7 @@ function connect(service, normalize) {
           if (disabled) return;
           if (!isLeftClick(event)) return;
           if (!prop("closeOnPointerDown")) return;
-          if (id === store.id) {
+          if (id === store.get("id")) {
             send({ type: "close", src: "trigger.pointerdown" });
           }
         },
@@ -150,17 +149,19 @@ var machine = createMachine({
     return open ? "open" : "closed";
   },
   props({ props: props2 }) {
+    const closeOnClick = props2.closeOnClick ?? true;
+    const closeOnPointerDown = props2.closeOnPointerDown ?? closeOnClick;
     return {
       id: "x",
       openDelay: 1e3,
       closeDelay: 500,
-      closeOnPointerDown: true,
       closeOnEscape: true,
       interactive: false,
       closeOnScroll: true,
-      closeOnClick: true,
       disabled: false,
       ...props2,
+      closeOnPointerDown,
+      closeOnClick,
       positioning: {
         placement: "bottom",
         ...props2.positioning
@@ -360,19 +361,19 @@ var machine = createMachine({
   },
   implementations: {
     guards: {
-      noVisibleTooltip: () => store.id === null,
-      isVisible: ({ prop }) => prop("id") === store.id,
+      noVisibleTooltip: () => store.get("id") === null,
+      isVisible: ({ prop }) => prop("id") === store.get("id"),
       isInteractive: ({ prop }) => !!prop("interactive"),
       hasPointerMoveOpened: ({ context }) => context.get("hasPointerMoveOpened"),
       isOpenControlled: ({ prop }) => prop("open") !== void 0
     },
     actions: {
       setGlobalId: ({ prop }) => {
-        store.id = prop("id");
+        store.set("id", prop("id"));
       },
       clearGlobalId: ({ prop }) => {
-        if (prop("id") === store.id) {
-          store.id = null;
+        if (prop("id") === store.get("id")) {
+          store.set("id", null);
         }
       },
       invokeOnOpen: ({ prop }) => {
@@ -456,8 +457,8 @@ var machine = createMachine({
       trackStore: ({ prop, send }) => {
         let cleanup;
         queueMicrotask(() => {
-          cleanup = subscribe(store, () => {
-            if (store.id !== prop("id")) {
+          cleanup = store.subscribe(() => {
+            if (store.get("id") !== prop("id")) {
               send({ type: "close", src: "id.change" });
             }
           });

package/package.json

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