react-aria-components 1.6.0 → 1.7.0

package/dist/Toast.main.js

@@ -0,0 +1,148 @@
+var $b856e6788a7ea5bf$exports = require("./Button.main.js");
+var $c5ccf687772c0422$exports = require("./utils.main.js");
+var $a8a589c28affdc40$exports = require("./Text.main.js");
+var $coXVq$reactaria = require("react-aria");
+var $coXVq$reactdom = require("react-dom");
+var $coXVq$reactstately = require("react-stately");
+var $coXVq$react = require("react");
+var $coXVq$reactariautils = require("@react-aria/utils");
+
+
+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, "ToastRegion", () => $4e3fafb90a1b5a5f$export$2cbf5519fbeaa538);
+$parcel$export(module.exports, "Toast", () => $4e3fafb90a1b5a5f$export$8d8dc7d5f743331b);
+$parcel$export(module.exports, "ToastContent", () => $4e3fafb90a1b5a5f$export$b134a6cc89b08851);
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+const $4e3fafb90a1b5a5f$var$ToastStateContext = /*#__PURE__*/ (0, $coXVq$react.createContext)(null);
+const $4e3fafb90a1b5a5f$export$2cbf5519fbeaa538 = /*#__PURE__*/ (0, $coXVq$react.forwardRef)(function ToastRegion(props, ref) {
+    let state = (0, $coXVq$reactstately.useToastQueue)(props.queue);
+    let objectRef = (0, $coXVq$reactariautils.useObjectRef)(ref);
+    let { regionProps: regionProps } = (0, $coXVq$reactaria.useToastRegion)(props, state, objectRef);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $coXVq$reactaria.useFocusRing)();
+    let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
+        ...props,
+        children: undefined,
+        defaultClassName: 'react-aria-ToastRegion',
+        values: {
+            visibleToasts: state.visibleToasts,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible
+        }
+    });
+    let region = /*#__PURE__*/ (0, ($parcel$interopDefault($coXVq$react))).createElement($4e3fafb90a1b5a5f$var$ToastStateContext.Provider, {
+        value: state
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($coXVq$react))).createElement("div", {
+        ...renderProps,
+        ...(0, $coXVq$reactaria.mergeProps)(regionProps, focusProps),
+        ref: objectRef,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined
+    }, typeof props.children === 'function' ? /*#__PURE__*/ (0, ($parcel$interopDefault($coXVq$react))).createElement($4e3fafb90a1b5a5f$var$ToastList, {
+        ...props,
+        style: {
+            display: 'contents'
+        }
+    }) : props.children));
+    return state.visibleToasts.length > 0 && typeof document !== 'undefined' ? /*#__PURE__*/ (0, $coXVq$reactdom.createPortal)(region, document.body) : null;
+});
+// TODO: possibly export this so additional children can be added to the region, outside the list.
+const $4e3fafb90a1b5a5f$var$ToastList = /*#__PURE__*/ (0, $coXVq$react.forwardRef)(function ToastList(props, ref) {
+    let state = (0, $coXVq$react.useContext)($4e3fafb90a1b5a5f$var$ToastStateContext);
+    return(// @ts-ignore
+    /*#__PURE__*/ (0, ($parcel$interopDefault($coXVq$react))).createElement("ol", {
+        ref: ref,
+        style: props.style,
+        className: props.className
+    }, state.visibleToasts.map((toast)=>/*#__PURE__*/ (0, ($parcel$interopDefault($coXVq$react))).createElement("li", {
+            key: toast.key,
+            style: {
+                display: 'contents'
+            }
+        }, props.children({
+            toast: toast
+        })))));
+});
+const $4e3fafb90a1b5a5f$export$8d8dc7d5f743331b = /*#__PURE__*/ (0, $coXVq$react.forwardRef)(function Toast(props, ref) {
+    let state = (0, $coXVq$react.useContext)($4e3fafb90a1b5a5f$var$ToastStateContext);
+    let objectRef = (0, $coXVq$reactariautils.useObjectRef)(ref);
+    let { toastProps: toastProps, contentProps: contentProps, titleProps: titleProps, descriptionProps: descriptionProps, closeButtonProps: closeButtonProps } = (0, $coXVq$reactaria.useToast)(props, state, objectRef);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $coXVq$reactaria.useFocusRing)();
+    let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
+        ...props,
+        defaultClassName: 'react-aria-Toast',
+        values: {
+            toast: props.toast,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible
+        }
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($coXVq$react))).createElement("div", {
+        ...renderProps,
+        ...(0, $coXVq$reactaria.mergeProps)(toastProps, focusProps),
+        ref: objectRef,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($coXVq$react))).createElement((0, $c5ccf687772c0422$exports.Provider), {
+        values: [
+            [
+                $4e3fafb90a1b5a5f$export$3a0d85872d9f73f2,
+                contentProps
+            ],
+            [
+                (0, $a8a589c28affdc40$exports.TextContext),
+                {
+                    slots: {
+                        [(0, $c5ccf687772c0422$exports.DEFAULT_SLOT)]: {},
+                        title: titleProps,
+                        description: descriptionProps
+                    }
+                }
+            ],
+            [
+                (0, $b856e6788a7ea5bf$exports.ButtonContext),
+                {
+                    slots: {
+                        [(0, $c5ccf687772c0422$exports.DEFAULT_SLOT)]: {},
+                        close: closeButtonProps
+                    }
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+const $4e3fafb90a1b5a5f$export$3a0d85872d9f73f2 = /*#__PURE__*/ (0, $coXVq$react.createContext)({});
+const $4e3fafb90a1b5a5f$export$b134a6cc89b08851 = /*#__PURE__*/ (0, $coXVq$react.forwardRef)(function ToastContent(props, ref) {
+    [props, ref] = (0, $c5ccf687772c0422$exports.useContextProps)(props, ref, $4e3fafb90a1b5a5f$export$3a0d85872d9f73f2);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($coXVq$react))).createElement("div", {
+        className: "react-aria-ToastContent",
+        ...props,
+        ref: ref
+    }, props.children);
+});
+
+
+//# sourceMappingURL=Toast.main.js.map

package/dist/Toast.main.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/Toast.tsx"],"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 {AriaToastProps, AriaToastRegionProps, mergeProps, useFocusRing, useToast, useToastRegion} from 'react-aria';\nimport {ButtonContext} from './Button';\nimport {ContextValue, DEFAULT_SLOT, Provider, RenderProps, StyleRenderProps, useContextProps, useRenderProps} from './utils';\nimport {createPortal} from 'react-dom';\nimport {forwardRefType} from '@react-types/shared';\nimport {QueuedToast, ToastQueue, ToastState, useToastQueue} from 'react-stately';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes, JSX, ReactElement, useContext} from 'react';\nimport {TextContext} from './Text';\nimport {useObjectRef} from '@react-aria/utils';\n\nconst ToastStateContext = createContext<ToastState<any> | null>(null);\n\nexport interface ToastRegionRenderProps<T> {\n  /** A list of all currently visible toasts. */\n  visibleToasts: QueuedToast<T>[],\n  /**\n   * Whether the toast region is currently focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the toast region is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean\n}\n\nexport interface ToastRegionProps<T> extends AriaToastRegionProps, StyleRenderProps<ToastRegionRenderProps<T>> {\n  /** The queue of toasts to display. */\n  queue: ToastQueue<T>,\n  /** A function to render each toast. */\n  children: (renderProps: {toast: QueuedToast<T>}) => ReactElement\n}\n\n/**\n * A ToastRegion displays one or more toast notifications.\n */\nexport const ToastRegion = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToastRegion<T>(props: ToastRegionProps<T>, ref: ForwardedRef<HTMLDivElement>): JSX.Element | null {\n  let state = useToastQueue(props.queue);\n  let objectRef = useObjectRef(ref);\n  let {regionProps} = useToastRegion(props, state, objectRef);\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let renderProps = useRenderProps({\n    ...props,\n    children: undefined,\n    defaultClassName: 'react-aria-ToastRegion',\n    values: {\n      visibleToasts: state.visibleToasts,\n      isFocused,\n      isFocusVisible\n    }\n  });\n\n  let region = (\n    <ToastStateContext.Provider value={state}>\n      <div\n        {...renderProps}\n        {...mergeProps(regionProps, focusProps)}\n        ref={objectRef}\n        data-focused={isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}>\n        {typeof props.children === 'function' ? <ToastList {...props} style={{display: 'contents'}} /> : props.children}\n      </div>\n    </ToastStateContext.Provider>\n  );\n\n  return state.visibleToasts.length > 0 && typeof document !== 'undefined'\n    ? createPortal(region, document.body)\n    : null;\n});\n\n// TODO: possibly export this so additional children can be added to the region, outside the list.\nconst ToastList = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToastList<T>(props: ToastRegionProps<T>, ref: ForwardedRef<HTMLOListElement>) {\n  let state = useContext(ToastStateContext)!;\n  return (\n    // @ts-ignore\n    <ol ref={ref} style={props.style} className={props.className}>\n      {state.visibleToasts.map((toast) => (\n        <li key={toast.key} style={{display: 'contents'}}>\n          {props.children({toast})}\n        </li>\n      ))}\n    </ol>\n  );\n});\n\nexport interface ToastRenderProps<T> {\n  /**\n   * The toast object to display.\n   */\n  toast: QueuedToast<T>,\n  /**\n   * Whether the toast is currently focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the toast is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean\n}\n\nexport interface ToastProps<T> extends AriaToastProps<T>, RenderProps<ToastRenderProps<T>> {}\n\n/**\n * A Toast displays a brief, temporary notification of actions, errors, or other events in an application.\n */\nexport const Toast = /*#__PURE__*/ (forwardRef as forwardRefType)(function Toast<T>(props: ToastProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  let state = useContext(ToastStateContext)!;\n  let objectRef = useObjectRef(ref);\n  let {toastProps, contentProps, titleProps, descriptionProps, closeButtonProps} = useToast(\n    props,\n    state,\n    objectRef\n  );\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Toast',\n    values: {\n      toast: props.toast,\n      isFocused,\n      isFocusVisible\n    }\n  });\n\n  return (\n    <div\n      {...renderProps}\n      {...mergeProps(toastProps, focusProps)}\n      ref={objectRef}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <Provider\n        values={[\n          [ToastContentContext, contentProps],\n          [TextContext, {\n            slots: {\n              [DEFAULT_SLOT]: {},\n              title: titleProps,\n              description: descriptionProps\n            }\n          }],\n          [ButtonContext, {\n            slots: {\n              [DEFAULT_SLOT]: {},\n              close: closeButtonProps\n            }\n          }]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </div>\n  );\n});\n\nexport const ToastContentContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLDivElement>>({});\n\n/**\n * ToastContent wraps the main content of a toast notification.\n */\nexport const ToastContent = /*#__PURE__*/ forwardRef(function ToastContent(props: HTMLAttributes<HTMLElement>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ToastContentContext);\n  return (\n    <div className=\"react-aria-ToastContent\" {...props} ref={ref}>\n      {props.children}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Toast.main.js.map"}

package/dist/Toast.mjs

@@ -0,0 +1,137 @@
+import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from "./Button.mjs";
+import {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.mjs";
+import {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from "./Text.mjs";
+import {useToastRegion as $9il6O$useToastRegion, useFocusRing as $9il6O$useFocusRing, mergeProps as $9il6O$mergeProps, useToast as $9il6O$useToast} from "react-aria";
+import {createPortal as $9il6O$createPortal} from "react-dom";
+import {useToastQueue as $9il6O$useToastQueue} from "react-stately";
+import $9il6O$react, {createContext as $9il6O$createContext, forwardRef as $9il6O$forwardRef, useContext as $9il6O$useContext} from "react";
+import {useObjectRef as $9il6O$useObjectRef} from "@react-aria/utils";
+
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+const $692df8403b6ac2c7$var$ToastStateContext = /*#__PURE__*/ (0, $9il6O$createContext)(null);
+const $692df8403b6ac2c7$export$2cbf5519fbeaa538 = /*#__PURE__*/ (0, $9il6O$forwardRef)(function ToastRegion(props, ref) {
+    let state = (0, $9il6O$useToastQueue)(props.queue);
+    let objectRef = (0, $9il6O$useObjectRef)(ref);
+    let { regionProps: regionProps } = (0, $9il6O$useToastRegion)(props, state, objectRef);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $9il6O$useFocusRing)();
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        children: undefined,
+        defaultClassName: 'react-aria-ToastRegion',
+        values: {
+            visibleToasts: state.visibleToasts,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible
+        }
+    });
+    let region = /*#__PURE__*/ (0, $9il6O$react).createElement($692df8403b6ac2c7$var$ToastStateContext.Provider, {
+        value: state
+    }, /*#__PURE__*/ (0, $9il6O$react).createElement("div", {
+        ...renderProps,
+        ...(0, $9il6O$mergeProps)(regionProps, focusProps),
+        ref: objectRef,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined
+    }, typeof props.children === 'function' ? /*#__PURE__*/ (0, $9il6O$react).createElement($692df8403b6ac2c7$var$ToastList, {
+        ...props,
+        style: {
+            display: 'contents'
+        }
+    }) : props.children));
+    return state.visibleToasts.length > 0 && typeof document !== 'undefined' ? /*#__PURE__*/ (0, $9il6O$createPortal)(region, document.body) : null;
+});
+// TODO: possibly export this so additional children can be added to the region, outside the list.
+const $692df8403b6ac2c7$var$ToastList = /*#__PURE__*/ (0, $9il6O$forwardRef)(function ToastList(props, ref) {
+    let state = (0, $9il6O$useContext)($692df8403b6ac2c7$var$ToastStateContext);
+    return(// @ts-ignore
+    /*#__PURE__*/ (0, $9il6O$react).createElement("ol", {
+        ref: ref,
+        style: props.style,
+        className: props.className
+    }, state.visibleToasts.map((toast)=>/*#__PURE__*/ (0, $9il6O$react).createElement("li", {
+            key: toast.key,
+            style: {
+                display: 'contents'
+            }
+        }, props.children({
+            toast: toast
+        })))));
+});
+const $692df8403b6ac2c7$export$8d8dc7d5f743331b = /*#__PURE__*/ (0, $9il6O$forwardRef)(function Toast(props, ref) {
+    let state = (0, $9il6O$useContext)($692df8403b6ac2c7$var$ToastStateContext);
+    let objectRef = (0, $9il6O$useObjectRef)(ref);
+    let { toastProps: toastProps, contentProps: contentProps, titleProps: titleProps, descriptionProps: descriptionProps, closeButtonProps: closeButtonProps } = (0, $9il6O$useToast)(props, state, objectRef);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $9il6O$useFocusRing)();
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-Toast',
+        values: {
+            toast: props.toast,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible
+        }
+    });
+    return /*#__PURE__*/ (0, $9il6O$react).createElement("div", {
+        ...renderProps,
+        ...(0, $9il6O$mergeProps)(toastProps, focusProps),
+        ref: objectRef,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined
+    }, /*#__PURE__*/ (0, $9il6O$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                $692df8403b6ac2c7$export$3a0d85872d9f73f2,
+                contentProps
+            ],
+            [
+                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},
+                        title: titleProps,
+                        description: descriptionProps
+                    }
+                }
+            ],
+            [
+                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),
+                {
+                    slots: {
+                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},
+                        close: closeButtonProps
+                    }
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+const $692df8403b6ac2c7$export$3a0d85872d9f73f2 = /*#__PURE__*/ (0, $9il6O$createContext)({});
+const $692df8403b6ac2c7$export$b134a6cc89b08851 = /*#__PURE__*/ (0, $9il6O$forwardRef)(function ToastContent(props, ref) {
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $692df8403b6ac2c7$export$3a0d85872d9f73f2);
+    return /*#__PURE__*/ (0, $9il6O$react).createElement("div", {
+        className: "react-aria-ToastContent",
+        ...props,
+        ref: ref
+    }, props.children);
+});
+
+
+export {$692df8403b6ac2c7$export$2cbf5519fbeaa538 as ToastRegion, $692df8403b6ac2c7$export$8d8dc7d5f743331b as Toast, $692df8403b6ac2c7$export$3a0d85872d9f73f2 as ToastContentContext, $692df8403b6ac2c7$export$b134a6cc89b08851 as ToastContent};
+//# sourceMappingURL=Toast.module.js.map

