@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/Toast.mjs

@@ -125,147 +125,147 @@ const $6e462db325878d1a$export$f1f8569633bbbec4 = {
 };
 const $6e462db325878d1a$var$toastRegion = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf13';
-    else rules += ' _Le13';
-    rules += ' Oh13';
-    rules += ' Olc13';
-    rules += ' _Mc13';
-    rules += ' _Kd13';
-    rules += ' sd13';
-    if (props.placement === "bottom") rules += ' _tb13';
-    else if (props.placement === "top") rules += ' _ta13';
-    rules += ' _Pb13';
-    rules += ' _Ar13';
-    rules += ' _zr13';
-    rules += ' ZJ13';
+    if (props.isFocusVisible) rules += ' _Lf15';
+    else rules += ' _Le15';
+    rules += ' Oh15';
+    rules += ' Olc15';
+    rules += ' _Mc15';
+    rules += ' _Kd15';
+    rules += ' sd15';
+    if (props.placement === "bottom") rules += ' _tb15';
+    else if (props.placement === "top") rules += ' _ta15';
+    rules += ' _Pb15';
+    rules += ' _Ar15';
+    rules += ' _zr15';
+    rules += ' ZJ15';
     if (props.placement === "top") {
-        if (props.isExpanded) rules += ' Wr13';
-        else rules += ' Wu13';
+        if (props.isExpanded) rules += ' Wr15';
+        else rules += ' Wu15';
     }
     if (props.placement === "bottom") {
-        if (props.isExpanded) rules += ' _lr13';
-        else rules += ' _lu13';
+        if (props.isExpanded) rules += ' _lr15';
+        else rules += ' _lu15';
     }
-    if (props.align === "end") rules += ' IM13';
-    else if (props.align === "center") rules += ' IM13';
-    else if (props.align === "start") rules += ' IC13';
-    if (props.align === "end") rules += ' HC13';
-    else if (props.align === "center") rules += ' HM13';
-    else if (props.align === "start") rules += ' HM13';
-    rules += ' _oa13';
-    rules += ' Ka13';
-    rules += ' oc13';
-    rules += ' nc13';
-    rules += ' kc13';
-    rules += ' jc13';
+    if (props.align === "end") rules += ' IM15';
+    else if (props.align === "center") rules += ' IM15';
+    else if (props.align === "start") rules += ' IC15';
+    if (props.align === "end") rules += ' HC15';
+    else if (props.align === "center") rules += ' HM15';
+    else if (props.align === "start") rules += ' HM15';
+    rules += ' _oa15';
+    rules += ' Ka15';
+    rules += ' oc15';
+    rules += ' nc15';
+    rules += ' kc15';
+    rules += ' jc15';
     return rules;
 };
 const $6e462db325878d1a$var$toastList = function anonymous(props) {
     let rules = " ";
-    rules += ' _Pc13';
-    rules += ' _ub13';
-    rules += ' sd13';
-    rules += ' Ue13';
-    rules += ' qe13';
-    if (props.placement === "bottom") rules += ' _tb13';
-    else if (props.placement === "top") rules += ' _ta13';
-    rules += ' _oa13';
-    rules += ' Jy13';
-    rules += ' Gy13';
+    rules += ' _Pc15';
+    rules += ' _ub15';
+    rules += ' sd15';
+    rules += ' Ue15';
+    rules += ' qe15';
+    if (props.placement === "bottom") rules += ' _tb15';
+    else if (props.placement === "top") rules += ' _ta15';
+    rules += ' _oa15';
+    rules += ' Jy15';
+    rules += ' Gy15';
     if (props.isExpanded) {
-        if (props.placement === "bottom") rules += ' Tt13';
-        else if (props.placement === "top") rules += ' Tf13';
+        if (props.placement === "bottom") rules += ' Tt15';
+        else if (props.placement === "top") rules += ' Tf15';
     }
     if (props.isExpanded) {
-        if (props.placement === "bottom") rules += ' Qf13';
-        else if (props.placement === "top") rules += ' Qt13';
+        if (props.placement === "bottom") rules += ' Qf15';
+        else if (props.placement === "top") rules += ' Qt15';
     }
-    if (props.isExpanded) rules += ' St13';
-    else rules += ' Sd13';
-    if (props.isExpanded) rules += ' Rt13';
-    else rules += ' Rd13';
-    if (props.isExpanded) rules += ' Ic13';
-    else rules += ' Iy13';
-    if (props.isExpanded) rules += ' Hc13';
-    else rules += ' Hy13';
-    if (props.isExpanded) rules += ' _Na13';
-    if (props.isExpanded) rules += ' Pa13';
+    if (props.isExpanded) rules += ' St15';
+    else rules += ' Sd15';
+    if (props.isExpanded) rules += ' Rt15';
+    else rules += ' Rd15';
+    if (props.isExpanded) rules += ' Ic15';
+    else rules += ' Iy15';
+    if (props.isExpanded) rules += ' Hc15';
+    else rules += ' Hy15';
+    if (props.isExpanded) rules += ' _Na15';
+    if (props.isExpanded) rules += ' Pa15';
     return rules;
 };
 const $6e462db325878d1a$var$toastStyle = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf13';
-    else rules += ' _Le13';
-    if (props.isExpanded) rules += ' Ok13';
-    else rules += ' Oh13';
-    rules += ' _Mc13';
-    rules += ' _Kd13';
-    rules += ' sd13';
-    rules += ' Ul13';
-    rules += ' ql13';
-    rules += ' Sf13';
-    rules += ' Rt13';
-    rules += ' Te13';
-    rules += ' Qe13';
-    rules += ' oc13';
-    rules += ' nc13';
-    rules += ' kc13';
-    rules += ' jc13';
-    rules += ' Mj13';
-    rules += ' -Zn3gsb-L0uB6Qb13';
-    rules += ' LksArhc13';
-    rules += ' _oa13';
-    rules += ' _va13';
-    rules += ' uk13';
-    rules += ' ucJ9TBTb13';
-    rules += ' ud3Euai13';
-    rules += ' uea13';
-    rules += ' ugb13';
-    rules += ' uhd13';
-    rules += ' uje13';
-    rules += ' u2NhKxcl13';
-    rules += ' uic13';
-    rules += ' -_6BNtrc-c13';
-    rules += ' vx13';
-    rules += ' xb13';
-    rules += ' _xa13';
-    rules += ' _Fd13';
-    rules += ' _FnuYUweb13';
-    rules += ' px13';
-    if (props.variant === "negative") rules += ' gB13';
-    else if (props.variant === "positive") rules += ' g113';
-    else if (props.variant === "info") rules += ' g213';
-    else if (props.variant === "neutral") rules += ' g613';
-    rules += ' -_8sjo0b-t5ZbAob13';
-    if (props.isExpanded) rules += ' _nd13';
-    else rules += ' _nLeasBb13';
-    rules += ' _8d13';
+    if (props.isFocusVisible) rules += ' _Lf15';
+    else rules += ' _Le15';
+    if (props.isExpanded) rules += ' Ok15';
+    else rules += ' Oh15';
+    rules += ' _Mc15';
+    rules += ' _Kd15';
+    rules += ' sd15';
+    rules += ' Ul15';
+    rules += ' ql15';
+    rules += ' Sf15';
+    rules += ' Rt15';
+    rules += ' Te15';
+    rules += ' Qe15';
+    rules += ' oc15';
+    rules += ' nc15';
+    rules += ' kc15';
+    rules += ' jc15';
+    rules += ' Mj15';
+    rules += ' -Zn3gsb-L0uB6Qb15';
+    rules += ' LksArhc15';
+    rules += ' _oa15';
+    rules += ' _va15';
+    rules += ' uk15';
+    rules += ' ucJ9TBTb15';
+    rules += ' ud3Euai15';
+    rules += ' uea15';
+    rules += ' ugb15';
+    rules += ' uhd15';
+    rules += ' uje15';
+    rules += ' u2NhKxcl15';
+    rules += ' uic15';
+    rules += ' -_6BNtrc-c15';
+    rules += ' vx15';
+    rules += ' xb15';
+    rules += ' _xa15';
+    rules += ' _Fd15';
+    rules += ' _FnuYUweb15';
+    rules += ' px15';
+    if (props.variant === "negative") rules += ' gB15';
+    else if (props.variant === "positive") rules += ' g115';
+    else if (props.variant === "info") rules += ' g215';
+    else if (props.variant === "neutral") rules += ' g615';
+    rules += ' -_8sjo0b-t5ZbAob15';
+    if (props.isExpanded) rules += ' _nd15';
+    else rules += ' _nLeasBb15';
+    rules += ' _8d15';
     return rules;
 };
 const $6e462db325878d1a$var$toastBody = function anonymous(props) {
     let rules = " ";
-    if (props.isSingle) rules += ' sd13';
-    else rules += ' se13';
-    rules += ' D4w1sLc13';
-    rules += ' CWLL0Xb13';
-    rules += ' _ub13';
-    rules += ' _wb13';
-    rules += ' eb13';
-    rules += ' qj13';
-    rules += ' Ue13';
+    if (props.isSingle) rules += ' sd15';
+    else rules += ' se15';
+    rules += ' D4w1sLc15';
+    rules += ' CWLL0Xb15';
+    rules += ' _ub15';
+    rules += ' _wb15';
+    rules += ' eb15';
+    rules += ' qj15';
+    rules += ' Ue15';
     return rules;
 };
