@povio/ui 3.4.0-rc.2 → 3.4.0-rc.22

package/dist/usePress-CANxCO5-.js

@@ -0,0 +1,491 @@
+import { A as $6a7db85432448f7f$export$29bf1b5f2c56cf63, B as $d4ee10de306f2510$export$4282f70798064fe0, F as $03deb23ff14920c4$export$4eaf04e54aa8eed6, G as $431fbd86ca7dc216$export$f21a1ffae260145a, H as $d4ee10de306f2510$export$e58f029f0fbfdb29, K as $ff5963eb1fccf552$export$e08e3b67e392101e, M as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, N as $8ae05eaa5c114e9c$export$7f54fc3180508a52, R as $3ef42575df84b30b$export$9d1611c77c2fe928, W as $431fbd86ca7dc216$export$b204af158042fbac, X as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, _ as $8a9cb279dc87e130$export$c2b7abe5d61ec696, h as $8a9cb279dc87e130$export$525bc4921d56d4a, j as $6a7db85432448f7f$export$60278871457622de, v as $8a9cb279dc87e130$export$cabe61c495ee3649 } from "./useHover-DwfnacVy.js";
+import { h as $7215afc6de606d6b$export$de79e2c695e052f3, i as $ea8dcbcb9ea1b556$export$95185d699e05d4d7, u as $c87311424ea30a05$export$9ac100e40613ea10 } from "./openLink-BFEMFlhB.js";
+import { i as $14c0b72509d70225$export$b0d6fa1ab32e3295, r as $14c0b72509d70225$export$16a4697467175487 } from "./useFocusRing-DuXtCnJj.js";
+import $HgANd$react, { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import "react-dom";
+//#region ../../node_modules/.bun/@react-aria+interactions@3.27.0+67f6792bdf102c28/node_modules/@react-aria/interactions/dist/context.mjs
+const $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = $HgANd$react.createContext({ register: () => {} });
+$ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = "PressResponderContext";
+//#endregion
+//#region ../../node_modules/.bun/@swc+helpers@0.5.19/node_modules/@swc/helpers/esm/_class_apply_descriptor_get.js
+function _class_apply_descriptor_get(receiver, descriptor) {
+	if (descriptor.get) return descriptor.get.call(receiver);
+	return descriptor.value;
+}
+//#endregion
+//#region ../../node_modules/.bun/@swc+helpers@0.5.19/node_modules/@swc/helpers/esm/_class_extract_field_descriptor.js
+function _class_extract_field_descriptor(receiver, privateMap, action) {
+	if (!privateMap.has(receiver)) throw new TypeError("attempted to " + action + " private field on non-instance");
+	return privateMap.get(receiver);
+}
+//#endregion
+//#region ../../node_modules/.bun/@swc+helpers@0.5.19/node_modules/@swc/helpers/esm/_class_private_field_get.js
+function _class_private_field_get(receiver, privateMap) {
+	return _class_apply_descriptor_get(receiver, _class_extract_field_descriptor(receiver, privateMap, "get"));
+}
+//#endregion
+//#region ../../node_modules/.bun/@swc+helpers@0.5.19/node_modules/@swc/helpers/esm/_check_private_redeclaration.js
+function _check_private_redeclaration(obj, privateCollection) {
+	if (privateCollection.has(obj)) throw new TypeError("Cannot initialize the same private elements twice on an object");
+}
+//#endregion
+//#region ../../node_modules/.bun/@swc+helpers@0.5.19/node_modules/@swc/helpers/esm/_class_private_field_init.js
+function _class_private_field_init(obj, privateMap, value) {
+	_check_private_redeclaration(obj, privateMap);
+	privateMap.set(obj, value);
+}
+//#endregion
+//#region ../../node_modules/.bun/@swc+helpers@0.5.19/node_modules/@swc/helpers/esm/_class_apply_descriptor_set.js
+function _class_apply_descriptor_set(receiver, descriptor, value) {
+	if (descriptor.set) descriptor.set.call(receiver, value);
+	else {
+		if (!descriptor.writable) throw new TypeError("attempted to set read only private field");
+		descriptor.value = value;
+	}
+}
+//#endregion
+//#region ../../node_modules/.bun/@swc+helpers@0.5.19/node_modules/@swc/helpers/esm/_class_private_field_set.js
+function _class_private_field_set(receiver, privateMap, value) {
+	_class_apply_descriptor_set(receiver, _class_extract_field_descriptor(receiver, privateMap, "set"), value);
+	return value;
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-aria+interactions@3.27.0+67f6792bdf102c28/node_modules/@react-aria/interactions/dist/usePress.mjs
+function $f6c31cce2adf654f$var$usePressResponderContext(props) {
+	let context = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
+	if (context) {
+		let { register, ref, ...contextProps } = context;
+		props = $3ef42575df84b30b$export$9d1611c77c2fe928(contextProps, props);
+		register();
+	}
+	$e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, props.ref);
+	return props;
+}
+var $f6c31cce2adf654f$var$_shouldStopPropagation = /*#__PURE__*/ new WeakMap();
+var $f6c31cce2adf654f$var$PressEvent = class {
+	continuePropagation() {
+		_class_private_field_set(this, $f6c31cce2adf654f$var$_shouldStopPropagation, false);
+	}
+	get shouldStopPropagation() {
+		return _class_private_field_get(this, $f6c31cce2adf654f$var$_shouldStopPropagation);
+	}
+	constructor(type, pointerType, originalEvent, state) {
+		_class_private_field_init(this, $f6c31cce2adf654f$var$_shouldStopPropagation, {
+			writable: true,
+			value: void 0
+		});
+		_class_private_field_set(this, $f6c31cce2adf654f$var$_shouldStopPropagation, true);
+		var _state_target;
+		let currentTarget = (_state_target = state === null || state === void 0 ? void 0 : state.target) !== null && _state_target !== void 0 ? _state_target : originalEvent.currentTarget;
+		const rect = currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.getBoundingClientRect();
+		let x, y = 0;
+		let clientX, clientY = null;
+		if (originalEvent.clientX != null && originalEvent.clientY != null) {
+			clientX = originalEvent.clientX;
+			clientY = originalEvent.clientY;
+		}
+		if (rect) if (clientX != null && clientY != null) {
+			x = clientX - rect.left;
+			y = clientY - rect.top;
+		} else {
+			x = rect.width / 2;
+			y = rect.height / 2;
+		}
+		this.type = type;
+		this.pointerType = pointerType;
+		this.target = originalEvent.currentTarget;
+		this.shiftKey = originalEvent.shiftKey;
+		this.metaKey = originalEvent.metaKey;
+		this.ctrlKey = originalEvent.ctrlKey;
+		this.altKey = originalEvent.altKey;
+		this.x = x;
+		this.y = y;
+		this.key = originalEvent.key;
+	}
+};
+const $f6c31cce2adf654f$var$LINK_CLICKED = Symbol("linkClicked");
+const $f6c31cce2adf654f$var$STYLE_ID = "react-aria-pressable-style";
+const $f6c31cce2adf654f$var$PRESSABLE_ATTRIBUTE = "data-react-aria-pressable";
+function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
+	let { onPress, onPressChange, onPressStart, onPressEnd, onPressUp, onClick, isDisabled, isPressed: isPressedProp, preventFocusOnPress, shouldCancelOnPointerExit, allowTextSelectionOnPress, ref: domRef, ...domProps } = $f6c31cce2adf654f$var$usePressResponderContext(props);
+	let [isPressed, setPressed] = useState(false);
+	let ref = useRef({
+		isPressed: false,
+		ignoreEmulatedMouseEvents: false,
+		didFirePressStart: false,
+		isTriggeringEvent: false,
+		activePointerId: null,
+		target: null,
+		isOverTarget: false,
+		pointerType: null,
+		disposables: []
+	});
+	let { addGlobalListener, removeAllGlobalListeners, removeGlobalListener } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
+	let triggerPressStart = useCallback((originalEvent, pointerType) => {
+		let state = ref.current;
+		if (isDisabled || state.didFirePressStart) return false;
+		let shouldStopPropagation = true;
+		state.isTriggeringEvent = true;
+		if (onPressStart) {
+			let event = new $f6c31cce2adf654f$var$PressEvent("pressstart", pointerType, originalEvent);
+			onPressStart(event);
+			shouldStopPropagation = event.shouldStopPropagation;
+		}
+		if (onPressChange) onPressChange(true);
+		state.isTriggeringEvent = false;
+		state.didFirePressStart = true;
+		setPressed(true);
+		return shouldStopPropagation;
+	}, [
+		isDisabled,
+		onPressStart,
+		onPressChange
+	]);
+	let triggerPressEnd = useCallback((originalEvent, pointerType, wasPressed = true) => {
+		let state = ref.current;
+		if (!state.didFirePressStart) return false;
+		state.didFirePressStart = false;
+		state.isTriggeringEvent = true;
+		let shouldStopPropagation = true;
+		if (onPressEnd) {
+			let event = new $f6c31cce2adf654f$var$PressEvent("pressend", pointerType, originalEvent);
+			onPressEnd(event);
+			shouldStopPropagation = event.shouldStopPropagation;
+		}
+		if (onPressChange) onPressChange(false);
+		setPressed(false);
+		if (onPress && wasPressed && !isDisabled) {
+			let event = new $f6c31cce2adf654f$var$PressEvent("press", pointerType, originalEvent);
+			onPress(event);
+			shouldStopPropagation && (shouldStopPropagation = event.shouldStopPropagation);
+		}
+		state.isTriggeringEvent = false;
+		return shouldStopPropagation;
+	}, [
+		isDisabled,
+		onPressEnd,
+		onPressChange,
+		onPress
+	]);
+	let triggerPressEndEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(triggerPressEnd);
+	let triggerPressUp = useCallback((originalEvent, pointerType) => {
+		let state = ref.current;
+		if (isDisabled) return false;
+		if (onPressUp) {
+			state.isTriggeringEvent = true;
+			let event = new $f6c31cce2adf654f$var$PressEvent("pressup", pointerType, originalEvent);
+			onPressUp(event);
+			state.isTriggeringEvent = false;
+			return event.shouldStopPropagation;
+		}
+		return true;
+	}, [isDisabled, onPressUp]);
+	let triggerPressUpEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(triggerPressUp);
+	let cancel = useCallback((e) => {
+		let state = ref.current;
+		if (state.isPressed && state.target) {
+			if (state.didFirePressStart && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
+			state.isPressed = false;
+			setIsPointerPressed(null);
+			state.isOverTarget = false;
+			state.activePointerId = null;
+			state.pointerType = null;
+			removeAllGlobalListeners();
+			if (!allowTextSelectionOnPress) $14c0b72509d70225$export$b0d6fa1ab32e3295(state.target);
+			for (let dispose of state.disposables) dispose();
+			state.disposables = [];
+		}
+	}, [
+		allowTextSelectionOnPress,
+		removeAllGlobalListeners,
+		triggerPressEnd
+	]);
+	let cancelEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(cancel);
+	let cancelOnPointerExit = useCallback((e) => {
+		if (shouldCancelOnPointerExit) cancel(e);
+	}, [shouldCancelOnPointerExit, cancel]);
+	let triggerClick = useCallback((e) => {
+		if (isDisabled) return;
+		onClick === null || onClick === void 0 || onClick(e);
+	}, [isDisabled, onClick]);
+	let triggerSyntheticClick = useCallback((e, target) => {
+		if (isDisabled) return;
+		if (onClick) {
+			let event = new MouseEvent("click", e);
+			$8a9cb279dc87e130$export$c2b7abe5d61ec696(event, target);
+			onClick($8a9cb279dc87e130$export$525bc4921d56d4a(event));
+		}
+	}, [isDisabled, onClick]);
+	let triggerSyntheticClickEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(triggerSyntheticClick);
+	let [isElemKeyPressed, setIsElemKeyPressed] = useState(false);
+	$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+		let state = ref.current;
+		if (isElemKeyPressed) {
+			let onKeyUp = (e) => {
+				var _state_metaKeyEvents;
+				if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
+					var _state_metaKeyEvents1;
+					if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard($d4ee10de306f2510$export$e58f029f0fbfdb29(e), e.key)) e.preventDefault();
+					let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
+					let wasPressed = $d4ee10de306f2510$export$4282f70798064fe0(state.target, $d4ee10de306f2510$export$e58f029f0fbfdb29(e));
+					triggerPressEndEvent($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard", wasPressed);
+					if (wasPressed) triggerSyntheticClickEvent(e, state.target);
+					removeAllGlobalListeners();
+					if (e.key !== "Enter" && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && $d4ee10de306f2510$export$4282f70798064fe0(state.target, target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
+						e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
+						$ea8dcbcb9ea1b556$export$95185d699e05d4d7(state.target, e, false);
+					}
+					state.isPressed = false;
+					setIsElemKeyPressed(false);
+					(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 || _state_metaKeyEvents1.delete(e.key);
+				} else if (e.key === "Meta" && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
+					var _state_target;
+					let events = state.metaKeyEvents;
+					state.metaKeyEvents = void 0;
+					for (let event of events.values()) (_state_target = state.target) === null || _state_target === void 0 || _state_target.dispatchEvent(new KeyboardEvent("keyup", event));
+				}
+			};
+			let originalTarget = state.target;
+			let pressUp = (e) => {
+				if (originalTarget && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, originalTarget) && !e.repeat && $d4ee10de306f2510$export$4282f70798064fe0(originalTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e)) && state.target) triggerPressUpEvent($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard");
+			};
+			let listener = $ff5963eb1fccf552$export$e08e3b67e392101e(pressUp, onKeyUp);
+			addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(state.target), "keyup", listener, true);
+			return () => {
+				removeGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(state.target), "keyup", listener, true);
+			};
+		}
+	}, [
+		isElemKeyPressed,
+		addGlobalListener,
+		removeAllGlobalListeners,
+		removeGlobalListener
+	]);
+	let [isPointerPressed, setIsPointerPressed] = useState(null);
+	$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+		let state = ref.current;
+		if (isPointerPressed === "pointer") {
+			let onPointerUp = (e) => {
+				if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
+					if ($d4ee10de306f2510$export$4282f70798064fe0(state.target, $d4ee10de306f2510$export$e58f029f0fbfdb29(e)) && state.pointerType != null) {
+						let clicked = false;
+						let timeout = setTimeout(() => {
+							if (state.isPressed && state.target instanceof HTMLElement) if (clicked) cancelEvent(e);
+							else {
+								$7215afc6de606d6b$export$de79e2c695e052f3(state.target);
+								state.target.click();
+							}
+						}, 80);
+						addGlobalListener(e.currentTarget, "click", () => clicked = true, true);
+						state.disposables.push(() => clearTimeout(timeout));
+					} else cancelEvent(e);
+					state.isOverTarget = false;
+				}
+			};
+			let onPointerCancel = (e) => {
+				cancelEvent(e);
+			};
+			addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(state.target), "pointerup", onPointerUp, false);
+			addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(state.target), "pointercancel", onPointerCancel, false);
+			return () => {
+				removeGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(state.target), "pointerup", onPointerUp, false);
+				removeGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(state.target), "pointercancel", onPointerCancel, false);
+			};
+		}
+	}, [
+		isPointerPressed,
+		addGlobalListener,
+		removeGlobalListener
+	]);
+	let pressProps = useMemo(() => {
+		let state = ref.current;
+		let pressProps = {
+			onKeyDown(e) {
+				if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && $d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) {
+					var _state_metaKeyEvents;
+					if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard($d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent), e.key)) e.preventDefault();
+					let shouldStopPropagation = true;
+					if (!state.isPressed && !e.repeat) {
+						state.target = e.currentTarget;
+						state.isPressed = true;
+						setIsElemKeyPressed(true);
+						state.pointerType = "keyboard";
+						shouldStopPropagation = triggerPressStart(e, "keyboard");
+					}
+					if (shouldStopPropagation) e.stopPropagation();
+					if (e.metaKey && $c87311424ea30a05$export$9ac100e40613ea10()) (_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 || _state_metaKeyEvents.set(e.key, e.nativeEvent);
+				} else if (e.key === "Meta") state.metaKeyEvents = /* @__PURE__ */ new Map();
+			},
+			onClick(e) {
+				if (e && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
+				if (e && e.button === 0 && !state.isTriggeringEvent && !$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening) {
+					let shouldStopPropagation = true;
+					if (isDisabled) e.preventDefault();
+					if (!state.ignoreEmulatedMouseEvents && !state.isPressed && (state.pointerType === "virtual" || $6a7db85432448f7f$export$60278871457622de(e.nativeEvent))) {
+						let stopPressStart = triggerPressStart(e, "virtual");
+						let stopPressUp = triggerPressUp(e, "virtual");
+						let stopPressEnd = triggerPressEnd(e, "virtual");
+						triggerClick(e);
+						shouldStopPropagation = stopPressStart && stopPressUp && stopPressEnd;
+					} else if (state.isPressed && state.pointerType !== "keyboard") {
+						let pointerType = state.pointerType || e.nativeEvent.pointerType || "virtual";
+						let stopPressUp = triggerPressUp($f6c31cce2adf654f$var$createEvent(e.currentTarget, e), pointerType);
+						let stopPressEnd = triggerPressEnd($f6c31cce2adf654f$var$createEvent(e.currentTarget, e), pointerType, true);
+						shouldStopPropagation = stopPressUp && stopPressEnd;
+						state.isOverTarget = false;
+						triggerClick(e);
+						cancel(e);
+					}
+					state.ignoreEmulatedMouseEvents = false;
+					if (shouldStopPropagation) e.stopPropagation();
+				}
+			}
+		};
+		if (typeof PointerEvent !== "undefined") {
+			pressProps.onPointerDown = (e) => {
+				if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
+				if ($6a7db85432448f7f$export$29bf1b5f2c56cf63(e.nativeEvent)) {
+					state.pointerType = "virtual";
+					return;
+				}
+				state.pointerType = e.pointerType;
+				let shouldStopPropagation = true;
+				if (!state.isPressed) {
+					state.isPressed = true;
+					setIsPointerPressed("pointer");
+					state.isOverTarget = true;
+					state.activePointerId = e.pointerId;
+					state.target = e.currentTarget;
+					if (!allowTextSelectionOnPress) $14c0b72509d70225$export$16a4697467175487(state.target);
+					shouldStopPropagation = triggerPressStart(e, state.pointerType);
+					let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent);
+					if ("releasePointerCapture" in target) if ("hasPointerCapture" in target) {
+						if (target.hasPointerCapture(e.pointerId)) target.releasePointerCapture(e.pointerId);
+					} else target.releasePointerCapture(e.pointerId);
+				}
+				if (shouldStopPropagation) e.stopPropagation();
+			};
+			pressProps.onMouseDown = (e) => {
+				if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
+				if (e.button === 0) {
+					if (preventFocusOnPress) {
+						let dispose = $8a9cb279dc87e130$export$cabe61c495ee3649(e.target);
+						if (dispose) state.disposables.push(dispose);
+					}
+					e.stopPropagation();
+				}
+			};
+			pressProps.onPointerUp = (e) => {
+				if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent)) || state.pointerType === "virtual") return;
+				if (e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || e.pointerType);
+			};
+			pressProps.onPointerEnter = (e) => {
+				if (e.pointerId === state.activePointerId && state.target && !state.isOverTarget && state.pointerType != null) {
+					state.isOverTarget = true;
+					triggerPressStart($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
+				}
+			};
+			pressProps.onPointerLeave = (e) => {
+				if (e.pointerId === state.activePointerId && state.target && state.isOverTarget && state.pointerType != null) {
+					state.isOverTarget = false;
+					triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
+					cancelOnPointerExit(e);
+				}
+			};
+			pressProps.onDragStart = (e) => {
+				if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
+				cancel(e);
+			};
+		}
+		return pressProps;
+	}, [
+		isDisabled,
+		preventFocusOnPress,
+		removeAllGlobalListeners,
+		allowTextSelectionOnPress,
+		cancel,
+		cancelOnPointerExit,
+		triggerPressEnd,
+		triggerPressStart,
+		triggerPressUp,
+		triggerClick,
+		triggerSyntheticClick
+	]);
+	useEffect(() => {
+		if (!domRef || false) return;
+		const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(domRef.current);
+		if (!ownerDocument || !ownerDocument.head || ownerDocument.getElementById($f6c31cce2adf654f$var$STYLE_ID)) return;
+		const style = ownerDocument.createElement("style");
+		style.id = $f6c31cce2adf654f$var$STYLE_ID;
+		style.textContent = `
+@layer {
+  [${$f6c31cce2adf654f$var$PRESSABLE_ATTRIBUTE}] {
+    touch-action: pan-x pan-y pinch-zoom;
+  }
+}
+    `.trim();
+		ownerDocument.head.prepend(style);
+	}, [domRef]);
+	useEffect(() => {
+		let state = ref.current;
+		return () => {
+			var _state_target;
+			if (!allowTextSelectionOnPress) $14c0b72509d70225$export$b0d6fa1ab32e3295((_state_target = state.target) !== null && _state_target !== void 0 ? _state_target : void 0);
+			for (let dispose of state.disposables) dispose();
+			state.disposables = [];
+		};
+	}, [allowTextSelectionOnPress]);
+	return {
+		isPressed: isPressedProp || isPressed,
+		pressProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, pressProps, { [$f6c31cce2adf654f$var$PRESSABLE_ATTRIBUTE]: true })
+	};
+}
+function $f6c31cce2adf654f$var$isHTMLAnchorLink(target) {
+	return target.tagName === "A" && target.hasAttribute("href");
+}
+function $f6c31cce2adf654f$var$isValidKeyboardEvent(event, currentTarget) {
+	const { key, code } = event;
+	const element = currentTarget;
+	const role = element.getAttribute("role");
+	return (key === "Enter" || key === " " || key === "Spacebar" || code === "Space") && !(element instanceof $431fbd86ca7dc216$export$f21a1ffae260145a(element).HTMLInputElement && !$f6c31cce2adf654f$var$isValidInputKey(element, key) || element instanceof $431fbd86ca7dc216$export$f21a1ffae260145a(element).HTMLTextAreaElement || element.isContentEditable) && !((role === "link" || !role && $f6c31cce2adf654f$var$isHTMLAnchorLink(element)) && key !== "Enter");
+}
+function $f6c31cce2adf654f$var$createEvent(target, e) {
+	let clientX = e.clientX;
+	let clientY = e.clientY;
+	return {
+		currentTarget: target,
+		shiftKey: e.shiftKey,
+		ctrlKey: e.ctrlKey,
+		metaKey: e.metaKey,
+		altKey: e.altKey,
+		clientX,
+		clientY,
+		key: e.key
+	};
+}
+function $f6c31cce2adf654f$var$shouldPreventDefaultUp(target) {
+	if (target instanceof HTMLInputElement) return false;
+	if (target instanceof HTMLButtonElement) return target.type !== "submit" && target.type !== "reset";
+	if ($f6c31cce2adf654f$var$isHTMLAnchorLink(target)) return false;
+	return true;
+}
+function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target, key) {
+	if (target instanceof HTMLInputElement) return !$f6c31cce2adf654f$var$isValidInputKey(target, key);
+	return $f6c31cce2adf654f$var$shouldPreventDefaultUp(target);
+}
+const $f6c31cce2adf654f$var$nonTextInputTypes = /* @__PURE__ */ new Set([
+	"checkbox",
+	"radio",
+	"range",
+	"color",
+	"file",
+	"image",
+	"button",
+	"submit",
+	"reset"
+]);
+function $f6c31cce2adf654f$var$isValidInputKey(target, key) {
+	return target.type === "checkbox" || target.type === "radio" ? key === " " : $f6c31cce2adf654f$var$nonTextInputTypes.has(target.type);
+}
+//#endregion
+export { $ae1eeba8b9eafd08$export$5165eccb35aaadb5 as n, $f6c31cce2adf654f$export$45712eceda6fad21 as t };

