@react-aria/interactions 3.15.1 → 3.17.0

package/dist/module.js

@@ -1,5 +1,8 @@
-import {mergeProps as $bx7SL$mergeProps, useSyncRef as $bx7SL$useSyncRef, useGlobalListeners as $bx7SL$useGlobalListeners, isVirtualClick as $bx7SL$isVirtualClick, focusWithoutScrolling as $bx7SL$focusWithoutScrolling, isVirtualPointerEvent as $bx7SL$isVirtualPointerEvent, isIOS as $bx7SL$isIOS, runAfterTransition as $bx7SL$runAfterTransition, useLayoutEffect as $bx7SL$useLayoutEffect, isMac as $bx7SL$isMac, useEvent as $bx7SL$useEvent, useDescription as $bx7SL$useDescription} from "@react-aria/utils";
+import {mergeProps as $bx7SL$mergeProps, useSyncRef as $bx7SL$useSyncRef, useGlobalListeners as $bx7SL$useGlobalListeners, useEffectEvent as $bx7SL$useEffectEvent, isVirtualClick as $bx7SL$isVirtualClick, focusWithoutScrolling as $bx7SL$focusWithoutScrolling, isVirtualPointerEvent as $bx7SL$isVirtualPointerEvent, isIOS as $bx7SL$isIOS, runAfterTransition as $bx7SL$runAfterTransition, useLayoutEffect as $bx7SL$useLayoutEffect, isMac as $bx7SL$isMac, useEvent as $bx7SL$useEvent, useDescription as $bx7SL$useDescription} from "@react-aria/utils";
 import $bx7SL$react, {useRef as $bx7SL$useRef, useContext as $bx7SL$useContext, useState as $bx7SL$useState, useMemo as $bx7SL$useMemo, useEffect as $bx7SL$useEffect, useCallback as $bx7SL$useCallback} from "react";