-const $6e462db325878d1a$var$toastContent = " sd13 Ue13 qe13 ea13 zk52g2d13 yk52g2d13 Bk52g2d13 Ak52g2d13 ri13 ZJ13 -nTSCV-LTAEPe13 __ZLTAEPe13 Na13";
+const $6e462db325878d1a$var$toastContent = " sd15 Ue15 qe15 ea15 zk52g2d15 yk52g2d15 Bk52g2d15 Ak52g2d15 ri15 ZJ15 -nTSCV-LTAEPe15 __ZLTAEPe15 Na15";
 const $6e462db325878d1a$var$controls = function anonymous(props) {
     let rules = " ";
-    rules += ' _pb13';
-    if (props.isExpanded) rules += ' sd13';
-    else rules += ' sk13';
-    rules += ' _Cb13';
-    rules += ' Ue13';
-    rules += ' qe13';
-    if (props.isExpanded) rules += ' _Ib13';
-    else rules += ' _Ia13';
+    rules += ' _pb15';
+    if (props.isExpanded) rules += ' sd15';
+    else rules += ' sk15';
+    rules += ' _Cb15';
+    rules += ' Ue15';
+    rules += ' qe15';
+    if (props.isExpanded) rules += ' _Ib15';
+    else rules += ' _Ia15';
     return rules;
 };
 const $6e462db325878d1a$var$ICONS = {
@@ -340,8 +340,9 @@ function $6e462db325878d1a$export$f2815235e76a62b9(props) {
             children: /*#__PURE__*/ (0, $jeXmD$jsxs)($6e462db325878d1a$var$ToastContainerContext.Provider, {
                 value: ctx,
                 children: [
-                    isExpanded && /*#__PURE__*/ (0, $jeXmD$jsx)("div", {
-                        className: (0, ($parcel$interopDefault($jeXmD$Toastmodule_cssmjs)))['toast-background'] + " _Pb13 Wr13 _lr13 _Ar13 _zr13 g813",
+                    isExpanded && // eslint-disable-next-line
+                    /*#__PURE__*/ (0, $jeXmD$jsx)("div", {
+                        className: (0, ($parcel$interopDefault($jeXmD$Toastmodule_cssmjs)))['toast-background'] + " _Pb15 Wr15 _lr15 _Ar15 _zr15 g815",
                         onClick: collapse
                     }),
                     /*#__PURE__*/ (0, $jeXmD$jsx)($6e462db325878d1a$var$SpectrumToastList, {
@@ -493,7 +494,7 @@ function $6e462db325878d1a$export$f9b1e1c88454fa08(props) {
                     !isExpanded && visibleToasts.length > 1 && /*#__PURE__*/ (0, $jeXmD$jsxs)((0, $da878a05ab4a403e$export$cfc7921d29ef7b80), {
                         isQuiet: true,
                         staticColor: "white",
-                        styles: " zPgKvMe13 yPgKvMe13 BPgKvMe13 APgKvMe13",
+                        styles: " zPgKvMe15 yPgKvMe15 BPgKvMe15 APgKvMe15",
                         // Make the chevron line up with the toast text, even though there is padding within the button.
                         UNSAFE_style: {
                             marginInlineStart: variant === 'neutral' ? -10 : 14
@@ -524,7 +525,7 @@ function $6e462db325878d1a$export$f9b1e1c88454fa08(props) {
                             if (toast.content.shouldCloseOnAction) state.close(toast.key);
                         },
                         UNSAFE_className: ctx && isMain ? (0, ($parcel$interopDefault($jeXmD$Toastmodule_cssmjs)))['toast-action'] : undefined,
-                        styles: " IM13 zzz3eAe13 yzz3eAe13 Bzz3eAe13 Azz3eAe13",
+                        styles: " IM15 zzz3eAe15 yzz3eAe15 Bzz3eAe15 Azz3eAe15",
                         children: toast.content.actionLabel
                     })
                 ]

package/dist/private/Toast.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/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 {ActionButton} from './ActionButton';\nimport AlertIcon from '../s2wf-icons/S2_Icon_AlertTriangle_20_N.svg';\nimport {Button} from './Button';\nimport {CenterBaseline} from './CenterBaseline';\nimport CheckmarkIcon from '../s2wf-icons/S2_Icon_CheckmarkCircle_20_N.svg';\nimport Chevron from '../s2wf-icons/S2_Icon_ChevronDown_20_N.svg';\nimport {CloseButton} from './CloseButton';\nimport {createContext, ReactNode, useContext, useEffect, useMemo, useRef} from 'react';\nimport {DOMProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {flushSync} from 'react-dom';\nimport {focusRing, style} from '../style' with {type: 'macro'};\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {getEventTarget} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport InfoIcon from '../s2wf-icons/S2_Icon_InfoCircle_20_N.svg';\nimport intlMessages from '../intl/*.json';\nimport {isWebKit} from 'react-aria/private/utils/platform';\nimport {ToastOptions as RACToastOptions, ToastQueue} from 'react-stately/useToastState';\n// @ts-ignore\nimport {Text} from './Content';\nimport {\n  UNSTABLE_Toast as Toast,\n  UNSTABLE_ToastContent as ToastContent,\n  UNSTABLE_ToastList as ToastList,\n  ToastProps,\n  UNSTABLE_ToastRegion as ToastRegion,\n  ToastRegionProps,\n  UNSTABLE_ToastStateContext as ToastStateContext\n} from 'react-aria-components/Toast';\n\nimport toastCss from './Toast.module.css';\n\nimport {useEvent} from 'react-aria/private/utils/useEvent';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useMediaQuery} from './useMediaQuery';\nimport {useModalOverlay} from 'react-aria/useModalOverlay';\nimport {useOverlayTriggerState} from 'react-stately/useOverlayTriggerState';\n\nexport type ToastPlacement = 'top' | 'top end' | 'bottom' | 'bottom end';\nexport interface ToastContainerProps extends Omit<ToastRegionProps<SpectrumToastValue>, 'queue' | 'children' | 'style' | 'className' | 'render'> {\n  /**\n   * Placement of the toast container on the page.\n   * @default \"bottom\"\n   */\n  placement?: ToastPlacement\n}\n\nexport interface ToastOptions extends Omit<RACToastOptions, 'priority'>, DOMProps {\n  /** A label for the action button within the toast. */\n  actionLabel?: string,\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void,\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean\n}\n\nexport interface SpectrumToastValue extends DOMProps {\n  /** The content of the toast. */\n  children: string,\n  /** The variant (i.e. color) of the toast. */\n  variant: 'positive' | 'negative' | 'info' | 'neutral',\n  /** A label for the action button within the toast. */\n  actionLabel?: string,\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void,\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean\n}\n\nlet globalReduceMotion = false;\nfunction startViewTransition(fn: () => void, type: string) {\n  if ('startViewTransition' in document) {\n    // Safari doesn't support :active-view-transition-type() yet, so we fall back to a class on the html element.\n    document.documentElement.classList.add(toastCss[type]);\n    if (globalReduceMotion) {\n      document.documentElement.classList.add(toastCss.reduceMotion);\n    }\n\n    let viewTransition = document.startViewTransition(() => flushSync(fn));\n\n    viewTransition.ready.catch(() => {});\n    viewTransition.finished.then(() => {\n      document.documentElement.classList.remove(toastCss[type], toastCss.reduceMotion);\n    });\n  } else {\n    fn();\n  }\n}\n\n// There is a single global toast queue instance for the whole app, initialized lazily.\nlet globalToastQueue: ToastQueue<SpectrumToastValue> | null = null;\nfunction getGlobalToastQueue() {\n  if (!globalToastQueue) {\n    globalToastQueue = new ToastQueue({\n      maxVisibleToasts: Infinity,\n      wrapUpdate(fn, action) {\n        startViewTransition(fn, `toast-${action}`);\n      }\n    });\n  }\n\n  return globalToastQueue;\n}\n\nfunction addToast(children: string, variant: SpectrumToastValue['variant'], options: ToastOptions = {}) {\n  let value = {\n    children,\n    variant,\n    actionLabel: options.actionLabel,\n    onAction: options.onAction,\n    shouldCloseOnAction: options.shouldCloseOnAction,\n    ...filterDOMProps(options)\n  };\n\n  // Minimum time of 5s from https://spectrum.adobe.com/page/toast/#Auto-dismissible\n  // Actionable toasts cannot be auto dismissed. That would fail WCAG SC 2.2.1.\n  // It is debatable whether non-actionable toasts would also fail.\n  let timeout = options.timeout && !options.actionLabel ? Math.max(options.timeout, 5000) : undefined;\n  let queue = getGlobalToastQueue();\n  let key = queue.add(value, {timeout, onClose: options.onClose});\n  return () => queue.close(key);\n}\n\ntype CloseFunction = () => void;\n\nconst SpectrumToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: ToastOptions = {}): CloseFunction {\n    return addToast(children, 'neutral', options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: ToastOptions = {}): CloseFunction {\n    return addToast(children, 'positive', options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: ToastOptions = {}): CloseFunction {\n    return addToast(children, 'negative', options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: ToastOptions = {}): CloseFunction {\n    return addToast(children, 'info', options);\n  }\n};\n\nexport {SpectrumToastQueue as ToastQueue};\n\nconst toastRegion = style({\n  ...focusRing(),\n  display: 'flex',\n  flexDirection: {\n    placement: {\n      top: 'column',\n      bottom: 'column-reverse'\n    }\n  },\n  position: 'fixed',\n  insetX: 0,\n  width: 'fit',\n  top: {\n    placement: {\n      top: {\n        default: 16,\n        isExpanded: 0\n      }\n    }\n  },\n  bottom: {\n    placement: {\n      bottom: {\n        default: 16,\n        isExpanded: 0\n      }\n    }\n  },\n  marginStart: {\n    align: {\n      start: 16,\n      center: 'auto',\n      end: 'auto'\n    }\n  },\n  marginEnd: {\n    align: {\n      start: 'auto',\n      center: 'auto',\n      end: 16\n    }\n  },\n  boxSizing: 'border-box',\n  maxHeight: 'full',\n  borderRadius: 'lg'\n});\n\nconst toastList = style({\n  position: 'relative',\n  flexGrow: 1,\n  display: 'flex',\n  gap: 8,\n  flexDirection: {\n    placement: {\n      top: 'column',\n      bottom: 'column-reverse'\n    }\n  },\n  boxSizing: 'border-box',\n  marginY: 0,\n  padding: {\n    default: 0,\n    // Add padding when expanded to account for focus ring.\n    isExpanded: 8\n  },\n  paddingBottom: {\n    isExpanded: {\n      placement: {\n        top: 8,\n        bottom: 16\n      }\n    }\n  },\n  paddingTop: {\n    isExpanded: {\n      placement: {\n        top: 16,\n        bottom: 8\n      }\n    }\n  },\n  margin: 0,\n  marginX: {\n    default: 0,\n    // Undo padding for focus ring.\n    isExpanded: -8\n  },\n  overflow: {\n    isExpanded: 'auto'\n  }\n});\n\nconst toastStyle = style({\n  ...focusRing(),\n  outlineColor: {\n    default: 'focus-ring',\n    isExpanded: 'white'\n  },\n  display: 'flex',\n  gap: 16,\n  paddingStart: 16,\n  paddingEnd: 8,\n  paddingY: 12,\n  borderRadius: 'lg',\n  minHeight: 56,\n  '--maxWidth': {\n    type: 'maxWidth',\n    value: 336\n  },\n  maxWidth: 'min(var(--maxWidth), 90vw)',\n  boxSizing: 'border-box',\n  flexShrink: 0,\n  font: 'ui',\n  color: 'white',\n  backgroundColor: {\n    variant: {\n      neutral: 'neutral-subdued',\n      info: 'informative',\n      positive: 'positive',\n      negative: 'negative'\n    }\n  },\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  },\n  boxShadow: {\n    default: 'elevated',\n    isExpanded: 'none'\n  },\n  willChange: 'transform'\n});\n\nconst toastBody = style({\n  // The top toast in a non-expanded stack has the expand button, so it is rendered as a grid.\n  // Otherwise it uses flex so the content can wrap when needed.\n  display: {\n    default: 'grid',\n    isSingle: 'flex'\n  },\n  gridTemplateColumns: ['auto', '1fr', 'auto'],\n  gridTemplateAreas: [\n    'content content content',\n    'expand  .       action'\n  ],\n  flexGrow: 1,\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  columnGap: 24,\n  rowGap: 8\n});\n\nconst toastContent = style({\n  display: 'flex',\n  gap: 8,\n  alignItems: 'baseline',\n  gridArea: 'content',\n  cursor: 'default',\n  width: 'fit',\n  overflowWrap: 'break-word',\n  wordBreak: 'break-word',\n  minWidth: 0\n});\n\nconst controls = style({\n  colorScheme: 'light',\n  display: {\n    default: 'none',\n    isExpanded: 'flex'\n  },\n  justifyContent: 'end',\n  gap: 8,\n  opacity: {\n    default: 0,\n    isExpanded: 1\n  }\n});\n\nconst ICONS = {\n  info: InfoIcon,\n  negative: AlertIcon,\n  positive: CheckmarkIcon\n};\n\ninterface ToastContainerContextValue {\n  isExpanded: boolean,\n  toggleExpanded: () => void\n}\n\nconst ToastContainerContext = createContext<ToastContainerContextValue | null>(null);\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: ToastContainerProps): ReactNode {\n  let {\n    placement = 'bottom'\n  } = props;\n  let queue = getGlobalToastQueue();\n  let align = 'center';\n  [placement, align = 'center'] = placement.split(' ') as any;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let regionRef = useRef<HTMLDivElement | null>(null);\n\n  let state = useOverlayTriggerState({});\n  let {isOpen: isExpanded, close, toggle} = state;\n  let ctx = useMemo(() => ({\n    isExpanded,\n    toggleExpanded() {\n      if (!isExpanded && queue.visibleToasts.length <= 1) {\n        return;\n      }\n\n      startViewTransition(\n        () => toggle(),\n        isExpanded ? 'toast-collapse' : 'toast-expand'\n      );\n    }\n  }), [isExpanded, toggle, queue]);\n\n  // Set the state to collapsed whenever the queue is emptied.\n  useEffect(() => {\n    return queue.subscribe(() => {\n      if (queue.visibleToasts.length === 0 && isExpanded) {\n        close();\n      }\n    });\n  }, [queue, isExpanded, close]);\n\n  let collapse = () => {\n    regionRef.current?.focus();\n    ctx.toggleExpanded();\n  };\n\n  // Prevent scroll, aria hide outside, and contain focus when expanded, since we take over the whole screen.\n  // Attach event handler to the ref since ToastRegion doesn't pass through onKeyDown.\n  useModalOverlay({}, state, regionRef);\n  useEvent(regionRef, 'keydown', isExpanded ? (e) => {\n    if (e.key === 'Escape') {\n      collapse();\n    }\n  } : undefined);\n\n  let prefersReducedMotion = useMediaQuery('(prefers-reduced-motion)');\n  let reduceMotion = props['PRIVATE_forceReducedMotion'] ?? prefersReducedMotion;\n  useEffect(() => {\n    let oldGlobalReduceMotion = globalReduceMotion;\n    globalReduceMotion = reduceMotion;\n    return () => {\n      globalReduceMotion = oldGlobalReduceMotion;\n    };\n  }, [reduceMotion]);\n\n  return (\n    (<ToastRegion\n      {...props}\n      ref={regionRef}\n      queue={queue}\n      className={renderProps => toastRegion({\n        ...renderProps,\n        placement,\n        align,\n        isExpanded\n      })}>\n      <FocusScope contain={isExpanded}>\n        <ToastContainerContext.Provider value={ctx}>\n          {isExpanded && (\n            // eslint-disable-next-line\n            (<div\n              className={toastCss['toast-background'] + style({position: 'fixed', inset: 0, backgroundColor: 'transparent-black-500'})}\n              onClick={collapse} />)\n          )}\n          <SpectrumToastList\n            placement={placement}\n            align={align}\n            reduceMotion={reduceMotion} />\n          <div className={toastCss['toast-controls'] + controls({isExpanded})}>\n            <ActionButton\n              size=\"S\"\n              onPress={() => queue.clear()}\n              // Default focus ring does not have enough contrast against gray background.\n              UNSAFE_style={{outlineColor: 'white'}}>\n              {stringFormatter.format('toast.clearAll')}\n            </ActionButton>\n            <ActionButton\n              size=\"S\"\n              onPress={collapse}\n              UNSAFE_style={{outlineColor: 'white'}}>\n              {stringFormatter.format('toast.collapse')}\n            </ActionButton>\n          </div>\n        </ToastContainerContext.Provider>\n      </FocusScope>\n    </ToastRegion>)\n  );\n}\n\nfunction SpectrumToastList({placement, align, reduceMotion}) {\n  let {isExpanded, toggleExpanded} = useContext(ToastContainerContext)!;\n\n  // Attach click handler to ref since ToastList doesn't pass through onClick/onPress.\n  let toastListRef = useRef(null);\n  useEvent(toastListRef, 'click', (e) => {\n    // Have to check if this is a button because stopPropagation in react events doesn't affect native events.\n    if (!isExpanded && !(getEventTarget(e) as Element)?.closest('button')) {\n      toggleExpanded();\n    }\n  });\n\n  return (\n    <ToastList<SpectrumToastValue>\n      ref={toastListRef}\n      style={({isHovered}) => {\n        let origin = isHovered ? 95 : 55;\n        return {\n          perspective: 80,\n          perspectiveOrigin: 'center ' + (placement === 'top' ? `calc(100% + ${origin}px)` : `${-origin}px`),\n          transition: 'perspective-origin 400ms'\n        };\n      }}\n      className={toastCss[isExpanded ? 'toast-list-expanded' : 'toast-list-collapsed'] + toastList({placement, align, isExpanded})}>\n      {({toast}) => (\n        <SpectrumToast\n          toast={toast}\n          placement={placement}\n          align={align}\n          reduceMotion={reduceMotion} />\n      )}\n    </ToastList>\n  );\n}\n\ninterface SpectrumToastProps extends ToastProps<SpectrumToastValue> {\n  placement?: 'top' | 'bottom',\n  align?: 'start' | 'center' | 'end',\n  reduceMotion?: boolean\n}\n\n// Exported locally for stories.\nexport function SpectrumToast(props: SpectrumToastProps): ReactNode {\n  let {toast, placement = 'bottom', align = 'center'} = props;\n  let variant = toast.content.variant || 'info';\n  let Icon = ICONS[variant];\n  let state = useContext(ToastStateContext)!;\n  let visibleToasts = state.visibleToasts;\n  let index = visibleToasts.indexOf(toast);\n  let isMain = index <= 0;\n  let ctx = useContext(ToastContainerContext);\n  let isExpanded = ctx?.isExpanded || false;\n  let toastRef = useRef<HTMLDivElement | null>(null);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n\n  // When not expanded, use a presentational div for the toasts behind the top one.\n  // The content is invisible, all we show is the background color.\n  if (!isMain && ctx && !ctx.isExpanded) {\n    return (\n      <div\n        role=\"presentation\"\n        style={{\n          position: 'absolute',\n          [placement === 'top' ? 'bottom' : 'top']: 0,\n          left: 0,\n          width: '100%',\n          translate: `0 0 ${(-12 * index) / 16}rem`,\n          // Only 3 toasts are visible in the stack at once, but all toasts are in the DOM.\n          // This allows view transitions to smoothly animate them from where they would be\n          // in the collapsed stack to their final position in the expanded list.\n          opacity: index >= 3 ? 0 : 1,\n          zIndex: visibleToasts.length - index - 1,\n          // When reduced motion is enabled, use append index to view-transition-name\n          // so that adding/removing a toast cross fades instead of transitioning the position.\n          // This works because the toasts are seen as separate elements instead of the same one when their index changes.\n          viewTransitionName: toast.key + (props.reduceMotion ? '-' + index : ''),\n          viewTransitionClass: [toastCss.toast, toastCss['background-toast']].map(c => CSS.escape(c)).join(' ')\n        }}\n        className={toastCss.toast + toastStyle({variant: toast.content.variant || 'info', index, isExpanded})}\n        ref={fixSafariTransform} />\n    );\n  }\n\n  return (\n    <Toast\n      ref={toastRef}\n      toast={toast}\n      style={{\n        zIndex: visibleToasts.length - index - 1,\n        viewTransitionName: toast.key,\n        viewTransitionClass: [toastCss.toast, !isMain ? toastCss['background-toast'] : '', toastCss[placement], toastCss[align]].filter(Boolean).map(c => CSS.escape(c)).join(' ')\n      }}\n      className={renderProps => toastCss.toast + toastStyle({\n        ...renderProps,\n        variant: toast.content.variant || 'info',\n        index,\n        isExpanded\n      })}>\n      <div role=\"presentation\" className={toastBody({isSingle: !isMain || visibleToasts.length <= 1 || isExpanded})}>\n        <ToastContent className={toastContent + (ctx && isMain ? ` ${toastCss['toast-content']}` : null)}>\n          {Icon &&\n            <CenterBaseline>\n              <Icon />\n            </CenterBaseline>\n          }\n          <Text slot=\"title\">{toast.content.children}</Text>\n        </ToastContent>\n        {!isExpanded && visibleToasts.length > 1 &&\n          <ActionButton\n            isQuiet\n            staticColor=\"white\"\n            styles={style({gridArea: 'expand'})}\n            // Make the chevron line up with the toast text, even though there is padding within the button.\n            UNSAFE_style={{marginInlineStart: variant === 'neutral' ? -10 : 14}}\n            UNSAFE_className={ctx && isMain ? toastCss['toast-expand'] : undefined}\n            onPress={() => {\n              // This button disappears when clicked, so move focus to the toast.\n              toastRef.current?.focus();\n              ctx?.toggleExpanded();\n            }}>\n            <Text>{stringFormatter.format('toast.showAll')}</Text>\n            {/* @ts-ignore */}\n            <Chevron UNSAFE_style={{rotate: placement === 'bottom' ? '180deg' : undefined}} />\n          </ActionButton>\n        }\n        {toast.content.actionLabel &&\n          <Button\n            variant=\"secondary\"\n            fillStyle=\"outline\"\n            staticColor=\"white\"\n            onPress={() => {\n              toast.content.onAction?.();\n              if (toast.content.shouldCloseOnAction) {\n                state.close(toast.key);\n              }\n            }}\n            UNSAFE_className={ctx && isMain ? toastCss['toast-action'] : undefined}\n            styles={style({marginStart: 'auto', gridArea: 'action'})}>\n            {toast.content.actionLabel}\n          </Button>\n        }\n      </div>\n      <CloseButton\n        staticColor=\"white\"\n        UNSAFE_className={ctx && isMain ? toastCss['toast-close'] : undefined} />\n    </Toast>\n  );\n}\n\nfunction fixSafariTransform(el: HTMLDivElement | null) {\n  // Safari has a bug where the toasts display in the wrong position (CSS transform is not applied correctly).\n  // Work around this by removing it, forcing a reflow, and re-applying.\n  if (el && isWebKit()) {\n    let translate = el.style.translate;\n    el.style.translate = '';\n    el.offsetHeight;\n    el.style.translate = translate;\n  }\n}\n"],"names":[],"version":3,"file":"Toast.mjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/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 {ActionButton} from './ActionButton';\nimport AlertIcon from '../s2wf-icons/S2_Icon_AlertTriangle_20_N.svg';\nimport {Button} from './Button';\nimport {CenterBaseline} from './CenterBaseline';\nimport CheckmarkIcon from '../s2wf-icons/S2_Icon_CheckmarkCircle_20_N.svg';\nimport Chevron from '../s2wf-icons/S2_Icon_ChevronDown_20_N.svg';\nimport {CloseButton} from './CloseButton';\nimport {createContext, ReactNode, useContext, useEffect, useMemo, useRef} from 'react';\nimport {DOMProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {flushSync} from 'react-dom';\nimport {focusRing, style} from '../style' with {type: 'macro'};\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {getEventTarget} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport InfoIcon from '../s2wf-icons/S2_Icon_InfoCircle_20_N.svg';\nimport intlMessages from '../intl/*.json';\nimport {isWebKit} from 'react-aria/private/utils/platform';\nimport {ToastOptions as RACToastOptions, ToastQueue} from 'react-stately/useToastState';\nimport {Text} from './Content';\nimport {\n  UNSTABLE_Toast as Toast,\n  UNSTABLE_ToastContent as ToastContent,\n  UNSTABLE_ToastList as ToastList,\n  ToastProps,\n  UNSTABLE_ToastRegion as ToastRegion,\n  ToastRegionProps,\n  UNSTABLE_ToastStateContext as ToastStateContext\n} from 'react-aria-components/Toast';\nimport toastCss from './Toast.module.css';\nimport {useEvent} from 'react-aria/private/utils/useEvent';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useMediaQuery} from './useMediaQuery';\nimport {useModalOverlay} from 'react-aria/useModalOverlay';\nimport {useOverlayTriggerState} from 'react-stately/useOverlayTriggerState';\n\nexport type ToastPlacement = 'top' | 'top end' | 'bottom' | 'bottom end';\nexport interface ToastContainerProps extends Omit<\n  ToastRegionProps<SpectrumToastValue>,\n  'queue' | 'children' | 'style' | 'className' | 'render'\n> {\n  /**\n   * Placement of the toast container on the page.\n   *\n   * @default 'bottom'\n   */\n  placement?: ToastPlacement;\n}\n\nexport interface ToastOptions extends Omit<RACToastOptions, 'priority'>, DOMProps {\n  /** A label for the action button within the toast. */\n  actionLabel?: string;\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void;\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean;\n}\n\nexport interface SpectrumToastValue extends DOMProps {\n  /** The content of the toast. */\n  children: string;\n  /** The variant (i.e. color) of the toast. */\n  variant: 'positive' | 'negative' | 'info' | 'neutral';\n  /** A label for the action button within the toast. */\n  actionLabel?: string;\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void;\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean;\n}\n\nlet globalReduceMotion = false;\nfunction startViewTransition(fn: () => void, type: string) {\n  if ('startViewTransition' in document) {\n    // Safari doesn't support :active-view-transition-type() yet, so we fall back to a class on the html element.\n    document.documentElement.classList.add(toastCss[type]);\n    if (globalReduceMotion) {\n      document.documentElement.classList.add(toastCss.reduceMotion);\n    }\n\n    let viewTransition = document.startViewTransition(() => flushSync(fn));\n\n    viewTransition.ready.catch(() => {});\n    viewTransition.finished.then(() => {\n      document.documentElement.classList.remove(toastCss[type], toastCss.reduceMotion);\n    });\n  } else {\n    fn();\n  }\n}\n\n// There is a single global toast queue instance for the whole app, initialized lazily.\nlet globalToastQueue: ToastQueue<SpectrumToastValue> | null = null;\nfunction getGlobalToastQueue() {\n  if (!globalToastQueue) {\n    globalToastQueue = new ToastQueue({\n      maxVisibleToasts: Infinity,\n      wrapUpdate(fn, action) {\n        startViewTransition(fn, `toast-${action}`);\n      }\n    });\n  }\n\n  return globalToastQueue;\n}\n\nfunction addToast(\n  children: string,\n  variant: SpectrumToastValue['variant'],\n  options: ToastOptions = {}\n) {\n  let value = {\n    children,\n    variant,\n    actionLabel: options.actionLabel,\n    onAction: options.onAction,\n    shouldCloseOnAction: options.shouldCloseOnAction,\n    ...filterDOMProps(options)\n  };\n\n  // Minimum time of 5s from https://spectrum.adobe.com/page/toast/#Auto-dismissible\n  // Actionable toasts cannot be auto dismissed. That would fail WCAG SC 2.2.1.\n  // It is debatable whether non-actionable toasts would also fail.\n  let timeout =\n    options.timeout && !options.actionLabel ? Math.max(options.timeout, 5000) : undefined;\n  let queue = getGlobalToastQueue();\n  let key = queue.add(value, {timeout, onClose: options.onClose});\n  return () => queue.close(key);\n}\n\ntype CloseFunction = () => void;\n\nconst SpectrumToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: ToastOptions = {}): CloseFunction {\n    return addToast(children, 'neutral', options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: ToastOptions = {}): CloseFunction {\n    return addToast(children, 'positive', options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: ToastOptions = {}): CloseFunction {\n    return addToast(children, 'negative', options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: ToastOptions = {}): CloseFunction {\n    return addToast(children, 'info', options);\n  }\n};\n\nexport {SpectrumToastQueue as ToastQueue};\n\nconst toastRegion = style({\n  ...focusRing(),\n  display: 'flex',\n  flexDirection: {\n    placement: {\n      top: 'column',\n      bottom: 'column-reverse'\n    }\n  },\n  position: 'fixed',\n  insetX: 0,\n  width: 'fit',\n  top: {\n    placement: {\n      top: {\n        default: 16,\n        isExpanded: 0\n      }\n    }\n  },\n  bottom: {\n    placement: {\n      bottom: {\n        default: 16,\n        isExpanded: 0\n      }\n    }\n  },\n  marginStart: {\n    align: {\n      start: 16,\n      center: 'auto',\n      end: 'auto'\n    }\n  },\n  marginEnd: {\n    align: {\n      start: 'auto',\n      center: 'auto',\n      end: 16\n    }\n  },\n  boxSizing: 'border-box',\n  maxHeight: 'full',\n  borderRadius: 'lg'\n});\n\nconst toastList = style({\n  position: 'relative',\n  flexGrow: 1,\n  display: 'flex',\n  gap: 8,\n  flexDirection: {\n    placement: {\n      top: 'column',\n      bottom: 'column-reverse'\n    }\n  },\n  boxSizing: 'border-box',\n  marginY: 0,\n  padding: {\n    default: 0,\n    // Add padding when expanded to account for focus ring.\n    isExpanded: 8\n  },\n  paddingBottom: {\n    isExpanded: {\n      placement: {\n        top: 8,\n        bottom: 16\n      }\n    }\n  },\n  paddingTop: {\n    isExpanded: {\n      placement: {\n        top: 16,\n        bottom: 8\n      }\n    }\n  },\n  margin: 0,\n  marginX: {\n    default: 0,\n    // Undo padding for focus ring.\n    isExpanded: -8\n  },\n  overflow: {\n    isExpanded: 'auto'\n  }\n});\n\nconst toastStyle = style({\n  ...focusRing(),\n  outlineColor: {\n    default: 'focus-ring',\n    isExpanded: 'white'\n  },\n  display: 'flex',\n  gap: 16,\n  paddingStart: 16,\n  paddingEnd: 8,\n  paddingY: 12,\n  borderRadius: 'lg',\n  minHeight: 56,\n  '--maxWidth': {\n    type: 'maxWidth',\n    value: 336\n  },\n  maxWidth: 'min(var(--maxWidth), 90vw)',\n  boxSizing: 'border-box',\n  flexShrink: 0,\n  font: 'ui',\n  color: 'white',\n  backgroundColor: {\n    variant: {\n      neutral: 'neutral-subdued',\n      info: 'informative',\n      positive: 'positive',\n      negative: 'negative'\n    }\n  },\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  },\n  boxShadow: {\n    default: 'elevated',\n    isExpanded: 'none'\n  },\n  willChange: 'transform'\n});\n\nconst toastBody = style({\n  // The top toast in a non-expanded stack has the expand button, so it is rendered as a grid.\n  // Otherwise it uses flex so the content can wrap when needed.\n  display: {\n    default: 'grid',\n    isSingle: 'flex'\n  },\n  gridTemplateColumns: ['auto', '1fr', 'auto'],\n  gridTemplateAreas: ['content content content', 'expand  .       action'],\n  flexGrow: 1,\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  columnGap: 24,\n  rowGap: 8\n});\n\nconst toastContent = style({\n  display: 'flex',\n  gap: 8,\n  alignItems: 'baseline',\n  gridArea: 'content',\n  cursor: 'default',\n  width: 'fit',\n  overflowWrap: 'break-word',\n  wordBreak: 'break-word',\n  minWidth: 0\n});\n\nconst controls = style({\n  colorScheme: 'light',\n  display: {\n    default: 'none',\n    isExpanded: 'flex'\n  },\n  justifyContent: 'end',\n  gap: 8,\n  opacity: {\n    default: 0,\n    isExpanded: 1\n  }\n});\n\nconst ICONS = {\n  info: InfoIcon,\n  negative: AlertIcon,\n  positive: CheckmarkIcon\n};\n\ninterface ToastContainerContextValue {\n  isExpanded: boolean;\n  toggleExpanded: () => void;\n}\n\nconst ToastContainerContext = createContext<ToastContainerContextValue | null>(null);\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: ToastContainerProps): ReactNode {\n  let {placement = 'bottom'} = props;\n  let queue = getGlobalToastQueue();\n  let align = 'center';\n  [placement, align = 'center'] = placement.split(' ') as any;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let regionRef = useRef<HTMLDivElement | null>(null);\n\n  let state = useOverlayTriggerState({});\n  let {isOpen: isExpanded, close, toggle} = state;\n  let ctx = useMemo(\n    () => ({\n      isExpanded,\n      toggleExpanded() {\n        if (!isExpanded && queue.visibleToasts.length <= 1) {\n          return;\n        }\n\n        startViewTransition(() => toggle(), isExpanded ? 'toast-collapse' : 'toast-expand');\n      }\n    }),\n    [isExpanded, toggle, queue]\n  );\n\n  // Set the state to collapsed whenever the queue is emptied.\n  useEffect(() => {\n    return queue.subscribe(() => {\n      if (queue.visibleToasts.length === 0 && isExpanded) {\n        close();\n      }\n    });\n  }, [queue, isExpanded, close]);\n\n  let collapse = () => {\n    regionRef.current?.focus();\n    ctx.toggleExpanded();\n  };\n\n  // Prevent scroll, aria hide outside, and contain focus when expanded, since we take over the whole screen.\n  // Attach event handler to the ref since ToastRegion doesn't pass through onKeyDown.\n  useModalOverlay({}, state, regionRef);\n  useEvent(\n    regionRef,\n    'keydown',\n    isExpanded\n      ? e => {\n          if (e.key === 'Escape') {\n            collapse();\n          }\n        }\n      : undefined\n  );\n\n  let prefersReducedMotion = useMediaQuery('(prefers-reduced-motion)');\n  let reduceMotion = props['PRIVATE_forceReducedMotion'] ?? prefersReducedMotion;\n  useEffect(() => {\n    let oldGlobalReduceMotion = globalReduceMotion;\n    globalReduceMotion = reduceMotion;\n    return () => {\n      globalReduceMotion = oldGlobalReduceMotion;\n    };\n  }, [reduceMotion]);\n\n  return (\n    <ToastRegion\n      {...props}\n      ref={regionRef}\n      queue={queue}\n      className={renderProps =>\n        toastRegion({\n          ...renderProps,\n          placement,\n          align,\n          isExpanded\n        })\n      }>\n      <FocusScope contain={isExpanded}>\n        <ToastContainerContext.Provider value={ctx}>\n          {isExpanded && (\n            // eslint-disable-next-line\n            <div\n              className={\n                toastCss['toast-background'] +\n                style({position: 'fixed', inset: 0, backgroundColor: 'transparent-black-500'})\n              }\n              onClick={collapse}\n            />\n          )}\n          <SpectrumToastList placement={placement} align={align} reduceMotion={reduceMotion} />\n          <div className={toastCss['toast-controls'] + controls({isExpanded})}>\n            <ActionButton\n              size=\"S\"\n              onPress={() => queue.clear()}\n              // Default focus ring does not have enough contrast against gray background.\n              UNSAFE_style={{outlineColor: 'white'}}>\n              {stringFormatter.format('toast.clearAll')}\n            </ActionButton>\n            <ActionButton size=\"S\" onPress={collapse} UNSAFE_style={{outlineColor: 'white'}}>\n              {stringFormatter.format('toast.collapse')}\n            </ActionButton>\n          </div>\n        </ToastContainerContext.Provider>\n      </FocusScope>\n    </ToastRegion>\n  );\n}\n\nfunction SpectrumToastList({placement, align, reduceMotion}) {\n  let {isExpanded, toggleExpanded} = useContext(ToastContainerContext)!;\n\n  // Attach click handler to ref since ToastList doesn't pass through onClick/onPress.\n  let toastListRef = useRef(null);\n  useEvent(toastListRef, 'click', e => {\n    // Have to check if this is a button because stopPropagation in react events doesn't affect native events.\n    if (!isExpanded && !(getEventTarget(e) as Element)?.closest('button')) {\n      toggleExpanded();\n    }\n  });\n\n  return (\n    <ToastList<SpectrumToastValue>\n      ref={toastListRef}\n      style={({isHovered}) => {\n        let origin = isHovered ? 95 : 55;\n        return {\n          perspective: 80,\n          perspectiveOrigin:\n            'center ' + (placement === 'top' ? `calc(100% + ${origin}px)` : `${-origin}px`),\n          transition: 'perspective-origin 400ms'\n        };\n      }}\n      className={\n        toastCss[isExpanded ? 'toast-list-expanded' : 'toast-list-collapsed'] +\n        toastList({placement, align, isExpanded})\n      }>\n      {({toast}) => (\n        <SpectrumToast\n          toast={toast}\n          placement={placement}\n          align={align}\n          reduceMotion={reduceMotion}\n        />\n      )}\n    </ToastList>\n  );\n}\n\ninterface SpectrumToastProps extends ToastProps<SpectrumToastValue> {\n  placement?: 'top' | 'bottom';\n  align?: 'start' | 'center' | 'end';\n  reduceMotion?: boolean;\n}\n\n// Exported locally for stories.\nexport function SpectrumToast(props: SpectrumToastProps): ReactNode {\n  let {toast, placement = 'bottom', align = 'center'} = props;\n  let variant = toast.content.variant || 'info';\n  let Icon = ICONS[variant];\n  let state = useContext(ToastStateContext)!;\n  let visibleToasts = state.visibleToasts;\n  let index = visibleToasts.indexOf(toast);\n  let isMain = index <= 0;\n  let ctx = useContext(ToastContainerContext);\n  let isExpanded = ctx?.isExpanded || false;\n  let toastRef = useRef<HTMLDivElement | null>(null);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n\n  // When not expanded, use a presentational div for the toasts behind the top one.\n  // The content is invisible, all we show is the background color.\n  if (!isMain && ctx && !ctx.isExpanded) {\n    return (\n      <div\n        role=\"presentation\"\n        style={{\n          position: 'absolute',\n          [placement === 'top' ? 'bottom' : 'top']: 0,\n          left: 0,\n          width: '100%',\n          translate: `0 0 ${(-12 * index) / 16}rem`,\n          // Only 3 toasts are visible in the stack at once, but all toasts are in the DOM.\n          // This allows view transitions to smoothly animate them from where they would be\n          // in the collapsed stack to their final position in the expanded list.\n          opacity: index >= 3 ? 0 : 1,\n          zIndex: visibleToasts.length - index - 1,\n          // When reduced motion is enabled, use append index to view-transition-name\n          // so that adding/removing a toast cross fades instead of transitioning the position.\n          // This works because the toasts are seen as separate elements instead of the same one when their index changes.\n          viewTransitionName: toast.key + (props.reduceMotion ? '-' + index : ''),\n          viewTransitionClass: [toastCss.toast, toastCss['background-toast']]\n            .map(c => CSS.escape(c))\n            .join(' ')\n        }}\n        className={\n          toastCss.toast + toastStyle({variant: toast.content.variant || 'info', index, isExpanded})\n        }\n        ref={fixSafariTransform}\n      />\n    );\n  }\n\n  return (\n    <Toast\n      ref={toastRef}\n      toast={toast}\n      style={{\n        zIndex: visibleToasts.length - index - 1,\n        viewTransitionName: toast.key,\n        viewTransitionClass: [\n          toastCss.toast,\n          !isMain ? toastCss['background-toast'] : '',\n          toastCss[placement],\n          toastCss[align]\n        ]\n          .filter(Boolean)\n          .map(c => CSS.escape(c))\n          .join(' ')\n      }}\n      className={renderProps =>\n        toastCss.toast +\n        toastStyle({\n          ...renderProps,\n          variant: toast.content.variant || 'info',\n          index,\n          isExpanded\n        })\n      }>\n      <div\n        role=\"presentation\"\n        className={toastBody({isSingle: !isMain || visibleToasts.length <= 1 || isExpanded})}>\n        <ToastContent\n          className={toastContent + (ctx && isMain ? ` ${toastCss['toast-content']}` : null)}>\n          {Icon && (\n            <CenterBaseline>\n              <Icon />\n            </CenterBaseline>\n          )}\n          <Text slot=\"title\">{toast.content.children}</Text>\n        </ToastContent>\n        {!isExpanded && visibleToasts.length > 1 && (\n          <ActionButton\n            isQuiet\n            staticColor=\"white\"\n            styles={style({gridArea: 'expand'})}\n            // Make the chevron line up with the toast text, even though there is padding within the button.\n            UNSAFE_style={{marginInlineStart: variant === 'neutral' ? -10 : 14}}\n            UNSAFE_className={ctx && isMain ? toastCss['toast-expand'] : undefined}\n            onPress={() => {\n              // This button disappears when clicked, so move focus to the toast.\n              toastRef.current?.focus();\n              ctx?.toggleExpanded();\n            }}>\n            <Text>{stringFormatter.format('toast.showAll')}</Text>\n            {/* @ts-ignore */}\n            <Chevron UNSAFE_style={{rotate: placement === 'bottom' ? '180deg' : undefined}} />\n          </ActionButton>\n        )}\n        {toast.content.actionLabel && (\n          <Button\n            variant=\"secondary\"\n            fillStyle=\"outline\"\n            staticColor=\"white\"\n            onPress={() => {\n              toast.content.onAction?.();\n              if (toast.content.shouldCloseOnAction) {\n                state.close(toast.key);\n              }\n            }}\n            UNSAFE_className={ctx && isMain ? toastCss['toast-action'] : undefined}\n            styles={style({marginStart: 'auto', gridArea: 'action'})}>\n            {toast.content.actionLabel}\n          </Button>\n        )}\n      </div>\n      <CloseButton\n        staticColor=\"white\"\n        UNSAFE_className={ctx && isMain ? toastCss['toast-close'] : undefined}\n      />\n    </Toast>\n  );\n}\n\nfunction fixSafariTransform(el: HTMLDivElement | null) {\n  // Safari has a bug where the toasts display in the wrong position (CSS transform is not applied correctly).\n  // Work around this by removing it, forcing a reflow, and re-applying.\n  if (el && isWebKit()) {\n    let translate = el.style.translate;\n    el.style.translate = '';\n    el.offsetHeight;\n    el.style.translate = translate;\n  }\n}\n"],"names":[],"version":3,"file":"Toast.mjs.map"}

package/dist/private/Toast.module_css.cjs

@@ -45,29 +45,29 @@ var $aa16d99d2c9699f6$export$a87160c50f0b3a26;
 var $aa16d99d2c9699f6$export$c2bf6e0c0f84b201;
 var $aa16d99d2c9699f6$export$e6c629548fb56b1d;
 var $aa16d99d2c9699f6$export$1e95b668f3b82d;
-$aa16d99d2c9699f6$export$edbbb856c11a0d96 = `To9GSa_background-toast`;
-$aa16d99d2c9699f6$export$40e543e69a8b3fbb = `To9GSa_bottom`;
-$aa16d99d2c9699f6$export$bd5df0f255a350f8 = `To9GSa_end`;
-$aa16d99d2c9699f6$export$4d326e2f78efc43c = `To9GSa_reduceMotion`;
-$aa16d99d2c9699f6$export$1c220dee9e4dbe34 = `To9GSa_slide-in`;
+$aa16d99d2c9699f6$export$edbbb856c11a0d96 = `chyGla_background-toast`;
+$aa16d99d2c9699f6$export$40e543e69a8b3fbb = `chyGla_bottom`;
+$aa16d99d2c9699f6$export$bd5df0f255a350f8 = `chyGla_end`;
+$aa16d99d2c9699f6$export$4d326e2f78efc43c = `chyGla_reduceMotion`;
+$aa16d99d2c9699f6$export$1c220dee9e4dbe34 = `chyGla_slide-in`;
 $aa16d99d2c9699f6$export$1c220dee9e4dbe34;
-$aa16d99d2c9699f6$export$ec7246eb5d3e2aa3 = `To9GSa_slide-out`;
+$aa16d99d2c9699f6$export$ec7246eb5d3e2aa3 = `chyGla_slide-out`;
 $aa16d99d2c9699f6$export$ec7246eb5d3e2aa3;
-$aa16d99d2c9699f6$export$b3571188c770cc5a = `To9GSa_start`;
-$aa16d99d2c9699f6$export$b410431fab84fa58 = `To9GSa_toast`;
-$aa16d99d2c9699f6$export$3d00e48b8962d9f0 = `To9GSa_toast-action`;
-$aa16d99d2c9699f6$export$b684c8de946176be = `To9GSa_toast-add`;
-$aa16d99d2c9699f6$export$9a03a30b325163ea = `To9GSa_toast-background`;
-$aa16d99d2c9699f6$export$7cbc9cee106851da = `To9GSa_toast-clear`;
-$aa16d99d2c9699f6$export$cf9b85a5ed109c94 = `To9GSa_toast-close`;
-$aa16d99d2c9699f6$export$eb15d68452870263 = `To9GSa_toast-collapse`;
-$aa16d99d2c9699f6$export$83df85987eadac53 = `To9GSa_toast-content`;
-$aa16d99d2c9699f6$export$b5485e66c0963f26 = `To9GSa_toast-controls`;
-$aa16d99d2c9699f6$export$b19c3e4c0d595545 = `To9GSa_toast-expand`;
-$aa16d99d2c9699f6$export$a87160c50f0b3a26 = `To9GSa_toast-list-collapsed`;
-$aa16d99d2c9699f6$export$c2bf6e0c0f84b201 = `To9GSa_toast-list-expanded`;
-$aa16d99d2c9699f6$export$e6c629548fb56b1d = `To9GSa_toast-remove`;
-$aa16d99d2c9699f6$export$1e95b668f3b82d = `To9GSa_top`;
+$aa16d99d2c9699f6$export$b3571188c770cc5a = `chyGla_start`;
+$aa16d99d2c9699f6$export$b410431fab84fa58 = `chyGla_toast`;
+$aa16d99d2c9699f6$export$3d00e48b8962d9f0 = `chyGla_toast-action`;
+$aa16d99d2c9699f6$export$b684c8de946176be = `chyGla_toast-add`;
+$aa16d99d2c9699f6$export$9a03a30b325163ea = `chyGla_toast-background`;
+$aa16d99d2c9699f6$export$7cbc9cee106851da = `chyGla_toast-clear`;
+$aa16d99d2c9699f6$export$cf9b85a5ed109c94 = `chyGla_toast-close`;
+$aa16d99d2c9699f6$export$eb15d68452870263 = `chyGla_toast-collapse`;
+$aa16d99d2c9699f6$export$83df85987eadac53 = `chyGla_toast-content`;
+$aa16d99d2c9699f6$export$b5485e66c0963f26 = `chyGla_toast-controls`;
+$aa16d99d2c9699f6$export$b19c3e4c0d595545 = `chyGla_toast-expand`;
+$aa16d99d2c9699f6$export$a87160c50f0b3a26 = `chyGla_toast-list-collapsed`;
+$aa16d99d2c9699f6$export$c2bf6e0c0f84b201 = `chyGla_toast-list-expanded`;
+$aa16d99d2c9699f6$export$e6c629548fb56b1d = `chyGla_toast-remove`;
+$aa16d99d2c9699f6$export$1e95b668f3b82d = `chyGla_top`;
 
 
 //# sourceMappingURL=Toast.module_css.cjs.map

package/dist/private/Toast.module_css.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAtBA,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA8B,CAAC,gBAAgB,CAAC;AAChD;AACA,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,0CAAwB,CAAC,UAAU,CAAC","sources":["packages/@react-spectrum/s2/src/Toast.module.css"],"sourcesContent":["/* Safari doesn't support :active-view-transition-type() yet, so we fall back to a class on the html element */\nhtml.toast-add,\nhtml.toast-remove,\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml.toast-clear,\nhtml:active-view-transition-type(toast-add, toast-remove, toast-expand, toast-collapse, toast-clear) {\n  view-transition-name: none;\n\n  .toast-controls {\n    view-transition-name: toast-controls;\n  }\n\n  .toast-background {\n    view-transition-name: toast-background;\n  }\n\n  &::view-transition-group(toast-background) {\n    z-index: 0;\n    will-change: transform;\n  }\n\n  &::view-transition-group(.toast),\n  &::view-transition-group(toast-list-expanded),\n  &::view-transition-group(toast-list-collapsed) {\n    z-index: 1;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-controls) {\n    z-index: 2;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-content),\n  &::view-transition-group(toast-expand),\n  &::view-transition-group(toast-action),\n  &::view-transition-group(toast-close) {\n    z-index: 3;\n    will-change: transform;\n  }\n\n  &::view-transition-group(*) {\n    animation-duration: 400ms;\n  }\n}\n\nhtml.toast-add,\nhtml.toast-remove,\nhtml:active-view-transition-type(toast-add, toast-remove) {\n  /* The new toast should slide in and out. With reduce motion enabled, it fades by default. */\n  &:not(.reduceMotion) {\n    &::view-transition-new(.toast):only-child {\n      animation-name: slide-in;\n    }\n\n    &::view-transition-old(.toast):only-child {\n      animation-name: slide-out;\n    }\n  }\n\n  &::view-transition-group(.toast.bottom) {\n    --slideX: 0;\n    --slideY: calc(100% + 12px);\n  }\n  \n  &::view-transition-group(.toast.top) {\n    --slideX: 0;\n    --slideY: calc(-100% - 12px);\n  }\n  \n  &::view-transition-group(.toast.start) {\n    --slideX: calc(-100% - 12px);\n    --slideY: 0;\n  }\n  \n  &::view-transition-group(.toast.end) {\n    --slideX: calc(100% + 12px);\n    --slideY: 0;\n  }  \n}\n\n/* Make the \"Show all\" button animate slightly faster/slower than other components when expanding/collapsing.\n * This prevents it from appearing to overlap the text when it fades out and the text repositions. */\nhtml.toast-expand,\nhtml:active-view-transition-type(toast-expand) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 300ms;\n  }\n}\n\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-collapse) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 600ms;\n  }\n}\n\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-expand, toast-collapse) {\n  &:not(.reduceMotion) {\n    /* When expanding/collapsing, animate the components of the main toast individually. */\n    .toast-content {\n      view-transition-name: toast-content;\n    }\n\n    .toast-expand {\n      view-transition-name: toast-expand;\n    }\n\n    .toast-action {\n      view-transition-name: toast-action;\n    }\n\n    .toast-close {\n      view-transition-name: toast-close;\n    }\n\n    /* Force toast controls to be visible during the animation */\n    .toast-controls {\n      display: flex;\n    }\n\n    /* Smoothly transition the size of toasts. */\n    &::view-transition-old(.toast),\n    &::view-transition-new(.toast) {\n      /* Make the old and new images fill the size of the parent group. */\n      height: 100%;\n      width: 100%;\n    }\n\n    /* Background toasts don't have their components split apart in separate view transitions.\n     * This means we need to do some tricks to get the aspect ratio to transition smoothly.\n     * Clipping messes up the shadows a bit, but it's less noticeable on the background toasts. */\n    &::view-transition-old(.background-toast),\n    &::view-transition-new(.background-toast) {\n      /* Cover all of the available space without stretching the aspect ratio */\n      object-fit: cover;\n      object-position: top center;\n      /* Clip to retain rounded corners */\n      clip-path: inset(0px round 10px);\n    }\n  }\n\n  &.reduceMotion {\n    /* Do not animate individual toasts in reduced motion. The whole list cross-fades instead. */\n    .toast {\n      view-transition-name: none !important;\n    }\n\n    .toast-list-expanded {\n      view-transition-name: toast-list-expanded;\n    }\n\n    .toast-list-collapsed {\n      view-transition-name: toast-list-collapsed;\n    }\n  }\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n"],"names":[],"version":3,"file":"Toast.module_css.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAtBA,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA8B,CAAC,gBAAgB,CAAC;AAChD;AACA,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,0CAAwB,CAAC,UAAU,CAAC","sources":["packages/@react-spectrum/s2/src/Toast.module.css"],"sourcesContent":["/* Safari doesn't support :active-view-transition-type() yet, so we fall back to a class on the html element */\nhtml.toast-add,\nhtml.toast-remove,\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml.toast-clear,\nhtml:active-view-transition-type(\n  toast-add,\n  toast-remove,\n  toast-expand,\n  toast-collapse,\n  toast-clear\n) {\n  view-transition-name: none;\n\n  .toast-controls {\n    view-transition-name: toast-controls;\n  }\n\n  .toast-background {\n    view-transition-name: toast-background;\n  }\n\n  &::view-transition-group(toast-background) {\n    z-index: 0;\n    will-change: transform;\n  }\n\n  &::view-transition-group(.toast),\n  &::view-transition-group(toast-list-expanded),\n  &::view-transition-group(toast-list-collapsed) {\n    z-index: 1;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-controls) {\n    z-index: 2;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-content),\n  &::view-transition-group(toast-expand),\n  &::view-transition-group(toast-action),\n  &::view-transition-group(toast-close) {\n    z-index: 3;\n    will-change: transform;\n  }\n\n  &::view-transition-group(*) {\n    animation-duration: 400ms;\n  }\n}\n\nhtml.toast-add,\nhtml.toast-remove,\nhtml:active-view-transition-type(toast-add, toast-remove) {\n  /* The new toast should slide in and out. With reduce motion enabled, it fades by default. */\n  &:not(.reduceMotion) {\n    &::view-transition-new(.toast):only-child {\n      animation-name: slide-in;\n    }\n\n    &::view-transition-old(.toast):only-child {\n      animation-name: slide-out;\n    }\n  }\n\n  &::view-transition-group(.toast.bottom) {\n    --slideX: 0;\n    --slideY: calc(100% + 12px);\n  }\n\n  &::view-transition-group(.toast.top) {\n    --slideX: 0;\n    --slideY: calc(-100% - 12px);\n  }\n\n  &::view-transition-group(.toast.start) {\n    --slideX: calc(-100% - 12px);\n    --slideY: 0;\n  }\n\n  &::view-transition-group(.toast.end) {\n    --slideX: calc(100% + 12px);\n    --slideY: 0;\n  }\n}\n\n/* Make the \"Show all\" button animate slightly faster/slower than other components when expanding/collapsing.\n * This prevents it from appearing to overlap the text when it fades out and the text repositions. */\nhtml.toast-expand,\nhtml:active-view-transition-type(toast-expand) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 300ms;\n  }\n}\n\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-collapse) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 600ms;\n  }\n}\n\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-expand, toast-collapse) {\n  &:not(.reduceMotion) {\n    /* When expanding/collapsing, animate the components of the main toast individually. */\n    .toast-content {\n      view-transition-name: toast-content;\n    }\n\n    .toast-expand {\n      view-transition-name: toast-expand;\n    }\n\n    .toast-action {\n      view-transition-name: toast-action;\n    }\n\n    .toast-close {\n      view-transition-name: toast-close;\n    }\n\n    /* Force toast controls to be visible during the animation */\n    .toast-controls {\n      display: flex;\n    }\n\n    /* Smoothly transition the size of toasts. */\n    &::view-transition-old(.toast),\n    &::view-transition-new(.toast) {\n      /* Make the old and new images fill the size of the parent group. */\n      height: 100%;\n      width: 100%;\n    }\n\n    /* Background toasts don't have their components split apart in separate view transitions.\n     * This means we need to do some tricks to get the aspect ratio to transition smoothly.\n     * Clipping messes up the shadows a bit, but it's less noticeable on the background toasts. */\n    &::view-transition-old(.background-toast),\n    &::view-transition-new(.background-toast) {\n      /* Cover all of the available space without stretching the aspect ratio */\n      object-fit: cover;\n      object-position: top center;\n      /* Clip to retain rounded corners */\n      clip-path: inset(0px round 10px);\n    }\n  }\n\n  &.reduceMotion {\n    /* Do not animate individual toasts in reduced motion. The whole list cross-fades instead. */\n    .toast {\n      view-transition-name: none !important;\n    }\n\n    .toast-list-expanded {\n      view-transition-name: toast-list-expanded;\n    }\n\n    .toast-list-collapsed {\n      view-transition-name: toast-list-collapsed;\n    }\n  }\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n"],"names":[],"version":3,"file":"Toast.module_css.cjs.map"}

package/dist/private/Toast.module_css.mjs

@@ -46,29 +46,29 @@ var $9cff1fc922af8248$export$a87160c50f0b3a26;
 var $9cff1fc922af8248$export$c2bf6e0c0f84b201;
 var $9cff1fc922af8248$export$e6c629548fb56b1d;
 var $9cff1fc922af8248$export$1e95b668f3b82d;
-$9cff1fc922af8248$export$edbbb856c11a0d96 = `To9GSa_background-toast`;
-$9cff1fc922af8248$export$40e543e69a8b3fbb = `To9GSa_bottom`;
-$9cff1fc922af8248$export$bd5df0f255a350f8 = `To9GSa_end`;
-$9cff1fc922af8248$export$4d326e2f78efc43c = `To9GSa_reduceMotion`;
-$9cff1fc922af8248$export$1c220dee9e4dbe34 = `To9GSa_slide-in`;
+$9cff1fc922af8248$export$edbbb856c11a0d96 = `chyGla_background-toast`;
+$9cff1fc922af8248$export$40e543e69a8b3fbb = `chyGla_bottom`;
+$9cff1fc922af8248$export$bd5df0f255a350f8 = `chyGla_end`;
+$9cff1fc922af8248$export$4d326e2f78efc43c = `chyGla_reduceMotion`;
+$9cff1fc922af8248$export$1c220dee9e4dbe34 = `chyGla_slide-in`;
 $9cff1fc922af8248$export$1c220dee9e4dbe34;
-$9cff1fc922af8248$export$ec7246eb5d3e2aa3 = `To9GSa_slide-out`;
+$9cff1fc922af8248$export$ec7246eb5d3e2aa3 = `chyGla_slide-out`;
 $9cff1fc922af8248$export$ec7246eb5d3e2aa3;
-$9cff1fc922af8248$export$b3571188c770cc5a = `To9GSa_start`;
-$9cff1fc922af8248$export$b410431fab84fa58 = `To9GSa_toast`;
-$9cff1fc922af8248$export$3d00e48b8962d9f0 = `To9GSa_toast-action`;
-$9cff1fc922af8248$export$b684c8de946176be = `To9GSa_toast-add`;
-$9cff1fc922af8248$export$9a03a30b325163ea = `To9GSa_toast-background`;
-$9cff1fc922af8248$export$7cbc9cee106851da = `To9GSa_toast-clear`;
-$9cff1fc922af8248$export$cf9b85a5ed109c94 = `To9GSa_toast-close`;
-$9cff1fc922af8248$export$eb15d68452870263 = `To9GSa_toast-collapse`;
-$9cff1fc922af8248$export$83df85987eadac53 = `To9GSa_toast-content`;
-$9cff1fc922af8248$export$b5485e66c0963f26 = `To9GSa_toast-controls`;
-$9cff1fc922af8248$export$b19c3e4c0d595545 = `To9GSa_toast-expand`;
-$9cff1fc922af8248$export$a87160c50f0b3a26 = `To9GSa_toast-list-collapsed`;
-$9cff1fc922af8248$export$c2bf6e0c0f84b201 = `To9GSa_toast-list-expanded`;
-$9cff1fc922af8248$export$e6c629548fb56b1d = `To9GSa_toast-remove`;
-$9cff1fc922af8248$export$1e95b668f3b82d = `To9GSa_top`;
+$9cff1fc922af8248$export$b3571188c770cc5a = `chyGla_start`;
+$9cff1fc922af8248$export$b410431fab84fa58 = `chyGla_toast`;
+$9cff1fc922af8248$export$3d00e48b8962d9f0 = `chyGla_toast-action`;
+$9cff1fc922af8248$export$b684c8de946176be = `chyGla_toast-add`;
+$9cff1fc922af8248$export$9a03a30b325163ea = `chyGla_toast-background`;
+$9cff1fc922af8248$export$7cbc9cee106851da = `chyGla_toast-clear`;
+$9cff1fc922af8248$export$cf9b85a5ed109c94 = `chyGla_toast-close`;
+$9cff1fc922af8248$export$eb15d68452870263 = `chyGla_toast-collapse`;
+$9cff1fc922af8248$export$83df85987eadac53 = `chyGla_toast-content`;
+$9cff1fc922af8248$export$b5485e66c0963f26 = `chyGla_toast-controls`;
+$9cff1fc922af8248$export$b19c3e4c0d595545 = `chyGla_toast-expand`;
+$9cff1fc922af8248$export$a87160c50f0b3a26 = `chyGla_toast-list-collapsed`;
+$9cff1fc922af8248$export$c2bf6e0c0f84b201 = `chyGla_toast-list-expanded`;
+$9cff1fc922af8248$export$e6c629548fb56b1d = `chyGla_toast-remove`;
+$9cff1fc922af8248$export$1e95b668f3b82d = `chyGla_top`;
 
 
 export {$9cff1fc922af8248$exports as default};

package/dist/private/Toast.module_css.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAtBA,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA8B,CAAC,gBAAgB,CAAC;AAChD;AACA,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,0CAAwB,CAAC,UAAU,CAAC","sources":["packages/@react-spectrum/s2/src/Toast.module.css"],"sourcesContent":["/* Safari doesn't support :active-view-transition-type() yet, so we fall back to a class on the html element */\nhtml.toast-add,\nhtml.toast-remove,\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml.toast-clear,\nhtml:active-view-transition-type(toast-add, toast-remove, toast-expand, toast-collapse, toast-clear) {\n  view-transition-name: none;\n\n  .toast-controls {\n    view-transition-name: toast-controls;\n  }\n\n  .toast-background {\n    view-transition-name: toast-background;\n  }\n\n  &::view-transition-group(toast-background) {\n    z-index: 0;\n    will-change: transform;\n  }\n\n  &::view-transition-group(.toast),\n  &::view-transition-group(toast-list-expanded),\n  &::view-transition-group(toast-list-collapsed) {\n    z-index: 1;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-controls) {\n    z-index: 2;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-content),\n  &::view-transition-group(toast-expand),\n  &::view-transition-group(toast-action),\n  &::view-transition-group(toast-close) {\n    z-index: 3;\n    will-change: transform;\n  }\n\n  &::view-transition-group(*) {\n    animation-duration: 400ms;\n  }\n}\n\nhtml.toast-add,\nhtml.toast-remove,\nhtml:active-view-transition-type(toast-add, toast-remove) {\n  /* The new toast should slide in and out. With reduce motion enabled, it fades by default. */\n  &:not(.reduceMotion) {\n    &::view-transition-new(.toast):only-child {\n      animation-name: slide-in;\n    }\n\n    &::view-transition-old(.toast):only-child {\n      animation-name: slide-out;\n    }\n  }\n\n  &::view-transition-group(.toast.bottom) {\n    --slideX: 0;\n    --slideY: calc(100% + 12px);\n  }\n  \n  &::view-transition-group(.toast.top) {\n    --slideX: 0;\n    --slideY: calc(-100% - 12px);\n  }\n  \n  &::view-transition-group(.toast.start) {\n    --slideX: calc(-100% - 12px);\n    --slideY: 0;\n  }\n  \n  &::view-transition-group(.toast.end) {\n    --slideX: calc(100% + 12px);\n    --slideY: 0;\n  }  \n}\n\n/* Make the \"Show all\" button animate slightly faster/slower than other components when expanding/collapsing.\n * This prevents it from appearing to overlap the text when it fades out and the text repositions. */\nhtml.toast-expand,\nhtml:active-view-transition-type(toast-expand) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 300ms;\n  }\n}\n\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-collapse) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 600ms;\n  }\n}\n\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-expand, toast-collapse) {\n  &:not(.reduceMotion) {\n    /* When expanding/collapsing, animate the components of the main toast individually. */\n    .toast-content {\n      view-transition-name: toast-content;\n    }\n\n    .toast-expand {\n      view-transition-name: toast-expand;\n    }\n\n    .toast-action {\n      view-transition-name: toast-action;\n    }\n\n    .toast-close {\n      view-transition-name: toast-close;\n    }\n\n    /* Force toast controls to be visible during the animation */\n    .toast-controls {\n      display: flex;\n    }\n\n    /* Smoothly transition the size of toasts. */\n    &::view-transition-old(.toast),\n    &::view-transition-new(.toast) {\n      /* Make the old and new images fill the size of the parent group. */\n      height: 100%;\n      width: 100%;\n    }\n\n    /* Background toasts don't have their components split apart in separate view transitions.\n     * This means we need to do some tricks to get the aspect ratio to transition smoothly.\n     * Clipping messes up the shadows a bit, but it's less noticeable on the background toasts. */\n    &::view-transition-old(.background-toast),\n    &::view-transition-new(.background-toast) {\n      /* Cover all of the available space without stretching the aspect ratio */\n      object-fit: cover;\n      object-position: top center;\n      /* Clip to retain rounded corners */\n      clip-path: inset(0px round 10px);\n    }\n  }\n\n  &.reduceMotion {\n    /* Do not animate individual toasts in reduced motion. The whole list cross-fades instead. */\n    .toast {\n      view-transition-name: none !important;\n    }\n\n    .toast-list-expanded {\n      view-transition-name: toast-list-expanded;\n    }\n\n    .toast-list-collapsed {\n      view-transition-name: toast-list-collapsed;\n    }\n  }\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n"],"names":[],"version":3,"file":"Toast.module_css.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAtBA,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA8B,CAAC,gBAAgB,CAAC;AAChD;AACA,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,0CAAwB,CAAC,UAAU,CAAC","sources":["packages/@react-spectrum/s2/src/Toast.module.css"],"sourcesContent":["/* Safari doesn't support :active-view-transition-type() yet, so we fall back to a class on the html element */\nhtml.toast-add,\nhtml.toast-remove,\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml.toast-clear,\nhtml:active-view-transition-type(\n  toast-add,\n  toast-remove,\n  toast-expand,\n  toast-collapse,\n  toast-clear\n) {\n  view-transition-name: none;\n\n  .toast-controls {\n    view-transition-name: toast-controls;\n  }\n\n  .toast-background {\n    view-transition-name: toast-background;\n  }\n\n  &::view-transition-group(toast-background) {\n    z-index: 0;\n    will-change: transform;\n  }\n\n  &::view-transition-group(.toast),\n  &::view-transition-group(toast-list-expanded),\n  &::view-transition-group(toast-list-collapsed) {\n    z-index: 1;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-controls) {\n    z-index: 2;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-content),\n  &::view-transition-group(toast-expand),\n  &::view-transition-group(toast-action),\n  &::view-transition-group(toast-close) {\n    z-index: 3;\n    will-change: transform;\n  }\n\n  &::view-transition-group(*) {\n    animation-duration: 400ms;\n  }\n}\n\nhtml.toast-add,\nhtml.toast-remove,\nhtml:active-view-transition-type(toast-add, toast-remove) {\n  /* The new toast should slide in and out. With reduce motion enabled, it fades by default. */\n  &:not(.reduceMotion) {\n    &::view-transition-new(.toast):only-child {\n      animation-name: slide-in;\n    }\n\n    &::view-transition-old(.toast):only-child {\n      animation-name: slide-out;\n    }\n  }\n\n  &::view-transition-group(.toast.bottom) {\n    --slideX: 0;\n    --slideY: calc(100% + 12px);\n  }\n\n  &::view-transition-group(.toast.top) {\n    --slideX: 0;\n    --slideY: calc(-100% - 12px);\n  }\n\n  &::view-transition-group(.toast.start) {\n    --slideX: calc(-100% - 12px);\n    --slideY: 0;\n  }\n\n  &::view-transition-group(.toast.end) {\n    --slideX: calc(100% + 12px);\n    --slideY: 0;\n  }\n}\n\n/* Make the \"Show all\" button animate slightly faster/slower than other components when expanding/collapsing.\n * This prevents it from appearing to overlap the text when it fades out and the text repositions. */\nhtml.toast-expand,\nhtml:active-view-transition-type(toast-expand) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 300ms;\n  }\n}\n\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-collapse) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 600ms;\n  }\n}\n\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-expand, toast-collapse) {\n  &:not(.reduceMotion) {\n    /* When expanding/collapsing, animate the components of the main toast individually. */\n    .toast-content {\n      view-transition-name: toast-content;\n    }\n\n    .toast-expand {\n      view-transition-name: toast-expand;\n    }\n\n    .toast-action {\n      view-transition-name: toast-action;\n    }\n\n    .toast-close {\n      view-transition-name: toast-close;\n    }\n\n    /* Force toast controls to be visible during the animation */\n    .toast-controls {\n      display: flex;\n    }\n\n    /* Smoothly transition the size of toasts. */\n    &::view-transition-old(.toast),\n    &::view-transition-new(.toast) {\n      /* Make the old and new images fill the size of the parent group. */\n      height: 100%;\n      width: 100%;\n    }\n\n    /* Background toasts don't have their components split apart in separate view transitions.\n     * This means we need to do some tricks to get the aspect ratio to transition smoothly.\n     * Clipping messes up the shadows a bit, but it's less noticeable on the background toasts. */\n    &::view-transition-old(.background-toast),\n    &::view-transition-new(.background-toast) {\n      /* Cover all of the available space without stretching the aspect ratio */\n      object-fit: cover;\n      object-position: top center;\n      /* Clip to retain rounded corners */\n      clip-path: inset(0px round 10px);\n    }\n  }\n\n  &.reduceMotion {\n    /* Do not animate individual toasts in reduced motion. The whole list cross-fades instead. */\n    .toast {\n      view-transition-name: none !important;\n    }\n\n    .toast-list-expanded {\n      view-transition-name: toast-list-expanded;\n    }\n\n    .toast-list-collapsed {\n      view-transition-name: toast-list-collapsed;\n    }\n  }\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n"],"names":[],"version":3,"file":"Toast.module_css.mjs.map"}