@zag-js/interact-outside 0.10.5 → 0.11.1

package/dist/index.d.mts

@@ -0,0 +1,22 @@
+type InteractOutsideHandlers = {
+    onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
+    onFocusOutside?: (event: FocusOutsideEvent) => void;
+    onInteractOutside?: (event: InteractOutsideEvent) => void;
+};
+type InteractOutsideOptions = InteractOutsideHandlers & {
+    exclude?: (target: HTMLElement) => boolean;
+    defer?: boolean;
+};
+type EventDetails<T> = {
+    originalEvent: T;
+    contextmenu: boolean;
+    focusable: boolean;
+};
+type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>;
+type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>;
+type InteractOutsideEvent = PointerDownOutsideEvent | FocusOutsideEvent;
+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.d.ts

@@ -1,9 +1,9 @@
-export type InteractOutsideHandlers = {
+type InteractOutsideHandlers = {
     onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
     onFocusOutside?: (event: FocusOutsideEvent) => void;
     onInteractOutside?: (event: InteractOutsideEvent) => void;
 };
-export type InteractOutsideOptions = InteractOutsideHandlers & {
+type InteractOutsideOptions = InteractOutsideHandlers & {
     exclude?: (target: HTMLElement) => boolean;
     defer?: boolean;
 };
@@ -12,10 +12,11 @@ type EventDetails<T> = {
     contextmenu: boolean;
     focusable: boolean;
 };
-export type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>;
-export type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>;
-export type InteractOutsideEvent = PointerDownOutsideEvent | FocusOutsideEvent;
+type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>;
+type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>;
+type InteractOutsideEvent = PointerDownOutsideEvent | FocusOutsideEvent;
 type MaybeElement = HTMLElement | null | undefined;
 type NodeOrFn = MaybeElement | (() => MaybeElement);
-export declare function trackInteractOutside(nodeOrFn: NodeOrFn, options: InteractOutsideOptions): () => void;
-export {};
+declare function trackInteractOutside(nodeOrFn: NodeOrFn, options: InteractOutsideOptions): () => void;
+
+export { FocusOutsideEvent, InteractOutsideEvent, InteractOutsideHandlers, InteractOutsideOptions, PointerDownOutsideEvent, trackInteractOutside };

package/dist/index.js

@@ -1,19 +1,79 @@
-'use strict';
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  trackInteractOutside: () => trackInteractOutside
+});
+module.exports = __toCommonJS(src_exports);
+var import_dom_event = require("@zag-js/dom-event");
+var import_dom_query = require("@zag-js/dom-query");
+var import_tabbable = require("@zag-js/tabbable");
+var import_utils = require("@zag-js/utils");
 
-const domEvent = require('@zag-js/dom-event');
-const domQuery = require('@zag-js/dom-query');
-const tabbable = require('@zag-js/tabbable');
-const utils = require('@zag-js/utils');
-const getWindowFrames = require('./get-window-frames.js');
+// src/get-window-frames.ts
+function getWindowFrames(win) {
+  const frames = {
+    each(cb) {
+      for (let i = 0; i < win.frames?.length; i += 1) {
+        const frame = win.frames[i];
+        if (frame)
+          cb(frame);
+      }
+    },
+    addEventListener(event, listener, options) {
+      frames.each((frame) => {
+        try {
+          frame.document.addEventListener(event, listener, options);
+        } catch (err) {
+          console.warn(err);
+        }
+      });
+      return () => {
+        try {
+          frames.removeEventListener(event, listener, options);
+        } catch (err) {
+          console.warn(err);
+        }
+      };
+    },
+    removeEventListener(event, listener, options) {
+      frames.each((frame) => {
+        try {
+          frame.document.removeEventListener(event, listener, options);
+        } catch (err) {
+          console.warn(err);
+        }
+      });
+    }
+  };
+  return frames;
+}
 
