@wirekyt/dom 0.0.1 → 0.0.3

package/dist/index-vPrqYDHu.d.ts

@@ -0,0 +1,216 @@
+import { S as JSX, c as MaybeFn, u as Nullable } from "./index-BXfunVyD.js";
+//#region src/common/dom-query/types.d.ts
+type Booleanish = boolean | "true" | "false";
+interface Point {
+  x: number;
+  y: number;
+}
+interface EventKeyOptions {
+  dir?: "ltr" | "rtl" | undefined;
+  orientation?: "horizontal" | "vertical" | undefined;
+}
+type NativeEvent<E> = JSX.ChangeEvent<any> extends E ? InputEvent : E extends JSX.SyntheticEvent<any, infer T> ? T : never;
+type AnyPointerEvent = MouseEvent | TouchEvent | PointerEvent;
+type MaybeElement = Nullable<HTMLElement>;
+type MaybeElementOrFn = MaybeFn<MaybeElement>;
+type HTMLElementWithValue = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
+//#endregion
+//#region src/common/dom-query/event.d.ts
+declare function getBeforeInputValue(event: Pick<InputEvent, "currentTarget">): string;
+declare function getEventTarget<T extends EventTarget>(event: Partial<Pick<UIEvent, "target" | "composedPath">>): T | null;
+declare function isOpeningInNewTab(event: Pick<MouseEvent, "currentTarget" | "metaKey" | "ctrlKey" | "button">): boolean;
+declare function isDownloadingEvent(event: Pick<MouseEvent, "altKey" | "currentTarget">): boolean;
+declare function isComposingEvent(event: any): boolean;
+declare function isKeyboardClick(e: Pick<MouseEvent, "detail" | "clientX" | "clientY">): boolean;
+declare function isCtrlOrMetaKey(e: Pick<KeyboardEvent, "ctrlKey" | "metaKey">): boolean;
+declare function isPrintableKey(e: Pick<KeyboardEvent, "key" | "ctrlKey" | "metaKey">): boolean;
+declare function isVirtualPointerEvent(e: PointerEvent): boolean;
+declare function isVirtualClick(e: MouseEvent | PointerEvent): boolean;
+declare const isLeftClick: (e: Pick<MouseEvent, "button">) => boolean;
+declare const isContextMenuEvent: (e: Pick<MouseEvent, "button" | "ctrlKey" | "metaKey">) => boolean;
+declare const isModifierKey: (e: Pick<KeyboardEvent, "ctrlKey" | "metaKey" | "altKey">) => boolean;
+declare const isTouchEvent: (event: AnyPointerEvent) => event is TouchEvent;
+declare function getEventKey(event: Pick<KeyboardEvent, "key">, options?: EventKeyOptions): string;
+declare function getNativeEvent<E>(event: E): NativeEvent<E>;
+declare function getEventStep(event: Pick<KeyboardEvent, "key" | "shiftKey">): 1 | 10;
+interface EventStepOptions {
+  step: number;
+  largeStep: number;
+  smallStep?: number | undefined;
+}
+declare function getEventStepValue(event: Pick<KeyboardEvent, "key" | "shiftKey" | "altKey">, options: EventStepOptions): number;
+declare function getEventPoint(event: any, type?: "page" | "client"): {
+  x: number;
+  y: number;
+};
+interface DOMEventMap extends DocumentEventMap, WindowEventMap, HTMLElementEventMap {}
+declare const addDomEvent: <K extends keyof DOMEventMap>(target: MaybeFn<EventTarget | null>, eventName: K | (string & {}), handler: (event: DOMEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => () => void;
+declare const isSelfTarget: (event: Partial<Pick<UIEvent, "currentTarget" | "target" | "composedPath">>) => boolean;
+//#endregion
+//#region src/common/dom-query/form.d.ts
+declare function setElementValue(el: HTMLElementWithValue | null, value: string, property?: "value" | "checked"): void;
+declare function setElementChecked(el: HTMLInputElement | null, checked: boolean): void;
+interface InputValueEventOptions {
+  value: string | number;
+  bubbles?: boolean | undefined;
+}
+declare function dispatchInputValueEvent(el: HTMLElementWithValue | null, options: InputValueEventOptions): void;
+interface CheckedEventOptions {
+  checked: boolean;
+  bubbles?: boolean | undefined;
+}
+declare function dispatchInputCheckedEvent(el: HTMLInputElement | null, options: CheckedEventOptions): void;
+interface TrackFormControlOptions {
+  onFieldsetDisabledChange: (disabled: boolean) => void;
+  onFormReset: VoidFunction;
+}
+declare function trackFormControl(el: HTMLElement | null, options: TrackFormControlOptions): (() => void) | undefined;
+declare const INTERNAL_CHANGE_EVENT: unique symbol;
+type InternalChangeEventProps = {
+  [INTERNAL_CHANGE_EVENT]?: boolean;
+};
+declare function isInternalChangeEvent<T extends Event>(e: T): e is T & InternalChangeEventProps;
+declare function markAsInternalChangeEvent<T extends Event>(event: T): T & InternalChangeEventProps;
+//#endregion
+//#region src/common/dom-query/mutation-observer.d.ts
+interface ObserveAttributeOptions {
+  attributes: string[];
+  callback(record: MutationRecord): void;
+  defer?: boolean | undefined;
+}
+declare function observeAttributes(nodeOrFn: MaybeElementOrFn, options: ObserveAttributeOptions): () => void;
+interface ObserveChildrenOptions {
+  callback: MutationCallback;
+  defer?: boolean | undefined;
+}
+declare function observeChildren(nodeOrFn: MaybeElementOrFn, options: ObserveChildrenOptions): () => void;
+//#endregion
+//#region src/common/dom-query/node.d.ts
+declare const isElement: (el: any) => el is Element;
+declare const isHTMLElement: (el: any) => el is HTMLElement;
+declare const isDocument: (el: any) => el is Document;
+declare const isWindow: (el: any) => el is Window;
+declare const isVisualViewport: (el: any) => el is VisualViewport;
+declare const getNodeName: (node: Node | Window) => string;
+declare function isRootElement(node: Node): boolean;
+declare const isNode: (el: any) => el is Node;
+declare const isShadowRoot: (el: any) => el is ShadowRoot;
+declare const isInputElement: (el: any) => el is HTMLInputElement;
+declare const isAnchorElement: (el: HTMLElement | null | undefined) => el is HTMLAnchorElement;
+declare const isElementVisible: (el: Node) => boolean;
+declare function isActiveElement(element: Element | null | undefined): boolean;
+declare function isEditableElement(el: HTMLElement | EventTarget | null): boolean;
+type Target = HTMLElement | EventTarget | null | undefined;
+declare function getParentElement(node: Element): Element | null;
+declare function getAncestorElements(node: Element | null): Element[];
+declare function contains(parent: Target, child: Target): boolean;
+declare function getDocument(el: Element | Window | Node | Document | null | undefined): Document;
+declare function getDocumentElement(el: Element | Node | Window | Document | null | undefined): HTMLElement;
+declare function getWindow(el: Node | ShadowRoot | Document | null | undefined): Window & typeof globalThis;
+declare function getActiveElement(rootNode: Document | ShadowRoot): HTMLElement | null;
+declare function getParentNode(node: Node): Node;
+declare function getRootNode(node: Node): Document | ShadowRoot;
+//#endregion
+//#region src/common/dom-query/point.d.ts
+interface PercentValueOptions {
+  inverted?: boolean | {
+    x?: boolean | undefined;
+    y?: boolean | undefined;
+  } | undefined;
+  dir?: "ltr" | "rtl" | undefined;
+  orientation?: "vertical" | "horizontal" | undefined;
+}
+declare function getRelativePoint(point: Point, element: HTMLElement): {
+  offset: {
+    x: number;
+    y: number;
+  };
+  percent: {
+    x: number;
+    y: number;
+  };
+  getPercentValue: (options?: PercentValueOptions) => number;
+};
+//#endregion
+//#region src/common/dom-query/pointer-move.d.ts
+interface PointerMoveDetails {
+  point: Point;
+  event: PointerEvent;
+}
+interface PointerUpDetails {
+  point: Point;
+  event: PointerEvent;
+}
+interface PointerMoveHandlers {
+  onPointerUp: (details: PointerUpDetails) => void;
+  onPointerMove: (details: PointerMoveDetails) => void;
+}
+declare function trackPointerMove(doc: Document, handlers: PointerMoveHandlers): () => void;
+//#endregion
+//#region src/common/dom-query/press.d.ts
+interface PressDetails {
+  point: Point;
+  event: PointerEvent;
+}
+interface TrackPressOptions {
+  pointerNode: Element | null;
+  keyboardNode?: Element | null | undefined;
+  isValidKey?(event: KeyboardEvent): boolean;
+  onPress?(details: PressDetails): void;
+  onPressStart?(details: PressDetails): void;
+  onPressEnd?(details: PressDetails): void;
+}
+declare function trackPress(options: TrackPressOptions): () => void;
+//#endregion
+//#region src/common/dom-query/tabbable.d.ts
+type IncludeContainerType = boolean | "if-empty";
+type GetShadowRootOption = boolean | ((node: HTMLElement) => ShadowRoot | boolean | undefined) | undefined;
+interface TabbableOptions {
+  includeContainer?: IncludeContainerType;
+  getShadowRoot?: GetShadowRootOption;
+}
+interface NextTabbableOptions {
+  current?: HTMLElement | undefined | null;
+  getShadowRoot?: GetShadowRootOption;
+}
+declare const getFocusables: (container: Pick<HTMLElement, "querySelectorAll"> | null, options?: TabbableOptions) => HTMLElement[];
+declare function isFocusable(element: HTMLElement | EventTarget | null): element is HTMLElement;
+declare function getFirstFocusable(container: HTMLElement | null, options?: TabbableOptions): HTMLElement | null;
+declare function getTabbables(container: HTMLElement | null, options?: TabbableOptions): HTMLElement[];
+declare function isTabbable(el: HTMLElement | EventTarget | null): el is HTMLElement;
+declare function getFirstTabbable(container: HTMLElement | null, options?: TabbableOptions): HTMLElement | null;
+declare function getLastTabbable(container: HTMLElement | null, options?: TabbableOptions): HTMLElement | null;
+declare function getTabbableEdges(container: HTMLElement | null, options?: TabbableOptions): [HTMLElement, HTMLElement] | [null, null];
+declare function getNextTabbable(container: HTMLElement | null, options?: NextTabbableOptions): HTMLElement | null;
+declare function getTabIndex(node: HTMLElement | SVGElement): number;
+//#endregion
+//#region src/common/dom-query/proxy-tab-focus.d.ts
+interface ProxyTabFocusOptions<T = MaybeElement> {
+  triggerElement?: T | undefined;
+  onFocus?: ((elementToFocus: HTMLElement) => void) | undefined;
+  onFocusEnter?: VoidFunction | undefined;
+  defer?: boolean | undefined;
+  getShadowRoot?: GetShadowRootOption | undefined;
+}
+declare function proxyTabFocus(container: MaybeElementOrFn, options: ProxyTabFocusOptions<MaybeElementOrFn>): () => void;
+//#endregion
+//#region src/common/dom-query/scope.d.ts
+interface ScopeContext {
+  getRootNode?: (() => Document | ShadowRoot | Node) | undefined;
+}
+declare function createScope<T>(methods: T): {
+  getRootNode: (ctx: ScopeContext) => Document | ShadowRoot;
+  getDoc: (ctx: ScopeContext) => Document;
+  getWin: (ctx: ScopeContext) => Window & typeof globalThis;
+  getActiveElement: (ctx: ScopeContext) => HTMLElement | null;
+  isActiveElement: typeof isActiveElement;
+  getById: <T_1 extends Element = HTMLElement>(ctx: ScopeContext, id: string) => T_1 | null;
+  setValue: <T_1 extends HTMLElementWithValue>(elem: T_1 | null, value: string | number | null | undefined) => void;
+} & T;
+//#endregion
+//#region src/common/dom-query/shared.d.ts
+declare const MAX_Z_INDEX = 2147483647;
+declare const dataAttr: (guard: boolean | undefined) => Booleanish;
+declare const ariaAttr: (guard: boolean | undefined) => "true" | undefined;
+//#endregion
+export { ObserveAttributeOptions as $, contains as A, isSelfTarget as At, isActiveElement as B, trackPress as C, isCtrlOrMetaKey as Ct, trackPointerMove as D, isModifierKey as Dt, PointerUpDetails as E, isLeftClick as Et, getNodeName as F, isElementVisible as G, isDocument as H, getParentElement as I, isNode as J, isHTMLElement as K, getParentNode as L, getAncestorElements as M, isVirtualClick as Mt, getDocument as N, isVirtualPointerEvent as Nt, PercentValueOptions as O, isOpeningInNewTab as Ot, getDocumentElement as P, Booleanish as Pt, isWindow as Q, getRootNode as R, TrackPressOptions as S, isContextMenuEvent as St, PointerMoveHandlers as T, isKeyboardClick as Tt, isEditableElement as U, isAnchorElement as V, isElement as W, isShadowRoot as X, isRootElement as Y, isVisualViewport as Z, getTabbableEdges as _, getEventStep as _t, createScope as a, TrackFormControlOptions as at, isTabbable as b, getNativeEvent as bt, GetShadowRootOption as c, isInternalChangeEvent as ct, getFirstFocusable as d, setElementValue as dt, ObserveChildrenOptions as et, getFirstTabbable as f, trackFormControl as ft, getTabIndex as g, getEventPoint as gt, getNextTabbable as h, getEventKey as ht, ScopeContext as i, InputValueEventOptions as it, getActiveElement as j, isTouchEvent as jt, getRelativePoint as k, isPrintableKey as kt, NextTabbableOptions as l, markAsInternalChangeEvent as lt, getLastTabbable as m, getBeforeInputValue as mt, ariaAttr as n, observeChildren as nt, ProxyTabFocusOptions as o, dispatchInputCheckedEvent as ot, getFocusables as p, addDomEvent as pt, isInputElement as q, dataAttr as r, CheckedEventOptions as rt, proxyTabFocus as s, dispatchInputValueEvent as st, MAX_Z_INDEX as t, observeAttributes as tt, TabbableOptions as u, setElementChecked as ut, getTabbables as v, getEventStepValue as vt, PointerMoveDetails as w, isDownloadingEvent as wt, PressDetails as x, isComposingEvent as xt, isFocusable as y, getEventTarget as yt, getWindow as z };

package/dist/index.cjs

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_core = require("./core-BNMw-JId.cjs");
+const require_types = require("./types-HCvp3Bhv.cjs");
+exports.INIT_STATE = require_types.INIT_STATE;
+exports.MachineStatus = require_types.MachineStatus;
+exports.createGuards = require_core.createGuards;
+exports.createMachine = require_core.createMachine;
+exports.createScope = require_core.createScope;
+exports.ensureStateIndex = require_core.ensureStateIndex;
+exports.findTransition = require_core.findTransition;
+exports.getExitEnterStates = require_core.getExitEnterStates;
+exports.getStateChain = require_core.getStateChain;
+exports.getStateDefinition = require_core.getStateDefinition;
+exports.hasTag = require_core.hasTag;
+exports.matchesState = require_core.matchesState;
+exports.memo = require_core.memo;
+exports.mergeProps = require_core.mergeProps;
+exports.resolveStateValue = require_core.resolveStateValue;
+exports.setup = require_core.setup;

package/dist/index.d.cts

@@ -0,0 +1,3 @@
+import { A as PropFn, C as GuardFn, D as MachineState, E as MachineSchema, F as TransitionMatch, I as TransitionSet, L as ValueOrFn, M as Service, N as Transition, O as MachineStatus, P as TransitionMap, R as memo, S as EventObject, T as Machine, _ as BindableParams, a as getStateChain, b as ComputedFn, c as matchesState, d as createMachine, f as setup, g as BindableFn, h as BindableContext, i as getExitEnterStates, j as Scope, k as Params, l as resolveStateValue, m as Bindable, n as ensureStateIndex, o as getStateDefinition, p as ActionsOrFn, r as findTransition, s as hasTag, t as createScope, u as createGuards, v as BindableRefs, w as INIT_STATE, x as EffectsOrFn, y as ChooseFn, z as mergeProps } from "./index-pUYD4eER.cjs";
+import "./index-DlAisY_i.cjs";
+export { ActionsOrFn, Bindable, BindableContext, BindableFn, BindableParams, BindableRefs, ChooseFn, ComputedFn, EffectsOrFn, EventObject, GuardFn, INIT_STATE, Machine, MachineSchema, MachineState, MachineStatus, Params, PropFn, Scope, Service, Transition, TransitionMap, TransitionMatch, TransitionSet, ValueOrFn, createGuards, createMachine, createScope, ensureStateIndex, findTransition, getExitEnterStates, getStateChain, getStateDefinition, hasTag, matchesState, memo, mergeProps, resolveStateValue, setup };

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { A as PropFn, C as GuardFn, D as MachineState, E as MachineSchema, F as TransitionMatch, I as TransitionSet, L as ValueOrFn, M as Service, N as Transition, O as MachineStatus, P as TransitionMap, R as memo, S as EventObject, T as Machine, _ as BindableParams, a as getStateChain, b as ComputedFn, c as matchesState, d as createMachine, f as setup, g as BindableFn, h as BindableContext, i as getExitEnterStates, j as Scope, k as Params, l as resolveStateValue, m as Bindable, n as ensureStateIndex, o as getStateDefinition, p as ActionsOrFn, r as findTransition, s as hasTag, t as createScope, u as createGuards, v as BindableRefs, w as INIT_STATE, x as EffectsOrFn, y as ChooseFn, z as mergeProps } from "./index-CF2VuDYd.js";
+import "./index-DNDQD0mg.js";
+export { ActionsOrFn, Bindable, BindableContext, BindableFn, BindableParams, BindableRefs, ChooseFn, ComputedFn, EffectsOrFn, EventObject, GuardFn, INIT_STATE, Machine, MachineSchema, MachineState, MachineStatus, Params, PropFn, Scope, Service, Transition, TransitionMap, TransitionMatch, TransitionSet, ValueOrFn, createGuards, createMachine, createScope, ensureStateIndex, findTransition, getExitEnterStates, getStateChain, getStateDefinition, hasTag, matchesState, memo, mergeProps, resolveStateValue, setup };

package/dist/index.js

@@ -0,0 +1,3 @@
+import { a as ensureStateIndex, c as getStateChain, d as matchesState, f as resolveStateValue, i as setup, l as getStateDefinition, m as mergeProps, n as createGuards, o as findTransition, p as memo, r as createMachine, s as getExitEnterStates, t as createScope, u as hasTag } from "./core-CJ0MZr3D.js";
+import { n as MachineStatus, t as INIT_STATE } from "./types-BFuHIo7S.js";
+export { INIT_STATE, MachineStatus, createGuards, createMachine, createScope, ensureStateIndex, findTransition, getExitEnterStates, getStateChain, getStateDefinition, hasTag, matchesState, memo, mergeProps, resolveStateValue, setup };

package/dist/initial-focus-BQxRRFPa.cjs

@@ -0,0 +1,37 @@
+const require_dom_query = require("./dom-query-CQzY93XU.cjs");
+const require_tabbable = require("./tabbable-Bz1-1GAY.cjs");
+//#region src/common/dom-query/initial-focus.ts
+function getInitialFocus(options) {
+	const { root, getInitialEl, filter, enabled = true } = options;
+	if (!enabled) return;
+	let node = null;
+	node ||= typeof getInitialEl === "function" ? getInitialEl() : getInitialEl;
+	node ||= root?.querySelector("[data-autofocus],[autofocus]");
+	if (!node) {
+		const tabbables = require_tabbable.getTabbables(root);
+		node = filter ? tabbables.filter(filter)[0] : tabbables[0];
+	}
+	return node || root || void 0;
+}
+function isValidTabEvent(event) {
+	const container = event.currentTarget;
+	if (!container) return false;
+	const [firstTabbable, lastTabbable] = require_tabbable.getTabbableEdges(container);
+	if (require_dom_query.isActiveElement(firstTabbable) && event.shiftKey) return false;
+	if (require_dom_query.isActiveElement(lastTabbable) && !event.shiftKey) return false;
+	if (!firstTabbable && !lastTabbable) return false;
+	return true;
+}
+//#endregion
+Object.defineProperty(exports, "getInitialFocus", {
+	enumerable: true,
+	get: function() {
+		return getInitialFocus;
+	}
+});
+Object.defineProperty(exports, "isValidTabEvent", {
+	enumerable: true,
+	get: function() {
+		return isValidTabEvent;
+	}
+});

package/dist/initial-focus-BrN5tT2X.js

@@ -0,0 +1,26 @@
+import { C as isActiveElement } from "./dom-query-e7fh0TEH.js";
+import { c as getTabbables, s as getTabbableEdges } from "./tabbable-CDA1YMjZ.js";
+//#region src/common/dom-query/initial-focus.ts
+function getInitialFocus(options) {
+	const { root, getInitialEl, filter, enabled = true } = options;
+	if (!enabled) return;
+	let node = null;
+	node ||= typeof getInitialEl === "function" ? getInitialEl() : getInitialEl;
+	node ||= root?.querySelector("[data-autofocus],[autofocus]");
+	if (!node) {
+		const tabbables = getTabbables(root);
+		node = filter ? tabbables.filter(filter)[0] : tabbables[0];
+	}
+	return node || root || void 0;
+}
+function isValidTabEvent(event) {
+	const container = event.currentTarget;
+	if (!container) return false;
+	const [firstTabbable, lastTabbable] = getTabbableEdges(container);
+	if (isActiveElement(firstTabbable) && event.shiftKey) return false;
+	if (isActiveElement(lastTabbable) && !event.shiftKey) return false;
+	if (!firstTabbable && !lastTabbable) return false;
+	return true;
+}
+//#endregion
+export { isValidTabEvent as n, getInitialFocus as t };

package/dist/interact-outside-BjqIunFx.js

@@ -0,0 +1,211 @@
+import { N as isShadowRoot, S as getWindow, g as getDocument, k as isHTMLElement, p as contains } from "./dom-query-e7fh0TEH.js";
+import { a as isControlledElement } from "./controller-Dv7lWHDr.js";
+import { p as isTouchDevice } from "./platform-BDB0wXUk.js";
+import { s as getEventTarget, t as addDomEvent, u as isContextMenuEvent } from "./event-bTItRgiw.js";
+import { l as isFocusable } from "./tabbable-CDA1YMjZ.js";
+import { i as raf } from "./raf-Dhvm7f1e.js";
+import { t as getNearestOverflowAncestor } from "./overflow-C-zO1CWA.js";
+import { L as callAll } from "./utils-Cht5XaHf.js";
+//#region src/common/interact-outside/frame-utils.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 {}
+			});
+			return () => {
+				try {
+					frames.removeEventListener(event, listener, options);
+				} catch {}
+			};
+		},
+		removeEventListener(event, listener, options) {
+			frames.each((frame) => {
+				try {
+					frame.document.removeEventListener(event, listener, options);
+				} catch {}
+			});
+		}
+	};
+	return frames;
+}
+function getParentWindow(win) {
+	const parent = win.frameElement != null ? win.parent : null;
+	return {
+		addEventListener: (event, listener, options) => {
+			try {
+				parent?.addEventListener(event, listener, options);
+			} catch {}
+			return () => {
+				try {
+					parent?.removeEventListener(event, listener, options);
+				} catch {}
+			};
+		},
+		removeEventListener: (event, listener, options) => {
+			try {
+				parent?.removeEventListener(event, listener, options);
+			} catch {}
+		}
+	};
+}
+//#endregion
+//#region src/common/interact-outside/index.ts
+const POINTER_OUTSIDE_EVENT = "pointerdown.outside";
+const FOCUS_OUTSIDE_EVENT = "focus.outside";
+function isComposedPathFocusable(composedPath) {
+	for (const node of composedPath) if (isHTMLElement(node) && isFocusable(node)) return true;
+	return false;
+}
+const isPointerEvent = (event) => "clientY" in event;
+function isEventPointWithin(node, event) {
+	if (!isPointerEvent(event) || !node) return false;
+	const rect = node.getBoundingClientRect();
+	if (rect.width === 0 || rect.height === 0) return false;
+	return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
+}
+function isPointInRect(rect, point) {
+	return rect.y <= point.y && point.y <= rect.y + rect.height && rect.x <= point.x && point.x <= rect.x + rect.width;
+}
+function isEventWithinScrollbar(event, ancestor) {
+	if (!ancestor || !isPointerEvent(event)) return false;
+	const isScrollableY = ancestor.scrollHeight > ancestor.clientHeight;
+	const onScrollbarY = isScrollableY && event.clientX > ancestor.offsetLeft + ancestor.clientWidth;
+	const isScrollableX = ancestor.scrollWidth > ancestor.clientWidth;
+	const onScrollbarX = isScrollableX && event.clientY > ancestor.offsetTop + ancestor.clientHeight;
+	if (!isPointInRect({
+		x: ancestor.offsetLeft,
+		y: ancestor.offsetTop,
+		width: ancestor.clientWidth + (isScrollableY ? 16 : 0),
+		height: ancestor.clientHeight + (isScrollableX ? 16 : 0)
+	}, {
+		x: event.clientX,
+		y: event.clientY
+	})) return false;
+	return onScrollbarY || onScrollbarX;
+}
+function trackInteractOutsideImpl(node, options) {
+	const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside, defer, followControlledElements = true } = options;
+	if (!node) return;
+	const doc = getDocument(node);
+	const win = getWindow(node);
+	const frames = getWindowFrames(win);
+	const parentWin = getParentWindow(win);
+	function isEventOutside(event, target) {
+		if (!isHTMLElement(target)) return false;
+		if (!target.isConnected) return false;
+		if (contains(node, target)) return false;
+		if (isEventPointWithin(node, event)) return false;
+		if (followControlledElements && isControlledElement(node, target)) return false;
+		const triggerEl = doc.querySelector(`[aria-controls="${node.id}"]`);
+		if (triggerEl) {
+			if (isEventWithinScrollbar(event, getNearestOverflowAncestor(triggerEl))) return false;
+		}
+		if (isEventWithinScrollbar(event, getNearestOverflowAncestor(node))) return false;
+		return !exclude?.(target);
+	}
+	const pointerdownCleanups = /* @__PURE__ */ new Set();
+	const isInShadowRoot = isShadowRoot(node?.getRootNode());
+	let isPointerDown = false;
+	function onPointerDown(event) {
+		isPointerDown = true;
+		const onPointerUp = () => {
+			isPointerDown = false;
+		};
+		doc.addEventListener("pointerup", onPointerUp, { once: true });
+		win.addEventListener("pointerup", onPointerUp, { once: true });
+		function handler(clickEvent) {
+			const func = defer && !isTouchDevice() ? raf : (v) => v();
+			const evt = clickEvent ?? event;
+			const composedPath = evt?.composedPath?.() ?? [evt?.target];
+			func(() => {
+				const target = isInShadowRoot ? composedPath[0] : getEventTarget(event);
+				if (!node || !isEventOutside(event, target)) return;
+				if (onPointerDownOutside || onInteractOutside) {
+					const handler = callAll(onPointerDownOutside, onInteractOutside);
+					node.addEventListener(POINTER_OUTSIDE_EVENT, handler, { once: true });
+				}
+				fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {
+					bubbles: false,
+					cancelable: true,
+					detail: {
+						originalEvent: evt,
+						contextmenu: isContextMenuEvent(evt),
+						focusable: isComposedPathFocusable(composedPath),
+						target
+					}
+				});
+			});
+		}
+		if (event.pointerType === "touch") {
+			pointerdownCleanups.forEach((fn) => fn());
+			pointerdownCleanups.add(addDomEvent(doc, "click", handler, { once: true }));
+			pointerdownCleanups.add(parentWin.addEventListener("click", handler, { once: true }));
+			pointerdownCleanups.add(frames.addEventListener("click", handler, { once: true }));
+		} else handler();
+	}
+	const cleanups = /* @__PURE__ */ new Set();
+	const timer = setTimeout(() => {
+		cleanups.add(addDomEvent(doc, "pointerdown", onPointerDown, true));
+		cleanups.add(parentWin.addEventListener("pointerdown", onPointerDown, true));
+		cleanups.add(frames.addEventListener("pointerdown", onPointerDown, true));
+	}, 0);
+	function onFocusin(event) {
+		if (isPointerDown) return;
+		(defer ? raf : (v) => v())(() => {
+			const composedPath = event?.composedPath?.() ?? [event?.target];
+			const target = isInShadowRoot ? composedPath[0] : getEventTarget(event);
+			if (!node || !isEventOutside(event, target)) return;
+			if (onFocusOutside || onInteractOutside) {
+				const handler = callAll(onFocusOutside, onInteractOutside);
+				node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
+			}
+			fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {
+				bubbles: false,
+				cancelable: true,
+				detail: {
+					originalEvent: event,
+					contextmenu: false,
+					focusable: isFocusable(target),
+					target
+				}
+			});
+		});
+	}
+	if (!isTouchDevice()) {
+		cleanups.add(addDomEvent(doc, "focusin", onFocusin, true));
+		cleanups.add(parentWin.addEventListener("focusin", onFocusin, true));
+		cleanups.add(frames.addEventListener("focusin", onFocusin, true));
+	}
+	return () => {
+		clearTimeout(timer);
+		pointerdownCleanups.forEach((fn) => fn());
+		cleanups.forEach((fn) => fn());
+	};
+}
+function trackInteractOutside(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(trackInteractOutsideImpl(node, options));
+	}));
+	return () => {
+		cleanups.forEach((fn) => fn?.());
+	};
+}
+function fireCustomEvent(el, type, init) {
+	const event = new (el.ownerDocument.defaultView || window).CustomEvent(type, init);
+	return el.dispatchEvent(event);
+}
+//#endregion
+export { trackInteractOutside as t };