@fluentui/react-toast 9.7.18 → 9.8.0

package/lib-commonjs/components/ToastTitle/useToastTitle.js

@@ -3,9 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useToastTitle_unstable", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useToastTitleBase_unstable: function() {
+        return useToastTitleBase_unstable;
+    },
+    useToastTitle_unstable: function() {
         return useToastTitle_unstable;
     }
 });
@@ -15,24 +23,8 @@ const _reacticons = require("@fluentui/react-icons");
 const _reactutilities = require("@fluentui/react-utilities");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const _toastContainerContext = require("../../contexts/toastContainerContext");
-const useToastTitle_unstable = (props, ref)=>{
+const useToastTitleBase_unstable = (props, ref)=>{
     const { intent, titleId } = (0, _toastContainerContext.useToastContainerContext)();
-    const backgroundAppearance = (0, _reactsharedcontexts.useBackgroundAppearance)();
-    /** Determine the role and media to render based on the intent */ let defaultIcon;
-    switch(intent){
-        case 'success':
-            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.CheckmarkCircleFilled, null);
-            break;
-        case 'error':
-            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.DiamondDismissFilled, null);
-            break;
-        case 'warning':
-            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.WarningFilled, null);
-            break;
-        case 'info':
-            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.InfoFilled, null);
-            break;
-    }
     return {
         action: _reactutilities.slot.optional(props.action, {
             elementType: 'div'
@@ -44,9 +36,6 @@ const useToastTitle_unstable = (props, ref)=>{
         },
         media: _reactutilities.slot.optional(props.media, {
             renderByDefault: !!intent,
-            defaultProps: {
-                children: defaultIcon
-            },
             elementType: 'div'
         }),
         root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
@@ -60,7 +49,37 @@ const useToastTitle_unstable = (props, ref)=>{
         }), {
             elementType: 'div'
         }),
-        intent,
+        intent
+    };
+};
+const useToastTitle_unstable = (props, ref)=>{
+    'use no memo';
+    const backgroundAppearance = (0, _reactsharedcontexts.useBackgroundAppearance)();
+    const baseState = useToastTitleBase_unstable(props, ref);
+    /** Determine the role and media to render based on the intent */ let defaultIcon;
+    switch(baseState.intent){
+        case 'success':
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.CheckmarkCircleFilled, null);
+            break;
+        case 'error':
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.DiamondDismissFilled, null);
+            break;
+        case 'warning':
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.WarningFilled, null);
+            break;
+        case 'info':
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.InfoFilled, null);
+            break;
+    }
+    return {
+        ...baseState,
+        media: _reactutilities.slot.optional(props.media, {
+            defaultProps: {
+                children: defaultIcon
+            },
+            renderByDefault: !!baseState.intent,
+            elementType: 'div'
+        }),
         backgroundAppearance
     };
 };

