@react-aria/toast 3.0.0-beta.10 → 3.0.0-beta.11

package/dist/useToast.module.js

@@ -0,0 +1,87 @@
+import $7WpW4$intlStringsmodulejs from "./intlStrings.module.js";
+import {useEffect as $7WpW4$useEffect, useRef as $7WpW4$useRef} from "react";
+import {useLayoutEffect as $7WpW4$useLayoutEffect, useId as $7WpW4$useId, useSlotId as $7WpW4$useSlotId} from "@react-aria/utils";
+import {useLocalizedStringFormatter as $7WpW4$useLocalizedStringFormatter} from "@react-aria/i18n";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 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.
+ */ 
+
+
+
+function $d6542812f0669241$export$a407b657d3044108(props, state, ref) {
+    let { key: key, timer: timer, timeout: timeout, animation: animation } = props.toast;
+    (0, $7WpW4$useEffect)(()=>{
+        if (!timer) return;
+        timer.reset(timeout);
+        return ()=>{
+            timer.pause();
+        };
+    }, [
+        timer,
+        timeout
+    ]);
+    // Restore focus to the toast container on unmount.
+    // If there are no more toasts, the container will be unmounted
+    // and will restore focus to wherever focus was before the user
+    // focused the toast region.
+    let focusOnUnmount = (0, $7WpW4$useRef)(null);
+    (0, $7WpW4$useLayoutEffect)(()=>{
+        let container = ref.current.closest("[role=region]");
+        return ()=>{
+            if (container && container.contains(document.activeElement)) // Focus must be delayed for focus ring to appear, but we can't wait
+            // until useEffect cleanup to check if focus was inside the container.
+            focusOnUnmount.current = container;
+        };
+    }, [
+        ref
+    ]);
+    // eslint-disable-next-line
+    (0, $7WpW4$useEffect)(()=>{
+        return ()=>{
+            if (focusOnUnmount.current) focusOnUnmount.current.focus();
+        };
+    }, [
+        ref
+    ]);
+    let titleId = (0, $7WpW4$useId)();
+    let descriptionId = (0, $7WpW4$useSlotId)();
+    let stringFormatter = (0, $7WpW4$useLocalizedStringFormatter)((0, ($parcel$interopDefault($7WpW4$intlStringsmodulejs))), "@react-aria/toast");
+    return {
+        toastProps: {
+            role: "alert",
+            "aria-label": props["aria-label"],
+            "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
+        },
+        titleProps: {
+            id: titleId
+        },
+        descriptionProps: {
+            id: descriptionId
+        },
+        closeButtonProps: {
+            "aria-label": stringFormatter.format("close"),
+            onPress: ()=>state.close(key)
+        }
+    };
+}
+
+
+export {$d6542812f0669241$export$a407b657d3044108 as useToast};
+//# sourceMappingURL=useToast.module.js.map