package/dist/Toast.module.js

@@ -0,0 +1,137 @@
+import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from "./Button.module.js";
+import {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.module.js";
+import {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from "./Text.module.js";
+import {useToastRegion as $9il6O$useToastRegion, useFocusRing as $9il6O$useFocusRing, mergeProps as $9il6O$mergeProps, useToast as $9il6O$useToast} from "react-aria";
+import {createPortal as $9il6O$createPortal} from "react-dom";
+import {useToastQueue as $9il6O$useToastQueue} from "react-stately";
+import $9il6O$react, {createContext as $9il6O$createContext, forwardRef as $9il6O$forwardRef, useContext as $9il6O$useContext} from "react";
+import {useObjectRef as $9il6O$useObjectRef} from "@react-aria/utils";
+
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+const $692df8403b6ac2c7$var$ToastStateContext = /*#__PURE__*/ (0, $9il6O$createContext)(null);
+const $692df8403b6ac2c7$export$2cbf5519fbeaa538 = /*#__PURE__*/ (0, $9il6O$forwardRef)(function ToastRegion(props, ref) {
+    let state = (0, $9il6O$useToastQueue)(props.queue);
+    let objectRef = (0, $9il6O$useObjectRef)(ref);
+    let { regionProps: regionProps } = (0, $9il6O$useToastRegion)(props, state, objectRef);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $9il6O$useFocusRing)();
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        children: undefined,
+        defaultClassName: 'react-aria-ToastRegion',
+        values: {
+            visibleToasts: state.visibleToasts,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible
+        }
+    });
+    let region = /*#__PURE__*/ (0, $9il6O$react).createElement($692df8403b6ac2c7$var$ToastStateContext.Provider, {
+        value: state
+    }, /*#__PURE__*/ (0, $9il6O$react).createElement("div", {
+        ...renderProps,
+        ...(0, $9il6O$mergeProps)(regionProps, focusProps),
+        ref: objectRef,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined
+    }, typeof props.children === 'function' ? /*#__PURE__*/ (0, $9il6O$react).createElement($692df8403b6ac2c7$var$ToastList, {
+        ...props,
+        style: {
+            display: 'contents'
+        }
+    }) : props.children));
+    return state.visibleToasts.length > 0 && typeof document !== 'undefined' ? /*#__PURE__*/ (0, $9il6O$createPortal)(region, document.body) : null;
+});
+// TODO: possibly export this so additional children can be added to the region, outside the list.
+const $692df8403b6ac2c7$var$ToastList = /*#__PURE__*/ (0, $9il6O$forwardRef)(function ToastList(props, ref) {
+    let state = (0, $9il6O$useContext)($692df8403b6ac2c7$var$ToastStateContext);
+    return(// @ts-ignore
+    /*#__PURE__*/ (0, $9il6O$react).createElement("ol", {
+        ref: ref,
+        style: props.style,
+        className: props.className
+    }, state.visibleToasts.map((toast)=>/*#__PURE__*/ (0, $9il6O$react).createElement("li", {
+            key: toast.key,
+            style: {
+                display: 'contents'
+            }
+        }, props.children({
+            toast: toast
+        })))));
+});
+const $692df8403b6ac2c7$export$8d8dc7d5f743331b = /*#__PURE__*/ (0, $9il6O$forwardRef)(function Toast(props, ref) {
+    let state = (0, $9il6O$useContext)($692df8403b6ac2c7$var$ToastStateContext);
+    let objectRef = (0, $9il6O$useObjectRef)(ref);
+    let { toastProps: toastProps, contentProps: contentProps, titleProps: titleProps, descriptionProps: descriptionProps, closeButtonProps: closeButtonProps } = (0, $9il6O$useToast)(props, state, objectRef);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $9il6O$useFocusRing)();
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-Toast',
+        values: {
+            toast: props.toast,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible
+        }
+    });
+    return /*#__PURE__*/ (0, $9il6O$react).createElement("div", {
+        ...renderProps,
+        ...(0, $9il6O$mergeProps)(toastProps, focusProps),
+        ref: objectRef,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined
+    }, /*#__PURE__*/ (0, $9il6O$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                $692df8403b6ac2c7$export$3a0d85872d9f73f2,
+                contentProps
+            ],
+            [
+                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},
+                        title: titleProps,
+                        description: descriptionProps
+                    }
+                }
+            ],
+            [
+                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),
+                {
+                    slots: {
+                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},
+                        close: closeButtonProps
+                    }
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+const $692df8403b6ac2c7$export$3a0d85872d9f73f2 = /*#__PURE__*/ (0, $9il6O$createContext)({});
+const $692df8403b6ac2c7$export$b134a6cc89b08851 = /*#__PURE__*/ (0, $9il6O$forwardRef)(function ToastContent(props, ref) {
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $692df8403b6ac2c7$export$3a0d85872d9f73f2);
+    return /*#__PURE__*/ (0, $9il6O$react).createElement("div", {
+        className: "react-aria-ToastContent",
+        ...props,
+        ref: ref
+    }, props.children);
+});
+
+
+export {$692df8403b6ac2c7$export$2cbf5519fbeaa538 as ToastRegion, $692df8403b6ac2c7$export$8d8dc7d5f743331b as Toast, $692df8403b6ac2c7$export$3a0d85872d9f73f2 as ToastContentContext, $692df8403b6ac2c7$export$b134a6cc89b08851 as ToastContent};
+//# sourceMappingURL=Toast.module.js.map