+import {_ as $bx7SL$_} from "@swc/helpers/_/_class_private_field_get";
+import {_ as $bx7SL$_1} from "@swc/helpers/_/_class_private_field_init";
+import {_ as $bx7SL$_2} from "@swc/helpers/_/_class_private_field_set";
 import {useIsSSR as $bx7SL$useIsSSR} from "@react-aria/ssr";
 
 /*
@@ -37,6 +40,9 @@ import {useIsSSR as $bx7SL$useIsSSR} from "@react-aria/ssr";
 // Original licensing for the following can be found in the
 // NOTICE file in the root directory of this source tree.
 // See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
+
+
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -128,19 +134,32 @@ function $f6c31cce2adf654f$var$usePressResponderContext(props) {
     (0, $bx7SL$useSyncRef)(context, props.ref);
     return props;
 }
+var $f6c31cce2adf654f$var$_shouldStopPropagation = /*#__PURE__*/ new WeakMap();
+class $f6c31cce2adf654f$var$PressEvent {
+    continuePropagation() {
+        (0, $bx7SL$_2)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, false);
+    }
+    get shouldStopPropagation() {
+        return (0, $bx7SL$_)(this, $f6c31cce2adf654f$var$_shouldStopPropagation);
+    }
+    constructor(type, pointerType, originalEvent){
+        (0, $bx7SL$_1)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, {
+            writable: true,
+            value: void 0
+        });
+        (0, $bx7SL$_2)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, true);
+        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;
+    }
+}
 function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
     let { onPress: onPress , onPressChange: onPressChange , onPressStart: onPressStart , onPressEnd: onPressEnd , onPressUp: onPressUp , isDisabled: isDisabled , isPressed: isPressedProp , preventFocusOnPress: preventFocusOnPress , shouldCancelOnPointerExit: shouldCancelOnPointerExit , allowTextSelectionOnPress: allowTextSelectionOnPress , // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ref: _ , ...domProps } = $f6c31cce2adf654f$var$usePressResponderContext(props);
-    let propsRef = (0, $bx7SL$useRef)(null);
-    propsRef.current = {
-        onPress: onPress,
-        onPressChange: onPressChange,
-        onPressStart: onPressStart,
-        onPressEnd: onPressEnd,
-        onPressUp: onPressUp,
-        isDisabled: isDisabled,
-        shouldCancelOnPointerExit: shouldCancelOnPointerExit
-    };
     let [isPressed, setPressed] = (0, $bx7SL$useState)(false);
     let ref = (0, $bx7SL$useRef)({
         isPressed: false,
@@ -153,90 +172,83 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         pointerType: null
     });
     let { addGlobalListener: addGlobalListener , removeAllGlobalListeners: removeAllGlobalListeners  } = (0, $bx7SL$useGlobalListeners)();
+    let triggerPressStart = (0, $bx7SL$useEffectEvent)((originalEvent, pointerType)=>{
+        let state = ref.current;
+        if (isDisabled || state.didFirePressStart) return;
+        let shouldStopPropagation = true;
+        if (onPressStart) {
+            let event = new $f6c31cce2adf654f$var$PressEvent("pressstart", pointerType, originalEvent);
+            onPressStart(event);
+            shouldStopPropagation = event.shouldStopPropagation;
+        }
+        if (onPressChange) onPressChange(true);
+        state.didFirePressStart = true;
+        setPressed(true);
+        return shouldStopPropagation;
+    });
+    let triggerPressEnd = (0, $bx7SL$useEffectEvent)((originalEvent, pointerType, wasPressed = true)=>{
+        let state = ref.current;
+        if (!state.didFirePressStart) return;
+        state.ignoreClickAfterPress = true;
+        state.didFirePressStart = false;
+        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);
+        }
+        return shouldStopPropagation;
+    });
+    let triggerPressUp = (0, $bx7SL$useEffectEvent)((originalEvent, pointerType)=>{
+        if (isDisabled) return;
+        if (onPressUp) {
+            let event = new $f6c31cce2adf654f$var$PressEvent("pressup", pointerType, originalEvent);
+            onPressUp(event);
+            return event.shouldStopPropagation;
+        }
+        return true;
+    });
+    let cancel = (0, $bx7SL$useEffectEvent)((e)=>{
+        let state = ref.current;
+        if (state.isPressed) {
+            if (state.isOverTarget) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
+            state.isPressed = false;
+            state.isOverTarget = false;
+            state.activePointerId = null;
+            state.pointerType = null;
+            removeAllGlobalListeners();
+            if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)(state.target);
+        }
+    });
+    let cancelOnPointerExit = (0, $bx7SL$useEffectEvent)((e)=>{
+        if (shouldCancelOnPointerExit) cancel(e);
+    });
     let pressProps = (0, $bx7SL$useMemo)(()=>{
         let state = ref.current;
-        let triggerPressStart = (originalEvent, pointerType)=>{
-            let { onPressStart: onPressStart , onPressChange: onPressChange , isDisabled: isDisabled  } = propsRef.current;
-            if (isDisabled || state.didFirePressStart) return;
-            if (onPressStart) onPressStart({
-                type: "pressstart",
-                pointerType: pointerType,
-                target: originalEvent.currentTarget,
-                shiftKey: originalEvent.shiftKey,
-                metaKey: originalEvent.metaKey,
-                ctrlKey: originalEvent.ctrlKey,
-                altKey: originalEvent.altKey
-            });
-            if (onPressChange) onPressChange(true);
-            state.didFirePressStart = true;
-            setPressed(true);
-        };
-        let triggerPressEnd = (originalEvent, pointerType, wasPressed = true)=>{
-            let { onPressEnd: onPressEnd , onPressChange: onPressChange , onPress: onPress , isDisabled: isDisabled  } = propsRef.current;
-            if (!state.didFirePressStart) return;
-            state.ignoreClickAfterPress = true;
-            state.didFirePressStart = false;
-            if (onPressEnd) onPressEnd({
-                type: "pressend",
-                pointerType: pointerType,
-                target: originalEvent.currentTarget,
-                shiftKey: originalEvent.shiftKey,
-                metaKey: originalEvent.metaKey,
-                ctrlKey: originalEvent.ctrlKey,
-                altKey: originalEvent.altKey
-            });
-            if (onPressChange) onPressChange(false);
-            setPressed(false);
-            if (onPress && wasPressed && !isDisabled) onPress({
-                type: "press",
-                pointerType: pointerType,
-                target: originalEvent.currentTarget,
-                shiftKey: originalEvent.shiftKey,
-                metaKey: originalEvent.metaKey,
-                ctrlKey: originalEvent.ctrlKey,
-                altKey: originalEvent.altKey
-            });
-        };
-        let triggerPressUp = (originalEvent, pointerType)=>{
-            let { onPressUp: onPressUp , isDisabled: isDisabled  } = propsRef.current;
-            if (isDisabled) return;
-            if (onPressUp) onPressUp({
-                type: "pressup",
-                pointerType: pointerType,
-                target: originalEvent.currentTarget,
-                shiftKey: originalEvent.shiftKey,
-                metaKey: originalEvent.metaKey,
-                ctrlKey: originalEvent.ctrlKey,
-                altKey: originalEvent.altKey
-            });
-        };
-        let cancel = (e)=>{
-            if (state.isPressed) {
-                if (state.isOverTarget) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
-                state.isPressed = false;
-                state.isOverTarget = false;
-                state.activePointerId = null;
-                state.pointerType = null;
-                removeAllGlobalListeners();
-                if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)(state.target);
-            }
-        };
         let pressProps = {
             onKeyDown (e) {
                 if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && e.currentTarget.contains(e.target)) {
                     if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
-                    e.stopPropagation();
                     // If the event is repeating, it may have started on a different element
                     // after which focus moved to the current element. Ignore these events and
                     // only handle the first key down event.
+                    let shouldStopPropagation = true;
                     if (!state.isPressed && !e.repeat) {
                         state.target = e.currentTarget;
                         state.isPressed = true;
-                        triggerPressStart(e, "keyboard");
+                        shouldStopPropagation = triggerPressStart(e, "keyboard");
                         // Focus may move before the key up event, so register the event on the document
                         // instead of the same element where the key down event occurred.
                         addGlobalListener(document, "keyup", onKeyUp, false);
                     }
+                    if (shouldStopPropagation) e.stopPropagation();
                 } else if (e.key === "Enter" && $f6c31cce2adf654f$var$isHTMLAnchorLink(e.currentTarget)) // If the target is a link, we won't have handled this above because we want the default
                 // browser behavior to open the link when pressing Enter. But we still need to prevent
                 // default so that elements above do not also handle it (e.g. table row).
@@ -248,30 +260,32 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
             onClick (e) {
                 if (e && !e.currentTarget.contains(e.target)) return;
                 if (e && e.button === 0) {
-                    e.stopPropagation();
+                    let shouldStopPropagation = true;
                     if (isDisabled) e.preventDefault();
                     // If triggered from a screen reader or by using element.click(),
                     // trigger as if it were a keyboard click.
                     if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && (state.pointerType === "virtual" || (0, $bx7SL$isVirtualClick)(e.nativeEvent))) {
                         // Ensure the element receives focus (VoiceOver on iOS does not do this)
                         if (!isDisabled && !preventFocusOnPress) (0, $bx7SL$focusWithoutScrolling)(e.currentTarget);
-                        triggerPressStart(e, "virtual");
-                        triggerPressUp(e, "virtual");
-                        triggerPressEnd(e, "virtual");
+                        let stopPressStart = triggerPressStart(e, "virtual");
+                        let stopPressUp = triggerPressUp(e, "virtual");
+                        let stopPressEnd = triggerPressEnd(e, "virtual");
+                        shouldStopPropagation = stopPressStart && stopPressUp && stopPressEnd;
                     }
                     state.ignoreEmulatedMouseEvents = false;
                     state.ignoreClickAfterPress = false;
+                    if (shouldStopPropagation) e.stopPropagation();
                 }
             }
         };
         let onKeyUp = (e)=>{
             if (state.isPressed && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
                 if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
-                e.stopPropagation();
                 state.isPressed = false;
                 let target = e.target;
-                triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard", state.target.contains(target));
+                let shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard", state.target.contains(target));
                 removeAllGlobalListeners();
+                if (shouldStopPropagation) e.stopPropagation();
                 // If the target is a link, trigger the click method to open the URL,
                 // but defer triggering pressEnd until onClick event handler.
                 if (state.target instanceof HTMLElement && state.target.contains(target) && ($f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) || state.target.getAttribute("role") === "link")) state.target.click();
@@ -293,7 +307,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 // default on pointer down and handle focusing the pressable element ourselves.
                 if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();
                 state.pointerType = e.pointerType;
-                e.stopPropagation();
+                let shouldStopPropagation = true;
                 if (!state.isPressed) {
                     state.isPressed = true;
                     state.isOverTarget = true;
@@ -301,11 +315,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                     state.target = e.currentTarget;
                     if (!isDisabled && !preventFocusOnPress) (0, $bx7SL$focusWithoutScrolling)(e.currentTarget);
                     if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$16a4697467175487)(state.target);
-                    triggerPressStart(e, state.pointerType);
+                    shouldStopPropagation = triggerPressStart(e, state.pointerType);
                     addGlobalListener(document, "pointermove", onPointerMove, false);
                     addGlobalListener(document, "pointerup", onPointerUp, false);
                     addGlobalListener(document, "pointercancel", onPointerCancel, false);
                 }