package/lib-commonjs/components/ToastTitle/useToastTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ToastTitle/useToastTitle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { CheckmarkCircleFilled, DiamondDismissFilled, InfoFilled, WarningFilled } from '@fluentui/react-icons';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\n\nimport type { ToastTitleProps, ToastTitleState } from './ToastTitle.types';\nimport { useToastContainerContext } from '../../contexts/toastContainerContext';\n\n/**\n * Create the state required to render ToastTitle.\n *\n * The returned state can be modified with hooks such as useToastTitleStyles_unstable,\n * before being passed to renderToastTitle_unstable.\n *\n * @param props - props from this instance of ToastTitle\n * @param ref - reference to root HTMLElement of ToastTitle\n */\nexport const useToastTitle_unstable = (props: ToastTitleProps, ref: React.Ref<HTMLElement>): ToastTitleState => {\n  const { intent, titleId } = useToastContainerContext();\n  const backgroundAppearance = useBackgroundAppearance();\n\n  /** Determine the role and media to render based on the intent */\n  let defaultIcon;\n  switch (intent) {\n    case 'success':\n      defaultIcon = <CheckmarkCircleFilled />;\n      break;\n    case 'error':\n      defaultIcon = <DiamondDismissFilled />;\n      break;\n    case 'warning':\n      defaultIcon = <WarningFilled />;\n      break;\n    case 'info':\n      defaultIcon = <InfoFilled />;\n      break;\n  }\n\n  return {\n    action: slot.optional(props.action, { elementType: 'div' }),\n    components: { root: 'div', media: 'div', action: 'div' },\n    media: slot.optional(props.media, {\n      renderByDefault: !!intent,\n      defaultProps: { children: defaultIcon },\n      elementType: 'div',\n    }),\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n        children: props.children,\n        id: titleId,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    intent,\n    backgroundAppearance,\n  };\n};\n"],"names":["React","CheckmarkCircleFilled","DiamondDismissFilled","InfoFilled","WarningFilled","getIntrinsicElementProps","slot","useBackgroundAppearance","useToastContainerContext","useToastTitle_unstable","props","ref","intent","titleId","backgroundAppearance","defaultIcon","action","optional","elementType","components","root","media","renderByDefault","defaultProps","children","always","id"],"mappings":"AAAA;;;;;+BAoBaS;;;;;;;iEAlBU,QAAQ;4BAEwD,wBAAwB;gCAChE,4BAA4B;qCACnC,kCAAkC;uCAGjC,uCAAuC;AAWzE,+BAA+B,CAACC,OAAwBC;IAC7D,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAE,OAAGL,+CAAAA;IAC5B,MAAMM,uBAAuBP,gDAAAA;IAE7B,+DAA+D,GAC/D,IAAIQ;IACJ,OAAQH;QACN,KAAK;YACHG,cAAAA,WAAAA,GAAc,OAAA,aAAA,CAACd,iCAAAA,EAAAA;YACf;QACF,KAAK;YACHc,cAAAA,WAAAA,GAAc,OAAA,aAAA,CAACb,gCAAAA,EAAAA;YACf;QACF,KAAK;YACHa,cAAAA,WAAAA,GAAc,OAAA,aAAA,CAACX,yBAAAA,EAAAA;YACf;QACF,KAAK;YACHW,cAAAA,WAAAA,GAAc,OAAA,aAAA,CAACZ,sBAAAA,EAAAA;YACf;IACJ;IAEA,OAAO;QACLa,QAAQV,oBAAAA,CAAKW,QAAQ,CAACP,MAAMM,MAAM,EAAE;YAAEE,aAAa;QAAM;QACzDC,YAAY;YAAEC,MAAM;YAAOC,OAAO;YAAOL,QAAQ;QAAM;QACvDK,OAAOf,oBAAAA,CAAKW,QAAQ,CAACP,MAAMW,KAAK,EAAE;YAChCC,iBAAiB,CAAC,CAACV;YACnBW,cAAc;gBAAEC,UAAUT;YAAY;YACtCG,aAAa;QACf;QACAE,MAAMd,oBAAAA,CAAKmB,MAAM,KACfpB,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FM,KAAKA;YACLa,UAAUd,MAAMc,QAAQ;YACxBE,IAAIb;YACJ,GAAGH,KAAK;QACV,IACA;YAAEQ,aAAa;QAAM;QAEvBN;QACAE;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/ToastTitle/useToastTitle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { CheckmarkCircleFilled, DiamondDismissFilled, InfoFilled, WarningFilled } from '@fluentui/react-icons';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\n\nimport type { ToastTitleBaseProps, ToastTitleBaseState, ToastTitleProps, ToastTitleState } from './ToastTitle.types';\nimport { useToastContainerContext } from '../../contexts/toastContainerContext';\n\n/**\n * Create the base state required to render ToastTitle, without design-only props.\n *\n * @param props - props from this instance of ToastTitle\n * @param ref - reference to root HTMLElement of ToastTitle\n */\nexport const useToastTitleBase_unstable = (\n  props: ToastTitleBaseProps,\n  ref: React.Ref<HTMLElement>,\n): ToastTitleBaseState => {\n  const { intent, titleId } = useToastContainerContext();\n\n  return {\n    action: slot.optional(props.action, { elementType: 'div' }),\n    components: { root: 'div', media: 'div', action: 'div' },\n    media: slot.optional(props.media, {\n      renderByDefault: !!intent,\n      elementType: 'div',\n    }),\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n        children: props.children,\n        id: titleId,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    intent,\n  };\n};\n\n/**\n * Create the state required to render ToastTitle.\n *\n * The returned state can be modified with hooks such as useToastTitleStyles_unstable,\n * before being passed to renderToastTitle_unstable.\n *\n * @param props - props from this instance of ToastTitle\n * @param ref - reference to root HTMLElement of ToastTitle\n */\nexport const useToastTitle_unstable = (props: ToastTitleProps, ref: React.Ref<HTMLElement>): ToastTitleState => {\n  'use no memo';\n\n  const backgroundAppearance = useBackgroundAppearance();\n  const baseState = useToastTitleBase_unstable(props, ref);\n\n  /** Determine the role and media to render based on the intent */\n  let defaultIcon;\n  switch (baseState.intent) {\n    case 'success':\n      defaultIcon = <CheckmarkCircleFilled />;\n      break;\n    case 'error':\n      defaultIcon = <DiamondDismissFilled />;\n      break;\n    case 'warning':\n      defaultIcon = <WarningFilled />;\n      break;\n    case 'info':\n      defaultIcon = <InfoFilled />;\n      break;\n  }\n\n  return {\n    ...baseState,\n    media: slot.optional(props.media, {\n      defaultProps: { children: defaultIcon },\n      renderByDefault: !!baseState.intent,\n      elementType: 'div',\n    }),\n    backgroundAppearance,\n  };\n};\n"],"names":["React","CheckmarkCircleFilled","DiamondDismissFilled","InfoFilled","WarningFilled","getIntrinsicElementProps","slot","useBackgroundAppearance","useToastContainerContext","useToastTitleBase_unstable","props","ref","intent","titleId","action","optional","elementType","components","root","media","renderByDefault","always","children","id","useToastTitle_unstable","backgroundAppearance","baseState","defaultIcon","defaultProps"],"mappings":"AAAA;;;;;;;;;;;;IAiBaS,0BAAAA;;;0BAsCAe;eAAAA;;;;iEArDU,QAAQ;4BAEwD,wBAAwB;gCAChE,4BAA4B;qCACnC,kCAAkC;uCAGjC,uCAAuC;AAQzE,mCAAmC,CACxCd,OACAC;IAEA,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAE,OAAGL,+CAAAA;IAE5B,OAAO;QACLM,QAAQR,oBAAAA,CAAKS,QAAQ,CAACL,MAAMI,MAAM,EAAE;YAAEE,aAAa;QAAM;QACzDC,YAAY;YAAEC,MAAM;YAAOC,OAAO;YAAOL,QAAQ;QAAM;QACvDK,OAAOb,oBAAAA,CAAKS,QAAQ,CAACL,MAAMS,KAAK,EAAE;YAChCC,iBAAiB,CAAC,CAACR;YACnBI,aAAa;QACf;QACAE,MAAMZ,oBAAAA,CAAKe,MAAM,KACfhB,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FM,KAAKA;YACLW,UAAUZ,MAAMY,QAAQ;YACxBC,IAAIV;YACJ,GAAGH,KAAK;QACV,IACA;YAAEM,aAAa;QAAM;QAEvBJ;IACF;AACF,EAAE;AAWK,+BAA+B,CAACF,OAAwBC;IAC7D;IAEA,MAAMc,2BAAuBlB,4CAAAA;IAC7B,MAAMmB,YAAYjB,2BAA2BC,OAAOC;IAEpD,+DAA+D,GAC/D,IAAIgB;IACJ,OAAQD,UAAUd,MAAM;QACtB,KAAK;YACHe,cAAAA,WAAAA,GAAc,OAAA,aAAA,CAAC1B,iCAAAA,EAAAA;YACf;QACF,KAAK;YACH0B,cAAAA,WAAAA,GAAc,OAAA,aAAA,CAACzB,gCAAAA,EAAAA;YACf;QACF,KAAK;YACHyB,cAAAA,WAAAA,GAAc,OAAA,aAAA,CAACvB,yBAAAA,EAAAA;YACf;QACF,KAAK;YACHuB,cAAAA,WAAAA,GAAc,OAAA,aAAA,CAACxB,sBAAAA,EAAAA;YACf;IACJ;IAEA,OAAO;QACL,GAAGuB,SAAS;QACZP,OAAOb,oBAAAA,CAAKS,QAAQ,CAACL,MAAMS,KAAK,EAAE;YAChCS,cAAc;gBAAEN,UAAUK;YAAY;YACtCP,iBAAiB,CAAC,CAACM,UAAUd,MAAM;YACnCI,aAAa;QACf;QACAS;IACF;AACF,EAAE"}