package/dist/useToast.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AA+BM,SAAS,0CAAY,KAAwB,EAAE,KAAoB,EAAE,GAAgC;IAC1G,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,mDAAmD;IACnD,+DAA+D;IAC/D,+DAA+D;IAC/D,4BAA4B;IAC5B,IAAI,iBAAiB,CAAA,GAAA,aAAK,EAAE;IAC5B,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,YAAY,IAAI,OAAO,CAAC,OAAO,CAAC;QACpC,OAAO;YACL,IAAI,aAAa,UAAU,QAAQ,CAAC,SAAS,aAAa,GACxD,oEAAoE;YACpE,sEAAsE;YACtE,eAAe,OAAO,GAAG;QAE7B;IACF,GAAG;QAAC;KAAI;IAER,2BAA2B;IAC3B,CAAA,GAAA,gBAAQ,EAAE;QACR,OAAO;YACL,IAAI,eAAe,OAAO,EACxB,eAAe,OAAO,CAAC,KAAK;QAEhC;IACF,GAAG;QAAC;KAAI;IAER,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,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;QACpD;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} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {QueuedToast, ToastState} from '@react-stately/toast';\nimport {RefObject, useEffect, useRef} from 'react';\nimport {useId, useLayoutEffect, 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 element. */\n  toastProps: 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 */\nexport function useToast<T>(props: AriaToastProps<T>, state: ToastState<T>, ref: RefObject<FocusableElement>): 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  // Restore focus to the toast container on unmount.\n  // If there are no more toasts, the container will be unmounted\n  // and will restore focus to wherever focus was before the user\n  // focused the toast region.\n  let focusOnUnmount = useRef(null);\n  useLayoutEffect(() => {\n    let container = ref.current.closest('[role=region]') as HTMLElement;\n    return () => {\n      if (container && container.contains(document.activeElement)) {\n        // Focus must be delayed for focus ring to appear, but we can't wait\n        // until useEffect cleanup to check if focus was inside the container.\n        focusOnUnmount.current = container;\n      }\n    };\n  }, [ref]);\n\n  // eslint-disable-next-line\n  useEffect(() => {\n    return () => {\n      if (focusOnUnmount.current) {\n        focusOnUnmount.current.focus();\n      }\n    };\n  }, [ref]);\n\n  let titleId = useId();\n  let descriptionId = useSlotId();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/toast');\n\n  return {\n    toastProps: {\n      role: 'alert',\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    },\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

@@ -0,0 +1,73 @@
+var $f49b2d6c91681304$exports = require("./intlStrings.main.js");
+var $eO7VF$reactariautils = require("@react-aria/utils");
+var $eO7VF$reactariainteractions = require("@react-aria/interactions");
+var $eO7VF$react = require("react");
+var $eO7VF$reactarialandmark = require("@react-aria/landmark");
+var $eO7VF$reactariai18n = require("@react-aria/i18n");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useToastRegion", () => $eda7c6204a682dd4$export$b8cbbb20a51697de);
+
+
+
+
+
+
+function $eda7c6204a682dd4$export$b8cbbb20a51697de(props, state, ref) {
+    let stringFormatter = (0, $eO7VF$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($f49b2d6c91681304$exports))), "@react-aria/toast");
+    let { landmarkProps: landmarkProps } = (0, $eO7VF$reactarialandmark.useLandmark)({
+        role: "region",
+        "aria-label": props["aria-label"] || stringFormatter.format("notifications")
+    }, ref);
+    let { hoverProps: hoverProps } = (0, $eO7VF$reactariainteractions.useHover)({
+        onHoverStart: state.pauseAll,
+        onHoverEnd: state.resumeAll
+    });
+    let lastFocused = (0, $eO7VF$react.useRef)(null);
+    let { focusWithinProps: focusWithinProps } = (0, $eO7VF$reactariainteractions.useFocusWithin)({
+        onFocusWithin: (e)=>{
+            state.pauseAll();
+            lastFocused.current = e.relatedTarget;
+        },
+        onBlurWithin: ()=>{
+            state.resumeAll();
+            lastFocused.current = null;
+        }
+    });
+    // When the region unmounts, restore focus to the last element that had focus
+    // before the user moved focus into the region.
+    // TODO: handle when the element has unmounted like FocusScope does?
+    // eslint-disable-next-line arrow-body-style
+    (0, $eO7VF$react.useEffect)(()=>{
+        return ()=>{
+            if (lastFocused.current && document.body.contains(lastFocused.current)) {
+                if ((0, $eO7VF$reactariainteractions.getInteractionModality)() === "pointer") (0, $eO7VF$reactariautils.focusWithoutScrolling)(lastFocused.current);
+                else lastFocused.current.focus();
+            }
+        };
+    }, [
+        ref
+    ]);
+    return {
+        regionProps: (0, $eO7VF$reactariautils.mergeProps)(landmarkProps, hoverProps, focusWithinProps, {
+            tabIndex: -1,
+            // Mark the toast region as a "top layer", so that it:
+            //   - is not aria-hidden when opening an overlay
+            //   - allows focus even outside a containing focus scope
+            //   - doesn’t dismiss overlays when clicking on it, even though it is outside
+            // @ts-ignore
+            "data-react-aria-top-layer": true
+        })
+    };
+}
+
+
+//# sourceMappingURL=useToastRegion.main.js.map