+                if (shouldStopPropagation) e.stopPropagation();
             };
             pressProps.onMouseDown = (e)=>{
                 if (!e.currentTarget.contains(e.target)) return;
@@ -338,7 +353,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 } else if (state.isOverTarget) {
                     state.isOverTarget = false;
                     triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
-                    if (propsRef.current.shouldCancelOnPointerExit) cancel(e);
+                    cancelOnPointerExit(e);
                 }
             };
             let onPointerUp = (e)=>{
@@ -368,32 +383,37 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 // Due to browser inconsistencies, especially on mobile browsers, we prevent
                 // default on mouse down and handle focusing the pressable element ourselves.
                 if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();
-                e.stopPropagation();
-                if (state.ignoreEmulatedMouseEvents) return;
+                if (state.ignoreEmulatedMouseEvents) {
+                    e.stopPropagation();
+                    return;
+                }
                 state.isPressed = true;
                 state.isOverTarget = true;
                 state.target = e.currentTarget;
                 state.pointerType = (0, $bx7SL$isVirtualClick)(e.nativeEvent) ? "virtual" : "mouse";
                 if (!isDisabled && !preventFocusOnPress) (0, $bx7SL$focusWithoutScrolling)(e.currentTarget);
-                triggerPressStart(e, state.pointerType);
+                let shouldStopPropagation = triggerPressStart(e, state.pointerType);
+                if (shouldStopPropagation) e.stopPropagation();
                 addGlobalListener(document, "mouseup", onMouseUp, false);
             };
             pressProps.onMouseEnter = (e)=>{
                 if (!e.currentTarget.contains(e.target)) return;
-                e.stopPropagation();
+                let shouldStopPropagation = true;
                 if (state.isPressed && !state.ignoreEmulatedMouseEvents) {
                     state.isOverTarget = true;
-                    triggerPressStart(e, state.pointerType);
+                    shouldStopPropagation = triggerPressStart(e, state.pointerType);
                 }
+                if (shouldStopPropagation) e.stopPropagation();
             };
             pressProps.onMouseLeave = (e)=>{
                 if (!e.currentTarget.contains(e.target)) return;
-                e.stopPropagation();
+                let shouldStopPropagation = true;
                 if (state.isPressed && !state.ignoreEmulatedMouseEvents) {
                     state.isOverTarget = false;
-                    triggerPressEnd(e, state.pointerType, false);
-                    if (propsRef.current.shouldCancelOnPointerExit) cancel(e);
+                    shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
+                    cancelOnPointerExit(e);
                 }
+                if (shouldStopPropagation) e.stopPropagation();
             };
             pressProps.onMouseUp = (e)=>{
                 if (!e.currentTarget.contains(e.target)) return;
@@ -414,7 +434,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
             };
             pressProps.onTouchStart = (e)=>{
                 if (!e.currentTarget.contains(e.target)) return;
-                e.stopPropagation();
                 let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
                 if (!touch) return;
                 state.activePointerId = touch.identifier;
@@ -427,34 +446,43 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
                 // on the emulated mouse event and handle focusing the pressable element ourselves.
                 if (!isDisabled && !preventFocusOnPress) (0, $bx7SL$focusWithoutScrolling)(e.currentTarget);
                 if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$16a4697467175487)(state.target);
