@zag-js/dismissable 1.34.1 → 1.35.0

package/dist/index.js

@@ -1,284 +1,24 @@
-'use strict';
-
-var domQuery = require('@zag-js/dom-query');
-var interactOutside = require('@zag-js/interact-outside');
-var utils = require('@zag-js/utils');
-
-// src/dismissable-layer.ts
-function trackEscapeKeydown(node, fn) {
-  const handleKeyDown = (event) => {
-    if (event.key !== "Escape") return;
-    if (event.isComposing) return;
-    fn?.(event);
-  };
-  return domQuery.addDomEvent(domQuery.getDocument(node), "keydown", handleKeyDown, { capture: true });
-}
-var LAYER_REQUEST_DISMISS_EVENT = "layer:request-dismiss";
-var layerStack = {
-  layers: [],
-  branches: [],
-  recentlyRemoved: /* @__PURE__ */ new Set(),
-  count() {
-    return this.layers.length;
-  },
-  pointerBlockingLayers() {
-    return this.layers.filter((layer) => layer.pointerBlocking);
-  },
-  topMostPointerBlockingLayer() {
-    return [...this.pointerBlockingLayers()].slice(-1)[0];
-  },
-  hasPointerBlockingLayer() {
-    return this.pointerBlockingLayers().length > 0;
-  },
-  isBelowPointerBlockingLayer(node) {
-    const index = this.indexOf(node);
-    const highestBlockingIndex = this.topMostPointerBlockingLayer() ? this.indexOf(this.topMostPointerBlockingLayer()?.node) : -1;
-    return index < highestBlockingIndex;
-  },
-  isTopMost(node) {
-    const layer = this.layers[this.count() - 1];
-    return layer?.node === node;
-  },
-  getNestedLayers(node) {
-    return Array.from(this.layers).slice(this.indexOf(node) + 1);
-  },
-  getLayersByType(type) {
-    return this.layers.filter((layer) => layer.type === type);
-  },
-  getNestedLayersByType(node, type) {
-    const index = this.indexOf(node);
-    if (index === -1) return [];
-    return this.layers.slice(index + 1).filter((layer) => layer.type === type);
-  },
-  getParentLayerOfType(node, type) {
-    const index = this.indexOf(node);
-    if (index <= 0) return void 0;
-    return this.layers.slice(0, index).reverse().find((layer) => layer.type === type);
-  },
-  countNestedLayersOfType(node, type) {
-    return this.getNestedLayersByType(node, type).length;
-  },
-  isInNestedLayer(node, target) {
-    const inNested = this.getNestedLayers(node).some((layer) => domQuery.contains(layer.node, target));
-    if (inNested) return true;
-    if (this.recentlyRemoved.size > 0) return true;
-    return false;
-  },
-  isInBranch(target) {
-    return Array.from(this.branches).some((branch) => domQuery.contains(branch, target));
-  },
-  add(layer) {
-    this.layers.push(layer);
-    this.syncLayers();
-  },
-  addBranch(node) {
-    this.branches.push(node);
-  },
-  remove(node) {
-    const index = this.indexOf(node);
-    if (index < 0) return;
-    this.recentlyRemoved.add(node);
-    domQuery.nextTick(() => this.recentlyRemoved.delete(node));
-    if (index < this.count() - 1) {
-      const _layers = this.getNestedLayers(node);
-      _layers.forEach((layer) => layerStack.dismiss(layer.node, node));
-    }
-    this.layers.splice(index, 1);
-    this.syncLayers();
-  },
-  removeBranch(node) {
-    const index = this.branches.indexOf(node);
-    if (index >= 0) this.branches.splice(index, 1);
-  },
-  syncLayers() {
-    this.layers.forEach((layer, index) => {
-      layer.node.style.setProperty("--layer-index", `${index}`);
-      layer.node.removeAttribute("data-nested");
-      layer.node.removeAttribute("data-has-nested");
-      const parentOfSameType = this.getParentLayerOfType(layer.node, layer.type);
-      if (parentOfSameType) {
-        layer.node.setAttribute("data-nested", layer.type);
-      }
-      const nestedCount = this.countNestedLayersOfType(layer.node, layer.type);
-      if (nestedCount > 0) {
-        layer.node.setAttribute("data-has-nested", layer.type);
-      }
-      layer.node.style.setProperty("--nested-layer-count", `${nestedCount}`);
-    });
-  },
-  indexOf(node) {
-    return this.layers.findIndex((layer) => layer.node === node);
-  },
-  dismiss(node, parent) {
-    const index = this.indexOf(node);
-    if (index === -1) return;
-    const layer = this.layers[index];
-    addListenerOnce(node, LAYER_REQUEST_DISMISS_EVENT, (event) => {
-      layer.requestDismiss?.(event);
-      if (!event.defaultPrevented) {
-        layer?.dismiss();
-      }
-    });
-    fireCustomEvent(node, LAYER_REQUEST_DISMISS_EVENT, {
-      originalLayer: node,
-      targetLayer: parent,
-      originalIndex: index,
-      targetIndex: parent ? this.indexOf(parent) : -1
-    });
-    this.syncLayers();
-  },
-  clear() {
-    this.remove(this.layers[0].node);
-  }
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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;
 };
