@react-aria/toast 3.0.0-nightly.3114 → 3.0.0

package/dist/useToast.mjs

@@ -1,5 +1,5 @@
 import $7WpW4$intlStringsmodulejs from "./intlStrings.mjs";
-import $7WpW4$react, {useEffect as $7WpW4$useEffect} from "react";
+import {useEffect as $7WpW4$useEffect, useState as $7WpW4$useState} from "react";
 import {useId as $7WpW4$useId, useSlotId as $7WpW4$useSlotId} from "@react-aria/utils";
 import {useLocalizedStringFormatter as $7WpW4$useLocalizedStringFormatter} from "@react-aria/i18n";
 
@@ -22,9 +22,9 @@ function $parcel$interopDefault(a) {
 
 
 function $d6542812f0669241$export$a407b657d3044108(props, state, ref) {
-    let { key: key, timer: timer, timeout: timeout, animation: animation } = props.toast;
+    let { key: key, timer: timer, timeout: timeout } = props.toast;
     (0, $7WpW4$useEffect)(()=>{
-        if (!timer) return;
+        if (timer == null || timeout == null) return;
         timer.reset(timeout);
         return ()=>{
             timer.pause();
@@ -33,15 +33,16 @@ function $d6542812f0669241$export$a407b657d3044108(props, state, ref) {
         timer,
         timeout
     ]);
-    let [isEntered, setIsEntered] = (0, $7WpW4$react).useState(false);
-    (0, $7WpW4$useEffect)(()=>{
-        if (animation === 'entering' || animation === 'queued') setIsEntered(true);
-    }, [
-        animation
-    ]);
     let titleId = (0, $7WpW4$useId)();
     let descriptionId = (0, $7WpW4$useSlotId)();
     let stringFormatter = (0, $7WpW4$useLocalizedStringFormatter)((0, ($parcel$interopDefault($7WpW4$intlStringsmodulejs))), '@react-aria/toast');
+    // This is required for NVDA announcements, without it NVDA will NOT announce the toast when it appears.
+    // Originally was tied to animationStart/End via https://github.com/adobe/react-spectrum/pull/6223/commits/e22e319df64958e822ab7cd9685e96818cae9ba5
+    // but toasts don't always have animations.
+    let [isVisible, setIsVisible] = (0, $7WpW4$useState)(false);
+    (0, $7WpW4$useEffect)(()=>{
+        setIsVisible(true);
+    }, []);
     return {
         toastProps: {
             role: 'alertdialog',
@@ -50,16 +51,12 @@ function $d6542812f0669241$export$a407b657d3044108(props, state, ref) {
             'aria-labelledby': props['aria-labelledby'] || titleId,
             'aria-describedby': props['aria-describedby'] || descriptionId,
             'aria-details': props['aria-details'],
-            // Hide toasts that are animating out so VoiceOver doesn't announce them.
-            'aria-hidden': animation === 'exiting' ? 'true' : undefined,
             tabIndex: 0
         },
         contentProps: {
             role: 'alert',
             'aria-atomic': 'true',
-            style: {
-                visibility: isEntered || animation === null ? 'visible' : 'hidden'
-            }
+            'aria-hidden': isVisible ? undefined : 'true'
         },
         titleProps: {
             id: titleId

package/dist/useToast.module.js

@@ -1,5 +1,5 @@
 import $7WpW4$intlStringsmodulejs from "./intlStrings.module.js";
-import $7WpW4$react, {useEffect as $7WpW4$useEffect} from "react";
+import {useEffect as $7WpW4$useEffect, useState as $7WpW4$useState} from "react";
 import {useId as $7WpW4$useId, useSlotId as $7WpW4$useSlotId} from "@react-aria/utils";
 import {useLocalizedStringFormatter as $7WpW4$useLocalizedStringFormatter} from "@react-aria/i18n";
 
@@ -22,9 +22,9 @@ function $parcel$interopDefault(a) {
 
 
 function $d6542812f0669241$export$a407b657d3044108(props, state, ref) {
-    let { key: key, timer: timer, timeout: timeout, animation: animation } = props.toast;
+    let { key: key, timer: timer, timeout: timeout } = props.toast;
     (0, $7WpW4$useEffect)(()=>{
-        if (!timer) return;
+        if (timer == null || timeout == null) return;
         timer.reset(timeout);
         return ()=>{
             timer.pause();
@@ -33,15 +33,16 @@ function $d6542812f0669241$export$a407b657d3044108(props, state, ref) {
         timer,
         timeout
     ]);
-    let [isEntered, setIsEntered] = (0, $7WpW4$react).useState(false);
-    (0, $7WpW4$useEffect)(()=>{
-        if (animation === 'entering' || animation === 'queued') setIsEntered(true);
-    }, [
-        animation
-    ]);
     let titleId = (0, $7WpW4$useId)();
     let descriptionId = (0, $7WpW4$useSlotId)();
     let stringFormatter = (0, $7WpW4$useLocalizedStringFormatter)((0, ($parcel$interopDefault($7WpW4$intlStringsmodulejs))), '@react-aria/toast');
+    // This is required for NVDA announcements, without it NVDA will NOT announce the toast when it appears.
+    // Originally was tied to animationStart/End via https://github.com/adobe/react-spectrum/pull/6223/commits/e22e319df64958e822ab7cd9685e96818cae9ba5
+    // but toasts don't always have animations.
+    let [isVisible, setIsVisible] = (0, $7WpW4$useState)(false);
+    (0, $7WpW4$useEffect)(()=>{
+        setIsVisible(true);
+    }, []);
     return {
         toastProps: {
             role: 'alertdialog',
@@ -50,16 +51,12 @@ function $d6542812f0669241$export$a407b657d3044108(props, state, ref) {
             'aria-labelledby': props['aria-labelledby'] || titleId,
             'aria-describedby': props['aria-describedby'] || descriptionId,
             'aria-details': props['aria-details'],
-            // Hide toasts that are animating out so VoiceOver doesn't announce them.
-            'aria-hidden': animation === 'exiting' ? 'true' : undefined,
             tabIndex: 0
         },
         contentProps: {
             role: 'alert',
             'aria-atomic': 'true',
-            style: {
-                visibility: isEntered || animation === null ? 'visible' : 'hidden'
-            }
+            'aria-hidden': isVisible ? undefined : 'true'
         },
         titleProps: {
             id: titleId

package/dist/useToast.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAkCM,SAAS,0CAAY,KAAwB,EAAE,KAAoB,EAAE,GAAuC;IACjH,IAAI,OACF,GAAG,SACH,KAAK,WACL,OAAO,aACP,SAAS,EACV,GAAG,MAAM,KAAK;IAEf,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,OACH;QAGF,MAAM,KAAK,CAAC;QACZ,OAAO;YACL,MAAM,KAAK;QACb;IACF,GAAG;QAAC;QAAO;KAAQ;IAEnB,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC;IAC/C,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,cAAc,cAAc,cAAc,UAC5C,aAAa;IAEjB,GAAG;QAAC;KAAU;IAEd,IAAI,UAAU,CAAA,GAAA,YAAI;IAClB,IAAI,gBAAgB,CAAA,GAAA,gBAAQ;IAC5B,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAEhE,OAAO;QACL,YAAY;YACV,MAAM;YACN,cAAc;YACd,cAAc,KAAK,CAAC,aAAa;YACjC,mBAAmB,KAAK,CAAC,kBAAkB,IAAI;YAC/C,oBAAoB,KAAK,CAAC,mBAAmB,IAAI;YACjD,gBAAgB,KAAK,CAAC,eAAe;YACrC,yEAAyE;YACzE,eAAe,cAAc,YAAY,SAAS;YAClD,UAAU;QACZ;QACA,cAAc;YACZ,MAAM;YACN,eAAe;YACf,OAAO;gBACL,YAAY,aAAa,cAAc,OAAO,YAAY;YAC5D;QACF;QACA,YAAY;YACV,IAAI;QACN;QACA,kBAAkB;YAChB,IAAI;QACN;QACA,kBAAkB;YAChB,cAAc,gBAAgB,MAAM,CAAC;YACrC,SAAS,IAAM,MAAM,KAAK,CAAC;QAC7B;IACF;AACF","sources":["packages/@react-aria/toast/src/useToast.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {AriaLabelingProps, DOMAttributes, FocusableElement, RefObject} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {QueuedToast, ToastState} from '@react-stately/toast';\nimport React, {useEffect} from 'react';\nimport {useId, useSlotId} from '@react-aria/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface AriaToastProps<T> extends AriaLabelingProps {\n  /** The toast object. */\n  toast: QueuedToast<T>\n}\n\nexport interface ToastAria {\n  /** Props for the toast container, non-modal dialog element. */\n  toastProps: DOMAttributes,\n  /** Props for the toast content alert message. */\n  contentProps: DOMAttributes,\n  /** Props for the toast title element. */\n  titleProps: DOMAttributes,\n  /** Props for the toast description element, if any. */\n  descriptionProps: DOMAttributes,\n  /** Props for the toast close button. */\n  closeButtonProps: AriaButtonProps\n}\n\n/**\n * Provides the behavior and accessibility implementation for a toast component.\n * Toasts display brief, temporary notifications of actions, errors, or other events in an application.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function useToast<T>(props: AriaToastProps<T>, state: ToastState<T>, ref: RefObject<FocusableElement | null>): ToastAria {\n  let {\n    key,\n    timer,\n    timeout,\n    animation\n  } = props.toast;\n\n  useEffect(() => {\n    if (!timer) {\n      return;\n    }\n\n    timer.reset(timeout);\n    return () => {\n      timer.pause();\n    };\n  }, [timer, timeout]);\n\n  let [isEntered, setIsEntered] = React.useState(false);\n  useEffect(() => {\n    if (animation === 'entering' || animation === 'queued') {\n      setIsEntered(true);\n    }\n  }, [animation]);\n\n  let titleId = useId();\n  let descriptionId = useSlotId();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/toast');\n\n  return {\n    toastProps: {\n      role: 'alertdialog',\n      'aria-modal': 'false',\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'] || titleId,\n      'aria-describedby': props['aria-describedby'] || descriptionId,\n      'aria-details': props['aria-details'],\n      // Hide toasts that are animating out so VoiceOver doesn't announce them.\n      'aria-hidden': animation === 'exiting' ? 'true' : undefined,\n      tabIndex: 0\n    },\n    contentProps: {\n      role: 'alert',\n      'aria-atomic': 'true',\n      style: {\n        visibility: isEntered || animation === null ? 'visible' : 'hidden'\n      }\n    },\n    titleProps: {\n      id: titleId\n    },\n    descriptionProps: {\n      id: descriptionId\n    },\n    closeButtonProps: {\n      'aria-label': stringFormatter.format('close'),\n      onPress: () => state.close(key)\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useToast.module.js.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAkCM,SAAS,0CAAY,KAAwB,EAAE,KAAoB,EAAE,GAAuC;IACjH,IAAI,OACF,GAAG,SACH,KAAK,WACL,OAAO,EACR,GAAG,MAAM,KAAK;IAEf,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,SAAS,QAAQ,WAAW,MAC9B;QAGF,MAAM,KAAK,CAAC;QACZ,OAAO;YACL,MAAM,KAAK;QACb;IACF,GAAG;QAAC;QAAO;KAAQ;IAEnB,IAAI,UAAU,CAAA,GAAA,YAAI;IAClB,IAAI,gBAAgB,CAAA,GAAA,gBAAQ;IAC5B,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAEhE,wGAAwG;IACxG,mJAAmJ;IACnJ,2CAA2C;IAC3C,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IACzC,CAAA,GAAA,gBAAQ,EAAE;QACR,aAAa;IACf,GAAG,EAAE;IAEL,OAAO;QACL,YAAY;YACV,MAAM;YACN,cAAc;YACd,cAAc,KAAK,CAAC,aAAa;YACjC,mBAAmB,KAAK,CAAC,kBAAkB,IAAI;YAC/C,oBAAoB,KAAK,CAAC,mBAAmB,IAAI;YACjD,gBAAgB,KAAK,CAAC,eAAe;YACrC,UAAU;QACZ;QACA,cAAc;YACZ,MAAM;YACN,eAAe;YACf,eAAe,YAAY,YAAY;QACzC;QACA,YAAY;YACV,IAAI;QACN;QACA,kBAAkB;YAChB,IAAI;QACN;QACA,kBAAkB;YAChB,cAAc,gBAAgB,MAAM,CAAC;YACrC,SAAS,IAAM,MAAM,KAAK,CAAC;QAC7B;IACF;AACF","sources":["packages/@react-aria/toast/src/useToast.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {AriaLabelingProps, DOMAttributes, FocusableElement, RefObject} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {QueuedToast, ToastState} from '@react-stately/toast';\nimport {useEffect, useState} from 'react';\nimport {useId, useSlotId} from '@react-aria/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface AriaToastProps<T> extends AriaLabelingProps {\n  /** The toast object. */\n  toast: QueuedToast<T>\n}\n\nexport interface ToastAria {\n  /** Props for the toast container, non-modal dialog element. */\n  toastProps: DOMAttributes,\n  /** Props for the toast content alert message. */\n  contentProps: DOMAttributes,\n  /** Props for the toast title element. */\n  titleProps: DOMAttributes,\n  /** Props for the toast description element, if any. */\n  descriptionProps: DOMAttributes,\n  /** Props for the toast close button. */\n  closeButtonProps: AriaButtonProps\n}\n\n/**\n * Provides the behavior and accessibility implementation for a toast component.\n * Toasts display brief, temporary notifications of actions, errors, or other events in an application.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function useToast<T>(props: AriaToastProps<T>, state: ToastState<T>, ref: RefObject<FocusableElement | null>): ToastAria {\n  let {\n    key,\n    timer,\n    timeout\n  } = props.toast;\n\n  useEffect(() => {\n    if (timer == null || timeout == null) {\n      return;\n    }\n\n    timer.reset(timeout);\n    return () => {\n      timer.pause();\n    };\n  }, [timer, timeout]);\n\n  let titleId = useId();\n  let descriptionId = useSlotId();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/toast');\n\n  // This is required for NVDA announcements, without it NVDA will NOT announce the toast when it appears.\n  // Originally was tied to animationStart/End via https://github.com/adobe/react-spectrum/pull/6223/commits/e22e319df64958e822ab7cd9685e96818cae9ba5\n  // but toasts don't always have animations.\n  let [isVisible, setIsVisible] = useState(false);\n  useEffect(() => {\n    setIsVisible(true);\n  }, []);\n\n  return {\n    toastProps: {\n      role: 'alertdialog',\n      'aria-modal': 'false',\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'] || titleId,\n      'aria-describedby': props['aria-describedby'] || descriptionId,\n      'aria-details': props['aria-details'],\n      tabIndex: 0\n    },\n    contentProps: {\n      role: 'alert',\n      'aria-atomic': 'true',\n      'aria-hidden': isVisible ? undefined : 'true'\n    },\n    titleProps: {\n      id: titleId\n    },\n    descriptionProps: {\n      id: descriptionId\n    },\n    closeButtonProps: {\n      'aria-label': stringFormatter.format('close'),\n      onPress: () => state.close(key)\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useToast.module.js.map"}

package/dist/useToastRegion.main.js

@@ -15,7 +15,17 @@ function $parcel$export(e, n, v, s) {
 }
 
 $parcel$export(module.exports, "useToastRegion", () => $eda7c6204a682dd4$export$b8cbbb20a51697de);
-
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
@@ -29,20 +39,30 @@ function $eda7c6204a682dd4$export$b8cbbb20a51697de(props, state, ref) {
             count: state.visibleToasts.length
         })
     }, ref);
+    let isHovered = (0, $eO7VF$react.useRef)(false);
+    let isFocused = (0, $eO7VF$react.useRef)(false);
+    let updateTimers = (0, $eO7VF$reactariautils.useEffectEvent)(()=>{
+        if (isHovered.current || isFocused.current) state.pauseAll();
+        else state.resumeAll();
+    });
     let { hoverProps: hoverProps } = (0, $eO7VF$reactariainteractions.useHover)({
-        onHoverStart: state.pauseAll,
-        onHoverEnd: state.resumeAll
+        onHoverStart: ()=>{
+            isHovered.current = true;
+            updateTimers();
+        },
+        onHoverEnd: ()=>{
+            isHovered.current = false;
+            updateTimers();
+        }
     });
     // Manage focus within the toast region.
     // If a focused containing toast is removed, move focus to the next toast, or the previous toast if there is no next toast.
-    // We might be making an assumption with how this works if someone implements the priority queue differently, or
-    // if they only show one toast at a time.
     let toasts = (0, $eO7VF$react.useRef)([]);
     let prevVisibleToasts = (0, $eO7VF$react.useRef)(state.visibleToasts);
     let focusedToast = (0, $eO7VF$react.useRef)(null);
     (0, $eO7VF$reactariautils.useLayoutEffect)(()=>{
         // If no toast has focus, then don't do anything.
-        if (focusedToast.current === -1 || state.visibleToasts.length === 0) {
+        if (focusedToast.current === -1 || state.visibleToasts.length === 0 || !ref.current) {
             toasts.current = [];
             prevVisibleToasts.current = state.visibleToasts;
             return;
@@ -61,43 +81,52 @@ function $eda7c6204a682dd4$export$b8cbbb20a51697de(props, state, ref) {
                 i: i,
                 isRemoved: !state.visibleToasts.some((t2)=>t.key === t2.key)
             }));
-        let removedFocusedToastIndex = allToasts.findIndex((t)=>t.i === focusedToast.current);
+        let removedFocusedToastIndex = allToasts.findIndex((t)=>t.i === focusedToast.current && t.isRemoved);
         // If the focused toast was removed, focus the next or previous toast.
         if (removedFocusedToastIndex > -1) {
-            let i = 0;
-            let nextToast;
-            let prevToast;
-            while(i <= removedFocusedToastIndex){
-                if (!allToasts[i].isRemoved) prevToast = Math.max(0, i - 1);
-                i++;
-            }
-            while(i < allToasts.length){
-                if (!allToasts[i].isRemoved) {
-                    nextToast = i - 1;
-                    break;
+            var _lastFocused_current;
+            // In pointer modality, move focus out of the toast region.
+            // Otherwise auto-dismiss timers will appear "stuck".
+            if ((0, $eO7VF$reactariainteractions.getInteractionModality)() === 'pointer' && ((_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.isConnected)) (0, $eO7VF$reactariautils.focusWithoutScrolling)(lastFocused.current);
+            else {
+                let i = 0;
+                let nextToast;
+                let prevToast;
+                while(i <= removedFocusedToastIndex){
+                    if (!allToasts[i].isRemoved) prevToast = Math.max(0, i - 1);
+                    i++;
+                }
+                while(i < allToasts.length){
+                    if (!allToasts[i].isRemoved) {
+                        nextToast = i - 1;
+                        break;
+                    }
+                    i++;
                 }
-                i++;
+                // in the case where it's one toast at a time, both will be undefined, but we know the index must be 0
+                if (prevToast === undefined && nextToast === undefined) prevToast = 0;
+                // prioritize going to newer toasts
+                if (prevToast >= 0 && prevToast < toasts.current.length) (0, $eO7VF$reactariautils.focusWithoutScrolling)(toasts.current[prevToast]);
+                else if (nextToast >= 0 && nextToast < toasts.current.length) (0, $eO7VF$reactariautils.focusWithoutScrolling)(toasts.current[nextToast]);
             }
-            // in the case where it's one toast at a time, both will be undefined, but we know the index must be 0
-            if (prevToast === undefined && nextToast === undefined) prevToast = 0;
-            // prioritize going to newer toasts
-            if (prevToast >= 0 && prevToast < toasts.current.length) (0, $eO7VF$reactariautils.focusWithoutScrolling)(toasts.current[prevToast]);
-            else if (nextToast >= 0 && nextToast < toasts.current.length) (0, $eO7VF$reactariautils.focusWithoutScrolling)(toasts.current[nextToast]);
         }
         prevVisibleToasts.current = state.visibleToasts;
     }, [
         state.visibleToasts,
-        ref
+        ref,
+        updateTimers
     ]);
     let lastFocused = (0, $eO7VF$react.useRef)(null);
     let { focusWithinProps: focusWithinProps } = (0, $eO7VF$reactariainteractions.useFocusWithin)({
         onFocusWithin: (e)=>{
-            state.pauseAll();
+            isFocused.current = true;
             lastFocused.current = e.relatedTarget;
+            updateTimers();
         },
         onBlurWithin: ()=>{
-            state.resumeAll();
+            isFocused.current = false;
             lastFocused.current = null;
+            updateTimers();
         }
     });
     // When the number of visible toasts becomes 0 or the region unmounts,
@@ -106,7 +135,8 @@ function $eda7c6204a682dd4$export$b8cbbb20a51697de(props, state, ref) {
     // moves in, it only happens once, so we correct it.
     // Because we're in a hook, we can't control if the user unmounts or not.
     (0, $eO7VF$react.useEffect)(()=>{
-        if (state.visibleToasts.length === 0 && lastFocused.current && document.body.contains(lastFocused.current)) {
+        var _lastFocused_current;
+        if (state.visibleToasts.length === 0 && ((_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.isConnected)) {
             if ((0, $eO7VF$reactariainteractions.getInteractionModality)() === 'pointer') (0, $eO7VF$reactariautils.focusWithoutScrolling)(lastFocused.current);
             else lastFocused.current.focus();
             lastFocused.current = null;
@@ -117,7 +147,8 @@ function $eda7c6204a682dd4$export$b8cbbb20a51697de(props, state, ref) {
     ]);
     (0, $eO7VF$react.useEffect)(()=>{
         return ()=>{
-            if (lastFocused.current && document.body.contains(lastFocused.current)) {
+            var _lastFocused_current;
+            if ((_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.isConnected) {
                 if ((0, $eO7VF$reactariainteractions.getInteractionModality)() === 'pointer') (0, $eO7VF$reactariautils.focusWithoutScrolling)(lastFocused.current);
                 else lastFocused.current.focus();
                 lastFocused.current = null;

package/dist/useToastRegion.main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-aria/toast/src/useToastRegion.ts"],"sourcesContent":["import {AriaLabelingProps, DOMAttributes, RefObject} from '@react-types/shared';\nimport {focusWithoutScrolling, mergeProps, useLayoutEffect} from '@react-aria/utils';\nimport {getInteractionModality, useFocusWithin, useHover} from '@react-aria/interactions';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ToastState} from '@react-stately/toast';\nimport {useEffect, useRef} from 'react';\nimport {useLandmark} from '@react-aria/landmark';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface AriaToastRegionProps extends AriaLabelingProps {\n  /**\n   * An accessibility label for the toast region.\n   * @default \"Notifications\"\n   */\n  'aria-label'?: string\n}\n\nexport interface ToastRegionAria {\n  /** Props for the landmark region element. */\n  regionProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a toast region containing one or more toasts.\n * Toasts display brief, temporary notifications of actions, errors, or other events in an application.\n */\nexport function useToastRegion<T>(props: AriaToastRegionProps, state: ToastState<T>, ref: RefObject<HTMLElement | null>): ToastRegionAria {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/toast');\n  let {landmarkProps} = useLandmark({\n    role: 'region',\n    'aria-label': props['aria-label'] || stringFormatter.format('notifications', {count: state.visibleToasts.length})\n  }, ref);\n\n  let {hoverProps} = useHover({\n    onHoverStart: state.pauseAll,\n    onHoverEnd: state.resumeAll\n  });\n\n  // Manage focus within the toast region.\n  // If a focused containing toast is removed, move focus to the next toast, or the previous toast if there is no next toast.\n  // We might be making an assumption with how this works if someone implements the priority queue differently, or\n  // if they only show one toast at a time.\n  let toasts = useRef([]);\n  let prevVisibleToasts = useRef(state.visibleToasts);\n  let focusedToast = useRef(null);\n  useLayoutEffect(() => {\n    // If no toast has focus, then don't do anything.\n    if (focusedToast.current === -1 || state.visibleToasts.length === 0) {\n      toasts.current = [];\n      prevVisibleToasts.current = state.visibleToasts;\n      return;\n    }\n    toasts.current = [...ref.current.querySelectorAll('[role=\"alertdialog\"]')];\n    // If the visible toasts haven't changed, we don't need to do anything.\n    if (prevVisibleToasts.current.length === state.visibleToasts.length\n      && state.visibleToasts.every((t, i) => t.key === prevVisibleToasts.current[i].key)) {\n      prevVisibleToasts.current = state.visibleToasts;\n      return;\n    }\n    // Get a list of all toasts by index and add info if they are removed.\n    let allToasts = prevVisibleToasts.current\n      .map((t, i) => ({\n        ...t,\n        i,\n        isRemoved: !state.visibleToasts.some(t2 => t.key === t2.key)\n      }));\n\n    let removedFocusedToastIndex = allToasts.findIndex(t => t.i === focusedToast.current);\n\n    // If the focused toast was removed, focus the next or previous toast.\n    if (removedFocusedToastIndex > -1) {\n      let i = 0;\n      let nextToast;\n      let prevToast;\n      while (i <= removedFocusedToastIndex) {\n        if (!allToasts[i].isRemoved) {\n          prevToast = Math.max(0, i - 1);\n        }\n        i++;\n      }\n      while (i < allToasts.length) {\n        if (!allToasts[i].isRemoved) {\n          nextToast = i - 1;\n          break;\n        }\n        i++;\n      }\n\n      // in the case where it's one toast at a time, both will be undefined, but we know the index must be 0\n      if (prevToast === undefined && nextToast === undefined) {\n        prevToast = 0;\n      }\n\n      // prioritize going to newer toasts\n      if (prevToast >= 0 && prevToast < toasts.current.length) {\n        focusWithoutScrolling(toasts.current[prevToast]);\n      } else if (nextToast >= 0 && nextToast < toasts.current.length) {\n        focusWithoutScrolling(toasts.current[nextToast]);\n      }\n    }\n\n    prevVisibleToasts.current = state.visibleToasts;\n  }, [state.visibleToasts, ref]);\n\n  let lastFocused = useRef(null);\n  let {focusWithinProps} = useFocusWithin({\n    onFocusWithin: (e) => {\n      state.pauseAll();\n      lastFocused.current = e.relatedTarget;\n    },\n    onBlurWithin: () => {\n      state.resumeAll();\n      lastFocused.current = null;\n    }\n  });\n\n  // When the number of visible toasts becomes 0 or the region unmounts,\n  // restore focus to the last element that had focus before the user moved focus\n  // into the region. FocusScope restore focus doesn't update whenever the focus\n  // moves in, it only happens once, so we correct it.\n  // Because we're in a hook, we can't control if the user unmounts or not.\n  useEffect(() => {\n    if (state.visibleToasts.length === 0 && lastFocused.current && document.body.contains(lastFocused.current)) {\n      if (getInteractionModality() === 'pointer') {\n        focusWithoutScrolling(lastFocused.current);\n      } else {\n        lastFocused.current.focus();\n      }\n      lastFocused.current = null;\n    }\n  }, [ref, state.visibleToasts.length]);\n\n  useEffect(() => {\n    return () => {\n      if (lastFocused.current && document.body.contains(lastFocused.current)) {\n        if (getInteractionModality() === 'pointer') {\n          focusWithoutScrolling(lastFocused.current);\n        } else {\n          lastFocused.current.focus();\n        }\n        lastFocused.current = null;\n      }\n    };\n  }, [ref]);\n\n  return {\n    regionProps: mergeProps(landmarkProps, hoverProps, focusWithinProps, {\n      tabIndex: -1,\n      // Mark the toast region as a \"top layer\", so that it:\n      //   - is not aria-hidden when opening an overlay\n      //   - allows focus even outside a containing focus scope\n      //   - doesn’t dismiss overlays when clicking on it, even though it is outside\n      // @ts-ignore\n      'data-react-aria-top-layer': true,\n      // listen to focus events separate from focuswithin because that will only fire once\n      // and we need to follow all focus changes\n      onFocus: (e) => {\n        let target = e.target.closest('[role=\"alertdialog\"]');\n        focusedToast.current = toasts.current.findIndex(t => t === target);\n      },\n      onBlur: () => {\n        focusedToast.current = -1;\n      }\n    })\n  };\n}\n"],"names":[],"version":3,"file":"useToastRegion.main.js.map"}
+{"mappings":"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","sources":["packages/@react-aria/toast/src/useToastRegion.ts"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMAttributes, FocusableElement, RefObject} from '@react-types/shared';\nimport {focusWithoutScrolling, mergeProps, useEffectEvent, useLayoutEffect} from '@react-aria/utils';\nimport {getInteractionModality, useFocusWithin, useHover} from '@react-aria/interactions';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ToastState} from '@react-stately/toast';\nimport {useEffect, useRef} from 'react';\nimport {useLandmark} from '@react-aria/landmark';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface AriaToastRegionProps extends AriaLabelingProps {\n  /**\n   * An accessibility label for the toast region.\n   * @default \"Notifications\"\n   */\n  'aria-label'?: string\n}\n\nexport interface ToastRegionAria {\n  /** Props for the landmark region element. */\n  regionProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a toast region containing one or more toasts.\n * Toasts display brief, temporary notifications of actions, errors, or other events in an application.\n */\nexport function useToastRegion<T>(props: AriaToastRegionProps, state: ToastState<T>, ref: RefObject<HTMLElement | null>): ToastRegionAria {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/toast');\n  let {landmarkProps} = useLandmark({\n    role: 'region',\n    'aria-label': props['aria-label'] || stringFormatter.format('notifications', {count: state.visibleToasts.length})\n  }, ref);\n\n  let isHovered = useRef(false);\n  let isFocused = useRef(false);\n  let updateTimers = useEffectEvent(() => {\n    if (isHovered.current || isFocused.current) {\n      state.pauseAll();\n    } else {\n      state.resumeAll();\n    }\n  });\n\n  let {hoverProps} = useHover({\n    onHoverStart: () => {\n      isHovered.current = true;\n      updateTimers();\n    },\n    onHoverEnd: () => {\n      isHovered.current = false;\n      updateTimers();\n    }\n  });\n\n  // Manage focus within the toast region.\n  // If a focused containing toast is removed, move focus to the next toast, or the previous toast if there is no next toast.\n  let toasts = useRef<FocusableElement[]>([]);\n  let prevVisibleToasts = useRef(state.visibleToasts);\n  let focusedToast = useRef<number | null>(null);\n  useLayoutEffect(() => {\n    // If no toast has focus, then don't do anything.\n    if (focusedToast.current === -1 || state.visibleToasts.length === 0 || !ref.current) {\n      toasts.current = [];\n      prevVisibleToasts.current = state.visibleToasts;\n      return;\n    }\n    toasts.current = [...ref.current.querySelectorAll('[role=\"alertdialog\"]')] as FocusableElement[];\n    // If the visible toasts haven't changed, we don't need to do anything.\n    if (prevVisibleToasts.current.length === state.visibleToasts.length\n      && state.visibleToasts.every((t, i) => t.key === prevVisibleToasts.current[i].key)) {\n      prevVisibleToasts.current = state.visibleToasts;\n      return;\n    }\n    // Get a list of all toasts by index and add info if they are removed.\n    let allToasts = prevVisibleToasts.current\n      .map((t, i) => ({\n        ...t,\n        i,\n        isRemoved: !state.visibleToasts.some(t2 => t.key === t2.key)\n      }));\n\n    let removedFocusedToastIndex = allToasts.findIndex(t => t.i === focusedToast.current && t.isRemoved);\n\n    // If the focused toast was removed, focus the next or previous toast.\n    if (removedFocusedToastIndex > -1) {\n      // In pointer modality, move focus out of the toast region.\n      // Otherwise auto-dismiss timers will appear \"stuck\".\n      if (getInteractionModality() === 'pointer' && lastFocused.current?.isConnected) {\n        focusWithoutScrolling(lastFocused.current);\n      } else {\n        let i = 0;\n        let nextToast;\n        let prevToast;\n        while (i <= removedFocusedToastIndex) {\n          if (!allToasts[i].isRemoved) {\n            prevToast = Math.max(0, i - 1);\n          }\n          i++;\n        }\n        while (i < allToasts.length) {\n          if (!allToasts[i].isRemoved) {\n            nextToast = i - 1;\n            break;\n          }\n          i++;\n        }\n\n        // in the case where it's one toast at a time, both will be undefined, but we know the index must be 0\n        if (prevToast === undefined && nextToast === undefined) {\n          prevToast = 0;\n        }\n\n        // prioritize going to newer toasts\n        if (prevToast >= 0 && prevToast < toasts.current.length) {\n          focusWithoutScrolling(toasts.current[prevToast]);\n        } else if (nextToast >= 0 && nextToast < toasts.current.length) {\n          focusWithoutScrolling(toasts.current[nextToast]);\n        }\n      }\n    }\n\n    prevVisibleToasts.current = state.visibleToasts;\n  }, [state.visibleToasts, ref, updateTimers]);\n\n  let lastFocused = useRef<FocusableElement | null>(null);\n  let {focusWithinProps} = useFocusWithin({\n    onFocusWithin: (e) => {\n      isFocused.current = true;\n      lastFocused.current = e.relatedTarget as FocusableElement;\n      updateTimers();\n    },\n    onBlurWithin: () => {\n      isFocused.current = false;\n      lastFocused.current = null;\n      updateTimers();\n    }\n  });\n\n  // When the number of visible toasts becomes 0 or the region unmounts,\n  // restore focus to the last element that had focus before the user moved focus\n  // into the region. FocusScope restore focus doesn't update whenever the focus\n  // moves in, it only happens once, so we correct it.\n  // Because we're in a hook, we can't control if the user unmounts or not.\n  useEffect(() => {\n    if (state.visibleToasts.length === 0 && lastFocused.current?.isConnected) {\n      if (getInteractionModality() === 'pointer') {\n        focusWithoutScrolling(lastFocused.current);\n      } else {\n        lastFocused.current.focus();\n      }\n      lastFocused.current = null;\n    }\n  }, [ref, state.visibleToasts.length]);\n\n  useEffect(() => {\n    return () => {\n      if (lastFocused.current?.isConnected) {\n        if (getInteractionModality() === 'pointer') {\n          focusWithoutScrolling(lastFocused.current);\n        } else {\n          lastFocused.current.focus();\n        }\n        lastFocused.current = null;\n      }\n    };\n  }, [ref]);\n\n  return {\n    regionProps: mergeProps(landmarkProps, hoverProps, focusWithinProps, {\n      tabIndex: -1,\n      // Mark the toast region as a \"top layer\", so that it:\n      //   - is not aria-hidden when opening an overlay\n      //   - allows focus even outside a containing focus scope\n      //   - doesn’t dismiss overlays when clicking on it, even though it is outside\n      // @ts-ignore\n      'data-react-aria-top-layer': true,\n      // listen to focus events separate from focuswithin because that will only fire once\n      // and we need to follow all focus changes\n      onFocus: (e) => {\n        let target = e.target.closest('[role=\"alertdialog\"]');\n        focusedToast.current = toasts.current.findIndex(t => t === target);\n      },\n      onBlur: () => {\n        focusedToast.current = -1;\n      }\n    })\n  };\n}\n"],"names":[],"version":3,"file":"useToastRegion.main.js.map"}

package/dist/useToastRegion.mjs

@@ -1,6 +1,6 @@
 import $ckyCP$intlStringsmodulejs from "./intlStrings.mjs";
-import {useLayoutEffect as $ckyCP$useLayoutEffect, focusWithoutScrolling as $ckyCP$focusWithoutScrolling, mergeProps as $ckyCP$mergeProps} from "@react-aria/utils";
-import {useHover as $ckyCP$useHover, useFocusWithin as $ckyCP$useFocusWithin, getInteractionModality as $ckyCP$getInteractionModality} from "@react-aria/interactions";
+import {useEffectEvent as $ckyCP$useEffectEvent, useLayoutEffect as $ckyCP$useLayoutEffect, focusWithoutScrolling as $ckyCP$focusWithoutScrolling, mergeProps as $ckyCP$mergeProps} from "@react-aria/utils";
+import {useHover as $ckyCP$useHover, getInteractionModality as $ckyCP$getInteractionModality, useFocusWithin as $ckyCP$useFocusWithin} from "@react-aria/interactions";
 import {useRef as $ckyCP$useRef, useEffect as $ckyCP$useEffect} from "react";
 import {useLandmark as $ckyCP$useLandmark} from "@react-aria/landmark";
 import {useLocalizedStringFormatter as $ckyCP$useLocalizedStringFormatter} from "@react-aria/i18n";
@@ -9,7 +9,17 @@ import {useLocalizedStringFormatter as $ckyCP$useLocalizedStringFormatter} from
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
@@ -23,20 +33,30 @@ function $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref) {
             count: state.visibleToasts.length
         })
     }, ref);
+    let isHovered = (0, $ckyCP$useRef)(false);
+    let isFocused = (0, $ckyCP$useRef)(false);
+    let updateTimers = (0, $ckyCP$useEffectEvent)(()=>{
+        if (isHovered.current || isFocused.current) state.pauseAll();
+        else state.resumeAll();
+    });
     let { hoverProps: hoverProps } = (0, $ckyCP$useHover)({
-        onHoverStart: state.pauseAll,
-        onHoverEnd: state.resumeAll
+        onHoverStart: ()=>{
+            isHovered.current = true;
+            updateTimers();
+        },
+        onHoverEnd: ()=>{
+            isHovered.current = false;
+            updateTimers();
+        }
     });
     // Manage focus within the toast region.
     // If a focused containing toast is removed, move focus to the next toast, or the previous toast if there is no next toast.
-    // We might be making an assumption with how this works if someone implements the priority queue differently, or
-    // if they only show one toast at a time.
     let toasts = (0, $ckyCP$useRef)([]);
     let prevVisibleToasts = (0, $ckyCP$useRef)(state.visibleToasts);
     let focusedToast = (0, $ckyCP$useRef)(null);
     (0, $ckyCP$useLayoutEffect)(()=>{
         // If no toast has focus, then don't do anything.
-        if (focusedToast.current === -1 || state.visibleToasts.length === 0) {
+        if (focusedToast.current === -1 || state.visibleToasts.length === 0 || !ref.current) {
             toasts.current = [];
             prevVisibleToasts.current = state.visibleToasts;
             return;
@@ -55,43 +75,52 @@ function $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref) {
                 i: i,
                 isRemoved: !state.visibleToasts.some((t2)=>t.key === t2.key)
             }));
-        let removedFocusedToastIndex = allToasts.findIndex((t)=>t.i === focusedToast.current);
+        let removedFocusedToastIndex = allToasts.findIndex((t)=>t.i === focusedToast.current && t.isRemoved);
         // If the focused toast was removed, focus the next or previous toast.
         if (removedFocusedToastIndex > -1) {
-            let i = 0;
-            let nextToast;
-            let prevToast;
-            while(i <= removedFocusedToastIndex){
-                if (!allToasts[i].isRemoved) prevToast = Math.max(0, i - 1);
-                i++;
-            }
-            while(i < allToasts.length){
-                if (!allToasts[i].isRemoved) {
-                    nextToast = i - 1;
-                    break;
+            var _lastFocused_current;
+            // In pointer modality, move focus out of the toast region.
+            // Otherwise auto-dismiss timers will appear "stuck".
+            if ((0, $ckyCP$getInteractionModality)() === 'pointer' && ((_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.isConnected)) (0, $ckyCP$focusWithoutScrolling)(lastFocused.current);
+            else {
+                let i = 0;
+                let nextToast;
+                let prevToast;
+                while(i <= removedFocusedToastIndex){
+                    if (!allToasts[i].isRemoved) prevToast = Math.max(0, i - 1);
+                    i++;
+                }
+                while(i < allToasts.length){
+                    if (!allToasts[i].isRemoved) {
+                        nextToast = i - 1;
+                        break;
+                    }
+                    i++;
                 }
-                i++;
+                // in the case where it's one toast at a time, both will be undefined, but we know the index must be 0
+                if (prevToast === undefined && nextToast === undefined) prevToast = 0;
+                // prioritize going to newer toasts
+                if (prevToast >= 0 && prevToast < toasts.current.length) (0, $ckyCP$focusWithoutScrolling)(toasts.current[prevToast]);
+                else if (nextToast >= 0 && nextToast < toasts.current.length) (0, $ckyCP$focusWithoutScrolling)(toasts.current[nextToast]);
             }
-            // in the case where it's one toast at a time, both will be undefined, but we know the index must be 0
-            if (prevToast === undefined && nextToast === undefined) prevToast = 0;
-            // prioritize going to newer toasts
-            if (prevToast >= 0 && prevToast < toasts.current.length) (0, $ckyCP$focusWithoutScrolling)(toasts.current[prevToast]);
-            else if (nextToast >= 0 && nextToast < toasts.current.length) (0, $ckyCP$focusWithoutScrolling)(toasts.current[nextToast]);
         }
         prevVisibleToasts.current = state.visibleToasts;
     }, [
         state.visibleToasts,
-        ref
+        ref,
+        updateTimers
     ]);
     let lastFocused = (0, $ckyCP$useRef)(null);
     let { focusWithinProps: focusWithinProps } = (0, $ckyCP$useFocusWithin)({
         onFocusWithin: (e)=>{
-            state.pauseAll();
+            isFocused.current = true;
             lastFocused.current = e.relatedTarget;
+            updateTimers();
         },
         onBlurWithin: ()=>{
-            state.resumeAll();
+            isFocused.current = false;
             lastFocused.current = null;
+            updateTimers();
         }
     });
     // When the number of visible toasts becomes 0 or the region unmounts,
@@ -100,7 +129,8 @@ function $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref) {
     // moves in, it only happens once, so we correct it.
     // Because we're in a hook, we can't control if the user unmounts or not.
     (0, $ckyCP$useEffect)(()=>{
-        if (state.visibleToasts.length === 0 && lastFocused.current && document.body.contains(lastFocused.current)) {
+        var _lastFocused_current;
+        if (state.visibleToasts.length === 0 && ((_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.isConnected)) {
             if ((0, $ckyCP$getInteractionModality)() === 'pointer') (0, $ckyCP$focusWithoutScrolling)(lastFocused.current);
             else lastFocused.current.focus();
             lastFocused.current = null;
@@ -111,7 +141,8 @@ function $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref) {
     ]);
     (0, $ckyCP$useEffect)(()=>{
         return ()=>{
-            if (lastFocused.current && document.body.contains(lastFocused.current)) {
+            var _lastFocused_current;
+            if ((_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.isConnected) {
                 if ((0, $ckyCP$getInteractionModality)() === 'pointer') (0, $ckyCP$focusWithoutScrolling)(lastFocused.current);
                 else lastFocused.current.focus();
                 lastFocused.current = null;