@zag-js/dismissable 0.6.0 → 0.8.0

package/dist/{chunk-5BMACJNB.mjs → chunk-HTX46HNU.mjs}

@@ -11,12 +11,12 @@ import {
 } from "./chunk-G4GHYT27.mjs";
 
 // src/dismissable-layer.ts
-import { contains, getEventTarget } from "@zag-js/dom-query";
+import { contains, getEventTarget, raf } from "@zag-js/dom-query";
 import {
   trackInteractOutside
 } from "@zag-js/interact-outside";
 import { warn } from "@zag-js/utils";
-function trackDismissableElement(node, options) {
+function trackDismissableElementImpl(node, options) {
   if (!node) {
     warn("[@zag-js/dismissable] node is `null` or `undefined`");
     return;
@@ -79,6 +79,20 @@ function trackDismissableElement(node, options) {
     cleanups.forEach((fn) => fn?.());
   };
 }
+function trackDismissableElement(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(trackDismissableElementImpl(node, options));
+    })
+  );
+  return () => {
+    cleanups.forEach((fn) => fn?.());
+  };
+}
 
 export {
   trackDismissableElement

package/dist/dismissable-layer.d.ts

@@ -1,6 +1,8 @@
 import { InteractOutsideHandlers } from '@zag-js/interact-outside';
 
-type Container = HTMLElement | null | Array<HTMLElement | null>;
+type MaybeElement = HTMLElement | null;
+type Container = MaybeElement | Array<MaybeElement>;
+type NodeOrFn = MaybeElement | (() => MaybeElement);
 type DismissableElementHandlers = InteractOutsideHandlers & {
     onEscapeKeyDown?: (event: KeyboardEvent) => void;
 };
@@ -9,7 +11,8 @@ type DismissableElementOptions = DismissableElementHandlers & {
     pointerBlocking?: boolean;
     onDismiss: () => void;
     exclude?: Container | (() => Container);
+    defer?: boolean;
 };
-declare function trackDismissableElement(node: HTMLElement | null, options: DismissableElementOptions): (() => void) | undefined;
+declare function trackDismissableElement(nodeOrFn: NodeOrFn, options: DismissableElementOptions): () => void;
 
 export { DismissableElementHandlers, DismissableElementOptions, trackDismissableElement };

package/dist/dismissable-layer.js

@@ -135,7 +135,7 @@ function disablePointerEventsOutside(node) {
 }
 
 // src/dismissable-layer.ts
-function trackDismissableElement(node, options) {
+function trackDismissableElementImpl(node, options) {
   if (!node) {
     (0, import_utils.warn)("[@zag-js/dismissable] node is `null` or `undefined`");
     return;
@@ -198,6 +198,20 @@ function trackDismissableElement(node, options) {
     cleanups.forEach((fn) => fn?.());
   };
 }
+function trackDismissableElement(nodeOrFn, options) {
+  const { defer } = options;
+  const func = defer ? import_dom_query4.raf : (v) => v();
+  const cleanups = [];
+  cleanups.push(
+    func(() => {
+      const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
+      cleanups.push(trackDismissableElementImpl(node, options));
+    })
+  );
+  return () => {
+    cleanups.forEach((fn) => fn?.());
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   trackDismissableElement

package/dist/dismissable-layer.mjs

@@ -1,6 +1,6 @@
 import {
   trackDismissableElement
-} from "./chunk-5BMACJNB.mjs";
+} from "./chunk-HTX46HNU.mjs";
 import "./chunk-BBFIKTYR.mjs";
 import "./chunk-C5KU67MN.mjs";
 import "./chunk-G4GHYT27.mjs";

package/dist/index.js

@@ -137,7 +137,7 @@ function disablePointerEventsOutside(node) {
 }
 
 // src/dismissable-layer.ts
-function trackDismissableElement(node, options) {
+function trackDismissableElementImpl(node, options) {
   if (!node) {
     (0, import_utils.warn)("[@zag-js/dismissable] node is `null` or `undefined`");
     return;
@@ -200,6 +200,20 @@ function trackDismissableElement(node, options) {
     cleanups.forEach((fn) => fn?.());
   };
 }
+function trackDismissableElement(nodeOrFn, options) {
+  const { defer } = options;
+  const func = defer ? import_dom_query4.raf : (v) => v();
+  const cleanups = [];
+  cleanups.push(
+    func(() => {
+      const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
+      cleanups.push(trackDismissableElementImpl(node, options));
+    })
+  );
+  return () => {
+    cleanups.forEach((fn) => fn?.());
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   trackDismissableElement

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   trackDismissableElement
-} from "./chunk-5BMACJNB.mjs";
+} from "./chunk-HTX46HNU.mjs";
 import "./chunk-BBFIKTYR.mjs";
 import "./chunk-C5KU67MN.mjs";
 import "./chunk-G4GHYT27.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/dismissable",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "Dismissable layer utilities for the DOM",
   "keywords": [
     "js",
@@ -23,9 +23,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@zag-js/interact-outside": "0.6.0",
     "@zag-js/dom-query": "0.1.4",
-    "@zag-js/dom-event": "0.6.0",
+    "@zag-js/dom-event": "0.8.0",
+    "@zag-js/interact-outside": "0.8.0",
     "@zag-js/utils": "0.3.4"
   },
   "devDependencies": {