package/lib-commonjs/components/Toaster/index.js

@@ -18,6 +18,9 @@ _export(exports, {
     toasterClassNames: function() {
         return _useToasterStylesstyles.toasterClassNames;
     },
+    useToastAnnounce: function() {
+        return _useToastAnnounce.useToastAnnounce;
+    },
     useToasterStyles_unstable: function() {
         return _useToasterStylesstyles.useToasterStyles_unstable;
     },
@@ -29,3 +32,4 @@ const _Toaster = require("./Toaster");
 const _renderToaster = require("./renderToaster");
 const _useToaster = require("./useToaster");
 const _useToasterStylesstyles = require("./useToasterStyles.styles");
+const _useToastAnnounce = require("./useToastAnnounce");

package/lib-commonjs/components/Toaster/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Toaster/index.ts"],"sourcesContent":["export { Toaster } from './Toaster';\nexport type { ToasterProps, ToasterSlots, ToasterSlotsInternal, ToasterState } from './Toaster.types';\nexport { renderToaster_unstable } from './renderToaster';\nexport { useToaster_unstable } from './useToaster';\nexport { toasterClassNames, useToasterStyles_unstable } from './useToasterStyles.styles';\n"],"names":["Toaster","renderToaster_unstable","useToaster_unstable","toasterClassNames","useToasterStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gBAAO;;;eAEPC,qCAAsB;;;eAEtBE,yCAAiB;;;eAAEC,iDAAyB;;;eAD5CF,+BAAmB;;;yBAHJ,YAAY;+BAEG,kBAAkB;4BACrB,eAAe;wCACU,4BAA4B"}
+{"version":3,"sources":["../src/components/Toaster/index.ts"],"sourcesContent":["export { Toaster } from './Toaster';\nexport type { ToasterProps, ToasterSlots, ToasterSlotsInternal, ToasterState } from './Toaster.types';\nexport { renderToaster_unstable } from './renderToaster';\nexport { useToaster_unstable } from './useToaster';\nexport { toasterClassNames, useToasterStyles_unstable } from './useToasterStyles.styles';\nexport { useToastAnnounce } from './useToastAnnounce';\n"],"names":["Toaster","renderToaster_unstable","useToaster_unstable","toasterClassNames","useToasterStyles_unstable","useToastAnnounce"],"mappings":";;;;;;;;;;;;eAASA,gBAAO;;;eAEPC,qCAAsB;;;eAEtBE,yCAAiB;;;eACjBE,kCAAgB;;;eADGD,iDAAyB;;;eAD5CF,+BAAmB;;;yBAHJ,YAAY;+BAEG,kBAAkB;4BACrB,eAAe;wCACU,4BAA4B;kCACxD,qBAAqB"}

package/lib-commonjs/components/Toaster/useToastAnnounce.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Toaster/useToastAnnounce.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { Announce } from '../AriaLive';\nimport { isHTMLElement } from '@fluentui/react-utilities';\n\n/**\n * Wraps an aria live announcement function.\n * Aria live announcements can be detrimental once the user is already navigating\n * multiple toasts. Once the user is focused inside the toaster, the announecments should be disabled.\n * @param announce\n * @returns A function to announce a toast and a ref to attach to the toaster element\n */\nexport function useToastAnnounce(announce: Announce): {\n  announceToast: Announce;\n  toasterRef: React.RefCallback<HTMLDivElement>;\n} {\n  const activeRef = React.useRef(true);\n  const cleanupRef = React.useRef<() => void>(() => undefined);\n  const announceToast = React.useCallback<Announce>(\n    (message, options) => {\n      if (activeRef.current) {\n        announce(message, options);\n      }\n    },\n    [announce],\n  );\n\n  const toasterRef = React.useCallback((el: HTMLDivElement | null) => {\n    if (!el) {\n      cleanupRef.current();\n      return;\n    }\n\n    const onFocusIn = (e: FocusEvent) => {\n      if (\n        isHTMLElement(e.currentTarget) &&\n        e.currentTarget.contains(isHTMLElement(e.relatedTarget) ? e.relatedTarget : null)\n      ) {\n        return;\n      }\n\n      activeRef.current = false;\n    };\n\n    const onFocusOut = (e: FocusEvent) => {\n      if (\n        isHTMLElement(e.currentTarget) &&\n        e.currentTarget.contains(isHTMLElement(e.relatedTarget) ? e.relatedTarget : null)\n      ) {\n        return;\n      }\n\n      activeRef.current = true;\n    };\n\n    el.addEventListener('focusin', onFocusIn);\n    el.addEventListener('focusout', onFocusOut);\n\n    cleanupRef.current = () => {\n      el.removeEventListener('focusin', onFocusIn);\n      el.removeEventListener('focusout', onFocusOut);\n    };\n  }, []);\n\n  return {\n    announceToast,\n    toasterRef,\n  };\n}\n"],"names":["React","isHTMLElement","useToastAnnounce","announce","activeRef","useRef","cleanupRef","undefined","announceToast","useCallback","message","options","current","toasterRef","el","onFocusIn","e","currentTarget","contains","relatedTarget","onFocusOut","addEventListener","removeEventListener"],"mappings":"AAAA;;;;;+BAagBE;;;;;;;iEAXO,QAAQ;gCAED,4BAA4B;AASnD,0BAA0BC,QAAkB;IAIjD,MAAMC,YAAYJ,OAAMK,MAAM,CAAC;IAC/B,MAAMC,aAAaN,OAAMK,MAAM,CAAa,IAAME;IAClD,MAAMC,gBAAgBR,OAAMS,WAAW,CACrC,CAACC,SAASC;QACR,IAAIP,UAAUQ,OAAO,EAAE;YACrBT,SAASO,SAASC;QACpB;IACF,GACA;QAACR;KAAS;IAGZ,MAAMU,aAAab,OAAMS,WAAW,CAAC,CAACK;QACpC,IAAI,CAACA,IAAI;YACPR,WAAWM,OAAO;YAClB;QACF;QAEA,MAAMG,YAAY,CAACC;YACjB,QACEf,6BAAAA,EAAce,EAAEC,aAAa,KAC7BD,EAAEC,aAAa,CAACC,QAAQ,KAACjB,6BAAAA,EAAce,EAAEG,aAAa,IAAIH,EAAEG,aAAa,GAAG,OAC5E;gBACA;YACF;YAEAf,UAAUQ,OAAO,GAAG;QACtB;QAEA,MAAMQ,aAAa,CAACJ;YAClB,QACEf,6BAAAA,EAAce,EAAEC,aAAa,KAC7BD,EAAEC,aAAa,CAACC,QAAQ,CAACjB,iCAAAA,EAAce,EAAEG,aAAa,IAAIH,EAAEG,aAAa,GAAG,OAC5E;gBACA;YACF;YAEAf,UAAUQ,OAAO,GAAG;QACtB;QAEAE,GAAGO,gBAAgB,CAAC,WAAWN;QAC/BD,GAAGO,gBAAgB,CAAC,YAAYD;QAEhCd,WAAWM,OAAO,GAAG;YACnBE,GAAGQ,mBAAmB,CAAC,WAAWP;YAClCD,GAAGQ,mBAAmB,CAAC,YAAYF;QACrC;IACF,GAAG,EAAE;IAEL,OAAO;QACLZ;QACAK;IACF;AACF"}
+{"version":3,"sources":["../src/components/Toaster/useToastAnnounce.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { Announce } from '../AriaLive';\nimport { isHTMLElement } from '@fluentui/react-utilities';\n\n/**\n * Wraps an aria live announcement function.\n * Aria live announcements can be detrimental once the user is already navigating\n * multiple toasts. Once the user is focused inside the toaster, the announecments should be disabled.\n * @param announce - The aria live announcement function to wrap\n * @returns A function to announce a toast and a ref to attach to the toaster element\n */\nexport function useToastAnnounce(announce: Announce): {\n  announceToast: Announce;\n  toasterRef: React.RefCallback<HTMLDivElement>;\n} {\n  const activeRef = React.useRef(true);\n  const cleanupRef = React.useRef<() => void>(() => undefined);\n  const announceToast = React.useCallback<Announce>(\n    (message, options) => {\n      if (activeRef.current) {\n        announce(message, options);\n      }\n    },\n    [announce],\n  );\n\n  const toasterRef = React.useCallback((el: HTMLDivElement | null) => {\n    if (!el) {\n      cleanupRef.current();\n      return;\n    }\n\n    const onFocusIn = (e: FocusEvent) => {\n      if (\n        isHTMLElement(e.currentTarget) &&\n        e.currentTarget.contains(isHTMLElement(e.relatedTarget) ? e.relatedTarget : null)\n      ) {\n        return;\n      }\n\n      activeRef.current = false;\n    };\n\n    const onFocusOut = (e: FocusEvent) => {\n      if (\n        isHTMLElement(e.currentTarget) &&\n        e.currentTarget.contains(isHTMLElement(e.relatedTarget) ? e.relatedTarget : null)\n      ) {\n        return;\n      }\n\n      activeRef.current = true;\n    };\n\n    el.addEventListener('focusin', onFocusIn);\n    el.addEventListener('focusout', onFocusOut);\n\n    cleanupRef.current = () => {\n      el.removeEventListener('focusin', onFocusIn);\n      el.removeEventListener('focusout', onFocusOut);\n    };\n  }, []);\n\n  return {\n    announceToast,\n    toasterRef,\n  };\n}\n"],"names":["React","isHTMLElement","useToastAnnounce","announce","activeRef","useRef","cleanupRef","undefined","announceToast","useCallback","message","options","current","toasterRef","el","onFocusIn","e","currentTarget","contains","relatedTarget","onFocusOut","addEventListener","removeEventListener"],"mappings":"AAAA;;;;;+BAagBE;;;;;;;iEAXO,QAAQ;gCAED,4BAA4B;AASnD,0BAA0BC,QAAkB;IAIjD,MAAMC,YAAYJ,OAAMK,MAAM,CAAC;IAC/B,MAAMC,aAAaN,OAAMK,MAAM,CAAa,IAAME;IAClD,MAAMC,gBAAgBR,OAAMS,WAAW,CACrC,CAACC,SAASC;QACR,IAAIP,UAAUQ,OAAO,EAAE;YACrBT,SAASO,SAASC;QACpB;IACF,GACA;QAACR;KAAS;IAGZ,MAAMU,aAAab,OAAMS,WAAW,CAAC,CAACK;QACpC,IAAI,CAACA,IAAI;YACPR,WAAWM,OAAO;YAClB;QACF;QAEA,MAAMG,YAAY,CAACC;YACjB,QACEf,6BAAAA,EAAce,EAAEC,aAAa,KAC7BD,EAAEC,aAAa,CAACC,QAAQ,KAACjB,6BAAAA,EAAce,EAAEG,aAAa,IAAIH,EAAEG,aAAa,GAAG,OAC5E;gBACA;YACF;YAEAf,UAAUQ,OAAO,GAAG;QACtB;QAEA,MAAMQ,aAAa,CAACJ;YAClB,QACEf,6BAAAA,EAAce,EAAEC,aAAa,KAC7BD,EAAEC,aAAa,CAACC,QAAQ,CAACjB,iCAAAA,EAAce,EAAEG,aAAa,IAAIH,EAAEG,aAAa,GAAG,OAC5E;gBACA;YACF;YAEAf,UAAUQ,OAAO,GAAG;QACtB;QAEAE,GAAGO,gBAAgB,CAAC,WAAWN;QAC/BD,GAAGO,gBAAgB,CAAC,YAAYD;QAEhCd,WAAWM,OAAO,GAAG;YACnBE,GAAGQ,mBAAmB,CAAC,WAAWP;YAClCD,GAAGQ,mBAAmB,CAAC,YAAYF;QACrC;IACF,GAAG,EAAE;IAEL,OAAO;QACLZ;QACAK;IACF;AACF"}

package/lib-commonjs/index.js

@@ -15,6 +15,9 @@ _export(exports, {
     ToastBody: function() {
         return _ToastBody.ToastBody;
     },
+    ToastContainerContextProvider: function() {
+        return _toastContainerContext.ToastContainerContextProvider;
+    },
     ToastFooter: function() {
         return _ToastFooter.ToastFooter;
     },
@@ -30,6 +33,9 @@ _export(exports, {
     renderToastBody_unstable: function() {
         return _ToastBody.renderToastBody_unstable;
     },
+    renderToastContainer_unstable: function() {
+        return _ToastContainer.renderToastContainer_unstable;
+    },
     renderToastFooter_unstable: function() {
         return _ToastFooter.renderToastFooter_unstable;
     },
@@ -63,12 +69,30 @@ _export(exports, {
     toasterClassNames: function() {
         return _Toaster.toasterClassNames;
     },
+    useToastAnnounce: function() {
+        return _Toaster.useToastAnnounce;
+    },
+    useToastBase_unstable: function() {
+        return _Toast.useToastBase_unstable;
+    },
+    useToastBodyBase_unstable: function() {
+        return _ToastBody.useToastBodyBase_unstable;
+    },
     useToastBodyStyles_unstable: function() {
         return _ToastBody.useToastBodyStyles_unstable;
     },
     useToastBody_unstable: function() {
         return _ToastBody.useToastBody_unstable;
     },
+    useToastContainerContext: function() {
+        return _toastContainerContext.useToastContainerContext;
+    },
+    useToastContainerContextValues_unstable: function() {
+        return _ToastContainer.useToastContainerContextValues_unstable;
+    },
+    useToastContainer_unstable: function() {
+        return _ToastContainer.useToastContainer_unstable;
+    },
     useToastController: function() {
         return _state.useToastController;
     },
@@ -81,6 +105,9 @@ _export(exports, {
     useToastStyles_unstable: function() {
         return _Toast.useToastStyles_unstable;
     },
+    useToastTitleBase_unstable: function() {
+        return _ToastTitle.useToastTitleBase_unstable;
+    },
     useToastTitleStyles_unstable: function() {
         return _ToastTitle.useToastTitleStyles_unstable;
     },
@@ -93,6 +120,9 @@ _export(exports, {
     useToast_unstable: function() {
         return _Toast.useToast_unstable;
     },
+    useToaster: function() {
+        return _state.useToaster;
+    },
     useToasterStyles_unstable: function() {
         return _Toaster.useToasterStyles_unstable;
     },
@@ -107,4 +137,5 @@ const _Toast = require("./Toast");
 const _ToastTitle = require("./ToastTitle");
 const _ToastBody = require("./ToastBody");
 const _ToastFooter = require("./ToastFooter");
+const _toastContainerContext = require("./contexts/toastContainerContext");
 const _ToastContainer = require("./ToastContainer");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { useToastController } from './state';\nexport type { ToastPosition, ToastId, ToastOffset, ToastPoliteness, ToastStatus, ToastIntent } from './state';\n\nexport { ToastTrigger, useToastTrigger_unstable, renderToastTrigger_unstable } from './ToastTrigger';\nexport type { ToastTriggerChildProps, ToastTriggerProps, ToastTriggerState } from './ToastTrigger';\nexport {\n  Toaster,\n  useToaster_unstable,\n  useToasterStyles_unstable,\n  renderToaster_unstable,\n  toasterClassNames,\n} from './Toaster';\nexport type { ToasterProps, ToasterState, ToasterSlots } from './Toaster';\nexport { Toast, useToastStyles_unstable, useToast_unstable, renderToast_unstable, toastClassNames } from './Toast';\nexport type { ToastProps, ToastState, ToastSlots } from './Toast';\n\nexport {\n  ToastTitle,\n  useToastTitleStyles_unstable,\n  useToastTitle_unstable,\n  renderToastTitle_unstable,\n  toastTitleClassNames,\n} from './ToastTitle';\nexport type { ToastTitleProps, ToastTitleState, ToastTitleSlots } from './ToastTitle';\n\nexport {\n  ToastBody,\n  useToastBodyStyles_unstable,\n  useToastBody_unstable,\n  renderToastBody_unstable,\n  toastBodyClassNames,\n} from './ToastBody';\nexport type { ToastBodyProps, ToastBodyState, ToastBodySlots } from './ToastBody';\n\nexport {\n  ToastFooter,\n  useToastFooterStyles_unstable,\n  useToastFooter_unstable,\n  renderToastFooter_unstable,\n  toastFooterClassNames,\n} from './ToastFooter';\nexport type { ToastFooterProps, ToastFooterState, ToastFooterSlots } from './ToastFooter';\n\nexport { toastContainerClassNames } from './ToastContainer';\nexport type { ToastContainerState } from './ToastContainer';\n"],"names":["useToastController","ToastTrigger","useToastTrigger_unstable","renderToastTrigger_unstable","Toaster","useToaster_unstable","useToasterStyles_unstable","renderToaster_unstable","toasterClassNames","Toast","useToastStyles_unstable","useToast_unstable","renderToast_unstable","toastClassNames","ToastTitle","useToastTitleStyles_unstable","useToastTitle_unstable","renderToastTitle_unstable","toastTitleClassNames","ToastBody","useToastBodyStyles_unstable","useToastBody_unstable","renderToastBody_unstable","toastBodyClassNames","ToastFooter","useToastFooterStyles_unstable","useToastFooter_unstable","renderToastFooter_unstable","toastFooterClassNames","toastContainerClassNames"],"mappings":";;;;;;;;;;;IAaSS;2BAAK;;;eAaZU,oBAAS;;;eASTK,wBAAW;;IAlBXV;qCAAU;;;eAdHb,0BAAY;;;eAGnBG,gBAAO;;4BAuBiB;eAAxBkB;;IASAK;sDAA0B;;6BAlBD;eAAzBV;;;eAjB+Cd,yCAA2B;;;eAUhBS,2BAAoB;;0BAJxD;eAAtBL;;;eAqBAgB,8BAAmB;;;eAjB6DV,sBAAe;;;eA8BxFgB,wCAAwB;;IAJ/BD,qBAAqB;;;wBAlBD;eAApBV;;;eAXAV,0BAAiB;;;eAiBjBY,sCAA2B;;;eAC3BC,gCAAqB;;;eA5BdrB,yBAAkB;;IAoCzByB;yDAA6B;;;eAC7BC,oCAAuB;;;eAxBThB,8BAAuB;;;eAKrCK,wCAA4B;;;eAC5BC,kCAAsB;;;eAhBDd,sCAAwB;;;eAUNS,wBAAiB;;6BAL/B;eAAzBL;;;eADAD,4BAAmB;;;uBAPc,UAAU;8BAGuC,iBAAiB;yBAQ9F,YAAY;uBAEsF,UAAU;4BAS5G,eAAe;2BASf,cAAc;6BASd,gBAAgB;gCAGkB,mBAAmB"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { useToastController, useToaster } from './state';\nexport type {\n  Announce as ToastAnnounce,\n  AnnounceOptions as ToastAnnounceOptions,\n  LiveMessage as ToastLiveMessage,\n} from './AriaLive';\nexport type {\n  ToastPosition,\n  ToastId,\n  ToastOffset,\n  ToastPoliteness,\n  ToastStatus,\n  ToastIntent,\n  ToasterId,\n  ToasterOptions,\n  ToasterShortcuts,\n  ToastImperativeRef,\n  Toast as ToastData,\n  ToastChangeData,\n  ToastChangeHandler,\n  ToastOptions,\n  DispatchToastOptions as ToastDispatchOptions,\n  UpdateToastOptions as ToastUpdateOptions,\n  UpdateToastEventDetail as ToastUpdateEventDetail,\n} from './state';\n\nexport { ToastTrigger, useToastTrigger_unstable, renderToastTrigger_unstable } from './ToastTrigger';\nexport type { ToastTriggerChildProps, ToastTriggerProps, ToastTriggerState } from './ToastTrigger';\nexport {\n  Toaster,\n  useToaster_unstable,\n  useToasterStyles_unstable,\n  renderToaster_unstable,\n  toasterClassNames,\n  useToastAnnounce,\n} from './Toaster';\nexport type { ToasterProps, ToasterState, ToasterSlots } from './Toaster';\nexport {\n  Toast,\n  useToastStyles_unstable,\n  useToastBase_unstable,\n  useToast_unstable,\n  renderToast_unstable,\n  toastClassNames,\n} from './Toast';\nexport type { ToastBaseProps, ToastBaseState, ToastProps, ToastState, ToastSlots } from './Toast';\n\nexport {\n  ToastTitle,\n  useToastTitleStyles_unstable,\n  useToastTitleBase_unstable,\n  useToastTitle_unstable,\n  renderToastTitle_unstable,\n  toastTitleClassNames,\n} from './ToastTitle';\nexport type {\n  ToastTitleBaseProps,\n  ToastTitleBaseState,\n  ToastTitleProps,\n  ToastTitleState,\n  ToastTitleSlots,\n} from './ToastTitle';\n\nexport {\n  ToastBody,\n  useToastBodyStyles_unstable,\n  useToastBodyBase_unstable,\n  useToastBody_unstable,\n  renderToastBody_unstable,\n  toastBodyClassNames,\n} from './ToastBody';\nexport type {\n  ToastBodyBaseProps,\n  ToastBodyBaseState,\n  ToastBodyProps,\n  ToastBodyState,\n  ToastBodySlots,\n} from './ToastBody';\n\nexport {\n  ToastFooter,\n  useToastFooterStyles_unstable,\n  useToastFooter_unstable,\n  renderToastFooter_unstable,\n  toastFooterClassNames,\n} from './ToastFooter';\nexport type { ToastFooterProps, ToastFooterState, ToastFooterSlots } from './ToastFooter';\n\nexport type { ToastContainerContextValue } from './contexts/toastContainerContext';\nexport { ToastContainerContextProvider, useToastContainerContext } from './contexts/toastContainerContext';\nexport { toastContainerClassNames } from './ToastContainer';\nexport type { ToastContainerSlots, ToastContainerProps, ToastContainerState } from './ToastContainer';\nexport {\n  useToastContainer_unstable,\n  renderToastContainer_unstable,\n  useToastContainerContextValues_unstable,\n} from './ToastContainer';\n"],"names":["useToastController","useToaster","ToastTrigger","useToastTrigger_unstable","renderToastTrigger_unstable","Toaster","useToaster_unstable","useToasterStyles_unstable","renderToaster_unstable","toasterClassNames","useToastAnnounce","Toast","useToastStyles_unstable","useToastBase_unstable","useToast_unstable","renderToast_unstable","toastClassNames","ToastTitle","useToastTitleStyles_unstable","useToastTitleBase_unstable","useToastTitle_unstable","renderToastTitle_unstable","toastTitleClassNames","ToastBody","useToastBodyStyles_unstable","useToastBodyBase_unstable","useToastBody_unstable","renderToastBody_unstable","toastBodyClassNames","ToastFooter","useToastFooterStyles_unstable","useToastFooter_unstable","renderToastFooter_unstable","toastFooterClassNames","ToastContainerContextProvider","useToastContainerContext","toastContainerClassNames","useToastContainer_unstable","renderToastContainer_unstable","useToastContainerContextValues_unstable"],"mappings":";;;;;;;;;;;;eAsCEW,YAAK;;aA0BI;eAATY;;iCAyBoC;eAA7BW;;IATPL,WAAW;;;;eAhCXZ,sBAAU;;;eAtBHf,0BAAY;;;eAGnBG,gBAAO;;;eAuCPsB,mCAAwB;;;eA0BxBW,6CAA6B;;;eAX7BN,uCAA0B;;;eA/B1BX,qCAAyB;;+BA1BiD;eAA3BjB;;;eAgB/CW,2BAAoB;;;eAVpBP,+BAAsB;;IAqCtBoB;6CAAmB;;;eA1BnBZ,sBAAe;;;eA+CRoB,wCAAwB;;yBANV;eAArBH;;;eA/BAX,gCAAoB;;qBApBH;eAAjBb;;IACAC,gBAAgB;;;;eAMhBG,4BAAqB;;;eA0BrBY,oCAAyB;;;eADzBD,sCAA2B;;;eAE3BE,gCAAqB;;IAsBiBS,wBAAwB;;;;eAM9DI,uDAAuC,QAClC,mBAAmB;;IAHxBF;yDAA0B;;;eA7FnBrC,yBAAkB;;;eAiFzB8B,0CAA6B;;;eAC7BC,oCAAuB;;;eA3CvBnB,8BAAuB;;;eAWvBO,sCAA0B;;IAD1BD,4BAA4B;;;;eAE5BE,kCAAsB;;;eAzBDjB,sCAAwB;;;eAe7CW,wBAAiB;;;eAzCUb,iBAAU;;;eA+BrCM,kCAAyB;;;eADzBD,4BAAmB;;;uBA9B0B,UAAU;8BA0B2B,iBAAiB;yBAS9F,YAAY;uBASZ,UAAU;4BAUV,eAAe;2BAgBf,cAAc;6BAed,gBAAgB;uCAIiD,mCAAmC;gCAClE,mBAAmB"}

package/lib-commonjs/state/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/state/types.ts"],"sourcesContent":["import type { Slot } from '@fluentui/react-utilities';\nimport type { EVENTS } from './constants';\nimport type * as React from 'react';\n\nexport type ToastId = string;\nexport type ToasterId = string;\n\nexport type ToastPosition = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start' | 'top' | 'bottom';\nexport type ToastPoliteness = 'assertive' | 'polite';\nexport type ToastStatus = 'queued' | 'visible' | 'dismissed' | 'unmounted';\nexport type ToastIntent = 'info' | 'success' | 'error' | 'warning';\nexport type ToastChangeHandler = (event: null, data: ToastChangeData) => void;\n\nexport interface ToastChangeData extends ToastOptions, Pick<Toast, 'updateId'> {\n  status: ToastStatus;\n}\n\nexport interface ToastOptions<TData = object> {\n  /**\n   * Uniquely identifies a toast, used for update and dismiss operations\n   */\n  toastId: ToastId;\n  /**\n   * The position the toast should render to\n   */\n  position: ToastPosition;\n  /**\n   * Toast content\n   */\n  content: unknown;\n  /**\n   * Auto dismiss timeout in milliseconds\n   * @default 3000\n   */\n  timeout: number;\n  /**\n   * Toast timeout pauses while focus is on another window\n   * @default false\n   */\n  pauseOnWindowBlur: boolean;\n  /**\n   * Toast timeout pauses while user cursor is on the toast\n   * @default false\n   */\n  pauseOnHover: boolean;\n  /**\n   * Toast belongs to a specific toaster\n   */\n  toasterId: ToasterId | undefined;\n  /**\n   * Higher priority toasts will be rendered before lower priority toasts\n   */\n  priority: number;\n  /**\n   * Used to determine [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) narration\n   * This will override the intent prop\n   */\n  politeness?: ToastPoliteness;\n\n  /**\n   * Default toast types that determine the urgency or [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) narration\n   * The UI layer may use these intents to apply specific styling.\n   * @default info\n   */\n  intent?: ToastIntent;\n  /**\n   * Additional data that needs to be passed to the toast\n   */\n  data: TData;\n\n  /**\n   * Reports changes to the Toast lifecycle\n   */\n  onStatusChange: ToastChangeHandler | undefined;\n}\n\nexport interface ToastOffsetObject {\n  horizontal?: number;\n  vertical?: number;\n}\n\nexport type ToastOffset = Partial<Record<ToastPosition, ToastOffsetObject>> | ToastOffsetObject;\n\nexport interface ToasterShortcuts {\n  focus: (e: KeyboardEvent) => boolean;\n}\n\nexport interface ToasterOptions\n  extends Pick<ToastOptions, 'position' | 'timeout' | 'pauseOnWindowBlur' | 'pauseOnHover' | 'priority'> {\n  offset?: ToastOffset;\n  toasterId?: ToasterId;\n  limit?: number;\n  shortcuts?: ToasterShortcuts;\n}\n\nexport interface Toast<TData = object> extends ToastOptions<TData> {\n  /**\n   * Determines the visiblity of a toast\n   */\n  close: () => void;\n  /**\n   * Removes a toast completely\n   */\n  remove: () => void;\n  /**\n   * A number used to track updates immutably\n   */\n  updateId: number;\n  /**\n   * Used to determine default priority when the user does not set one\n   * Simple counter of toasts dispatched.\n   */\n  order: number;\n\n  imperativeRef: React.RefObject<ToastImperativeRef | null>;\n}\n\nexport interface CommonToastDetail {\n  toasterId?: ToasterId;\n}\n\nexport interface ShowToastEventDetail extends Partial<ToastOptions>, CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface UpdateToastEventDetail extends Partial<ToastOptions>, CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface DismissToastEventDetail extends CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface PauseToastEventDetail extends CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface PlayToastEventDetail extends CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface DismissAllToastsEventDetail extends CommonToastDetail {}\n\ntype EventListener<TDetail> = (e: CustomEvent<TDetail>) => void;\n\nexport type ToastListenerMap = {\n  [EVENTS.show]: EventListener<ShowToastEventDetail>;\n  [EVENTS.dismiss]: EventListener<DismissToastEventDetail>;\n  [EVENTS.dismissAll]: EventListener<DismissAllToastsEventDetail>;\n  [EVENTS.update]: EventListener<UpdateToastEventDetail>;\n  [EVENTS.play]: EventListener<PlayToastEventDetail>;\n  [EVENTS.pause]: EventListener<PauseToastEventDetail>;\n};\n\ntype RootSlot = Slot<'div'>;\n\nexport interface DispatchToastOptions extends Partial<Omit<ToastOptions, 'toasterId'>> {\n  root?: RootSlot;\n}\n\nexport interface UpdateToastOptions extends UpdateToastEventDetail {\n  root?: RootSlot;\n}\n\nexport type ToastImperativeRef = {\n  /**\n   * Focuses the Toast.\n   * If there are no focusable elements in the Toast, the Toast itself is focused.\n   */\n  focus: () => void;\n\n  /**\n   * Resumes the timeout of a paused toast\n   */\n  play: () => void;\n\n  /**\n   * Pauses the timeout of a toast\n   */\n  pause: () => void;\n};\n"],"names":[],"mappings":""}
+{"version":3,"sources":["../src/state/types.ts"],"sourcesContent":["import type { Slot } from '@fluentui/react-utilities';\nimport type { EVENTS } from './constants';\nimport type * as React from 'react';\n\nexport type ToastId = string;\nexport type ToasterId = string;\n\nexport type ToastPosition = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start' | 'top' | 'bottom';\nexport type ToastPoliteness = 'assertive' | 'polite';\nexport type ToastStatus = 'queued' | 'visible' | 'dismissed' | 'unmounted';\nexport type ToastIntent = 'info' | 'success' | 'error' | 'warning';\nexport type ToastChangeHandler = (event: null, data: ToastChangeData) => void;\n\nexport interface ToastChangeData extends ToastOptions, Pick<Toast, 'updateId'> {\n  status: ToastStatus;\n}\n\nexport interface ToastOptions<TData = object> {\n  /**\n   * Uniquely identifies a toast, used for update and dismiss operations\n   */\n  toastId: ToastId;\n  /**\n   * The position the toast should render to\n   */\n  position: ToastPosition;\n  /**\n   * Toast content\n   */\n  content: unknown;\n  /**\n   * Auto dismiss timeout in milliseconds\n   * @default 3000\n   */\n  timeout: number;\n  /**\n   * Toast timeout pauses while focus is on another window\n   * @default false\n   */\n  pauseOnWindowBlur: boolean;\n  /**\n   * Toast timeout pauses while user cursor is on the toast\n   * @default false\n   */\n  pauseOnHover: boolean;\n  /**\n   * Toast belongs to a specific toaster\n   */\n  toasterId: ToasterId | undefined;\n  /**\n   * Higher priority toasts will be rendered before lower priority toasts\n   */\n  priority: number;\n  /**\n   * Used to determine [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) narration\n   * This will override the intent prop\n   */\n  politeness?: ToastPoliteness;\n\n  /**\n   * Default toast types that determine the urgency or [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) narration\n   * The UI layer may use these intents to apply specific styling.\n   * @default info\n   */\n  intent?: ToastIntent;\n  /**\n   * Additional data that needs to be passed to the toast\n   */\n  data: TData;\n\n  /**\n   * Reports changes to the Toast lifecycle\n   */\n  onStatusChange: ToastChangeHandler | undefined;\n}\n\nexport interface ToastOffsetObject {\n  horizontal?: number;\n  vertical?: number;\n}\n\nexport type ToastOffset = Partial<Record<ToastPosition, ToastOffsetObject>> | ToastOffsetObject;\n\nexport interface ToasterShortcuts {\n  focus: (e: KeyboardEvent) => boolean;\n}\n\nexport interface ToasterOptions\n  extends Pick<ToastOptions, 'position' | 'timeout' | 'pauseOnWindowBlur' | 'pauseOnHover' | 'priority'> {\n  offset?: ToastOffset;\n  toasterId?: ToasterId;\n  limit?: number;\n  shortcuts?: ToasterShortcuts;\n}\n\nexport interface Toast<TData = object> extends ToastOptions<TData> {\n  /**\n   * Determines the visiblity of a toast\n   */\n  close: () => void;\n  /**\n   * Removes a toast completely\n   */\n  remove: () => void;\n  /**\n   * A number used to track updates immutably\n   */\n  updateId: number;\n  /**\n   * Used to determine default priority when the user does not set one\n   * Simple counter of toasts dispatched.\n   */\n  order: number;\n\n  imperativeRef: React.RefObject<ToastImperativeRef | null>;\n}\n\nexport interface CommonToastDetail {\n  toasterId?: ToasterId;\n}\n\nexport interface ShowToastEventDetail extends Partial<ToastOptions>, CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface UpdateToastEventDetail extends Partial<ToastOptions>, CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface DismissToastEventDetail extends CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface PauseToastEventDetail extends CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface PlayToastEventDetail extends CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface DismissAllToastsEventDetail extends CommonToastDetail {}\n\ntype EventListener<TDetail> = (e: CustomEvent<TDetail>) => void;\n\nexport type ToastListenerMap = {\n  [EVENTS.show]: EventListener<ShowToastEventDetail>;\n  [EVENTS.dismiss]: EventListener<DismissToastEventDetail>;\n  [EVENTS.dismissAll]: EventListener<DismissAllToastsEventDetail>;\n  [EVENTS.update]: EventListener<UpdateToastEventDetail>;\n  [EVENTS.play]: EventListener<PlayToastEventDetail>;\n  [EVENTS.pause]: EventListener<PauseToastEventDetail>;\n};\n\nexport interface DispatchToastOptions extends Partial<Omit<ToastOptions, 'toasterId'>> {\n  root?: Slot<'div'>;\n}\n\nexport interface UpdateToastOptions extends UpdateToastEventDetail {\n  root?: Slot<'div'>;\n}\n\nexport type ToastImperativeRef = {\n  /**\n   * Focuses the Toast.\n   * If there are no focusable elements in the Toast, the Toast itself is focused.\n   */\n  focus: () => void;\n\n  /**\n   * Resumes the timeout of a paused toast\n   */\n  play: () => void;\n\n  /**\n   * Pauses the timeout of a toast\n   */\n  pause: () => void;\n};\n"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-toast",
-  "version": "9.7.18",
+  "version": "9.8.0",
   "description": "Toast component for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",