@zag-js/interact-outside 0.10.2 → 0.10.4

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

@@ -1,7 +1,5 @@
-declare function getWindowFrames(win: Window): {
+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;
 };
-
-export { getWindowFrames };

package/dist/get-window-frames.js

@@ -1,28 +1,7 @@
-"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);
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// src/get-window-frames.ts
-var get_window_frames_exports = {};
-__export(get_window_frames_exports, {
-  getWindowFrames: () => getWindowFrames
-});
-module.exports = __toCommonJS(get_window_frames_exports);
 function getWindowFrames(win) {
   const frames = {
     each(cb) {
@@ -60,7 +39,5 @@ function getWindowFrames(win) {
   };
   return frames;
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getWindowFrames
-});
+
+exports.getWindowFrames = getWindowFrames;

package/dist/get-window-frames.mjs

@@ -1,6 +1,39 @@
-import {
-  getWindowFrames
-} from "./chunk-UQ6OADW7.mjs";
-export {
-  getWindowFrames
-};
+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 };

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,79 +1,19 @@
-"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);
+'use strict';
 
-// 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");
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// 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 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/index.ts
-var POINTER_OUTSIDE_EVENT = "pointerdown.outside";
-var FOCUS_OUTSIDE_EVENT = "focus.outside";
+const POINTER_OUTSIDE_EVENT = "pointerdown.outside";
+const FOCUS_OUTSIDE_EVENT = "focus.outside";
 function isComposedPathFocusable(event) {
   const composedPath = event.composedPath() ?? [event.target];
   for (const node of composedPath) {
-    if ((0, import_dom_query.isHTMLElement)(node) && (0, import_tabbable.isFocusable)(node))
+    if (domQuery.isHTMLElement(node) && tabbable.isFocusable(node))
       return true;
   }
   return false;
@@ -82,15 +22,15 @@ function trackInteractOutsideImpl(node, options) {
   const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside } = options;
   if (!node)
     return;
-  const doc = (0, import_dom_query.getDocument)(node);
-  const win = (0, import_dom_query.getWindow)(node);
-  const frames = getWindowFrames(win);
+  const doc = domQuery.getDocument(node);
+  const win = domQuery.getWindow(node);
+  const frames = getWindowFrames.getWindowFrames(win);
   function isEventOutside(event) {
-    const target = (0, import_dom_query.getEventTarget)(event);
-    if (!(0, import_dom_query.isHTMLElement)(target)) {
+    const target = domQuery.getEventTarget(event);
+    if (!domQuery.isHTMLElement(target)) {
       return false;
     }
-    if ((0, import_dom_query.contains)(node, target)) {
+    if (domQuery.contains(node, target)) {
       return false;
     }
     return !exclude?.(target);
@@ -101,15 +41,15 @@ function trackInteractOutsideImpl(node, options) {
       if (!node || !isEventOutside(event))
         return;
       if (onPointerDownOutside || onInteractOutside) {
-        const handler2 = (0, import_utils.callAll)(onPointerDownOutside, onInteractOutside);
+        const handler2 = utils.callAll(onPointerDownOutside, onInteractOutside);
         node.addEventListener(POINTER_OUTSIDE_EVENT, handler2, { once: true });
       }
-      (0, import_dom_event.fireCustomEvent)(node, POINTER_OUTSIDE_EVENT, {
+      domEvent.fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {
         bubbles: false,
         cancelable: true,
         detail: {
           originalEvent: event,
-          contextmenu: (0, import_dom_event.isContextMenuEvent)(event),
+          contextmenu: domEvent.isContextMenuEvent(event),
           focusable: isComposedPathFocusable(event)
         }
       });
@@ -127,26 +67,26 @@ function trackInteractOutsideImpl(node, options) {
   const cleanups = /* @__PURE__ */ new Set();
   const timer = setTimeout(() => {
     cleanups.add(frames.addEventListener("pointerdown", onPointerDown, true));
-    cleanups.add((0, import_dom_event.addDomEvent)(doc, "pointerdown", onPointerDown, true));
+    cleanups.add(domEvent.addDomEvent(doc, "pointerdown", onPointerDown, true));
   }, 0);
   function onFocusin(event) {
     if (!node || !isEventOutside(event))
       return;
     if (onFocusOutside || onInteractOutside) {
-      const handler = (0, import_utils.callAll)(onFocusOutside, onInteractOutside);
+      const handler = utils.callAll(onFocusOutside, onInteractOutside);
       node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
     }
-    (0, import_dom_event.fireCustomEvent)(node, FOCUS_OUTSIDE_EVENT, {
+    domEvent.fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {
       bubbles: false,
       cancelable: true,
       detail: {
         originalEvent: event,
         contextmenu: false,
-        focusable: (0, import_tabbable.isFocusable)((0, import_dom_query.getEventTarget)(event))
+        focusable: tabbable.isFocusable(domQuery.getEventTarget(event))
       }
     });
   }
-  cleanups.add((0, import_dom_event.addDomEvent)(doc, "focusin", onFocusin, true));
+  cleanups.add(domEvent.addDomEvent(doc, "focusin", onFocusin, true));
   cleanups.add(frames.addEventListener("focusin", onFocusin, true));
   return () => {
     clearTimeout(timer);
@@ -159,7 +99,7 @@ function trackInteractOutsideImpl(node, options) {
 }
 function trackInteractOutside(nodeOrFn, options) {
   const { defer } = options;
-  const func = defer ? import_dom_query.raf : (v) => v();
+  const func = defer ? domQuery.raf : (v) => v();
   const cleanups = [];
   cleanups.push(
     func(() => {
@@ -171,7 +111,5 @@ function trackInteractOutside(nodeOrFn, options) {
     cleanups.forEach((fn) => fn?.());
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  trackInteractOutside
-});
+
+exports.trackInteractOutside = trackInteractOutside;

package/dist/index.mjs

@@ -1,14 +1,11 @@
-import {
-  getWindowFrames
-} from "./chunk-UQ6OADW7.mjs";
+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";
-var POINTER_OUTSIDE_EVENT = "pointerdown.outside";
-var FOCUS_OUTSIDE_EVENT = "focus.outside";
+const POINTER_OUTSIDE_EVENT = "pointerdown.outside";
+const FOCUS_OUTSIDE_EVENT = "focus.outside";
 function isComposedPathFocusable(event) {
   const composedPath = event.composedPath() ?? [event.target];
   for (const node of composedPath) {
@@ -110,6 +107,5 @@ function trackInteractOutside(nodeOrFn, options) {
     cleanups.forEach((fn) => fn?.());
   };
 }
-export {
-  trackInteractOutside
-};
+
+export { trackInteractOutside };

package/package.json

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

package/dist/chunk-UQ6OADW7.mjs

@@ -1,42 +0,0 @@
-// 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;
-}
-
-export {
-  getWindowFrames
-};