-                triggerPressStart(e, state.pointerType);
+                let shouldStopPropagation = triggerPressStart(e, state.pointerType);
+                if (shouldStopPropagation) e.stopPropagation();
                 addGlobalListener(window, "scroll", onScroll, true);
             };
             pressProps.onTouchMove = (e)=>{
                 if (!e.currentTarget.contains(e.target)) return;
-                e.stopPropagation();
-                if (!state.isPressed) return;
+                if (!state.isPressed) {
+                    e.stopPropagation();
+                    return;
+                }
                 let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);
+                let shouldStopPropagation = true;
                 if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget)) {
                     if (!state.isOverTarget) {
                         state.isOverTarget = true;
-                        triggerPressStart(e, state.pointerType);
+                        shouldStopPropagation = triggerPressStart(e, state.pointerType);
                     }
                 } else if (state.isOverTarget) {
                     state.isOverTarget = false;
-                    triggerPressEnd(e, state.pointerType, false);
-                    if (propsRef.current.shouldCancelOnPointerExit) cancel(e);
+                    shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
+                    cancelOnPointerExit(e);
                 }
+                if (shouldStopPropagation) e.stopPropagation();
             };
             pressProps.onTouchEnd = (e)=>{
                 if (!e.currentTarget.contains(e.target)) return;
-                e.stopPropagation();
-                if (!state.isPressed) return;
+                if (!state.isPressed) {
+                    e.stopPropagation();
+                    return;
+                }
                 let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);