package/dist/useQueryAutocomplete-CraXvRm_.js

@@ -0,0 +1,152 @@
+import { useCallback, useEffect, useMemo, useState } from "react";
+//#region src/components/inputs/Selection/shared/querySelect.utils.ts
+const getDefaultInitialSelectionLabel = (initialSelection) => {
+	if (typeof initialSelection !== "object" || initialSelection === null) return "";
+	if ("label" in initialSelection && typeof initialSelection.label === "string") return initialSelection.label;
+	if ("name" in initialSelection && typeof initialSelection.name === "string") return initialSelection.name;
+	return "";
+};
+const getInitialSelectionItems = (initialSelection) => {
+	return Array.isArray(initialSelection) ? initialSelection : initialSelection != null ? [initialSelection] : [];
+};
+const getInitialSelectionLabel = (initialSelection, mapInitialToSelectItem) => mapInitialToSelectItem?.(initialSelection).label ?? getDefaultInitialSelectionLabel(initialSelection);
+const getSelectionIdsToResolve = ({ initialSelection, value, mapInitialToSelectItem }) => {
+	const values = Array.isArray(value) ? value : value != null ? [value] : [];
+	const initialSelections = getInitialSelectionItems(initialSelection);
+	const labeledInitialSelectionIds = /* @__PURE__ */ new Set();
+	const missingLabelInitialSelectionIds = [];
+	initialSelections.forEach((item) => {
+		const id = (mapInitialToSelectItem?.(item))?.id ?? item.id;
+		if (id == null) return;
+		if (getInitialSelectionLabel(item, mapInitialToSelectItem) === "") {
+			missingLabelInitialSelectionIds.push(id);
+			return;
+		}
+		labeledInitialSelectionIds.add(id);
+	});
+	const items = Array.from(/* @__PURE__ */ new Set([...missingLabelInitialSelectionIds, ...values.filter((id) => !labeledInitialSelectionIds.has(id))]));
+	return {
+		count: items.length,
+		isResolvedByInitialSelection: values.length > 0 && values.every((id) => labeledInitialSelectionIds.has(id)),
+		items
+	};
+};
+const getQueryItems = (data, queryMap) => {
+	if (!data) return [];
+	if (queryMap) return queryMap(data);
+	if (Array.isArray(data)) return data;
+	if (typeof data === "object" && data !== null) {
+		if ("items" in data && Array.isArray(data.items)) return data.items;
+		if ("pages" in data && Array.isArray(data.pages)) return data.pages.flatMap((page) => page && typeof page === "object" && "items" in page && Array.isArray(page.items) ? page.items : []);
+	}
+	return [];
+};
+//#endregion
+//#region src/utils/query.utils.ts
+let ApiQueryUtils;
+(function(_ApiQueryUtils) {
+	_ApiQueryUtils.DEFAULT_LIMIT = 20;
+	_ApiQueryUtils.DEFAULT_PAGE = 1;
+})(ApiQueryUtils || (ApiQueryUtils = {}));
+//#endregion
+//#region src/hooks/useQueryAutocomplete.ts
+const isFilterSearchParams = (params) => {
+	return typeof params === "object" && params !== null && "filter" in params;
+};
+const useQueryAutocomplete = ({ query, queryParams, queryOptions, mapItems, resolveSelectedItemsWithIds = false, initialQueryState, search, selectedIdsToResolve = [] }) => {
+	"use no memo";
+	const shouldResolveSelectedItems = selectedIdsToResolve.length > 0;
+	const shouldUseSelectedItemsQuery = resolveSelectedItemsWithIds && shouldResolveSelectedItems;
+	const [isQueryEnabled, setIsQueryEnabled] = useState(!initialQueryState && !shouldUseSelectedItemsQuery);
+	const resolvedQueryParams = search === void 0 ? queryParams : {
+		...queryParams,
+		limit: queryParams?.limit ?? ApiQueryUtils.DEFAULT_LIMIT,
+		search,
+		filter: {
+			...isFilterSearchParams(queryParams) ? queryParams.filter : {},
+			search
+		}
+	};
+	const isInfiniteQueryResult = (result) => {
+		return "hasNextPage" in result && "fetchNextPage" in result;
+	};
+	const getDataForMapping = (result_0) => isInfiniteQueryResult(result_0) ? result_0.data?.pages?.flatMap((page) => page?.items ?? []) : result_0.data;
+	const queryResult = query(resolvedQueryParams, {
+		...queryOptions,
+		enabled: isQueryEnabled && (queryOptions?.enabled ?? true)
+	});
+	const data = queryResult.data;
+	const selectedItemsQueryResult = query({
+		...queryParams,
+		filter: {
+			...isFilterSearchParams(queryParams) ? queryParams.filter : {},
+			ids: selectedIdsToResolve
+		}
+	}, {
+		...queryOptions,
+		enabled: shouldUseSelectedItemsQuery && (queryOptions?.enabled ?? true)
+	});
+	const handleEnableQuery = () => {
+		setIsQueryEnabled(true);
+	};
+	const infiniteQueryResult = isInfiniteQueryResult(queryResult) ? queryResult : void 0;
+	const isInfiniteQuery = infiniteQueryResult !== void 0;
+	const hasNextPage = infiniteQueryResult?.hasNextPage ?? false;
+	const fetchNextPage = infiniteQueryResult?.fetchNextPage;
+	const isFetchingNextPage = infiniteQueryResult?.isFetchingNextPage ?? false;
+	const totalItems = infiniteQueryResult?.data?.pages?.[0]?.totalItems;
+	const shouldUseOnlySelectedItemsQuery = shouldUseSelectedItemsQuery && !isQueryEnabled;
+	const queryData = getDataForMapping(queryResult);
+	const selectedItemsQueryData = getDataForMapping(selectedItemsQueryResult);
+	const itemsQueryData = shouldUseOnlySelectedItemsQuery ? selectedItemsQueryData : queryData;
+	const selectedItemsDataToMerge = shouldUseOnlySelectedItemsQuery ? void 0 : selectedItemsQueryData;
+	const items = useMemo(() => {
+		const queryItems = itemsQueryData ? mapItems(itemsQueryData) : [];
+		const itemsById = new Map(queryItems.map((item) => [item.id, item]));
+		(selectedItemsDataToMerge ? mapItems(selectedItemsDataToMerge) : []).forEach((item_0) => {
+			itemsById.set(item_0.id, item_0);
+		});
+		return Array.from(itemsById.values());
+	}, [
+		itemsQueryData,
+		mapItems,
+		selectedItemsDataToMerge
+	]);
+	const selectedIdsToResolveSet = useMemo(() => new Set(selectedIdsToResolve), [selectedIdsToResolve]);
+	const handleFetchNextPage = useCallback(() => {
+		if (!fetchNextPage || !hasNextPage || isFetchingNextPage) return;
+		fetchNextPage();
+	}, [
+		fetchNextPage,
+		hasNextPage,
+		isFetchingNextPage
+	]);
+	useEffect(() => {
+		if (!isQueryEnabled || resolveSelectedItemsWithIds || !isInfiniteQuery || !hasNextPage || isFetchingNextPage || selectedIdsToResolveSet.size === 0) return;
+		const loadedItemIds = new Set(items.map((item_1) => item_1.id));
+		if (selectedIdsToResolve.some((id) => !loadedItemIds.has(id))) handleFetchNextPage();
+	}, [
+		handleFetchNextPage,
+		hasNextPage,
+		isFetchingNextPage,
+		isInfiniteQuery,
+		isQueryEnabled,
+		items,
+		resolveSelectedItemsWithIds,
+		selectedIdsToResolve,
+		selectedIdsToResolveSet
+	]);
+	return {
+		data,
+		isLoading: queryResult.isLoading || isFetchingNextPage || selectedItemsQueryResult.isLoading,
+		isQueryEnabled,
+		handleEnableQuery,
+		items,
+		totalItems,
+		hasNextPage,
+		fetchNextPage: handleFetchNextPage,
+		isFetchingNextPage
+	};
+};
+//#endregion
+export { getQueryItems as n, getSelectionIdsToResolve as r, useQueryAutocomplete as t };