-function fireCustomEvent(el, type, detail) {
-  const win = el.ownerDocument.defaultView || window;
-  const event = new win.CustomEvent(type, { cancelable: true, bubbles: true, detail });
-  return el.dispatchEvent(event);
-}
-function addListenerOnce(el, type, callback) {
-  el.addEventListener(type, callback, { once: true });
-}
-var originalBodyPointerEvents;
-function assignPointerEventToLayers() {
-  layerStack.layers.forEach(({ node }) => {
-    node.style.pointerEvents = layerStack.isBelowPointerBlockingLayer(node) ? "none" : "auto";
-  });
-}
-function clearPointerEvent(node) {
-  node.style.pointerEvents = "";
-}
-function disablePointerEventsOutside(node, persistentElements) {
-  const doc = domQuery.getDocument(node);
-  const cleanups = [];
-  if (layerStack.hasPointerBlockingLayer() && !doc.body.hasAttribute("data-inert")) {
-    originalBodyPointerEvents = document.body.style.pointerEvents;
-    queueMicrotask(() => {
-      doc.body.style.pointerEvents = "none";
-      doc.body.setAttribute("data-inert", "");
-    });
-  }
-  persistentElements?.forEach((el) => {
-    const [promise, abort] = domQuery.waitForElement(
-      () => {
-        const node2 = el();
-        return domQuery.isHTMLElement(node2) ? node2 : null;
-      },
-      { timeout: 1e3 }
-    );
-    promise.then((el2) => cleanups.push(domQuery.setStyle(el2, { pointerEvents: "auto" })));
-    cleanups.push(abort);
-  });
-  return () => {
-    if (layerStack.hasPointerBlockingLayer()) return;
-    queueMicrotask(() => {
-      doc.body.style.pointerEvents = originalBodyPointerEvents;
-      doc.body.removeAttribute("data-inert");
-      if (doc.body.style.length === 0) doc.body.removeAttribute("style");
-    });
-    cleanups.forEach((fn) => fn());
-  };
-}
-
-// src/dismissable-layer.ts
-function trackDismissableElementImpl(node, options) {
-  const { warnOnMissingNode = true } = options;
-  if (warnOnMissingNode && !node) {
-    utils.warn("[@zag-js/dismissable] node is `null` or `undefined`");
-    return;
-  }
-  if (!node) {
-    return;
-  }
-  const { onDismiss, onRequestDismiss, pointerBlocking, exclude: excludeContainers, debug, type = "dialog" } = options;
-  const layer = { dismiss: onDismiss, node, type, pointerBlocking, requestDismiss: onRequestDismiss };
-  layerStack.add(layer);
-  assignPointerEventToLayers();
-  function onPointerDownOutside(event) {
-    const target = domQuery.getEventTarget(event.detail.originalEvent);
-    if (layerStack.isBelowPointerBlockingLayer(node) || layerStack.isInBranch(target)) return;
-    options.onPointerDownOutside?.(event);
-    options.onInteractOutside?.(event);
-    if (event.defaultPrevented) return;
-    if (debug) {
-      console.log("onPointerDownOutside:", event.detail.originalEvent);
-    }
-    onDismiss?.();
-  }
-  function onFocusOutside(event) {
-    const target = domQuery.getEventTarget(event.detail.originalEvent);
-    if (layerStack.isInBranch(target)) return;
-    options.onFocusOutside?.(event);
-    options.onInteractOutside?.(event);
-    if (event.defaultPrevented) return;
-    if (debug) {
-      console.log("onFocusOutside:", event.detail.originalEvent);
-    }
-    onDismiss?.();
-  }
-  function onEscapeKeyDown(event) {
-    if (!layerStack.isTopMost(node)) return;
-    options.onEscapeKeyDown?.(event);
-    if (!event.defaultPrevented && onDismiss) {
-      event.preventDefault();
-      onDismiss();
-    }
-  }
-  function exclude(target) {
-    if (!node) return false;
-    const containers = typeof excludeContainers === "function" ? excludeContainers() : excludeContainers;
-    const _containers = Array.isArray(containers) ? containers : [containers];
-    const persistentElements = options.persistentElements?.map((fn) => fn()).filter(domQuery.isHTMLElement);
-    if (persistentElements) _containers.push(...persistentElements);
-    return _containers.some((node2) => domQuery.contains(node2, target)) || layerStack.isInNestedLayer(node, target);
-  }
-  const cleanups = [
-    pointerBlocking ? disablePointerEventsOutside(node, options.persistentElements) : void 0,
-    trackEscapeKeydown(node, onEscapeKeyDown),
-    interactOutside.trackInteractOutside(node, { exclude, onFocusOutside, onPointerDownOutside, defer: options.defer })
-  ];
-  return () => {
-    layerStack.remove(node);
-    assignPointerEventToLayers();
-    clearPointerEvent(node);
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-function trackDismissableElement(nodeOrFn, options) {
-  const { defer } = options;
-  const func = defer ? domQuery.raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = utils.isFunction(nodeOrFn) ? nodeOrFn() : nodeOrFn;
-      cleanups.push(trackDismissableElementImpl(node, options));
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-function trackDismissableBranch(nodeOrFn, options = {}) {
-  const { defer } = options;
-  const func = defer ? domQuery.raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = utils.isFunction(nodeOrFn) ? nodeOrFn() : nodeOrFn;
-      if (!node) {
-        utils.warn("[@zag-js/dismissable] branch node is `null` or `undefined`");
-        return;
-      }
-      layerStack.addBranch(node);
-      cleanups.push(() => {
-        layerStack.removeBranch(node);
-      });
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-exports.trackDismissableBranch = trackDismissableBranch;
-exports.trackDismissableElement = trackDismissableElement;
+// src/index.ts
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./dismissable-layer.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./dismissable-layer.cjs")
+});

package/dist/index.mjs

@@ -1,281 +1,2 @@
-import { raf, nextTick, contains, getDocument, waitForElement, isHTMLElement, setStyle, addDomEvent, getEventTarget } from '@zag-js/dom-query';
-import { trackInteractOutside } from '@zag-js/interact-outside';
-import { isFunction, warn } from '@zag-js/utils';
-
-// src/dismissable-layer.ts
-function trackEscapeKeydown(node, fn) {
-  const handleKeyDown = (event) => {
-    if (event.key !== "Escape") return;
-    if (event.isComposing) return;
-    fn?.(event);
-  };
-  return addDomEvent(getDocument(node), "keydown", handleKeyDown, { capture: true });
-}
-var LAYER_REQUEST_DISMISS_EVENT = "layer:request-dismiss";
-var layerStack = {
-  layers: [],
-  branches: [],
-  recentlyRemoved: /* @__PURE__ */ new Set(),
-  count() {
-    return this.layers.length;
-  },
-  pointerBlockingLayers() {
-    return this.layers.filter((layer) => layer.pointerBlocking);
-  },
-  topMostPointerBlockingLayer() {
-    return [...this.pointerBlockingLayers()].slice(-1)[0];
-  },
-  hasPointerBlockingLayer() {
-    return this.pointerBlockingLayers().length > 0;
-  },
-  isBelowPointerBlockingLayer(node) {
-    const index = this.indexOf(node);
-    const highestBlockingIndex = this.topMostPointerBlockingLayer() ? this.indexOf(this.topMostPointerBlockingLayer()?.node) : -1;
-    return index < highestBlockingIndex;
-  },
-  isTopMost(node) {
-    const layer = this.layers[this.count() - 1];
-    return layer?.node === node;
-  },
-  getNestedLayers(node) {
-    return Array.from(this.layers).slice(this.indexOf(node) + 1);
-  },
-  getLayersByType(type) {
-    return this.layers.filter((layer) => layer.type === type);
-  },
-  getNestedLayersByType(node, type) {
-    const index = this.indexOf(node);
-    if (index === -1) return [];
-    return this.layers.slice(index + 1).filter((layer) => layer.type === type);
-  },
-  getParentLayerOfType(node, type) {
-    const index = this.indexOf(node);
-    if (index <= 0) return void 0;
-    return this.layers.slice(0, index).reverse().find((layer) => layer.type === type);
-  },
-  countNestedLayersOfType(node, type) {
-    return this.getNestedLayersByType(node, type).length;
-  },
-  isInNestedLayer(node, target) {
-    const inNested = this.getNestedLayers(node).some((layer) => contains(layer.node, target));
-    if (inNested) return true;
-    if (this.recentlyRemoved.size > 0) return true;
-    return false;
-  },
-  isInBranch(target) {
-    return Array.from(this.branches).some((branch) => contains(branch, target));
-  },
-  add(layer) {
-    this.layers.push(layer);
-    this.syncLayers();
-  },
-  addBranch(node) {
-    this.branches.push(node);
-  },
-  remove(node) {
-    const index = this.indexOf(node);
-    if (index < 0) return;
-    this.recentlyRemoved.add(node);
-    nextTick(() => this.recentlyRemoved.delete(node));
-    if (index < this.count() - 1) {
-      const _layers = this.getNestedLayers(node);
-      _layers.forEach((layer) => layerStack.dismiss(layer.node, node));
-    }
-    this.layers.splice(index, 1);
-    this.syncLayers();
-  },
-  removeBranch(node) {
-    const index = this.branches.indexOf(node);
-    if (index >= 0) this.branches.splice(index, 1);
-  },
-  syncLayers() {
-    this.layers.forEach((layer, index) => {
-      layer.node.style.setProperty("--layer-index", `${index}`);
-      layer.node.removeAttribute("data-nested");
-      layer.node.removeAttribute("data-has-nested");
-      const parentOfSameType = this.getParentLayerOfType(layer.node, layer.type);
-      if (parentOfSameType) {
-        layer.node.setAttribute("data-nested", layer.type);
-      }
-      const nestedCount = this.countNestedLayersOfType(layer.node, layer.type);
-      if (nestedCount > 0) {
-        layer.node.setAttribute("data-has-nested", layer.type);
-      }
-      layer.node.style.setProperty("--nested-layer-count", `${nestedCount}`);
-    });
-  },
-  indexOf(node) {
-    return this.layers.findIndex((layer) => layer.node === node);
-  },
-  dismiss(node, parent) {
-    const index = this.indexOf(node);
-    if (index === -1) return;
-    const layer = this.layers[index];
-    addListenerOnce(node, LAYER_REQUEST_DISMISS_EVENT, (event) => {
-      layer.requestDismiss?.(event);
-      if (!event.defaultPrevented) {
-        layer?.dismiss();
-      }
-    });
-    fireCustomEvent(node, LAYER_REQUEST_DISMISS_EVENT, {
-      originalLayer: node,
-      targetLayer: parent,
-      originalIndex: index,
-      targetIndex: parent ? this.indexOf(parent) : -1
-    });
-    this.syncLayers();
-  },
-  clear() {
-    this.remove(this.layers[0].node);
-  }
-};
-function fireCustomEvent(el, type, detail) {
-  const win = el.ownerDocument.defaultView || window;
-  const event = new win.CustomEvent(type, { cancelable: true, bubbles: true, detail });
-  return el.dispatchEvent(event);
-}
-function addListenerOnce(el, type, callback) {
-  el.addEventListener(type, callback, { once: true });
-}
-var originalBodyPointerEvents;
-function assignPointerEventToLayers() {
-  layerStack.layers.forEach(({ node }) => {
-    node.style.pointerEvents = layerStack.isBelowPointerBlockingLayer(node) ? "none" : "auto";
-  });
-}
-function clearPointerEvent(node) {
-  node.style.pointerEvents = "";
-}
-function disablePointerEventsOutside(node, persistentElements) {
-  const doc = getDocument(node);
-  const cleanups = [];
-  if (layerStack.hasPointerBlockingLayer() && !doc.body.hasAttribute("data-inert")) {
-    originalBodyPointerEvents = document.body.style.pointerEvents;
-    queueMicrotask(() => {
-      doc.body.style.pointerEvents = "none";
-      doc.body.setAttribute("data-inert", "");
-    });
-  }
-  persistentElements?.forEach((el) => {
-    const [promise, abort] = waitForElement(
-      () => {
-        const node2 = el();
-        return isHTMLElement(node2) ? node2 : null;
-      },
-      { timeout: 1e3 }
-    );
-    promise.then((el2) => cleanups.push(setStyle(el2, { pointerEvents: "auto" })));
-    cleanups.push(abort);
-  });
-  return () => {
-    if (layerStack.hasPointerBlockingLayer()) return;
-    queueMicrotask(() => {
-      doc.body.style.pointerEvents = originalBodyPointerEvents;
-      doc.body.removeAttribute("data-inert");
-      if (doc.body.style.length === 0) doc.body.removeAttribute("style");
-    });
-    cleanups.forEach((fn) => fn());
-  };
-}
-
-// src/dismissable-layer.ts
-function trackDismissableElementImpl(node, options) {
-  const { warnOnMissingNode = true } = options;
-  if (warnOnMissingNode && !node) {
-    warn("[@zag-js/dismissable] node is `null` or `undefined`");
-    return;
-  }
-  if (!node) {
-    return;
-  }
-  const { onDismiss, onRequestDismiss, pointerBlocking, exclude: excludeContainers, debug, type = "dialog" } = options;
-  const layer = { dismiss: onDismiss, node, type, pointerBlocking, requestDismiss: onRequestDismiss };
-  layerStack.add(layer);
-  assignPointerEventToLayers();
-  function onPointerDownOutside(event) {
-    const target = getEventTarget(event.detail.originalEvent);
-    if (layerStack.isBelowPointerBlockingLayer(node) || layerStack.isInBranch(target)) return;
-    options.onPointerDownOutside?.(event);
-    options.onInteractOutside?.(event);
-    if (event.defaultPrevented) return;
-    if (debug) {
-      console.log("onPointerDownOutside:", event.detail.originalEvent);
-    }
-    onDismiss?.();
-  }
-  function onFocusOutside(event) {
-    const target = getEventTarget(event.detail.originalEvent);
-    if (layerStack.isInBranch(target)) return;
-    options.onFocusOutside?.(event);
-    options.onInteractOutside?.(event);
-    if (event.defaultPrevented) return;
-    if (debug) {
-      console.log("onFocusOutside:", event.detail.originalEvent);
-    }
-    onDismiss?.();
-  }
-  function onEscapeKeyDown(event) {
-    if (!layerStack.isTopMost(node)) return;
-    options.onEscapeKeyDown?.(event);
-    if (!event.defaultPrevented && onDismiss) {
-      event.preventDefault();
-      onDismiss();
-    }
-  }
-  function exclude(target) {
-    if (!node) return false;
-    const containers = typeof excludeContainers === "function" ? excludeContainers() : excludeContainers;
-    const _containers = Array.isArray(containers) ? containers : [containers];
-    const persistentElements = options.persistentElements?.map((fn) => fn()).filter(isHTMLElement);
-    if (persistentElements) _containers.push(...persistentElements);
-    return _containers.some((node2) => contains(node2, target)) || layerStack.isInNestedLayer(node, target);
-  }
-  const cleanups = [
-    pointerBlocking ? disablePointerEventsOutside(node, options.persistentElements) : void 0,
-    trackEscapeKeydown(node, onEscapeKeyDown),
-    trackInteractOutside(node, { exclude, onFocusOutside, onPointerDownOutside, defer: options.defer })
-  ];
-  return () => {
-    layerStack.remove(node);
-    assignPointerEventToLayers();
-    clearPointerEvent(node);
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-function trackDismissableElement(nodeOrFn, options) {
-  const { defer } = options;
-  const func = defer ? raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = isFunction(nodeOrFn) ? nodeOrFn() : nodeOrFn;
-      cleanups.push(trackDismissableElementImpl(node, options));
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-function trackDismissableBranch(nodeOrFn, options = {}) {
-  const { defer } = options;
-  const func = defer ? raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const node = isFunction(nodeOrFn) ? nodeOrFn() : nodeOrFn;
-      if (!node) {
-        warn("[@zag-js/dismissable] branch node is `null` or `undefined`");
-        return;
-      }
-      layerStack.addBranch(node);
-      cleanups.push(() => {
-        layerStack.removeBranch(node);
-      });
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
-}
-
-export { trackDismissableBranch, trackDismissableElement };
+// src/index.ts
+export * from "./dismissable-layer.mjs";

package/dist/layer-stack.d.mts

@@ -0,0 +1,43 @@
+type LayerType = "dialog" | "popover" | "menu" | "listbox" | (string & {});
+type LayerDismissEventDetail = {
+    originalLayer: HTMLElement;
+    targetLayer: HTMLElement | undefined;
+    originalIndex: number;
+    targetIndex: number;
+};
+type LayerDismissEvent = CustomEvent<LayerDismissEventDetail>;
+interface Layer {
+    dismiss: VoidFunction;
+    node: HTMLElement;
+    type: LayerType;
+    pointerBlocking?: boolean | undefined;
+    requestDismiss?: ((event: LayerDismissEvent) => void) | undefined;
+}
+declare const layerStack: {
+    layers: Layer[];
+    branches: HTMLElement[];
+    recentlyRemoved: Set<HTMLElement>;
+    count(): number;
+    pointerBlockingLayers(): Layer[];
+    topMostPointerBlockingLayer(): Layer | undefined;
+    hasPointerBlockingLayer(): boolean;
+    isBelowPointerBlockingLayer(node: HTMLElement): boolean;
+    isTopMost(node: HTMLElement | null): boolean;
+    getNestedLayers(node: HTMLElement): Layer[];
+    getLayersByType(type: LayerType): Layer[];
+    getNestedLayersByType(node: HTMLElement, type: LayerType): Layer[];
+    getParentLayerOfType(node: HTMLElement, type: LayerType): Layer | undefined;
+    countNestedLayersOfType(node: HTMLElement, type: LayerType): number;
+    isInNestedLayer(node: HTMLElement, target: HTMLElement | EventTarget | null): boolean;
+    isInBranch(target: HTMLElement | EventTarget | null): boolean;
+    add(layer: Layer): void;
+    addBranch(node: HTMLElement): void;
+    remove(node: HTMLElement): void;
+    removeBranch(node: HTMLElement): void;
+    syncLayers(): void;
+    indexOf(node: HTMLElement | undefined): number;
+    dismiss(node: HTMLElement, parent?: HTMLElement): void;
+    clear(): void;
+};
+
+export { type Layer, type LayerDismissEvent, type LayerDismissEventDetail, type LayerType, layerStack };

package/dist/layer-stack.d.ts

@@ -0,0 +1,43 @@
+type LayerType = "dialog" | "popover" | "menu" | "listbox" | (string & {});
+type LayerDismissEventDetail = {
+    originalLayer: HTMLElement;
+    targetLayer: HTMLElement | undefined;
+    originalIndex: number;
+    targetIndex: number;
+};
+type LayerDismissEvent = CustomEvent<LayerDismissEventDetail>;
+interface Layer {
+    dismiss: VoidFunction;
+    node: HTMLElement;
+    type: LayerType;
+    pointerBlocking?: boolean | undefined;
+    requestDismiss?: ((event: LayerDismissEvent) => void) | undefined;
+}
+declare const layerStack: {
+    layers: Layer[];
+    branches: HTMLElement[];
+    recentlyRemoved: Set<HTMLElement>;
+    count(): number;
+    pointerBlockingLayers(): Layer[];
+    topMostPointerBlockingLayer(): Layer | undefined;
+    hasPointerBlockingLayer(): boolean;
+    isBelowPointerBlockingLayer(node: HTMLElement): boolean;
+    isTopMost(node: HTMLElement | null): boolean;
+    getNestedLayers(node: HTMLElement): Layer[];
+    getLayersByType(type: LayerType): Layer[];
+    getNestedLayersByType(node: HTMLElement, type: LayerType): Layer[];
+    getParentLayerOfType(node: HTMLElement, type: LayerType): Layer | undefined;
+    countNestedLayersOfType(node: HTMLElement, type: LayerType): number;
+    isInNestedLayer(node: HTMLElement, target: HTMLElement | EventTarget | null): boolean;
+    isInBranch(target: HTMLElement | EventTarget | null): boolean;
+    add(layer: Layer): void;
+    addBranch(node: HTMLElement): void;
+    remove(node: HTMLElement): void;
+    removeBranch(node: HTMLElement): void;
+    syncLayers(): void;
+    indexOf(node: HTMLElement | undefined): number;
+    dismiss(node: HTMLElement, parent?: HTMLElement): void;
+    clear(): void;
+};
+
+export { type Layer, type LayerDismissEvent, type LayerDismissEventDetail, type LayerType, layerStack };