+                let shouldStopPropagation = true;
                 if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget)) {
                     triggerPressUp(e, state.pointerType);
-                    triggerPressEnd(e, state.pointerType);
-                } else if (state.isOverTarget) triggerPressEnd(e, state.pointerType, false);
+                    shouldStopPropagation = triggerPressEnd(e, state.pointerType);
+                } else if (state.isOverTarget) shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
+                if (shouldStopPropagation) e.stopPropagation();
                 state.isPressed = false;
                 state.activePointerId = null;
                 state.isOverTarget = false;
@@ -487,7 +515,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         isDisabled,
         preventFocusOnPress,
         removeAllGlobalListeners,
-        allowTextSelectionOnPress
+        allowTextSelectionOnPress,
+        cancel,
+        cancelOnPointerExit,
+        triggerPressEnd,
+        triggerPressStart,
+        triggerPressUp
     ]);
     // Remove user-select: none in case component unmounts immediately after pressStart
     // eslint-disable-next-line arrow-body-style
@@ -568,7 +601,7 @@ function $f6c31cce2adf654f$var$shouldPreventDefault(target) {
 }
 function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target, key) {
     if (target instanceof HTMLInputElement) return !$f6c31cce2adf654f$var$isValidInputKey(target, key);
-    if (target instanceof HTMLButtonElement) return target.type !== "submit";
+    if (target instanceof HTMLButtonElement) return target.type !== "submit" && target.type !== "reset";
     return true;
 }
 const $f6c31cce2adf654f$var$nonTextInputTypes = new Set([
@@ -631,7 +664,10 @@ const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /*#__PURE__*/ (0, $bx7SL$react
     });
     (0, $bx7SL$useSyncRef)(prevContext, ref);
     (0, $bx7SL$useEffect)(()=>{
-        if (!isRegistered.current) console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component.");
+        if (!isRegistered.current) {
+            console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component.");
+            isRegistered.current = true; // only warn once in strict mode.
+        }
     }, []);
     return /*#__PURE__*/ (0, $bx7SL$react).createElement((0, $ae1eeba8b9eafd08$export$5165eccb35aaadb5).Provider, {
         value: context
@@ -699,10 +735,8 @@ class $8a9cb279dc87e130$export$905e7fc544a71f36 {
 function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
     let stateRef = (0, $bx7SL$useRef)({
         isFocused: false,
-        onBlur: onBlur,
         observer: null
     });
-    stateRef.current.onBlur = onBlur;
     // Clean up MutationObserver on unmount. See below.
     // eslint-disable-next-line arrow-body-style
     (0, $bx7SL$useLayoutEffect)(()=>{
@@ -714,6 +748,9 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
             }
         };
     }, []);
+    let dispatchBlur = (0, $bx7SL$useEffectEvent)((e)=>{
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    });
     // This function is called during a React onFocus event.
     return (0, $bx7SL$useCallback)((e)=>{
         // React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142
@@ -724,10 +761,9 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
             stateRef.current.isFocused = true;
             let target = e.target;
             let onBlurHandler = (e)=>{
-                var // For backward compatibility, dispatch a (fake) React synthetic event.
-                _stateRef_current, _stateRef_current_onBlur;
                 stateRef.current.isFocused = false;
-                if (target.disabled) (_stateRef_current_onBlur = (_stateRef_current = stateRef.current).onBlur) === null || _stateRef_current_onBlur === void 0 ? void 0 : _stateRef_current_onBlur.call(_stateRef_current, new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e));
+                if (target.disabled) // For backward compatibility, dispatch a (fake) React synthetic event.
+                dispatchBlur(new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e));
                 // We no longer need the MutationObserver once the target is blurred.
                 if (stateRef.current.observer) {
                     stateRef.current.observer.disconnect();
@@ -740,9 +776,13 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
             stateRef.current.observer = new MutationObserver(()=>{
                 if (stateRef.current.isFocused && target.disabled) {
                     stateRef.current.observer.disconnect();
-                    target.dispatchEvent(new FocusEvent("blur"));
+                    let relatedTargetEl = target === document.activeElement ? null : document.activeElement;
+                    target.dispatchEvent(new FocusEvent("blur", {
+                        relatedTarget: relatedTargetEl
+                    }));
                     target.dispatchEvent(new FocusEvent("focusout", {
-                        bubbles: true
+                        bubbles: true,
+                        relatedTarget: relatedTargetEl
                     }));
                 }
             });
@@ -753,7 +793,9 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
                 ]
             });
         }