package/dist/useToastRegion.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2BO,SAAS,0CAAkB,KAA2B,EAAE,KAAoB,EAAE,GAA2B;IAC9G,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,oCAAU,EAAE;QAChC,MAAM;QACN,cAAc,KAAK,CAAC,aAAa,IAAI,gBAAgB,MAAM,CAAC;IAC9D,GAAG;IAEH,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,qCAAO,EAAE;QAC1B,cAAc,MAAM,QAAQ;QAC5B,YAAY,MAAM,SAAS;IAC7B;IAEA,IAAI,cAAc,CAAA,GAAA,mBAAK,EAAE;IACzB,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,2CAAa,EAAE;QACtC,eAAe,CAAC;YACd,MAAM,QAAQ;YACd,YAAY,OAAO,GAAG,EAAE,aAAa;QACvC;QACA,cAAc;YACZ,MAAM,SAAS;YACf,YAAY,OAAO,GAAG;QACxB;IACF;IAEA,6EAA6E;IAC7E,+CAA+C;IAC/C,oEAAoE;IACpE,4CAA4C;IAC5C,CAAA,GAAA,sBAAQ,EAAE;QACR,OAAO;YACL,IAAI,YAAY,OAAO,IAAI,SAAS,IAAI,CAAC,QAAQ,CAAC,YAAY,OAAO;gBACnE,IAAI,CAAA,GAAA,mDAAqB,QAAQ,WAC/B,CAAA,GAAA,2CAAoB,EAAE,YAAY,OAAO;qBAEzC,YAAY,OAAO,CAAC,KAAK;;QAG/B;IACF,GAAG;QAAC;KAAI;IAER,OAAO;QACL,aAAa,CAAA,GAAA,gCAAS,EAAE,eAAe,YAAY,kBAAkB;YACnE,UAAU;YACV,sDAAsD;YACtD,iDAAiD;YACjD,yDAAyD;YACzD,8EAA8E;YAC9E,aAAa;YACb,6BAA6B;QAC/B;IACF;AACF","sources":["packages/@react-aria/toast/src/useToastRegion.ts"],"sourcesContent":["import {AriaLabelingProps, DOMAttributes} from '@react-types/shared';\nimport {focusWithoutScrolling, mergeProps} from '@react-aria/utils';\nimport {getInteractionModality, useFocusWithin, useHover} from '@react-aria/interactions';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {RefObject, useEffect, useRef} from 'react';\nimport {ToastState} from '@react-stately/toast';\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>): 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')\n  }, ref);\n\n  let {hoverProps} = useHover({\n    onHoverStart: state.pauseAll,\n    onHoverEnd: state.resumeAll\n  });\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 region unmounts, restore focus to the last element that had focus\n  // before the user moved focus into the region.\n  // TODO: handle when the element has unmounted like FocusScope does?\n  // eslint-disable-next-line arrow-body-style\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      }\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    })\n  };\n}\n"],"names":[],"version":3,"file":"useToastRegion.main.js.map"}

package/dist/useToastRegion.mjs

