@zag-js/interact-outside 0.6.0 → 0.9.1

package/dist/index.d.ts

@@ -5,6 +5,7 @@ type InteractOutsideHandlers = {
 };
 type InteractOutsideOptions = InteractOutsideHandlers & {
     exclude?: (target: HTMLElement) => boolean;
+    defer?: boolean;
 };
 type EventDetails<T> = {
     originalEvent: T;
@@ -14,6 +15,8 @@ type EventDetails<T> = {
 type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>;
 type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>;
 type InteractOutsideEvent = PointerDownOutsideEvent | FocusOutsideEvent;
-declare function trackInteractOutside(node: HTMLElement | null, options: InteractOutsideOptions): (() => void) | undefined;
+type MaybeElement = HTMLElement | null | undefined;
+type NodeOrFn = MaybeElement | (() => MaybeElement);
+declare function trackInteractOutside(nodeOrFn: NodeOrFn, options: InteractOutsideOptions): () => void;
 
 export { FocusOutsideEvent, InteractOutsideEvent, InteractOutsideHandlers, InteractOutsideOptions, PointerDownOutsideEvent, trackInteractOutside };

package/dist/index.js

@@ -78,7 +78,7 @@ function isComposedPathFocusable(event) {
   }
   return false;
 }
-function trackInteractOutside(node, options) {
+function trackInteractOutsideImpl(node, options) {
   const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside } = options;
   if (!node)
     return;
@@ -157,6 +157,20 @@ function trackInteractOutside(node, options) {
     cleanups.forEach((fn) => fn());
   };
 }
+function trackInteractOutside(nodeOrFn, options) {
+  const { defer } = options;
+  const func = defer ? import_dom_query.raf : (v) => v();
+  const cleanups = [];
+  cleanups.push(
+    func(() => {
+      const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
+      cleanups.push(trackInteractOutsideImpl(node, options));
+    })
+  );
+  return () => {
+    cleanups.forEach((fn) => fn?.());
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   trackInteractOutside

package/dist/index.mjs

@@ -4,7 +4,7 @@ import {
 
 // src/index.ts
 import { addDomEvent, fireCustomEvent, isContextMenuEvent } from "@zag-js/dom-event";
-import { contains, getDocument, getEventTarget, getWindow, isHTMLElement } from "@zag-js/dom-query";
+import { contains, getDocument, getEventTarget, getWindow, isHTMLElement, raf } from "@zag-js/dom-query";
 import { isFocusable } from "@zag-js/tabbable";
 import { callAll } from "@zag-js/utils";
 var POINTER_OUTSIDE_EVENT = "pointerdown.outside";
@@ -17,7 +17,7 @@ function isComposedPathFocusable(event) {
   }
   return false;
 }
-function trackInteractOutside(node, options) {
+function trackInteractOutsideImpl(node, options) {
   const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside } = options;
   if (!node)
     return;
@@ -96,6 +96,20 @@ function trackInteractOutside(node, options) {
     cleanups.forEach((fn) => fn());
   };
 }
+function trackInteractOutside(nodeOrFn, options) {
+  const { defer } = options;
+  const func = defer ? raf : (v) => v();
+  const cleanups = [];
+  cleanups.push(
+    func(() => {
+      const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
+      cleanups.push(trackInteractOutsideImpl(node, options));
+    })
+  );
+  return () => {
+    cleanups.forEach((fn) => fn?.());
+  };
+}
 export {
   trackInteractOutside
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/interact-outside",
-  "version": "0.6.0",
+  "version": "0.9.1",
   "description": "Track interations or focus outside an element",
   "keywords": [
     "js",
@@ -16,10 +16,10 @@
     "dist/**/*"
   ],
   "dependencies": {
-    "@zag-js/dom-query": "0.1.4",
-    "@zag-js/dom-event": "0.6.0",
-    "@zag-js/tabbable": "0.1.1",
-    "@zag-js/utils": "0.3.4"
+    "@zag-js/dom-query": "0.9.1",
+    "@zag-js/dom-event": "0.9.1",
+    "@zag-js/tabbable": "0.9.1",
+    "@zag-js/utils": "0.9.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"