-    }, []);
+    }, [
+        dispatchBlur
+    ]);
 }
 
 
@@ -1176,29 +1218,29 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
 // NOTICE file in the root directory of this source tree.
 // See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
 
+
 function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
     let { ref: ref , onInteractOutside: onInteractOutside , isDisabled: isDisabled , onInteractOutsideStart: onInteractOutsideStart  } = props;
     let stateRef = (0, $bx7SL$useRef)({
         isPointerDown: false,
-        ignoreEmulatedMouseEvents: false,
-        onInteractOutside: onInteractOutside,
-        onInteractOutsideStart: onInteractOutsideStart
+        ignoreEmulatedMouseEvents: false
+    });
+    let onPointerDown = (0, $bx7SL$useEffectEvent)((e)=>{
+        if (onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) {
+            if (onInteractOutsideStart) onInteractOutsideStart(e);
+            stateRef.current.isPointerDown = true;
+        }
+    });
+    let triggerInteractOutside = (0, $bx7SL$useEffectEvent)((e)=>{
+        if (onInteractOutside) onInteractOutside(e);
     });
-    let state = stateRef.current;
-    state.onInteractOutside = onInteractOutside;
-    state.onInteractOutsideStart = onInteractOutsideStart;
     (0, $bx7SL$useEffect)(()=>{
+        let state = stateRef.current;
         if (isDisabled) return;
-        let onPointerDown = (e)=>{
-            if ($e0b6e0b68ec7f50f$var$isValidEvent(e, ref) && state.onInteractOutside) {
-                if (state.onInteractOutsideStart) state.onInteractOutsideStart(e);
-                state.isPointerDown = true;
-            }
-        };
         // Use pointer events if available. Otherwise, fall back to mouse and touch events.
         if (typeof PointerEvent !== "undefined") {
             let onPointerUp = (e)=>{
-                if (state.isPointerDown && state.onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) state.onInteractOutside(e);
+                if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) triggerInteractOutside(e);
                 state.isPointerDown = false;
             };
             // changing these to capture phase fixed combobox
@@ -1211,12 +1253,12 @@ function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
         } else {
             let onMouseUp = (e)=>{
                 if (state.ignoreEmulatedMouseEvents) state.ignoreEmulatedMouseEvents = false;
-                else if (state.isPointerDown && state.onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) state.onInteractOutside(e);
+                else if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) triggerInteractOutside(e);
                 state.isPointerDown = false;
             };
             let onTouchEnd = (e)=>{
                 state.ignoreEmulatedMouseEvents = true;
-                if (state.onInteractOutside && state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) state.onInteractOutside(e);
+                if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) triggerInteractOutside(e);
                 state.isPointerDown = false;
             };
             document.addEventListener("mousedown", onPointerDown, true);