package/dist/Toast.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/Toast.tsx"],"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 {AriaToastProps, AriaToastRegionProps, mergeProps, useFocusRing, useToast, useToastRegion} from 'react-aria';\nimport {ButtonContext} from './Button';\nimport {ContextValue, DEFAULT_SLOT, Provider, RenderProps, StyleRenderProps, useContextProps, useRenderProps} from './utils';\nimport {createPortal} from 'react-dom';\nimport {forwardRefType} from '@react-types/shared';\nimport {QueuedToast, ToastQueue, ToastState, useToastQueue} from 'react-stately';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes, JSX, ReactElement, useContext} from 'react';\nimport {TextContext} from './Text';\nimport {useObjectRef} from '@react-aria/utils';\n\nconst ToastStateContext = createContext<ToastState<any> | null>(null);\n\nexport interface ToastRegionRenderProps<T> {\n  /** A list of all currently visible toasts. */\n  visibleToasts: QueuedToast<T>[],\n  /**\n   * Whether the toast region is currently focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the toast region is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean\n}\n\nexport interface ToastRegionProps<T> extends AriaToastRegionProps, StyleRenderProps<ToastRegionRenderProps<T>> {\n  /** The queue of toasts to display. */\n  queue: ToastQueue<T>,\n  /** A function to render each toast. */\n  children: (renderProps: {toast: QueuedToast<T>}) => ReactElement\n}\n\n/**\n * A ToastRegion displays one or more toast notifications.\n */\nexport const ToastRegion = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToastRegion<T>(props: ToastRegionProps<T>, ref: ForwardedRef<HTMLDivElement>): JSX.Element | null {\n  let state = useToastQueue(props.queue);\n  let objectRef = useObjectRef(ref);\n  let {regionProps} = useToastRegion(props, state, objectRef);\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let renderProps = useRenderProps({\n    ...props,\n    children: undefined,\n    defaultClassName: 'react-aria-ToastRegion',\n    values: {\n      visibleToasts: state.visibleToasts,\n      isFocused,\n      isFocusVisible\n    }\n  });\n\n  let region = (\n    <ToastStateContext.Provider value={state}>\n      <div\n        {...renderProps}\n        {...mergeProps(regionProps, focusProps)}\n        ref={objectRef}\n        data-focused={isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}>\n        {typeof props.children === 'function' ? <ToastList {...props} style={{display: 'contents'}} /> : props.children}\n      </div>\n    </ToastStateContext.Provider>\n  );\n\n  return state.visibleToasts.length > 0 && typeof document !== 'undefined'\n    ? createPortal(region, document.body)\n    : null;\n});\n\n// TODO: possibly export this so additional children can be added to the region, outside the list.\nconst ToastList = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToastList<T>(props: ToastRegionProps<T>, ref: ForwardedRef<HTMLOListElement>) {\n  let state = useContext(ToastStateContext)!;\n  return (\n    // @ts-ignore\n    <ol ref={ref} style={props.style} className={props.className}>\n      {state.visibleToasts.map((toast) => (\n        <li key={toast.key} style={{display: 'contents'}}>\n          {props.children({toast})}\n        </li>\n      ))}\n    </ol>\n  );\n});\n\nexport interface ToastRenderProps<T> {\n  /**\n   * The toast object to display.\n   */\n  toast: QueuedToast<T>,\n  /**\n   * Whether the toast is currently focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the toast is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean\n}\n\nexport interface ToastProps<T> extends AriaToastProps<T>, RenderProps<ToastRenderProps<T>> {}\n\n/**\n * A Toast displays a brief, temporary notification of actions, errors, or other events in an application.\n */\nexport const Toast = /*#__PURE__*/ (forwardRef as forwardRefType)(function Toast<T>(props: ToastProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  let state = useContext(ToastStateContext)!;\n  let objectRef = useObjectRef(ref);\n  let {toastProps, contentProps, titleProps, descriptionProps, closeButtonProps} = useToast(\n    props,\n    state,\n    objectRef\n  );\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Toast',\n    values: {\n      toast: props.toast,\n      isFocused,\n      isFocusVisible\n    }\n  });\n\n  return (\n    <div\n      {...renderProps}\n      {...mergeProps(toastProps, focusProps)}\n      ref={objectRef}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <Provider\n        values={[\n          [ToastContentContext, contentProps],\n          [TextContext, {\n            slots: {\n              [DEFAULT_SLOT]: {},\n              title: titleProps,\n              description: descriptionProps\n            }\n          }],\n          [ButtonContext, {\n            slots: {\n              [DEFAULT_SLOT]: {},\n              close: closeButtonProps\n            }\n          }]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </div>\n  );\n});\n\nexport const ToastContentContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLDivElement>>({});\n\n/**\n * ToastContent wraps the main content of a toast notification.\n */\nexport const ToastContent = /*#__PURE__*/ forwardRef(function ToastContent(props: HTMLAttributes<HTMLElement>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ToastContentContext);\n  return (\n    <div className=\"react-aria-ToastContent\" {...props} ref={ref}>\n      {props.children}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Toast.module.js.map"}