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

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.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "close": `\u{5173}\u{95ED}`,
+    "notifications": `\u{901A}\u{77E5}`
+};
+
+
+//# sourceMappingURL=zh-CN.main.js.map

package/dist/zh-CN.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,iBAAiB,CAAC,gBAAE,CAAC;AACvB","sources":["packages/@react-aria/toast/intl/zh-CN.json"],"sourcesContent":["{\n  \"close\": \"关闭\",\n  \"notifications\": \"通知\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -0,0 +1,9 @@
+var $122525af1cb737c7$exports = {};
+$122525af1cb737c7$exports = {
+    "close": `\u{5173}\u{95ED}`,
+    "notifications": `\u{901A}\u{77E5}`
+};
+
+
+export {$122525af1cb737c7$exports as default};
+//# sourceMappingURL=zh-CN.mjs.map

package/dist/zh-CN.module.js

@@ -0,0 +1,9 @@
+var $122525af1cb737c7$exports = {};
+$122525af1cb737c7$exports = {
+    "close": `\u{5173}\u{95ED}`,
+    "notifications": `\u{901A}\u{77E5}`
+};
+
+
+export {$122525af1cb737c7$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,iBAAiB,CAAC,gBAAE,CAAC;AACvB","sources":["packages/@react-aria/toast/intl/zh-CN.json"],"sourcesContent":["{\n  \"close\": \"关闭\",\n  \"notifications\": \"通知\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "close": `\u{95DC}\u{9589}`,
+    "notifications": `\u{901A}\u{77E5}`
+};
+
+
+//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,iBAAiB,CAAC,gBAAE,CAAC;AACvB","sources":["packages/@react-aria/toast/intl/zh-TW.json"],"sourcesContent":["{\n  \"close\": \"關閉\",\n  \"notifications\": \"通知\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -0,0 +1,9 @@
+var $52e8b1b00094e5a3$exports = {};
+$52e8b1b00094e5a3$exports = {
+    "close": `\u{95DC}\u{9589}`,
+    "notifications": `\u{901A}\u{77E5}`
+};
+
+
+export {$52e8b1b00094e5a3$exports as default};
+//# sourceMappingURL=zh-TW.mjs.map

package/dist/zh-TW.module.js

@@ -0,0 +1,9 @@
+var $52e8b1b00094e5a3$exports = {};
+$52e8b1b00094e5a3$exports = {
+    "close": `\u{95DC}\u{9589}`,
+    "notifications": `\u{901A}\u{77E5}`
+};
+
+
+export {$52e8b1b00094e5a3$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,iBAAiB,CAAC,gBAAE,CAAC;AACvB","sources":["packages/@react-aria/toast/intl/zh-TW.json"],"sourcesContent":["{\n  \"close\": \"關閉\",\n  \"notifications\": \"通知\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/toast",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.11",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -22,14 +22,14 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "^3.7.2",
-    "@react-aria/interactions": "^3.15.1",
-    "@react-aria/landmark": "3.0.0-beta.1",
-    "@react-aria/utils": "^3.17.0",
-    "@react-stately/toast": "3.0.0-beta.0",
-    "@react-types/button": "^3.7.3",
-    "@react-types/shared": "^3.18.1",
-    "@swc/helpers": "^0.4.14"
+    "@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": {
     "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5911ed21de4b76d66f6254c02302519e02d50e16"
+  "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
 }

package/src/useToast.ts

@@ -85,7 +85,7 @@ export function useToast<T>(props: AriaToastProps<T>, state: ToastState<T>, ref:
 
   let titleId = useId();
   let descriptionId = useSlotId();
-  let stringFormatter = useLocalizedStringFormatter(intlMessages);
+  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/toast');
 
   return {
     toastProps: {

package/src/useToastRegion.ts

@@ -26,7 +26,7 @@ export interface ToastRegionAria {
  * Toasts display brief, temporary notifications of actions, errors, or other events in an application.
  */
 export function useToastRegion<T>(props: AriaToastRegionProps, state: ToastState<T>, ref: RefObject<HTMLElement>): ToastRegionAria {
-  let stringFormatter = useLocalizedStringFormatter(intlMessages);
+  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/toast');
   let {landmarkProps} = useLandmark({
     role: 'region',
     'aria-label': props['aria-label'] || stringFormatter.format('notifications')