@@ -1232,8 +1274,9 @@ function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
         }
     }, [
         ref,
-        state,
-        isDisabled
+        isDisabled,
+        onPointerDown,
+        triggerInteractOutside
     ]);
 }
 function $e0b6e0b68ec7f50f$var$isValidEvent(event, ref) {
@@ -1325,46 +1368,46 @@ function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
         id: null
     });
     let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = (0, $bx7SL$useGlobalListeners)();
-    let moveProps = (0, $bx7SL$useMemo)(()=>{
-        let moveProps = {};
-        let start = ()=>{
-            (0, $14c0b72509d70225$export$16a4697467175487)();
-            state.current.didMove = false;
-        };
-        let move = (originalEvent, pointerType, deltaX, deltaY)=>{
-            if (deltaX === 0 && deltaY === 0) return;
-            if (!state.current.didMove) {
-                state.current.didMove = true;
-                onMoveStart === null || onMoveStart === void 0 ? void 0 : onMoveStart({
-                    type: "movestart",
-                    pointerType: pointerType,
-                    shiftKey: originalEvent.shiftKey,
-                    metaKey: originalEvent.metaKey,
-                    ctrlKey: originalEvent.ctrlKey,
-                    altKey: originalEvent.altKey
-                });
-            }
-            onMove({
-                type: "move",
-                pointerType: pointerType,
-                deltaX: deltaX,
-                deltaY: deltaY,
-                shiftKey: originalEvent.shiftKey,
-                metaKey: originalEvent.metaKey,
-                ctrlKey: originalEvent.ctrlKey,
-                altKey: originalEvent.altKey
-            });
-        };
-        let end = (originalEvent, pointerType)=>{
-            (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)();
-            if (state.current.didMove) onMoveEnd === null || onMoveEnd === void 0 ? void 0 : onMoveEnd({
-                type: "moveend",
+    let move = (0, $bx7SL$useEffectEvent)((originalEvent, pointerType, deltaX, deltaY)=>{
+        if (deltaX === 0 && deltaY === 0) return;
+        if (!state.current.didMove) {
+            state.current.didMove = true;
+            onMoveStart === null || onMoveStart === void 0 ? void 0 : onMoveStart({
+                type: "movestart",
                 pointerType: pointerType,
                 shiftKey: originalEvent.shiftKey,
                 metaKey: originalEvent.metaKey,
                 ctrlKey: originalEvent.ctrlKey,
                 altKey: originalEvent.altKey
             });
+        }
+        onMove({
+            type: "move",
+            pointerType: pointerType,
+            deltaX: deltaX,
+            deltaY: deltaY,
+            shiftKey: originalEvent.shiftKey,
+            metaKey: originalEvent.metaKey,
+            ctrlKey: originalEvent.ctrlKey,
+            altKey: originalEvent.altKey
+        });
+    });
+    let end = (0, $bx7SL$useEffectEvent)((originalEvent, pointerType)=>{
+        (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)();
+        if (state.current.didMove) onMoveEnd === null || onMoveEnd === void 0 ? void 0 : onMoveEnd({
+            type: "moveend",
+            pointerType: pointerType,
+            shiftKey: originalEvent.shiftKey,
+            metaKey: originalEvent.metaKey,
+            ctrlKey: originalEvent.ctrlKey,
+            altKey: originalEvent.altKey
+        });
+    });
+    let moveProps = (0, $bx7SL$useMemo)(()=>{
+        let moveProps = {};
+        let start = ()=>{
+            (0, $14c0b72509d70225$export$16a4697467175487)();
+            state.current.didMove = false;
         };
         if (typeof PointerEvent === "undefined") {
             let onMouseMove = (e)=>{
@@ -1512,11 +1555,10 @@ function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
         return moveProps;
     }, [
         state,
-        onMoveStart,
-        onMove,
-        onMoveEnd,
         addGlobalListener,
-        removeGlobalListener
+        removeGlobalListener,
+        move,
+        end
     ]);
     return {
         moveProps: moveProps
@@ -1577,6 +1619,7 @@ function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
     let { pressProps: pressProps  } = (0, $f6c31cce2adf654f$export$45712eceda6fad21)({
         isDisabled: isDisabled,
         onPressStart (e) {
+            e.continuePropagation();
             if (e.pointerType === "mouse" || e.pointerType === "touch") {
                 if (onLongPressStart) onLongPressStart({
                     ...e,