-const POINTER_OUTSIDE_EVENT = "pointerdown.outside";
-const FOCUS_OUTSIDE_EVENT = "focus.outside";
+// src/index.ts
+var POINTER_OUTSIDE_EVENT = "pointerdown.outside";
+var FOCUS_OUTSIDE_EVENT = "focus.outside";
 function isComposedPathFocusable(event) {
   const composedPath = event.composedPath() ?? [event.target];
   for (const node of composedPath) {
-    if (domQuery.isHTMLElement(node) && tabbable.isFocusable(node))
+    if ((0, import_dom_query.isHTMLElement)(node) && (0, import_tabbable.isFocusable)(node))
       return true;
   }
   return false;
@@ -22,15 +82,15 @@ function trackInteractOutsideImpl(node, options) {
   const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside } = options;
   if (!node)
     return;
-  const doc = domQuery.getDocument(node);
-  const win = domQuery.getWindow(node);
-  const frames = getWindowFrames.getWindowFrames(win);
+  const doc = (0, import_dom_query.getDocument)(node);
+  const win = (0, import_dom_query.getWindow)(node);
+  const frames = getWindowFrames(win);
   function isEventOutside(event) {
-    const target = domQuery.getEventTarget(event);
-    if (!domQuery.isHTMLElement(target)) {
+    const target = (0, import_dom_query.getEventTarget)(event);
+    if (!(0, import_dom_query.isHTMLElement)(target)) {
       return false;
     }
-    if (domQuery.contains(node, target)) {
+    if ((0, import_dom_query.contains)(node, target)) {
       return false;
     }
     return !exclude?.(target);
@@ -41,15 +101,15 @@ function trackInteractOutsideImpl(node, options) {
       if (!node || !isEventOutside(event))
         return;
       if (onPointerDownOutside || onInteractOutside) {
-        const handler2 = utils.callAll(onPointerDownOutside, onInteractOutside);
+        const handler2 = (0, import_utils.callAll)(onPointerDownOutside, onInteractOutside);
         node.addEventListener(POINTER_OUTSIDE_EVENT, handler2, { once: true });
       }
-      domEvent.fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {
+      (0, import_dom_event.fireCustomEvent)(node, POINTER_OUTSIDE_EVENT, {
         bubbles: false,
         cancelable: true,
         detail: {
           originalEvent: event,
-          contextmenu: domEvent.isContextMenuEvent(event),
+          contextmenu: (0, import_dom_event.isContextMenuEvent)(event),
           focusable: isComposedPathFocusable(event)
         }
       });
@@ -67,26 +127,26 @@ function trackInteractOutsideImpl(node, options) {
   const cleanups = /* @__PURE__ */ new Set();
   const timer = setTimeout(() => {
     cleanups.add(frames.addEventListener("pointerdown", onPointerDown, true));
-    cleanups.add(domEvent.addDomEvent(doc, "pointerdown", onPointerDown, true));
+    cleanups.add((0, import_dom_event.addDomEvent)(doc, "pointerdown", onPointerDown, true));
   }, 0);
   function onFocusin(event) {
     if (!node || !isEventOutside(event))
       return;
     if (onFocusOutside || onInteractOutside) {
-      const handler = utils.callAll(onFocusOutside, onInteractOutside);
+      const handler = (0, import_utils.callAll)(onFocusOutside, onInteractOutside);
       node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
     }
-    domEvent.fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {
+    (0, import_dom_event.fireCustomEvent)(node, FOCUS_OUTSIDE_EVENT, {
       bubbles: false,
       cancelable: true,
       detail: {
         originalEvent: event,
         contextmenu: false,
-        focusable: tabbable.isFocusable(domQuery.getEventTarget(event))
+        focusable: (0, import_tabbable.isFocusable)((0, import_dom_query.getEventTarget)(event))
       }
     });
   }
-  cleanups.add(domEvent.addDomEvent(doc, "focusin", onFocusin, true));
+  cleanups.add((0, import_dom_event.addDomEvent)(doc, "focusin", onFocusin, true));
   cleanups.add(frames.addEventListener("focusin", onFocusin, true));
   return () => {
     clearTimeout(timer);
@@ -99,7 +159,7 @@ function trackInteractOutsideImpl(node, options) {
 }
 function trackInteractOutside(nodeOrFn, options) {
   const { defer } = options;
-  const func = defer ? domQuery.raf : (v) => v();
+  const func = defer ? import_dom_query.raf : (v) => v();
   const cleanups = [];
   cleanups.push(
     func(() => {
@@ -111,5 +171,8 @@ function trackInteractOutside(nodeOrFn, options) {
     cleanups.forEach((fn) => fn?.());
   };
 }
-
-exports.trackInteractOutside = trackInteractOutside;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  trackInteractOutside
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/get-window-frames.ts"],"sourcesContent":["import { addDomEvent, fireCustomEvent, isContextMenuEvent } from \"@zag-js/dom-event\"\nimport { contains, getDocument, getEventTarget, getWindow, isHTMLElement, raf } from \"@zag-js/dom-query\"\nimport { isFocusable } from \"@zag-js/tabbable\"\nimport { callAll } from \"@zag-js/utils\"\nimport { getWindowFrames } from \"./get-window-frames\"\n\nexport type InteractOutsideHandlers = {\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n  onInteractOutside?: (event: InteractOutsideEvent) => void\n}\n\nexport type InteractOutsideOptions = InteractOutsideHandlers & {\n  exclude?: (target: HTMLElement) => boolean\n  defer?: boolean\n}\n\ntype EventDetails<T> = {\n  originalEvent: T\n  contextmenu: boolean\n  focusable: boolean\n}\n\nconst POINTER_OUTSIDE_EVENT = \"pointerdown.outside\"\nconst FOCUS_OUTSIDE_EVENT = \"focus.outside\"\n\nexport type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>\n\nexport type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>\n\nexport type InteractOutsideEvent = PointerDownOutsideEvent | FocusOutsideEvent\n\ntype MaybeElement = HTMLElement | null | undefined\ntype NodeOrFn = MaybeElement | (() => MaybeElement)\n\nfunction isComposedPathFocusable(event: Event) {\n  const composedPath = event.composedPath() ?? [event.target as HTMLElement]\n  for (const node of composedPath) {\n    if (isHTMLElement(node) && isFocusable(node)) return true\n  }\n  return false\n}\n\nfunction trackInteractOutsideImpl(node: MaybeElement, options: InteractOutsideOptions) {\n  const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside } = options\n\n  if (!node) return\n\n  const doc = getDocument(node)\n  const win = getWindow(node)\n  const frames = getWindowFrames(win)\n\n  function isEventOutside(event: Event): boolean {\n    const target = getEventTarget(event)\n\n    if (!isHTMLElement(target)) {\n      return false\n    }\n\n    if (contains(node, target)) {\n      return false\n    }\n\n    return !exclude?.(target)\n  }\n\n  let clickHandler: VoidFunction\n\n  function onPointerDown(event: PointerEvent) {\n    //\n    function handler() {\n      if (!node || !isEventOutside(event)) return\n\n      if (onPointerDownOutside || onInteractOutside) {\n        const handler = callAll(onPointerDownOutside, onInteractOutside) as EventListener\n        node.addEventListener(POINTER_OUTSIDE_EVENT, handler, { once: true })\n      }\n\n      fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {\n        bubbles: false,\n        cancelable: true,\n        detail: {\n          originalEvent: event,\n          contextmenu: isContextMenuEvent(event),\n          focusable: isComposedPathFocusable(event),\n        },\n      })\n    }\n\n    if (event.pointerType === \"touch\") {\n      frames.removeEventListener(\"click\", handler)\n      doc.removeEventListener(\"click\", handler)\n\n      clickHandler = handler\n\n      doc.addEventListener(\"click\", handler, { once: true })\n      frames.addEventListener(\"click\", handler, { once: true })\n    } else {\n      handler()\n    }\n  }\n  const cleanups = new Set<VoidFunction>()\n\n  const timer = setTimeout(() => {\n    cleanups.add(frames.addEventListener(\"pointerdown\", onPointerDown, true))\n    cleanups.add(addDomEvent(doc, \"pointerdown\", onPointerDown, true))\n  }, 0)\n\n  function onFocusin(event: FocusEvent) {\n    //\n    if (!node || !isEventOutside(event)) return\n\n    if (onFocusOutside || onInteractOutside) {\n      const handler = callAll(onFocusOutside, onInteractOutside) as EventListener\n      node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true })\n    }\n\n    fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {\n      bubbles: false,\n      cancelable: true,\n      detail: {\n        originalEvent: event,\n        contextmenu: false,\n        focusable: isFocusable(getEventTarget(event)),\n      },\n    })\n  }\n\n  cleanups.add(addDomEvent(doc, \"focusin\", onFocusin, true))\n  cleanups.add(frames.addEventListener(\"focusin\", onFocusin, true))\n\n  return () => {\n    clearTimeout(timer)\n    if (clickHandler) {\n      frames.removeEventListener(\"click\", clickHandler)\n      doc.removeEventListener(\"click\", clickHandler)\n    }\n    cleanups.forEach((fn) => fn())\n  }\n}\n\nexport function trackInteractOutside(nodeOrFn: NodeOrFn, options: InteractOutsideOptions) {\n  const { defer } = options\n  const func = defer ? raf : (v: any) => v()\n  const cleanups: (VoidFunction | undefined)[] = []\n  cleanups.push(\n    func(() => {\n      const node = typeof nodeOrFn === \"function\" ? nodeOrFn() : nodeOrFn\n      cleanups.push(trackInteractOutsideImpl(node, options))\n    }),\n  )\n  return () => {\n    cleanups.forEach((fn) => fn?.())\n  }\n}\n","export function getWindowFrames(win: Window) {\n  const frames = {\n    each(cb: (win: Window) => void) {\n      for (let i = 0; i < win.frames?.length; i += 1) {\n        const frame = win.frames[i]\n        if (frame) cb(frame)\n      }\n    },\n    addEventListener(event: string, listener: any, options?: any) {\n      frames.each((frame) => {\n        try {\n          frame.document.addEventListener(event, listener, options)\n        } catch (err) {\n          console.warn(err)\n        }\n      })\n      return () => {\n        try {\n          frames.removeEventListener(event, listener, options)\n        } catch (err) {\n          console.warn(err)\n        }\n      }\n    },\n    removeEventListener(event: string, listener: any, options?: any) {\n      frames.each((frame) => {\n        try {\n          frame.document.removeEventListener(event, listener, options)\n        } catch (err) {\n          console.warn(err)\n        }\n      })\n    },\n  }\n  return frames\n}\n"],"mappings":"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","names":["handler"]}

package/dist/index.mjs

@@ -1,11 +1,51 @@
-import { addDomEvent, fireCustomEvent, isContextMenuEvent } from '@zag-js/dom-event';
-import { getDocument, getWindow, raf, getEventTarget, isHTMLElement, contains } from '@zag-js/dom-query';
-import { isFocusable } from '@zag-js/tabbable';
-import { callAll } from '@zag-js/utils';
-import { getWindowFrames } from './get-window-frames.mjs';
+// src/index.ts
+import { addDomEvent, fireCustomEvent, isContextMenuEvent } from "@zag-js/dom-event";
+import { contains, getDocument, getEventTarget, getWindow, isHTMLElement, raf } from "@zag-js/dom-query";
+import { isFocusable } from "@zag-js/tabbable";
+import { callAll } from "@zag-js/utils";
 
-const POINTER_OUTSIDE_EVENT = "pointerdown.outside";
-const FOCUS_OUTSIDE_EVENT = "focus.outside";
+// src/get-window-frames.ts
+function getWindowFrames(win) {
+  const frames = {
+    each(cb) {
+      for (let i = 0; i < win.frames?.length; i += 1) {
+        const frame = win.frames[i];
+        if (frame)
+          cb(frame);
+      }
+    },
+    addEventListener(event, listener, options) {
+      frames.each((frame) => {
+        try {
+          frame.document.addEventListener(event, listener, options);
+        } catch (err) {
+          console.warn(err);
+        }
+      });
+      return () => {
+        try {
+          frames.removeEventListener(event, listener, options);
+        } catch (err) {
+          console.warn(err);
+        }
+      };
+    },
+    removeEventListener(event, listener, options) {
+      frames.each((frame) => {
+        try {
+          frame.document.removeEventListener(event, listener, options);
+        } catch (err) {
+          console.warn(err);
+        }
+      });
+    }
+  };
+  return frames;
+}
+
+// src/index.ts
+var POINTER_OUTSIDE_EVENT = "pointerdown.outside";
+var FOCUS_OUTSIDE_EVENT = "focus.outside";
 function isComposedPathFocusable(event) {
   const composedPath = event.composedPath() ?? [event.target];
   for (const node of composedPath) {
@@ -107,5 +147,7 @@ function trackInteractOutside(nodeOrFn, options) {
     cleanups.forEach((fn) => fn?.());
   };
 }
-
-export { trackInteractOutside };
+export {
+  trackInteractOutside
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/get-window-frames.ts"],"sourcesContent":["import { addDomEvent, fireCustomEvent, isContextMenuEvent } from \"@zag-js/dom-event\"\nimport { contains, getDocument, getEventTarget, getWindow, isHTMLElement, raf } from \"@zag-js/dom-query\"\nimport { isFocusable } from \"@zag-js/tabbable\"\nimport { callAll } from \"@zag-js/utils\"\nimport { getWindowFrames } from \"./get-window-frames\"\n\nexport type InteractOutsideHandlers = {\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n  onFocusOutside?: (event: FocusOutsideEvent) => void\n  onInteractOutside?: (event: InteractOutsideEvent) => void\n}\n\nexport type InteractOutsideOptions = InteractOutsideHandlers & {\n  exclude?: (target: HTMLElement) => boolean\n  defer?: boolean\n}\n\ntype EventDetails<T> = {\n  originalEvent: T\n  contextmenu: boolean\n  focusable: boolean\n}\n\nconst POINTER_OUTSIDE_EVENT = \"pointerdown.outside\"\nconst FOCUS_OUTSIDE_EVENT = \"focus.outside\"\n\nexport type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>\n\nexport type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>\n\nexport type InteractOutsideEvent = PointerDownOutsideEvent | FocusOutsideEvent\n\ntype MaybeElement = HTMLElement | null | undefined\ntype NodeOrFn = MaybeElement | (() => MaybeElement)\n\nfunction isComposedPathFocusable(event: Event) {\n  const composedPath = event.composedPath() ?? [event.target as HTMLElement]\n  for (const node of composedPath) {\n    if (isHTMLElement(node) && isFocusable(node)) return true\n  }\n  return false\n}\n\nfunction trackInteractOutsideImpl(node: MaybeElement, options: InteractOutsideOptions) {\n  const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside } = options\n\n  if (!node) return\n\n  const doc = getDocument(node)\n  const win = getWindow(node)\n  const frames = getWindowFrames(win)\n\n  function isEventOutside(event: Event): boolean {\n    const target = getEventTarget(event)\n\n    if (!isHTMLElement(target)) {\n      return false\n    }\n\n    if (contains(node, target)) {\n      return false\n    }\n\n    return !exclude?.(target)\n  }\n\n  let clickHandler: VoidFunction\n\n  function onPointerDown(event: PointerEvent) {\n    //\n    function handler() {\n      if (!node || !isEventOutside(event)) return\n\n      if (onPointerDownOutside || onInteractOutside) {\n        const handler = callAll(onPointerDownOutside, onInteractOutside) as EventListener\n        node.addEventListener(POINTER_OUTSIDE_EVENT, handler, { once: true })\n      }\n\n      fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {\n        bubbles: false,\n        cancelable: true,\n        detail: {\n          originalEvent: event,\n          contextmenu: isContextMenuEvent(event),\n          focusable: isComposedPathFocusable(event),\n        },\n      })\n    }\n\n    if (event.pointerType === \"touch\") {\n      frames.removeEventListener(\"click\", handler)\n      doc.removeEventListener(\"click\", handler)\n\n      clickHandler = handler\n\n      doc.addEventListener(\"click\", handler, { once: true })\n      frames.addEventListener(\"click\", handler, { once: true })\n    } else {\n      handler()\n    }\n  }\n  const cleanups = new Set<VoidFunction>()\n\n  const timer = setTimeout(() => {\n    cleanups.add(frames.addEventListener(\"pointerdown\", onPointerDown, true))\n    cleanups.add(addDomEvent(doc, \"pointerdown\", onPointerDown, true))\n  }, 0)\n\n  function onFocusin(event: FocusEvent) {\n    //\n    if (!node || !isEventOutside(event)) return\n\n    if (onFocusOutside || onInteractOutside) {\n      const handler = callAll(onFocusOutside, onInteractOutside) as EventListener\n      node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true })\n    }\n\n    fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {\n      bubbles: false,\n      cancelable: true,\n      detail: {\n        originalEvent: event,\n        contextmenu: false,\n        focusable: isFocusable(getEventTarget(event)),\n      },\n    })\n  }\n\n  cleanups.add(addDomEvent(doc, \"focusin\", onFocusin, true))\n  cleanups.add(frames.addEventListener(\"focusin\", onFocusin, true))\n\n  return () => {\n    clearTimeout(timer)\n    if (clickHandler) {\n      frames.removeEventListener(\"click\", clickHandler)\n      doc.removeEventListener(\"click\", clickHandler)\n    }\n    cleanups.forEach((fn) => fn())\n  }\n}\n\nexport function trackInteractOutside(nodeOrFn: NodeOrFn, options: InteractOutsideOptions) {\n  const { defer } = options\n  const func = defer ? raf : (v: any) => v()\n  const cleanups: (VoidFunction | undefined)[] = []\n  cleanups.push(\n    func(() => {\n      const node = typeof nodeOrFn === \"function\" ? nodeOrFn() : nodeOrFn\n      cleanups.push(trackInteractOutsideImpl(node, options))\n    }),\n  )\n  return () => {\n    cleanups.forEach((fn) => fn?.())\n  }\n}\n","export function getWindowFrames(win: Window) {\n  const frames = {\n    each(cb: (win: Window) => void) {\n      for (let i = 0; i < win.frames?.length; i += 1) {\n        const frame = win.frames[i]\n        if (frame) cb(frame)\n      }\n    },\n    addEventListener(event: string, listener: any, options?: any) {\n      frames.each((frame) => {\n        try {\n          frame.document.addEventListener(event, listener, options)\n        } catch (err) {\n          console.warn(err)\n        }\n      })\n      return () => {\n        try {\n          frames.removeEventListener(event, listener, options)\n        } catch (err) {\n          console.warn(err)\n        }\n      }\n    },\n    removeEventListener(event: string, listener: any, options?: any) {\n      frames.each((frame) => {\n        try {\n          frame.document.removeEventListener(event, listener, options)\n        } catch (err) {\n          console.warn(err)\n        }\n      })\n    },\n  }\n  return frames\n}\n"],"mappings":"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","names":["handler"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/interact-outside",
-  "version": "0.10.5",
+  "version": "0.11.1",
   "description": "Track interations or focus outside an element",
   "keywords": [
     "js",
@@ -17,10 +17,10 @@
     "src"
   ],
   "dependencies": {
-    "@zag-js/dom-query": "0.10.5",
-    "@zag-js/dom-event": "0.10.5",
-    "@zag-js/tabbable": "0.10.5",
-    "@zag-js/utils": "0.10.5"
+    "@zag-js/dom-query": "0.11.1",
+    "@zag-js/dom-event": "0.11.1",
+    "@zag-js/tabbable": "0.11.1",
+    "@zag-js/utils": "0.11.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"
@@ -44,7 +44,7 @@
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "vite build -c ../../../vite.config.ts",
+    "build": "tsup",
     "test": "jest --config ../../../jest.config.js --rootDir tests",
     "lint": "eslint src --ext .ts,.tsx",
     "test-ci": "pnpm test --ci --runInBand -u",

package/dist/get-window-frames.d.ts

@@ -1,5 +0,0 @@
-export declare function getWindowFrames(win: Window): {
-    each(cb: (win: Window) => void): void;
-    addEventListener(event: string, listener: any, options?: any): () => void;
-    removeEventListener(event: string, listener: any, options?: any): void;
-};

package/dist/get-window-frames.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-function getWindowFrames(win) {
-  const frames = {
-    each(cb) {
-      for (let i = 0; i < win.frames?.length; i += 1) {
-        const frame = win.frames[i];
-        if (frame)
-          cb(frame);
-      }
-    },
-    addEventListener(event, listener, options) {
-      frames.each((frame) => {
-        try {
-          frame.document.addEventListener(event, listener, options);
-        } catch (err) {
-          console.warn(err);
-        }
-      });
-      return () => {
-        try {
-          frames.removeEventListener(event, listener, options);
-        } catch (err) {
-          console.warn(err);
-        }
-      };
-    },
-    removeEventListener(event, listener, options) {
-      frames.each((frame) => {
-        try {
-          frame.document.removeEventListener(event, listener, options);
-        } catch (err) {
-          console.warn(err);
-        }
-      });
-    }
-  };
-  return frames;
-}
-
-exports.getWindowFrames = getWindowFrames;

package/dist/get-window-frames.mjs

@@ -1,39 +0,0 @@
-function getWindowFrames(win) {
-  const frames = {
-    each(cb) {
-      for (let i = 0; i < win.frames?.length; i += 1) {
-        const frame = win.frames[i];
-        if (frame)
-          cb(frame);
-      }
-    },
-    addEventListener(event, listener, options) {
-      frames.each((frame) => {
-        try {
-          frame.document.addEventListener(event, listener, options);
-        } catch (err) {
-          console.warn(err);
-        }
-      });
-      return () => {
-        try {
-          frames.removeEventListener(event, listener, options);
-        } catch (err) {
-          console.warn(err);
-        }
-      };
-    },
-    removeEventListener(event, listener, options) {
-      frames.each((frame) => {
-        try {
-          frame.document.removeEventListener(event, listener, options);
-        } catch (err) {
-          console.warn(err);
-        }
-      });
-    }
-  };
-  return frames;
-}
-
-export { getWindowFrames };