@zag-js/tooltip 1.40.0 → 1.41.0

package/dist/tooltip.connect.js

@@ -45,11 +45,13 @@ function connect(service, normalize) {
   const hasAriaLabel = !!prop("aria-label");
   const open = state.matches("open", "closing");
   const triggerValue = context.get("triggerValue");
+  const currentPlacement = context.get("currentPlacement");
+  const currentPlacementSide = currentPlacement ? (0, import_popper.getPlacementSide)(currentPlacement) : void 0;
   const contentId = dom.getContentId(scope);
   const disabled = prop("disabled");
   const popperStyles = (0, import_popper.getPlacementStyles)({
     ...prop("positioning"),
-    placement: context.get("currentPlacement")
+    placement: currentPlacement
   });
   return {
     open,
@@ -170,7 +172,8 @@ function connect(service, normalize) {
         "data-instant": (0, import_dom_query.dataAttr)(instant),
         role: hasAriaLabel ? void 0 : "tooltip",
         id: hasAriaLabel ? void 0 : contentId,
-        "data-placement": context.get("currentPlacement"),
+        "data-placement": currentPlacement,
+        "data-side": currentPlacementSide,
         onPointerEnter() {
           send({ type: "content.pointer.move" });
         },

package/dist/tooltip.connect.mjs

@@ -1,7 +1,7 @@
 // src/tooltip.connect.ts
 import { dataAttr, isLeftClick } from "@zag-js/dom-query";
 import { isFocusVisible } from "@zag-js/focus-visible";
-import { getPlacementStyles } from "@zag-js/popper";
+import { getPlacementSide, getPlacementStyles } from "@zag-js/popper";
 import { parts } from "./tooltip.anatomy.mjs";
 import * as dom from "./tooltip.dom.mjs";
 import { store } from "./tooltip.store.mjs";
@@ -11,11 +11,13 @@ function connect(service, normalize) {
   const hasAriaLabel = !!prop("aria-label");
   const open = state.matches("open", "closing");
   const triggerValue = context.get("triggerValue");
+  const currentPlacement = context.get("currentPlacement");
+  const currentPlacementSide = currentPlacement ? getPlacementSide(currentPlacement) : void 0;
   const contentId = dom.getContentId(scope);
   const disabled = prop("disabled");
   const popperStyles = getPlacementStyles({
     ...prop("positioning"),
-    placement: context.get("currentPlacement")
+    placement: currentPlacement
   });
   return {
     open,
@@ -136,7 +138,8 @@ function connect(service, normalize) {
         "data-instant": dataAttr(instant),
         role: hasAriaLabel ? void 0 : "tooltip",
         id: hasAriaLabel ? void 0 : contentId,
-        "data-placement": context.get("currentPlacement"),
+        "data-placement": currentPlacement,
+        "data-side": currentPlacementSide,
         onPointerEnter() {
           send({ type: "content.pointer.move" });
         },

package/dist/tooltip.dom.js

@@ -46,9 +46,12 @@ var getTriggerEl = (scope) => scope.getById(getTriggerId(scope));
 var getContentEl = (scope) => scope.getById(getContentId(scope));
 var getPositionerEl = (scope) => scope.getById(getPositionerId(scope));
 var getArrowEl = (scope) => scope.getById(getArrowId(scope));
-var getTriggerEls = (scope) => (0, import_dom_query.queryAll)(scope.getDoc(), `[data-scope="tooltip"][data-part="trigger"][data-ownedby="${scope.id}"]`);
+var getTriggerEls = (scope) => (0, import_dom_query.queryAll)(scope.getRootNode(), `[data-scope="tooltip"][data-part="trigger"][data-ownedby="${scope.id}"]`);
 var getActiveTriggerEl = (scope, value) => {
-  return value == null ? getTriggerEls(scope)[0] : scope.getById(getTriggerId(scope, value));
+  if (value == null) {
+    return getTriggerEl(scope) ?? getTriggerEls(scope)[0];
+  }
+  return scope.getById(getTriggerId(scope, value));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/tooltip.dom.mjs

@@ -13,9 +13,12 @@ var getTriggerEl = (scope) => scope.getById(getTriggerId(scope));
 var getContentEl = (scope) => scope.getById(getContentId(scope));
 var getPositionerEl = (scope) => scope.getById(getPositionerId(scope));
 var getArrowEl = (scope) => scope.getById(getArrowId(scope));
-var getTriggerEls = (scope) => queryAll(scope.getDoc(), `[data-scope="tooltip"][data-part="trigger"][data-ownedby="${scope.id}"]`);
+var getTriggerEls = (scope) => queryAll(scope.getRootNode(), `[data-scope="tooltip"][data-part="trigger"][data-ownedby="${scope.id}"]`);
 var getActiveTriggerEl = (scope, value) => {
-  return value == null ? getTriggerEls(scope)[0] : scope.getById(getTriggerId(scope, value));
+  if (value == null) {
+    return getTriggerEl(scope) ?? getTriggerEls(scope)[0];
+  }
+  return scope.getById(getTriggerId(scope, value));
 };
 export {
   getActiveTriggerEl,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/tooltip",
-  "version": "1.40.0",
+  "version": "1.41.0",
   "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.40.0",
-    "@zag-js/core": "1.40.0",
-    "@zag-js/popper": "1.40.0",
-    "@zag-js/focus-visible": "1.40.0",
-    "@zag-js/dom-query": "1.40.0",
-    "@zag-js/utils": "1.40.0",
-    "@zag-js/types": "1.40.0"
+    "@zag-js/anatomy": "1.41.0",
+    "@zag-js/core": "1.41.0",
+    "@zag-js/popper": "1.41.0",
+    "@zag-js/focus-visible": "1.41.0",
+    "@zag-js/dom-query": "1.41.0",
+    "@zag-js/utils": "1.41.0",
+    "@zag-js/types": "1.41.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"