@zag-js/dismissable 0.2.2 → 0.2.4

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

@@ -1,30 +1,21 @@
 import {
   trackEscapeKeydown
-} from "./chunk-7B65L3R4.mjs";
+} from "./chunk-BBFIKTYR.mjs";
 import {
   assignPointerEventToLayers,
   clearPointerEvent,
   disablePointerEventsOutside
-} from "./chunk-7XK4Z5QA.mjs";
+} from "./chunk-C5KU67MN.mjs";
 import {
-  contains,
-  getEventTarget,
   layerStack
-} from "./chunk-7N3F5DTJ.mjs";
-
-// ../core/src/warning.ts
-function warn(...a) {
-  const m = a.length === 1 ? a[0] : a[1];
-  const c = a.length === 2 ? a[0] : true;
-  if (c && process.env.NODE_ENV !== "production") {
-    console.warn(m);
-  }
-}
+} from "./chunk-G4GHYT27.mjs";
 
 // src/dismissable-layer.ts
+import { contains, getEventTarget } from "@zag-js/dom-query";
 import {
   trackInteractOutside
 } from "@zag-js/interact-outside";
+import { warn } from "@zag-js/utils";
 function trackDismissableElement(node, options) {
   if (!node) {
     warn("[@zag-js/dismissable] node is `null` or `undefined`");
@@ -78,7 +69,7 @@ function trackDismissableElement(node, options) {
   }
   const cleanups = [
     pointerBlocking ? disablePointerEventsOutside(node) : void 0,
-    trackEscapeKeydown(onEscapeKeyDown),
+    trackEscapeKeydown(node, onEscapeKeyDown),
     trackInteractOutside(node, { exclude, onFocusOutside, onPointerDownOutside })
   ];
   return () => {

package/dist/chunk-BBFIKTYR.mjs

@@ -0,0 +1,14 @@
+// src/escape-keydown.ts
+import { addDomEvent } from "@zag-js/dom-event";
+import { getDocument } from "@zag-js/dom-query";
+function trackEscapeKeydown(node, fn) {
+  const handleKeyDown = (event) => {
+    if (event.key === "Escape")
+      fn?.(event);
+  };
+  return addDomEvent(getDocument(node), "keydown", handleKeyDown);
+}
+
+export {
+  trackEscapeKeydown
+};

package/dist/{chunk-7XK4Z5QA.mjs → chunk-C5KU67MN.mjs}

@@ -1,9 +1,9 @@
 import {
-  getDocument,
   layerStack
-} from "./chunk-7N3F5DTJ.mjs";
+} from "./chunk-G4GHYT27.mjs";
 
 // src/pointer-event-outside.ts
+import { getDocument } from "@zag-js/dom-query";
 var originalBodyPointerEvents;
 function assignPointerEventToLayers() {
   layerStack.layers.forEach(({ node }) => {

package/dist/{chunk-7N3F5DTJ.mjs → chunk-G4GHYT27.mjs}

@@ -1,30 +1,5 @@
-// ../dom/src/query.ts
-function isDocument(el) {
-  return el.nodeType === Node.DOCUMENT_NODE;
-}
-function isWindow(value) {
-  return value?.toString() === "[object Window]";
-}
-function getDocument(el) {
-  if (isWindow(el))
-    return el.document;
-  if (isDocument(el))
-    return el;
-  return el?.ownerDocument ?? document;
-}
-function getEventTarget(event) {
-  return event.composedPath?.()[0] ?? event.target;
-}
-function contains(parent, child) {
-  if (!parent)
-    return false;
-  return parent === child || isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child);
-}
-function isHTMLElement(v) {
-  return typeof v === "object" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === "string";
-}
-
 // src/layer-stack.ts
+import { contains } from "@zag-js/dom-query";
 var layerStack = {
   layers: [],
   branches: [],
@@ -91,8 +66,5 @@ var layerStack = {
 };
 
 export {
-  getDocument,
-  getEventTarget,
-  contains,
   layerStack
 };

package/dist/dismissable-layer.js

@@ -23,74 +23,23 @@ __export(dismissable_layer_exports, {
   trackDismissableElement: () => trackDismissableElement
 });
 module.exports = __toCommonJS(dismissable_layer_exports);
-
-// ../core/src/functions.ts
-var runIfFn = (v, ...a) => {
-  const res = typeof v === "function" ? v(...a) : v;
-  return res ?? void 0;
-};
-
-// ../core/src/guard.ts
-var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-
-// ../core/src/warning.ts
-function warn(...a) {
-  const m = a.length === 1 ? a[0] : a[1];
-  const c = a.length === 2 ? a[0] : true;
-  if (c && process.env.NODE_ENV !== "production") {
-    console.warn(m);
-  }
-}
-
-// ../dom/src/query.ts
-function isDocument(el) {
-  return el.nodeType === Node.DOCUMENT_NODE;
-}
-function isWindow(value) {
-  return value?.toString() === "[object Window]";
-}
-function getDocument(el) {
-  if (isWindow(el))
-    return el.document;
-  if (isDocument(el))
-    return el;
-  return el?.ownerDocument ?? document;
-}
-function getEventTarget(event) {
-  return event.composedPath?.()[0] ?? event.target;
-}
-function contains(parent, child) {
-  if (!parent)
-    return false;
-  return parent === child || isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child);
-}
-function isHTMLElement(v) {
-  return typeof v === "object" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === "string";
-}
-
-// ../dom/src/listener.ts
-var isRef = (v) => hasProp(v, "current");
-function addDomEvent(target, eventName, handler, options) {
-  const node = isRef(target) ? target.current : runIfFn(target);
-  node?.addEventListener(eventName, handler, options);
-  return () => {
-    node?.removeEventListener(eventName, handler, options);
-  };
-}
-
-// src/dismissable-layer.ts
+var import_dom_query4 = require("@zag-js/dom-query");
 var import_interact_outside = require("@zag-js/interact-outside");
+var import_utils = require("@zag-js/utils");
 
 // src/escape-keydown.ts
-function trackEscapeKeydown(fn) {
+var import_dom_event = require("@zag-js/dom-event");
+var import_dom_query = require("@zag-js/dom-query");
+function trackEscapeKeydown(node, fn) {
   const handleKeyDown = (event) => {
     if (event.key === "Escape")
       fn?.(event);
   };
-  return addDomEvent(document, "keydown", handleKeyDown);
+  return (0, import_dom_event.addDomEvent)((0, import_dom_query.getDocument)(node), "keydown", handleKeyDown);
 }
 
 // src/layer-stack.ts
+var import_dom_query2 = require("@zag-js/dom-query");
 var layerStack = {
   layers: [],
   branches: [],
@@ -119,10 +68,10 @@ var layerStack = {
     return Array.from(this.layers).slice(this.indexOf(node) + 1);
   },
   isInNestedLayer(node, target) {
-    return this.getNestedLayers(node).some((layer) => contains(layer.node, target));
+    return this.getNestedLayers(node).some((layer) => (0, import_dom_query2.contains)(layer.node, target));
   },
   isInBranch(target) {
-    return Array.from(this.branches).some((branch) => contains(branch, target));
+    return Array.from(this.branches).some((branch) => (0, import_dom_query2.contains)(branch, target));
   },
   add(layer) {
     this.layers.push(layer);
@@ -157,6 +106,7 @@ var layerStack = {
 };
 
 // src/pointer-event-outside.ts
+var import_dom_query3 = require("@zag-js/dom-query");
 var originalBodyPointerEvents;
 function assignPointerEventToLayers() {
   layerStack.layers.forEach(({ node }) => {
@@ -168,7 +118,7 @@ function clearPointerEvent(node) {
 }
 var DATA_ATTR = "data-inert";
 function disablePointerEventsOutside(node) {
-  const doc = getDocument(node);
+  const doc = (0, import_dom_query3.getDocument)(node);
   if (layerStack.hasPointerBlockingLayer() && !doc.body.hasAttribute(DATA_ATTR)) {
     originalBodyPointerEvents = document.body.style.pointerEvents;
     doc.body.style.pointerEvents = "none";
@@ -187,7 +137,7 @@ function disablePointerEventsOutside(node) {
 // src/dismissable-layer.ts
 function trackDismissableElement(node, options) {
   if (!node) {
-    warn("[@zag-js/dismissable] node is `null` or `undefined`");
+    (0, import_utils.warn)("[@zag-js/dismissable] node is `null` or `undefined`");
     return;
   }
   const { onDismiss, pointerBlocking, exclude: excludeContainers, debug } = options;
@@ -195,7 +145,7 @@ function trackDismissableElement(node, options) {
   layerStack.add(layer);
   assignPointerEventToLayers();
   function onPointerDownOutside(event) {
-    const target = getEventTarget(event.detail.originalEvent);
+    const target = (0, import_dom_query4.getEventTarget)(event.detail.originalEvent);
     if (layerStack.isBelowPointerBlockingLayer(node) || layerStack.isInBranch(target))
       return;
     options.onPointerDownOutside?.(event);
@@ -208,7 +158,7 @@ function trackDismissableElement(node, options) {
     onDismiss?.();
   }
   function onFocusOutside(event) {
-    const target = getEventTarget(event.detail.originalEvent);
+    const target = (0, import_dom_query4.getEventTarget)(event.detail.originalEvent);
     if (layerStack.isInBranch(target))
       return;
     options.onFocusOutside?.(event);
@@ -234,11 +184,11 @@ function trackDismissableElement(node, options) {
       return false;
     const containers = typeof excludeContainers === "function" ? excludeContainers() : excludeContainers;
     const _containers = Array.isArray(containers) ? containers : [containers];
-    return _containers.some((node2) => contains(node2, target)) || layerStack.isInNestedLayer(node, target);
+    return _containers.some((node2) => (0, import_dom_query4.contains)(node2, target)) || layerStack.isInNestedLayer(node, target);
   }
   const cleanups = [
     pointerBlocking ? disablePointerEventsOutside(node) : void 0,
-    trackEscapeKeydown(onEscapeKeyDown),
+    trackEscapeKeydown(node, onEscapeKeyDown),
     (0, import_interact_outside.trackInteractOutside)(node, { exclude, onFocusOutside, onPointerDownOutside })
   ];
   return () => {

package/dist/dismissable-layer.mjs

@@ -1,9 +1,9 @@
 import {
   trackDismissableElement
-} from "./chunk-YJ5WHWO2.mjs";
-import "./chunk-7B65L3R4.mjs";
-import "./chunk-7XK4Z5QA.mjs";
-import "./chunk-7N3F5DTJ.mjs";
+} from "./chunk-5BMACJNB.mjs";
+import "./chunk-BBFIKTYR.mjs";
+import "./chunk-C5KU67MN.mjs";
+import "./chunk-G4GHYT27.mjs";
 export {
   trackDismissableElement
 };

package/dist/escape-keydown.d.ts

@@ -1,3 +1,3 @@
-declare function trackEscapeKeydown(fn?: (event: KeyboardEvent) => void): () => void;
+declare function trackEscapeKeydown(node: HTMLElement, fn?: (event: KeyboardEvent) => void): () => void;
 
 export { trackEscapeKeydown };

package/dist/escape-keydown.js

@@ -23,33 +23,14 @@ __export(escape_keydown_exports, {
   trackEscapeKeydown: () => trackEscapeKeydown
 });
 module.exports = __toCommonJS(escape_keydown_exports);
-
-// ../core/src/functions.ts
-var runIfFn = (v, ...a) => {
-  const res = typeof v === "function" ? v(...a) : v;
-  return res ?? void 0;
-};
-
-// ../core/src/guard.ts
-var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-
-// ../dom/src/listener.ts
-var isRef = (v) => hasProp(v, "current");
-function addDomEvent(target, eventName, handler, options) {
-  const node = isRef(target) ? target.current : runIfFn(target);
-  node?.addEventListener(eventName, handler, options);
-  return () => {
-    node?.removeEventListener(eventName, handler, options);
-  };
-}
-
-// src/escape-keydown.ts
-function trackEscapeKeydown(fn) {
+var import_dom_event = require("@zag-js/dom-event");
+var import_dom_query = require("@zag-js/dom-query");
+function trackEscapeKeydown(node, fn) {
   const handleKeyDown = (event) => {
     if (event.key === "Escape")
       fn?.(event);
   };
-  return addDomEvent(document, "keydown", handleKeyDown);
+  return (0, import_dom_event.addDomEvent)((0, import_dom_query.getDocument)(node), "keydown", handleKeyDown);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/escape-keydown.mjs

@@ -1,6 +1,6 @@
 import {
   trackEscapeKeydown
-} from "./chunk-7B65L3R4.mjs";
+} from "./chunk-BBFIKTYR.mjs";
 export {
   trackEscapeKeydown
 };

package/dist/index.js

@@ -24,73 +24,24 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
-// ../core/src/functions.ts
-var runIfFn = (v, ...a) => {
-  const res = typeof v === "function" ? v(...a) : v;
-  return res ?? void 0;
-};
-
-// ../core/src/guard.ts
-var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-
-// ../core/src/warning.ts
-function warn(...a) {
-  const m = a.length === 1 ? a[0] : a[1];
-  const c = a.length === 2 ? a[0] : true;
-  if (c && process.env.NODE_ENV !== "production") {
-    console.warn(m);
-  }
-}
-
-// ../dom/src/query.ts
-function isDocument(el) {
-  return el.nodeType === Node.DOCUMENT_NODE;
-}
-function isWindow(value) {
-  return value?.toString() === "[object Window]";
-}
-function getDocument(el) {
-  if (isWindow(el))
-    return el.document;
-  if (isDocument(el))
-    return el;
-  return el?.ownerDocument ?? document;
-}
-function getEventTarget(event) {
-  return event.composedPath?.()[0] ?? event.target;
-}
-function contains(parent, child) {
-  if (!parent)
-    return false;
-  return parent === child || isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child);
-}
-function isHTMLElement(v) {
-  return typeof v === "object" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === "string";
-}
-
-// ../dom/src/listener.ts
-var isRef = (v) => hasProp(v, "current");
-function addDomEvent(target, eventName, handler, options) {
-  const node = isRef(target) ? target.current : runIfFn(target);
-  node?.addEventListener(eventName, handler, options);
-  return () => {
-    node?.removeEventListener(eventName, handler, options);
-  };
-}
-
 // src/dismissable-layer.ts
+var import_dom_query4 = require("@zag-js/dom-query");
 var import_interact_outside = require("@zag-js/interact-outside");
+var import_utils = require("@zag-js/utils");
 
 // src/escape-keydown.ts
-function trackEscapeKeydown(fn) {
+var import_dom_event = require("@zag-js/dom-event");
+var import_dom_query = require("@zag-js/dom-query");
+function trackEscapeKeydown(node, fn) {
   const handleKeyDown = (event) => {
     if (event.key === "Escape")
       fn?.(event);
   };
-  return addDomEvent(document, "keydown", handleKeyDown);
+  return (0, import_dom_event.addDomEvent)((0, import_dom_query.getDocument)(node), "keydown", handleKeyDown);
 }
 
 // src/layer-stack.ts
+var import_dom_query2 = require("@zag-js/dom-query");
 var layerStack = {
   layers: [],
   branches: [],
@@ -119,10 +70,10 @@ var layerStack = {
     return Array.from(this.layers).slice(this.indexOf(node) + 1);
   },
   isInNestedLayer(node, target) {
-    return this.getNestedLayers(node).some((layer) => contains(layer.node, target));
+    return this.getNestedLayers(node).some((layer) => (0, import_dom_query2.contains)(layer.node, target));
   },
   isInBranch(target) {
-    return Array.from(this.branches).some((branch) => contains(branch, target));
+    return Array.from(this.branches).some((branch) => (0, import_dom_query2.contains)(branch, target));
   },
   add(layer) {
     this.layers.push(layer);
@@ -157,6 +108,7 @@ var layerStack = {
 };
 
 // src/pointer-event-outside.ts
+var import_dom_query3 = require("@zag-js/dom-query");
 var originalBodyPointerEvents;
 function assignPointerEventToLayers() {
   layerStack.layers.forEach(({ node }) => {
@@ -168,7 +120,7 @@ function clearPointerEvent(node) {
 }
 var DATA_ATTR = "data-inert";
 function disablePointerEventsOutside(node) {
-  const doc = getDocument(node);
+  const doc = (0, import_dom_query3.getDocument)(node);
   if (layerStack.hasPointerBlockingLayer() && !doc.body.hasAttribute(DATA_ATTR)) {
     originalBodyPointerEvents = document.body.style.pointerEvents;
     doc.body.style.pointerEvents = "none";
@@ -187,7 +139,7 @@ function disablePointerEventsOutside(node) {
 // src/dismissable-layer.ts
 function trackDismissableElement(node, options) {
   if (!node) {
-    warn("[@zag-js/dismissable] node is `null` or `undefined`");
+    (0, import_utils.warn)("[@zag-js/dismissable] node is `null` or `undefined`");
     return;
   }
   const { onDismiss, pointerBlocking, exclude: excludeContainers, debug } = options;
@@ -195,7 +147,7 @@ function trackDismissableElement(node, options) {
   layerStack.add(layer);
   assignPointerEventToLayers();
   function onPointerDownOutside(event) {
-    const target = getEventTarget(event.detail.originalEvent);
+    const target = (0, import_dom_query4.getEventTarget)(event.detail.originalEvent);
     if (layerStack.isBelowPointerBlockingLayer(node) || layerStack.isInBranch(target))
       return;
     options.onPointerDownOutside?.(event);
@@ -208,7 +160,7 @@ function trackDismissableElement(node, options) {
     onDismiss?.();
   }
   function onFocusOutside(event) {
-    const target = getEventTarget(event.detail.originalEvent);
+    const target = (0, import_dom_query4.getEventTarget)(event.detail.originalEvent);
     if (layerStack.isInBranch(target))
       return;
     options.onFocusOutside?.(event);
@@ -234,11 +186,11 @@ function trackDismissableElement(node, options) {
       return false;
     const containers = typeof excludeContainers === "function" ? excludeContainers() : excludeContainers;
     const _containers = Array.isArray(containers) ? containers : [containers];
-    return _containers.some((node2) => contains(node2, target)) || layerStack.isInNestedLayer(node, target);
+    return _containers.some((node2) => (0, import_dom_query4.contains)(node2, target)) || layerStack.isInNestedLayer(node, target);
   }
   const cleanups = [
     pointerBlocking ? disablePointerEventsOutside(node) : void 0,
-    trackEscapeKeydown(onEscapeKeyDown),
+    trackEscapeKeydown(node, onEscapeKeyDown),
     (0, import_interact_outside.trackInteractOutside)(node, { exclude, onFocusOutside, onPointerDownOutside })
   ];
   return () => {

package/dist/index.mjs

@@ -1,9 +1,9 @@
 import {
   trackDismissableElement
-} from "./chunk-YJ5WHWO2.mjs";
-import "./chunk-7B65L3R4.mjs";
-import "./chunk-7XK4Z5QA.mjs";
-import "./chunk-7N3F5DTJ.mjs";
+} from "./chunk-5BMACJNB.mjs";
+import "./chunk-BBFIKTYR.mjs";
+import "./chunk-C5KU67MN.mjs";
+import "./chunk-G4GHYT27.mjs";
 export {
   trackDismissableElement
 };

package/dist/layer-stack.js

@@ -23,18 +23,7 @@ __export(layer_stack_exports, {
   layerStack: () => layerStack
 });
 module.exports = __toCommonJS(layer_stack_exports);
-
-// ../dom/src/query.ts
-function contains(parent, child) {
-  if (!parent)
-    return false;
-  return parent === child || isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child);
-}
-function isHTMLElement(v) {
-  return typeof v === "object" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === "string";
-}
-
-// src/layer-stack.ts
+var import_dom_query = require("@zag-js/dom-query");
 var layerStack = {
   layers: [],
   branches: [],
@@ -63,10 +52,10 @@ var layerStack = {
     return Array.from(this.layers).slice(this.indexOf(node) + 1);
   },
   isInNestedLayer(node, target) {
-    return this.getNestedLayers(node).some((layer) => contains(layer.node, target));
+    return this.getNestedLayers(node).some((layer) => (0, import_dom_query.contains)(layer.node, target));
   },
   isInBranch(target) {
-    return Array.from(this.branches).some((branch) => contains(branch, target));
+    return Array.from(this.branches).some((branch) => (0, import_dom_query.contains)(branch, target));
   },
   add(layer) {
     this.layers.push(layer);

package/dist/layer-stack.mjs

@@ -1,6 +1,6 @@
 import {
   layerStack
-} from "./chunk-7N3F5DTJ.mjs";
+} from "./chunk-G4GHYT27.mjs";
 export {
   layerStack
 };

package/dist/pointer-event-outside.js

@@ -25,31 +25,10 @@ __export(pointer_event_outside_exports, {
   disablePointerEventsOutside: () => disablePointerEventsOutside
 });
 module.exports = __toCommonJS(pointer_event_outside_exports);
-
-// ../dom/src/query.ts
-function isDocument(el) {
-  return el.nodeType === Node.DOCUMENT_NODE;
-}
-function isWindow(value) {
-  return value?.toString() === "[object Window]";
-}
-function getDocument(el) {
-  if (isWindow(el))
-    return el.document;
-  if (isDocument(el))
-    return el;
-  return el?.ownerDocument ?? document;
-}
-function contains(parent, child) {
-  if (!parent)
-    return false;
-  return parent === child || isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child);
-}
-function isHTMLElement(v) {
-  return typeof v === "object" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === "string";
-}
+var import_dom_query2 = require("@zag-js/dom-query");
 
 // src/layer-stack.ts
+var import_dom_query = require("@zag-js/dom-query");
 var layerStack = {
   layers: [],
   branches: [],
@@ -78,10 +57,10 @@ var layerStack = {
     return Array.from(this.layers).slice(this.indexOf(node) + 1);
   },
   isInNestedLayer(node, target) {
-    return this.getNestedLayers(node).some((layer) => contains(layer.node, target));
+    return this.getNestedLayers(node).some((layer) => (0, import_dom_query.contains)(layer.node, target));
   },
   isInBranch(target) {
-    return Array.from(this.branches).some((branch) => contains(branch, target));
+    return Array.from(this.branches).some((branch) => (0, import_dom_query.contains)(branch, target));
   },
   add(layer) {
     this.layers.push(layer);
@@ -127,7 +106,7 @@ function clearPointerEvent(node) {
 }
 var DATA_ATTR = "data-inert";
 function disablePointerEventsOutside(node) {
-  const doc = getDocument(node);
+  const doc = (0, import_dom_query2.getDocument)(node);
   if (layerStack.hasPointerBlockingLayer() && !doc.body.hasAttribute(DATA_ATTR)) {
     originalBodyPointerEvents = document.body.style.pointerEvents;
     doc.body.style.pointerEvents = "none";

package/dist/pointer-event-outside.mjs

@@ -2,8 +2,8 @@ import {
   assignPointerEventToLayers,
   clearPointerEvent,
   disablePointerEventsOutside
-} from "./chunk-7XK4Z5QA.mjs";
-import "./chunk-7N3F5DTJ.mjs";
+} from "./chunk-C5KU67MN.mjs";
+import "./chunk-G4GHYT27.mjs";
 export {
   assignPointerEventToLayers,
   clearPointerEvent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/dismissable",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Dismissable layer utilities for the DOM",
   "keywords": [
     "js",
@@ -23,12 +23,13 @@
     "access": "public"
   },
   "dependencies": {
-    "@zag-js/interact-outside": "0.2.2"
+    "@zag-js/interact-outside": "0.2.4",
+    "@zag-js/dom-query": "0.1.4",
+    "@zag-js/dom-event": "0.0.1",
+    "@zag-js/utils": "0.3.3"
   },
   "devDependencies": {
-    "clean-package": "2.2.0",
-    "@zag-js/dom-utils": "0.2.4",
-    "@zag-js/utils": "0.3.3"
+    "clean-package": "2.2.0"
   },
   "bugs": {
     "url": "https://github.com/chakra-ui/zag/issues"

package/dist/chunk-7B65L3R4.mjs

@@ -1,31 +0,0 @@
-// ../core/src/functions.ts
-var runIfFn = (v, ...a) => {
-  const res = typeof v === "function" ? v(...a) : v;
-  return res ?? void 0;
-};
-
-// ../core/src/guard.ts
-var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-
-// ../dom/src/listener.ts
-var isRef = (v) => hasProp(v, "current");
-function addDomEvent(target, eventName, handler, options) {
-  const node = isRef(target) ? target.current : runIfFn(target);
-  node?.addEventListener(eventName, handler, options);
-  return () => {
-    node?.removeEventListener(eventName, handler, options);
-  };
-}
-
-// src/escape-keydown.ts
-function trackEscapeKeydown(fn) {
-  const handleKeyDown = (event) => {
-    if (event.key === "Escape")
-      fn?.(event);
-  };
-  return addDomEvent(document, "keydown", handleKeyDown);
-}
-
-export {
-  trackEscapeKeydown
-};