@@ -0,0 +1,68 @@
+import $ckyCP$intlStringsmodulejs from "./intlStrings.mjs";
+import {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 {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";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+function $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref) {
+    let stringFormatter = (0, $ckyCP$useLocalizedStringFormatter)((0, ($parcel$interopDefault($ckyCP$intlStringsmodulejs))), "@react-aria/toast");
+    let { landmarkProps: landmarkProps } = (0, $ckyCP$useLandmark)({
+        role: "region",
+        "aria-label": props["aria-label"] || stringFormatter.format("notifications")
+    }, ref);
+    let { hoverProps: hoverProps } = (0, $ckyCP$useHover)({
+        onHoverStart: state.pauseAll,
+        onHoverEnd: state.resumeAll
+    });
+    let lastFocused = (0, $ckyCP$useRef)(null);
+    let { focusWithinProps: focusWithinProps } = (0, $ckyCP$useFocusWithin)({
+        onFocusWithin: (e)=>{
+            state.pauseAll();
+            lastFocused.current = e.relatedTarget;
+        },
+        onBlurWithin: ()=>{
+            state.resumeAll();
+            lastFocused.current = null;
+        }
+    });
+    // When the region unmounts, restore focus to the last element that had focus
+    // before the user moved focus into the region.
+    // TODO: handle when the element has unmounted like FocusScope does?
+    // eslint-disable-next-line arrow-body-style
+    (0, $ckyCP$useEffect)(()=>{
+        return ()=>{
+            if (lastFocused.current && document.body.contains(lastFocused.current)) {
+                if ((0, $ckyCP$getInteractionModality)() === "pointer") (0, $ckyCP$focusWithoutScrolling)(lastFocused.current);
+                else lastFocused.current.focus();
+            }
+        };
+    }, [
+        ref
+    ]);
+    return {
+        regionProps: (0, $ckyCP$mergeProps)(landmarkProps, hoverProps, focusWithinProps, {
+            tabIndex: -1,
+            // Mark the toast region as a "top layer", so that it:
+            //   - is not aria-hidden when opening an overlay
+            //   - allows focus even outside a containing focus scope
+            //   - doesn’t dismiss overlays when clicking on it, even though it is outside
+            // @ts-ignore
+            "data-react-aria-top-layer": true
+        })
+    };
+}
+
+
+export {$6cc546b19ee7130a$export$b8cbbb20a51697de as useToastRegion};
+//# sourceMappingURL=useToastRegion.mjs.map

package/dist/useToastRegion.module.js

@@ -0,0 +1,68 @@
+import $ckyCP$intlStringsmodulejs from "./intlStrings.module.js";
+import {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 {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";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+function $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref) {
+    let stringFormatter = (0, $ckyCP$useLocalizedStringFormatter)((0, ($parcel$interopDefault($ckyCP$intlStringsmodulejs))), "@react-aria/toast");
+    let { landmarkProps: landmarkProps } = (0, $ckyCP$useLandmark)({
+        role: "region",
+        "aria-label": props["aria-label"] || stringFormatter.format("notifications")
+    }, ref);
+    let { hoverProps: hoverProps } = (0, $ckyCP$useHover)({
+        onHoverStart: state.pauseAll,
+        onHoverEnd: state.resumeAll
+    });
+    let lastFocused = (0, $ckyCP$useRef)(null);
+    let { focusWithinProps: focusWithinProps } = (0, $ckyCP$useFocusWithin)({
+        onFocusWithin: (e)=>{
+            state.pauseAll();
+            lastFocused.current = e.relatedTarget;
+        },
+        onBlurWithin: ()=>{
+            state.resumeAll();
+            lastFocused.current = null;
+        }
+    });
+    // When the region unmounts, restore focus to the last element that had focus
+    // before the user moved focus into the region.
+    // TODO: handle when the element has unmounted like FocusScope does?
+    // eslint-disable-next-line arrow-body-style
+    (0, $ckyCP$useEffect)(()=>{
+        return ()=>{
+            if (lastFocused.current && document.body.contains(lastFocused.current)) {
+                if ((0, $ckyCP$getInteractionModality)() === "pointer") (0, $ckyCP$focusWithoutScrolling)(lastFocused.current);
+                else lastFocused.current.focus();
+            }
+        };
+    }, [
+        ref
+    ]);
+    return {
+        regionProps: (0, $ckyCP$mergeProps)(landmarkProps, hoverProps, focusWithinProps, {
+            tabIndex: -1,
+            // Mark the toast region as a "top layer", so that it:
+            //   - is not aria-hidden when opening an overlay
+            //   - allows focus even outside a containing focus scope
+            //   - doesn’t dismiss overlays when clicking on it, even though it is outside
+            // @ts-ignore
+            "data-react-aria-top-layer": true
+        })
+    };
+}
+
+
+export {$6cc546b19ee7130a$export$b8cbbb20a51697de as useToastRegion};
+//# sourceMappingURL=useToastRegion.module.js.map

package/dist/useToastRegion.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AA2BO,SAAS,0CAAkB,KAA2B,EAAE,KAAoB,EAAE,GAA2B;IAC9G,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAChE,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,kBAAU,EAAE;QAChC,MAAM;QACN,cAAc,KAAK,CAAC,aAAa,IAAI,gBAAgB,MAAM,CAAC;IAC9D,GAAG;IAEH,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAC1B,cAAc,MAAM,QAAQ;QAC5B,YAAY,MAAM,SAAS;IAC7B;IAEA,IAAI,cAAc,CAAA,GAAA,aAAK,EAAE;IACzB,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;QACtC,eAAe,CAAC;YACd,MAAM,QAAQ;YACd,YAAY,OAAO,GAAG,EAAE,aAAa;QACvC;QACA,cAAc;YACZ,MAAM,SAAS;YACf,YAAY,OAAO,GAAG;QACxB;IACF;IAEA,6EAA6E;IAC7E,+CAA+C;IAC/C,oEAAoE;IACpE,4CAA4C;IAC5C,CAAA,GAAA,gBAAQ,EAAE;QACR,OAAO;YACL,IAAI,YAAY,OAAO,IAAI,SAAS,IAAI,CAAC,QAAQ,CAAC,YAAY,OAAO;gBACnE,IAAI,CAAA,GAAA,6BAAqB,QAAQ,WAC/B,CAAA,GAAA,4BAAoB,EAAE,YAAY,OAAO;qBAEzC,YAAY,OAAO,CAAC,KAAK;;QAG/B;IACF,GAAG;QAAC;KAAI;IAER,OAAO;QACL,aAAa,CAAA,GAAA,iBAAS,EAAE,eAAe,YAAY,kBAAkB;YACnE,UAAU;YACV,sDAAsD;YACtD,iDAAiD;YACjD,yDAAyD;YACzD,8EAA8E;YAC9E,aAAa;YACb,6BAA6B;QAC/B;IACF;AACF","sources":["packages/@react-aria/toast/src/useToastRegion.ts"],"sourcesContent":["import {AriaLabelingProps, DOMAttributes} from '@react-types/shared';\nimport {focusWithoutScrolling, mergeProps} from '@react-aria/utils';\nimport {getInteractionModality, useFocusWithin, useHover} from '@react-aria/interactions';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {RefObject, useEffect, useRef} from 'react';\nimport {ToastState} from '@react-stately/toast';\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>): 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')\n  }, ref);\n\n  let {hoverProps} = useHover({\n    onHoverStart: state.pauseAll,\n    onHoverEnd: state.resumeAll\n  });\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 region unmounts, restore focus to the last element that had focus\n  // before the user moved focus into the region.\n  // TODO: handle when the element has unmounted like FocusScope does?\n  // eslint-disable-next-line arrow-body-style\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      }\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    })\n  };\n}\n"],"names":[],"version":3,"file":"useToastRegion.module.js.map"}

package/dist/zh-CN.mjs

@@ -6,4 +6,4 @@ $122525af1cb737c7$exports = {
 
 
 export {$122525af1cb737c7$exports as default};
-//# sourceMappingURL=zh-CN.module.js.map
+//# sourceMappingURL=zh-CN.mjs.map

package/dist/zh-TW.mjs

@@ -6,4 +6,4 @@ $52e8b1b00094e5a3$exports = {
 
 
 export {$52e8b1b00094e5a3$exports as default};
-//# sourceMappingURL=zh-TW.module.js.map
+//# sourceMappingURL=zh-TW.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/toast",
-  "version": "3.0.0-beta.10",
+  "version": "3.0.0-beta.11",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -22,13 +22,13 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "^3.10.2",
-    "@react-aria/interactions": "^3.21.1",
-    "@react-aria/landmark": "3.0.0-beta.10",
-    "@react-aria/utils": "^3.23.2",
-    "@react-stately/toast": "3.0.0-beta.2",
-    "@react-types/button": "^3.9.2",
-    "@react-types/shared": "^3.22.1",
+    "@react-aria/i18n": "^3.11.0",
+    "@react-aria/interactions": "^3.21.2",
+    "@react-aria/landmark": "3.0.0-beta.11",
+    "@react-aria/utils": "^3.24.0",
+    "@react-stately/toast": "3.0.0-beta.3",
+    "@react-types/button": "^3.9.3",
+    "@react-types/shared": "^3.23.0",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "de9f84a22583fc741c29b341d14cd35ef4cca161"
+  "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
 }