@zag-js/tooltip 0.1.8 → 0.1.9

package/dist/index.js

@@ -46,22 +46,75 @@ module.exports = __toCommonJS(src_exports);
 var dataAttr = (guard) => {
   return guard ? "" : void 0;
 };
-var isDom = () => typeof window !== "undefined";
+function getCache() {
+  const g = globalThis;
+  g.__styleCache = g.__styleCache || /* @__PURE__ */ new WeakMap();
+  return g.__styleCache;
+}
+function getComputedStyle(el) {
+  var _a;
+  if (!el)
+    return {};
+  const cache = getCache();
+  let style = cache.get(el);
+  if (!style) {
+    const win = (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+    style = win.getComputedStyle(el);
+    cache.set(el, style);
+  }
+  return style;
+}
+var runIfFn = (v, ...a) => {
+  const res = typeof v === "function" ? v(...a) : v;
+  return res != null ? res : void 0;
+};
 var isArray = (v) => Array.isArray(v);
 var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
+var isDom = () => typeof window !== "undefined";
+function getPlatform() {
+  var _a;
+  const agent = navigator.userAgentData;
+  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
+}
+var pt = (v) => isDom() && v.test(getPlatform());
+var vn = (v) => isDom() && v.test(navigator.vendor);
+var isSafari = () => isApple() && vn(/apple/i);
+var isApple = () => pt(/mac|iphone|ipad|ipod/i);
+function isWindow(value) {
+  return (value == null ? void 0 : value.toString()) === "[object Window]";
+}
+function getDocument(el) {
+  var _a;
+  if (isWindow(el))
+    return el.document;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+}
+function getWindow(el) {
+  var _a;
+  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+}
+function getNodeName(node) {
+  var _a;
+  return isWindow(node) ? "" : (_a = node == null ? void 0 : node.localName) != null ? _a : "";
+}
+function getParent(el) {
+  const doc = getDocument(el);
+  if (getNodeName(el) === "html")
+    return el;
+  return el.assignedSlot || el.parentElement || doc.documentElement;
+}
+function isHTMLElement(v) {
+  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
+}
 var supportsPointerEvent = () => isDom() && window.onpointerdown === null;
 var supportsTouchEvent = () => isDom() && window.ontouchstart === null;
 var supportsMouseEvent = () => isDom() && window.onmousedown === null;
 var isTouchEvent = (v) => isObject(v) && hasProp(v, "touches");
-var runIfFn = (v, ...a) => {
-  const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
-};
 var isRef = (v) => hasProp(v, "current");
-var fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 };
+var fallback2 = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 };
 function extractInfo(event, type = "page") {
-  const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback : event;
+  const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback2 : event;
   return {
     point: {
       x: point[`${type}X`],
@@ -122,55 +175,6 @@ function getEventName(evt) {
     return mouseEventNames[evt];
   return evt;
 }
-function raf(fn) {
-  const id = globalThis.requestAnimationFrame(fn);
-  return function cleanup() {
-    globalThis.cancelAnimationFrame(id);
-  };
-}
-function getStyleCache() {
-  ;
-  globalThis.__styleCache__ = globalThis.__styleCache__ || /* @__PURE__ */ new WeakMap();
-  return globalThis.__styleCache__;
-}
-function getComputedStyle(el) {
-  var _a;
-  if (!el)
-    return {};
-  const cache = getStyleCache();
-  let style = cache.get(el);
-  if (!style) {
-    const win = (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
-    style = win.getComputedStyle(el);
-    cache.set(el, style);
-  }
-  return style;
-}
-function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
-}
-function getOwnerDocument(el) {
-  var _a;
-  if (isWindow(el))
-    return el.document;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
-}
-function getOwnerWindow(el) {
-  var _a;
-  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
-}
-function getNodeName(node) {
-  return isWindow(node) ? "" : node ? node.localName || "" : "";
-}
-function getParent(el) {
-  const doc = getOwnerDocument(el);
-  if (getNodeName(el) === "html")
-    return el;
-  return el.assignedSlot || el.parentElement || doc.documentElement;
-}
-function isHTMLElement(v) {
-  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
-}
 var visuallyHiddenStyle = {
   border: "0",
   clip: "rect(0 0 0 0)",
@@ -183,6 +187,12 @@ var visuallyHiddenStyle = {
   whiteSpace: "nowrap",
   wordWrap: "normal"
 };
+function raf(fn) {
+  const id = globalThis.requestAnimationFrame(fn);
+  return function cleanup() {
+    globalThis.cancelAnimationFrame(id);
+  };
+}
 function addPointerlockChangeListener(doc, fn) {
   return addDomEvent(doc, "pointerlockchange", fn, false);
 }
@@ -192,7 +202,7 @@ function isScrollParent(el) {
 }
 function getScrollParent(el) {
   if (["html", "body", "#document"].includes(getNodeName(el))) {
-    return getOwnerDocument(el).body;
+    return getDocument(el).body;
   }
   if (isHTMLElement(el) && isScrollParent(el)) {
     return el;
@@ -201,8 +211,8 @@ function getScrollParent(el) {
 }
 function getScrollParents(el, list = []) {
   const scrollParent = getScrollParent(el);
-  const isBody = scrollParent === getOwnerDocument(el).body;
-  const win = getOwnerWindow(scrollParent);
+  const isBody = scrollParent === getDocument(el).body;
+  const win = getWindow(scrollParent);
   const target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
   const parents = list.concat(target);
   if (isBody)
@@ -213,16 +223,6 @@ function getScrollParents(el, list = []) {
 // src/tooltip.connect.ts
 var import_popper = require("@zag-js/popper");
 
-// ../../types/dist/index.mjs
-function createNormalizer(fn) {
-  return new Proxy({}, {
-    get() {
-      return fn;
-    }
-  });
-}
-var normalizeProp = createNormalizer((v) => v);
-
 // src/tooltip.dom.ts
 var dom = {
   getDoc: (ctx) => {
@@ -273,7 +273,7 @@ var store = (0, import_core.proxy)({
 });
 
 // src/tooltip.connect.ts
-function connect(state, send, normalize = normalizeProp) {
+function connect(state, send, normalize) {
   const id = state.context.id;
   const hasAriaLabel = state.context.hasAriaLabel;
   const isOpen = state.hasTag("open");
@@ -381,16 +381,6 @@ var import_core2 = require("@zag-js/core");
 var import_popper2 = require("@zag-js/popper");
 
 // ../../utilities/core/dist/index.mjs
-var isDom2 = () => typeof window !== "undefined";
-function getPlatform() {
-  var _a;
-  const agent = navigator.userAgentData;
-  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
-}
-var pt = (v) => isDom2() && v.test(getPlatform());
-var vn = (v) => isDom2() && v.test(navigator.vendor);
-var isSafari = () => isApple() && vn(/apple/i);
-var isApple = () => pt(/mac|iphone|ipad|ipod/i);
 var noop = () => {
 };
 

package/dist/index.mjs

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -23,22 +22,75 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var dataAttr = (guard) => {
   return guard ? "" : void 0;
 };
-var isDom = () => typeof window !== "undefined";
+function getCache() {
+  const g = globalThis;
+  g.__styleCache = g.__styleCache || /* @__PURE__ */ new WeakMap();
+  return g.__styleCache;
+}
+function getComputedStyle(el) {
+  var _a;
+  if (!el)
+    return {};
+  const cache = getCache();
+  let style = cache.get(el);
+  if (!style) {
+    const win = (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+    style = win.getComputedStyle(el);
+    cache.set(el, style);
+  }
+  return style;
+}
+var runIfFn = (v, ...a) => {
+  const res = typeof v === "function" ? v(...a) : v;
+  return res != null ? res : void 0;
+};
 var isArray = (v) => Array.isArray(v);
 var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
+var isDom = () => typeof window !== "undefined";
+function getPlatform() {
+  var _a;
+  const agent = navigator.userAgentData;
+  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
+}
+var pt = (v) => isDom() && v.test(getPlatform());
+var vn = (v) => isDom() && v.test(navigator.vendor);
+var isSafari = () => isApple() && vn(/apple/i);
+var isApple = () => pt(/mac|iphone|ipad|ipod/i);
+function isWindow(value) {
+  return (value == null ? void 0 : value.toString()) === "[object Window]";
+}
+function getDocument(el) {
+  var _a;
+  if (isWindow(el))
+    return el.document;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+}
+function getWindow(el) {
+  var _a;
+  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+}
+function getNodeName(node) {
+  var _a;
+  return isWindow(node) ? "" : (_a = node == null ? void 0 : node.localName) != null ? _a : "";
+}
+function getParent(el) {
+  const doc = getDocument(el);
+  if (getNodeName(el) === "html")
+    return el;
+  return el.assignedSlot || el.parentElement || doc.documentElement;
+}
+function isHTMLElement(v) {
+  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
+}
 var supportsPointerEvent = () => isDom() && window.onpointerdown === null;
 var supportsTouchEvent = () => isDom() && window.ontouchstart === null;
 var supportsMouseEvent = () => isDom() && window.onmousedown === null;
 var isTouchEvent = (v) => isObject(v) && hasProp(v, "touches");
-var runIfFn = (v, ...a) => {
-  const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
-};
 var isRef = (v) => hasProp(v, "current");
-var fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 };
+var fallback2 = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 };
 function extractInfo(event, type = "page") {
-  const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback : event;
+  const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback2 : event;
   return {
     point: {
       x: point[`${type}X`],
@@ -99,55 +151,6 @@ function getEventName(evt) {
     return mouseEventNames[evt];
   return evt;
 }
-function raf(fn) {
-  const id = globalThis.requestAnimationFrame(fn);
-  return function cleanup() {
-    globalThis.cancelAnimationFrame(id);
-  };
-}
-function getStyleCache() {
-  ;
-  globalThis.__styleCache__ = globalThis.__styleCache__ || /* @__PURE__ */ new WeakMap();
-  return globalThis.__styleCache__;
-}
-function getComputedStyle(el) {
-  var _a;
-  if (!el)
-    return {};
-  const cache = getStyleCache();
-  let style = cache.get(el);
-  if (!style) {
-    const win = (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
-    style = win.getComputedStyle(el);
-    cache.set(el, style);
-  }
-  return style;
-}
-function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
-}
-function getOwnerDocument(el) {
-  var _a;
-  if (isWindow(el))
-    return el.document;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
-}
-function getOwnerWindow(el) {
-  var _a;
-  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
-}
-function getNodeName(node) {
-  return isWindow(node) ? "" : node ? node.localName || "" : "";
-}
-function getParent(el) {
-  const doc = getOwnerDocument(el);
-  if (getNodeName(el) === "html")
-    return el;
-  return el.assignedSlot || el.parentElement || doc.documentElement;
-}
-function isHTMLElement(v) {
-  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
-}
 var visuallyHiddenStyle = {
   border: "0",
   clip: "rect(0 0 0 0)",
@@ -160,6 +163,12 @@ var visuallyHiddenStyle = {
   whiteSpace: "nowrap",
   wordWrap: "normal"
 };
+function raf(fn) {
+  const id = globalThis.requestAnimationFrame(fn);
+  return function cleanup() {
+    globalThis.cancelAnimationFrame(id);
+  };
+}
 function addPointerlockChangeListener(doc, fn) {
   return addDomEvent(doc, "pointerlockchange", fn, false);
 }
@@ -169,7 +178,7 @@ function isScrollParent(el) {
 }
 function getScrollParent(el) {
   if (["html", "body", "#document"].includes(getNodeName(el))) {
-    return getOwnerDocument(el).body;
+    return getDocument(el).body;
   }
   if (isHTMLElement(el) && isScrollParent(el)) {
     return el;
@@ -178,8 +187,8 @@ function getScrollParent(el) {
 }
 function getScrollParents(el, list = []) {
   const scrollParent = getScrollParent(el);
-  const isBody = scrollParent === getOwnerDocument(el).body;
-  const win = getOwnerWindow(scrollParent);
+  const isBody = scrollParent === getDocument(el).body;
+  const win = getWindow(scrollParent);
   const target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
   const parents = list.concat(target);
   if (isBody)
@@ -190,16 +199,6 @@ function getScrollParents(el, list = []) {
 // src/tooltip.connect.ts
 import { getPlacementStyles } from "@zag-js/popper";
 
-// ../../types/dist/index.mjs
-function createNormalizer(fn) {
-  return new Proxy({}, {
-    get() {
-      return fn;
-    }
-  });
-}
-var normalizeProp = createNormalizer((v) => v);
-
 // src/tooltip.dom.ts
 var dom = {
   getDoc: (ctx) => {
@@ -250,7 +249,7 @@ var store = proxy({
 });
 
 // src/tooltip.connect.ts
-function connect(state, send, normalize = normalizeProp) {
+function connect(state, send, normalize) {
   const id = state.context.id;
   const hasAriaLabel = state.context.hasAriaLabel;
   const isOpen = state.hasTag("open");
@@ -358,16 +357,6 @@ import { createMachine, ref, subscribe } from "@zag-js/core";
 import { getPlacement } from "@zag-js/popper";
 
 // ../../utilities/core/dist/index.mjs
-var isDom2 = () => typeof window !== "undefined";
-function getPlatform() {
-  var _a;
-  const agent = navigator.userAgentData;
-  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
-}
-var pt = (v) => isDom2() && v.test(getPlatform());
-var vn = (v) => isDom2() && v.test(navigator.vendor);
-var isSafari = () => isApple() && vn(/apple/i);
-var isApple = () => pt(/mac|iphone|ipad|ipod/i);
 var noop = () => {
 };
 

package/dist/tooltip.connect.d.ts

@@ -1,6 +1,6 @@
-import { PropTypes, ReactPropTypes } from "@zag-js/types";
-import { Send, State } from "./tooltip.types";
-export declare function connect<T extends PropTypes = ReactPropTypes>(state: State, send: Send, normalize?: import("@zag-js/types").NormalizeProps): {
+import type { NormalizeProps, PropTypes } from "@zag-js/types";
+import type { Send, State } from "./tooltip.types";
+export declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
     isOpen: boolean;
     open(): void;
     close(): void;

package/dist/tooltip.dom.d.ts

@@ -1,4 +1,4 @@
-import { MachineContext as Ctx } from "./tooltip.types";
+import type { MachineContext as Ctx } from "./tooltip.types";
 export declare const dom: {
     getDoc: (ctx: Ctx) => Document;
     getWin: (ctx: Ctx) => Window & typeof globalThis;

package/dist/tooltip.machine.d.ts

@@ -1,2 +1,2 @@
-import { UserDefinedContext, MachineContext, MachineState } from "./tooltip.types";
+import type { MachineContext, MachineState, UserDefinedContext } from "./tooltip.types";
 export declare function machine(ctx?: UserDefinedContext): import("@zag-js/core").Machine<MachineContext, MachineState, import("@zag-js/core").StateMachine.AnyEventObject>;

package/dist/tooltip.types.d.ts

@@ -1,6 +1,6 @@
 import type { StateMachine as S } from "@zag-js/core";
-import { Placement, PositioningOptions } from "@zag-js/popper";
-import { RootProperties } from "@zag-js/types";
+import type { Placement, PositioningOptions } from "@zag-js/popper";
+import type { RootProperties } from "@zag-js/types";
 declare type ElementIds = Partial<{
     trigger: string;
     content: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/tooltip",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Core logic for the tooltip widget implemented as a state machine",
   "keywords": [
     "js",
@@ -29,10 +29,10 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "0.1.6",
-    "@zag-js/dom-utils": "0.1.5",
-    "@zag-js/popper": "0.1.6",
-    "@zag-js/types": "0.2.0"
+    "@zag-js/core": "0.1.7",
+    "@zag-js/dom-utils": "0.1.6",
+    "@zag-js/popper": "0.1.7",
+    "@zag-js/types": "0.2.1"
   },
   "scripts": {
     "build:fast": "zag build",