@fluentui/react-toast 9.7.18 → 9.8.0

package/lib/components/ToastTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ToastTitle/index.ts"],"sourcesContent":["export { ToastTitle } from './ToastTitle';\nexport type { ToastTitleProps, ToastTitleSlots, ToastTitleState } from './ToastTitle.types';\nexport { renderToastTitle_unstable } from './renderToastTitle';\nexport { useToastTitle_unstable } from './useToastTitle';\nexport { toastTitleClassNames, useToastTitleStyles_unstable } from './useToastTitleStyles.styles';\n"],"names":["ToastTitle","renderToastTitle_unstable","useToastTitle_unstable","toastTitleClassNames","useToastTitleStyles_unstable"],"mappings":"AAAA,SAASA,UAAU,QAAQ,eAAe;AAE1C,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,oBAAoB,EAAEC,4BAA4B,QAAQ,+BAA+B"}
+{"version":3,"sources":["../src/components/ToastTitle/index.ts"],"sourcesContent":["export { ToastTitle } from './ToastTitle';\nexport type {\n  ToastTitleBaseProps,\n  ToastTitleBaseState,\n  ToastTitleProps,\n  ToastTitleSlots,\n  ToastTitleState,\n} from './ToastTitle.types';\nexport { renderToastTitle_unstable } from './renderToastTitle';\nexport { useToastTitleBase_unstable, useToastTitle_unstable } from './useToastTitle';\nexport { toastTitleClassNames, useToastTitleStyles_unstable } from './useToastTitleStyles.styles';\n"],"names":["ToastTitle","renderToastTitle_unstable","useToastTitleBase_unstable","useToastTitle_unstable","toastTitleClassNames","useToastTitleStyles_unstable"],"mappings":"AAAA,SAASA,UAAU,QAAQ,eAAe;AAQ1C,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,0BAA0B,EAAEC,sBAAsB,QAAQ,kBAAkB;AACrF,SAASC,oBAAoB,EAAEC,4BAA4B,QAAQ,+BAA+B"}

package/lib/components/ToastTitle/useToastTitle.js

@@ -4,6 +4,40 @@ import { CheckmarkCircleFilled, DiamondDismissFilled, InfoFilled, WarningFilled
 import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
 import { useBackgroundAppearance } from '@fluentui/react-shared-contexts';
 import { useToastContainerContext } from '../../contexts/toastContainerContext';
+/**
+ * Create the base state required to render ToastTitle, without design-only props.
+ *
+ * @param props - props from this instance of ToastTitle
+ * @param ref - reference to root HTMLElement of ToastTitle
+ */ export const useToastTitleBase_unstable = (props, ref)=>{
+    const { intent, titleId } = useToastContainerContext();
+    return {
+        action: slot.optional(props.action, {
+            elementType: 'div'
+        }),
+        components: {
+            root: 'div',
+            media: 'div',
+            action: 'div'
+        },
+        media: slot.optional(props.media, {
+            renderByDefault: !!intent,
+            elementType: 'div'
+        }),
+        root: slot.always(getIntrinsicElementProps('div', {
+            // FIXME:
+            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
+            // but since it would be a breaking change to fix it, we are casting ref to it's proper type
+            ref: ref,
+            children: props.children,
+            id: titleId,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        intent
+    };
+};
 /**
  * Create the state required to render ToastTitle.
  *
@@ -13,10 +47,11 @@ import { useToastContainerContext } from '../../contexts/toastContainerContext';
  * @param props - props from this instance of ToastTitle
  * @param ref - reference to root HTMLElement of ToastTitle
  */ export const useToastTitle_unstable = (props, ref)=>{
-    const { intent, titleId } = useToastContainerContext();
+    'use no memo';
     const backgroundAppearance = useBackgroundAppearance();
+    const baseState = useToastTitleBase_unstable(props, ref);
     /** Determine the role and media to render based on the intent */ let defaultIcon;
-    switch(intent){
+    switch(baseState.intent){
         case 'success':
             defaultIcon = /*#__PURE__*/ React.createElement(CheckmarkCircleFilled, null);
             break;
@@ -31,33 +66,14 @@ import { useToastContainerContext } from '../../contexts/toastContainerContext';
             break;
     }
     return {
-        action: slot.optional(props.action, {
-            elementType: 'div'
-        }),
-        components: {
-            root: 'div',
-            media: 'div',
-            action: 'div'
-        },
+        ...baseState,
         media: slot.optional(props.media, {
-            renderByDefault: !!intent,
             defaultProps: {
                 children: defaultIcon
             },
+            renderByDefault: !!baseState.intent,
             elementType: 'div'
         }),
-        root: slot.always(getIntrinsicElementProps('div', {
-            // FIXME:
-            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
-            // but since it would be a breaking change to fix it, we are casting ref to it's proper type
-            ref: ref,
-            children: props.children,
-            id: titleId,
-            ...props
-        }), {
-            elementType: 'div'
-        }),
-        intent,
         backgroundAppearance
     };
 };

package/lib/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;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,qBAAqB,EAAEC,oBAAoB,EAAEC,UAAU,EAAEC,aAAa,QAAQ,wBAAwB;AAC/G,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,SAASC,uBAAuB,QAAQ,kCAAkC;AAG1E,SAASC,wBAAwB,QAAQ,uCAAuC;AAEhF;;;;;;;;CAQC,GACD,OAAO,MAAMC,yBAAyB,CAACC,OAAwBC;IAC7D,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAE,GAAGL;IAC5B,MAAMM,uBAAuBP;IAE7B,+DAA+D,GAC/D,IAAIQ;IACJ,OAAQH;QACN,KAAK;YACHG,4BAAc,oBAACd;YACf;QACF,KAAK;YACHc,4BAAc,oBAACb;YACf;QACF,KAAK;YACHa,4BAAc,oBAACX;YACf;QACF,KAAK;YACHW,4BAAc,oBAACZ;YACf;IACJ;IAEA,OAAO;QACLa,QAAQV,KAAKW,QAAQ,CAACP,MAAMM,MAAM,EAAE;YAAEE,aAAa;QAAM;QACzDC,YAAY;YAAEC,MAAM;YAAOC,OAAO;YAAOL,QAAQ;QAAM;QACvDK,OAAOf,KAAKW,QAAQ,CAACP,MAAMW,KAAK,EAAE;YAChCC,iBAAiB,CAAC,CAACV;YACnBW,cAAc;gBAAEC,UAAUT;YAAY;YACtCG,aAAa;QACf;QACAE,MAAMd,KAAKmB,MAAM,CACfpB,yBAAyB,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;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,qBAAqB,EAAEC,oBAAoB,EAAEC,UAAU,EAAEC,aAAa,QAAQ,wBAAwB;AAC/G,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,SAASC,uBAAuB,QAAQ,kCAAkC;AAG1E,SAASC,wBAAwB,QAAQ,uCAAuC;AAEhF;;;;;CAKC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAE,GAAGL;IAE5B,OAAO;QACLM,QAAQR,KAAKS,QAAQ,CAACL,MAAMI,MAAM,EAAE;YAAEE,aAAa;QAAM;QACzDC,YAAY;YAAEC,MAAM;YAAOC,OAAO;YAAOL,QAAQ;QAAM;QACvDK,OAAOb,KAAKS,QAAQ,CAACL,MAAMS,KAAK,EAAE;YAChCC,iBAAiB,CAAC,CAACR;YACnBI,aAAa;QACf;QACAE,MAAMZ,KAAKe,MAAM,CACfhB,yBAAyB,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;AAEF;;;;;;;;CAQC,GACD,OAAO,MAAMY,yBAAyB,CAACd,OAAwBC;IAC7D;IAEA,MAAMc,uBAAuBlB;IAC7B,MAAMmB,YAAYjB,2BAA2BC,OAAOC;IAEpD,+DAA+D,GAC/D,IAAIgB;IACJ,OAAQD,UAAUd,MAAM;QACtB,KAAK;YACHe,4BAAc,oBAAC1B;YACf;QACF,KAAK;YACH0B,4BAAc,oBAACzB;YACf;QACF,KAAK;YACHyB,4BAAc,oBAACvB;YACf;QACF,KAAK;YACHuB,4BAAc,oBAACxB;YACf;IACJ;IAEA,OAAO;QACL,GAAGuB,SAAS;QACZP,OAAOb,KAAKS,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/components/Toaster/index.js

@@ -2,3 +2,4 @@ export { Toaster } from './Toaster';
 export { renderToaster_unstable } from './renderToaster';
 export { useToaster_unstable } from './useToaster';
 export { toasterClassNames, useToasterStyles_unstable } from './useToasterStyles.styles';
+export { useToastAnnounce } from './useToastAnnounce';

package/lib/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":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAEpC,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,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":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAEpC,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,4BAA4B;AACzF,SAASC,gBAAgB,QAAQ,qBAAqB"}

package/lib/components/Toaster/useToastAnnounce.js

@@ -5,7 +5,7 @@ import { isHTMLElement } from '@fluentui/react-utilities';
  * Wraps an aria live announcement function.
  * Aria live announcements can be detrimental once the user is already navigating
  * multiple toasts. Once the user is focused inside the toaster, the announecments should be disabled.
- * @param announce
+ * @param announce - The aria live announcement function to wrap
  * @returns A function to announce a toast and a ref to attach to the toaster element
  */ export function useToastAnnounce(announce) {
     const activeRef = React.useRef(true);

package/lib/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;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,aAAa,QAAQ,4BAA4B;AAE1D;;;;;;CAMC,GACD,OAAO,SAASC,iBAAiBC,QAAkB;IAIjD,MAAMC,YAAYJ,MAAMK,MAAM,CAAC;IAC/B,MAAMC,aAAaN,MAAMK,MAAM,CAAa,IAAME;IAClD,MAAMC,gBAAgBR,MAAMS,WAAW,CACrC,CAACC,SAASC;QACR,IAAIP,UAAUQ,OAAO,EAAE;YACrBT,SAASO,SAASC;QACpB;IACF,GACA;QAACR;KAAS;IAGZ,MAAMU,aAAab,MAAMS,WAAW,CAAC,CAACK;QACpC,IAAI,CAACA,IAAI;YACPR,WAAWM,OAAO;YAClB;QACF;QAEA,MAAMG,YAAY,CAACC;YACjB,IACEf,cAAce,EAAEC,aAAa,KAC7BD,EAAEC,aAAa,CAACC,QAAQ,CAACjB,cAAce,EAAEG,aAAa,IAAIH,EAAEG,aAAa,GAAG,OAC5E;gBACA;YACF;YAEAf,UAAUQ,OAAO,GAAG;QACtB;QAEA,MAAMQ,aAAa,CAACJ;YAClB,IACEf,cAAce,EAAEC,aAAa,KAC7BD,EAAEC,aAAa,CAACC,QAAQ,CAACjB,cAAce,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;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,aAAa,QAAQ,4BAA4B;AAE1D;;;;;;CAMC,GACD,OAAO,SAASC,iBAAiBC,QAAkB;IAIjD,MAAMC,YAAYJ,MAAMK,MAAM,CAAC;IAC/B,MAAMC,aAAaN,MAAMK,MAAM,CAAa,IAAME;IAClD,MAAMC,gBAAgBR,MAAMS,WAAW,CACrC,CAACC,SAASC;QACR,IAAIP,UAAUQ,OAAO,EAAE;YACrBT,SAASO,SAASC;QACpB;IACF,GACA;QAACR;KAAS;IAGZ,MAAMU,aAAab,MAAMS,WAAW,CAAC,CAACK;QACpC,IAAI,CAACA,IAAI;YACPR,WAAWM,OAAO;YAClB;QACF;QAEA,MAAMG,YAAY,CAACC;YACjB,IACEf,cAAce,EAAEC,aAAa,KAC7BD,EAAEC,aAAa,CAACC,QAAQ,CAACjB,cAAce,EAAEG,aAAa,IAAIH,EAAEG,aAAa,GAAG,OAC5E;gBACA;YACF;YAEAf,UAAUQ,OAAO,GAAG;QACtB;QAEA,MAAMQ,aAAa,CAACJ;YAClB,IACEf,cAAce,EAAEC,aAAa,KAC7BD,EAAEC,aAAa,CAACC,QAAQ,CAACjB,cAAce,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/index.js

@@ -1,8 +1,10 @@
-export { useToastController } from './state';
+export { useToastController, useToaster } from './state';
 export { ToastTrigger, useToastTrigger_unstable, renderToastTrigger_unstable } from './ToastTrigger';
-export { Toaster, useToaster_unstable, useToasterStyles_unstable, renderToaster_unstable, toasterClassNames } from './Toaster';
-export { Toast, useToastStyles_unstable, useToast_unstable, renderToast_unstable, toastClassNames } from './Toast';
-export { ToastTitle, useToastTitleStyles_unstable, useToastTitle_unstable, renderToastTitle_unstable, toastTitleClassNames } from './ToastTitle';
-export { ToastBody, useToastBodyStyles_unstable, useToastBody_unstable, renderToastBody_unstable, toastBodyClassNames } from './ToastBody';
+export { Toaster, useToaster_unstable, useToasterStyles_unstable, renderToaster_unstable, toasterClassNames, useToastAnnounce } from './Toaster';
+export { Toast, useToastStyles_unstable, useToastBase_unstable, useToast_unstable, renderToast_unstable, toastClassNames } from './Toast';
+export { ToastTitle, useToastTitleStyles_unstable, useToastTitleBase_unstable, useToastTitle_unstable, renderToastTitle_unstable, toastTitleClassNames } from './ToastTitle';
+export { ToastBody, useToastBodyStyles_unstable, useToastBodyBase_unstable, useToastBody_unstable, renderToastBody_unstable, toastBodyClassNames } from './ToastBody';
 export { ToastFooter, useToastFooterStyles_unstable, useToastFooter_unstable, renderToastFooter_unstable, toastFooterClassNames } from './ToastFooter';
+export { ToastContainerContextProvider, useToastContainerContext } from './contexts/toastContainerContext';
 export { toastContainerClassNames } from './ToastContainer';
+export { useToastContainer_unstable, renderToastContainer_unstable, useToastContainerContextValues_unstable } from './ToastContainer';

package/lib/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":"AAAA,SAASA,kBAAkB,QAAQ,UAAU;AAG7C,SAASC,YAAY,EAAEC,wBAAwB,EAAEC,2BAA2B,QAAQ,iBAAiB;AAErG,SACEC,OAAO,EACPC,mBAAmB,EACnBC,yBAAyB,EACzBC,sBAAsB,EACtBC,iBAAiB,QACZ,YAAY;AAEnB,SAASC,KAAK,EAAEC,uBAAuB,EAAEC,iBAAiB,EAAEC,oBAAoB,EAAEC,eAAe,QAAQ,UAAU;AAGnH,SACEC,UAAU,EACVC,4BAA4B,EAC5BC,sBAAsB,EACtBC,yBAAyB,EACzBC,oBAAoB,QACf,eAAe;AAGtB,SACEC,SAAS,EACTC,2BAA2B,EAC3BC,qBAAqB,EACrBC,wBAAwB,EACxBC,mBAAmB,QACd,cAAc;AAGrB,SACEC,WAAW,EACXC,6BAA6B,EAC7BC,uBAAuB,EACvBC,0BAA0B,EAC1BC,qBAAqB,QAChB,gBAAgB;AAGvB,SAASC,wBAAwB,QAAQ,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":"AAAA,SAASA,kBAAkB,EAAEC,UAAU,QAAQ,UAAU;AA0BzD,SAASC,YAAY,EAAEC,wBAAwB,EAAEC,2BAA2B,QAAQ,iBAAiB;AAErG,SACEC,OAAO,EACPC,mBAAmB,EACnBC,yBAAyB,EACzBC,sBAAsB,EACtBC,iBAAiB,EACjBC,gBAAgB,QACX,YAAY;AAEnB,SACEC,KAAK,EACLC,uBAAuB,EACvBC,qBAAqB,EACrBC,iBAAiB,EACjBC,oBAAoB,EACpBC,eAAe,QACV,UAAU;AAGjB,SACEC,UAAU,EACVC,4BAA4B,EAC5BC,0BAA0B,EAC1BC,sBAAsB,EACtBC,yBAAyB,EACzBC,oBAAoB,QACf,eAAe;AAStB,SACEC,SAAS,EACTC,2BAA2B,EAC3BC,yBAAyB,EACzBC,qBAAqB,EACrBC,wBAAwB,EACxBC,mBAAmB,QACd,cAAc;AASrB,SACEC,WAAW,EACXC,6BAA6B,EAC7BC,uBAAuB,EACvBC,0BAA0B,EAC1BC,qBAAqB,QAChB,gBAAgB;AAIvB,SAASC,6BAA6B,EAAEC,wBAAwB,QAAQ,mCAAmC;AAC3G,SAASC,wBAAwB,QAAQ,mBAAmB;AAE5D,SACEC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uCAAuC,QAClC,mBAAmB"}

package/lib/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":"AAoKA,WAgBE"}
+{"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":"AAkKA,WAgBE"}

package/lib-commonjs/Toast.js

@@ -18,6 +18,9 @@ _export(exports, {
     toastClassNames: function() {
         return _index.toastClassNames;
     },
+    useToastBase_unstable: function() {
+        return _index.useToastBase_unstable;
+    },
     useToastStyles_unstable: function() {
         return _index.useToastStyles_unstable;
     },

package/lib-commonjs/Toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Toast.ts"],"sourcesContent":["export type { ToastContextValues, ToastProps, ToastSlots, ToastState } from './components/Toast/index';\nexport {\n  Toast,\n  renderToast_unstable,\n  toastClassNames,\n  useToastStyles_unstable,\n  useToast_unstable,\n} from './components/Toast/index';\n"],"names":["Toast","renderToast_unstable","toastClassNames","useToastStyles_unstable","useToast_unstable"],"mappings":";;;;;;;;;;;;eAEEA,YAAK;;;eACLC,2BAAoB;;;eACpBC,sBAAe;;;eACfC,8BAAuB;;;eACvBC,wBAAiB;;;uBACZ,2BAA2B"}
+{"version":3,"sources":["../src/Toast.ts"],"sourcesContent":["export type {\n  ToastBaseProps,\n  ToastBaseState,\n  ToastContextValues,\n  ToastProps,\n  ToastSlots,\n  ToastState,\n} from './components/Toast/index';\nexport {\n  Toast,\n  renderToast_unstable,\n  toastClassNames,\n  useToastStyles_unstable,\n  useToastBase_unstable,\n  useToast_unstable,\n} from './components/Toast/index';\n"],"names":["Toast","renderToast_unstable","toastClassNames","useToastStyles_unstable","useToastBase_unstable","useToast_unstable"],"mappings":";;;;;;;;;;;;eASEA,YAAK;;;eACLC,2BAAoB;;;eACpBC,sBAAe;;;eAEfE,4BAAqB;;;eADrBD,8BAAuB;;;eAEvBE,wBAAiB;;;uBACZ,2BAA2B"}

package/lib-commonjs/ToastBody.js

@@ -18,6 +18,9 @@ _export(exports, {
     toastBodyClassNames: function() {
         return _index.toastBodyClassNames;
     },
+    useToastBodyBase_unstable: function() {
+        return _index.useToastBodyBase_unstable;
+    },
     useToastBodyStyles_unstable: function() {
         return _index.useToastBodyStyles_unstable;
     },

package/lib-commonjs/ToastBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ToastBody.ts"],"sourcesContent":["export type { ToastBodyProps, ToastBodySlots, ToastBodyState } from './components/ToastBody/index';\nexport {\n  ToastBody,\n  renderToastBody_unstable,\n  toastBodyClassNames,\n  useToastBodyStyles_unstable,\n  useToastBody_unstable,\n} from './components/ToastBody/index';\n"],"names":["ToastBody","renderToastBody_unstable","toastBodyClassNames","useToastBodyStyles_unstable","useToastBody_unstable"],"mappings":";;;;;;;;;;;;eAEEA,gBAAS;;;eACTC,+BAAwB;;;eACxBC,0BAAmB;;;eACnBC,kCAA2B;;;eAC3BC,4BAAqB;;;uBAChB,+BAA+B"}
+{"version":3,"sources":["../src/ToastBody.ts"],"sourcesContent":["export type {\n  ToastBodyBaseProps,\n  ToastBodyBaseState,\n  ToastBodyProps,\n  ToastBodySlots,\n  ToastBodyState,\n} from './components/ToastBody/index';\nexport {\n  ToastBody,\n  renderToastBody_unstable,\n  toastBodyClassNames,\n  useToastBodyStyles_unstable,\n  useToastBodyBase_unstable,\n  useToastBody_unstable,\n} from './components/ToastBody/index';\n"],"names":["ToastBody","renderToastBody_unstable","toastBodyClassNames","useToastBodyStyles_unstable","useToastBodyBase_unstable","useToastBody_unstable"],"mappings":";;;;;;;;;;;;eAQEA,gBAAS;;;eACTC,+BAAwB;;;eACxBC,0BAAmB;;;eAEnBE,gCAAyB;;;eADzBD,kCAA2B;;;eAE3BE,4BAAqB;;;uBAChB,+BAA+B"}

package/lib-commonjs/ToastTitle.js

@@ -18,6 +18,9 @@ _export(exports, {
     toastTitleClassNames: function() {
         return _index.toastTitleClassNames;
     },
+    useToastTitleBase_unstable: function() {
+        return _index.useToastTitleBase_unstable;
+    },
     useToastTitleStyles_unstable: function() {
         return _index.useToastTitleStyles_unstable;
     },

package/lib-commonjs/ToastTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ToastTitle.ts"],"sourcesContent":["export type { ToastTitleProps, ToastTitleSlots, ToastTitleState } from './components/ToastTitle/index';\nexport {\n  ToastTitle,\n  renderToastTitle_unstable,\n  toastTitleClassNames,\n  useToastTitleStyles_unstable,\n  useToastTitle_unstable,\n} from './components/ToastTitle/index';\n"],"names":["ToastTitle","renderToastTitle_unstable","toastTitleClassNames","useToastTitleStyles_unstable","useToastTitle_unstable"],"mappings":";;;;;;;;;;;;eAEEA,iBAAU;;;eACVC,gCAAyB;;;eACzBC,2BAAoB;;;eACpBC,mCAA4B;;;eAC5BC,6BAAsB;;;uBACjB,gCAAgC"}
+{"version":3,"sources":["../src/ToastTitle.ts"],"sourcesContent":["export type {\n  ToastTitleBaseProps,\n  ToastTitleBaseState,\n  ToastTitleProps,\n  ToastTitleSlots,\n  ToastTitleState,\n} from './components/ToastTitle/index';\nexport {\n  ToastTitle,\n  renderToastTitle_unstable,\n  toastTitleClassNames,\n  useToastTitleStyles_unstable,\n  useToastTitleBase_unstable,\n  useToastTitle_unstable,\n} from './components/ToastTitle/index';\n"],"names":["ToastTitle","renderToastTitle_unstable","toastTitleClassNames","useToastTitleStyles_unstable","useToastTitleBase_unstable","useToastTitle_unstable"],"mappings":";;;;;;;;;;;;eAQEA,iBAAU;;;eACVC,gCAAyB;;;eACzBC,2BAAoB;;;eAEpBE,iCAA0B;;;eAD1BD,mCAA4B;;;eAE5BE,6BAAsB;;;uBACjB,gCAAgC"}

package/lib-commonjs/Toaster.js

@@ -18,6 +18,9 @@ _export(exports, {
     toasterClassNames: function() {
         return _index.toasterClassNames;
     },
+    useToastAnnounce: function() {
+        return _index.useToastAnnounce;
+    },
     useToasterStyles_unstable: function() {
         return _index.useToasterStyles_unstable;
     },

package/lib-commonjs/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Toaster.ts"],"sourcesContent":["export type { ToasterProps, ToasterSlots, ToasterSlotsInternal, ToasterState } from './components/Toaster/index';\nexport {\n  Toaster,\n  renderToaster_unstable,\n  toasterClassNames,\n  useToasterStyles_unstable,\n  useToaster_unstable,\n} from './components/Toaster/index';\n"],"names":["Toaster","renderToaster_unstable","toasterClassNames","useToasterStyles_unstable","useToaster_unstable"],"mappings":";;;;;;;;;;;;eAEEA,cAAO;;;eACPC,6BAAsB;;;eACtBC,wBAAiB;;;eACjBC,gCAAyB;;;eACzBC,0BAAmB;;;uBACd,6BAA6B"}
+{"version":3,"sources":["../src/Toaster.ts"],"sourcesContent":["export type { ToasterProps, ToasterSlots, ToasterSlotsInternal, ToasterState } from './components/Toaster/index';\nexport {\n  Toaster,\n  renderToaster_unstable,\n  toasterClassNames,\n  useToasterStyles_unstable,\n  useToaster_unstable,\n  useToastAnnounce,\n} from './components/Toaster/index';\n"],"names":["Toaster","renderToaster_unstable","toasterClassNames","useToasterStyles_unstable","useToaster_unstable","useToastAnnounce"],"mappings":";;;;;;;;;;;;eAEEA,cAAO;;;eACPC,6BAAsB;;;eACtBC,wBAAiB;;;eAGjBG,uBAAgB;;;eAFhBF,gCAAyB;;;eACzBC,0BAAmB;;;uBAEd,6BAA6B"}

package/lib-commonjs/components/Toast/Toast.types.js

@@ -1,5 +1,5 @@
 /**
- * State used in rendering Toast
+ * State used in rendering Toast, without design-only state.
  */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Toast/Toast.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Toast/Toast.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BackgroundAppearanceContextValue } from '@fluentui/react-shared-contexts';\nimport type { ToastIntent } from '../../state/types';\n\nexport type ToastSlots = {\n  root: Slot<'div'>;\n};\n\nexport type ToastContextValues = {\n  backgroundAppearance: BackgroundAppearanceContextValue;\n};\n\n/**\n * Toast Props\n */\nexport type ToastProps = ComponentProps<ToastSlots> & {\n  appearance?: BackgroundAppearanceContextValue;\n};\n\n/**\n * State used in rendering Toast\n */\nexport type ToastState = ComponentState<ToastSlots> & {\n  backgroundAppearance: BackgroundAppearanceContextValue;\n  intent?: ToastIntent | undefined;\n};\n"],"names":[],"mappings":"AAmBA;;CAEC,GACD,WAGE"}
+{"version":3,"sources":["../src/components/Toast/Toast.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BackgroundAppearanceContextValue } from '@fluentui/react-shared-contexts';\nimport type { ToastIntent } from '../../state/types';\n\nexport type ToastSlots = {\n  root: Slot<'div'>;\n};\n\nexport type ToastContextValues = {\n  backgroundAppearance: BackgroundAppearanceContextValue;\n};\n\n/**\n * Toast Props\n */\nexport type ToastProps = ComponentProps<ToastSlots> & {\n  appearance?: BackgroundAppearanceContextValue;\n};\n\n/**\n * Toast Props without design-only props.\n */\nexport type ToastBaseProps = Omit<ToastProps, 'appearance'>;\n\n/**\n * State used in rendering Toast\n */\nexport type ToastState = ComponentState<ToastSlots> & {\n  backgroundAppearance: BackgroundAppearanceContextValue;\n  intent?: ToastIntent | undefined;\n};\n\n/**\n * State used in rendering Toast, without design-only state.\n */\nexport type ToastBaseState = Omit<ToastState, 'backgroundAppearance'>;\n"],"names":[],"mappings":"AAgCA;;CAEC,GACD,WAAsE"}

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

@@ -18,6 +18,9 @@ _export(exports, {
     toastClassNames: function() {
         return _useToastStylesstyles.toastClassNames;
     },
+    useToastBase_unstable: function() {
+        return _useToast.useToastBase_unstable;
+    },
     useToastStyles_unstable: function() {
         return _useToastStylesstyles.useToastStyles_unstable;
     },

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Toast/index.ts"],"sourcesContent":["export { Toast } from './Toast';\nexport type { ToastContextValues, ToastProps, ToastSlots, ToastState } from './Toast.types';\nexport { renderToast_unstable } from './renderToast';\nexport { useToast_unstable } from './useToast';\nexport { toastClassNames, useToastStyles_unstable } from './useToastStyles.styles';\n"],"names":["Toast","renderToast_unstable","useToast_unstable","toastClassNames","useToastStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,YAAK;;;eAELC,iCAAoB;;;eAEpBE,qCAAe;;;eAAEC,6CAAuB;;;eADxCF,2BAAiB;;;uBAHJ,UAAU;6BAEK,gBAAgB;0BACnB,aAAa;sCACU,0BAA0B"}
+{"version":3,"sources":["../src/components/Toast/index.ts"],"sourcesContent":["export { Toast } from './Toast';\nexport type {\n  ToastBaseProps,\n  ToastBaseState,\n  ToastContextValues,\n  ToastProps,\n  ToastSlots,\n  ToastState,\n} from './Toast.types';\nexport { renderToast_unstable } from './renderToast';\nexport { useToastBase_unstable, useToast_unstable } from './useToast';\nexport { toastClassNames, useToastStyles_unstable } from './useToastStyles.styles';\n"],"names":["Toast","renderToast_unstable","useToastBase_unstable","useToast_unstable","toastClassNames","useToastStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,YAAK;;;eASLC,iCAAoB;;;eAEpBG,qCAAe;;;eADfF,+BAAqB;;;eACJG,6CAAuB;;;eADjBF,2BAAiB;;;uBAV3B,UAAU;6BASK,gBAAgB;0BACI,aAAa;sCACb,0BAA0B"}

package/lib-commonjs/components/Toast/useToast.js

@@ -3,15 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useToast_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, {
+    useToastBase_unstable: function() {
+        return useToastBase_unstable;
+    },
+    useToast_unstable: function() {
         return useToast_unstable;
     }
 });
 const _reactutilities = require("@fluentui/react-utilities");
 const _toastContainerContext = require("../../contexts/toastContainerContext");
-const useToast_unstable = (props, ref)=>{
+const useToastBase_unstable = (props, ref)=>{
     const { intent } = (0, _toastContainerContext.useToastContainerContext)();
     return {
         components: {
@@ -26,7 +34,13 @@ const useToast_unstable = (props, ref)=>{
         }), {
             elementType: 'div'
         }),
-        backgroundAppearance: props.appearance,
         intent
     };
 };
+const useToast_unstable = (props, ref)=>{
+    const state = useToastBase_unstable(props, ref);
+    return {
+        ...state,
+        backgroundAppearance: props.appearance
+    };
+};

package/lib-commonjs/components/Toast/useToast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Toast/useToast.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { ToastProps, ToastState } from './Toast.types';\nimport { useToastContainerContext } from '../../contexts/toastContainerContext';\n\n/**\n * Create the state required to render Toast.\n *\n * The returned state can be modified with hooks such as useToastStyles_unstable,\n * before being passed to renderToast_unstable.\n *\n * @param props - props from this instance of Toast\n * @param ref - reference to root HTMLElement of Toast\n */\nexport const useToast_unstable = (props: ToastProps, ref: React.Ref<HTMLElement>): ToastState => {\n  const { intent } = useToastContainerContext();\n\n  return {\n    components: {\n      root: '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        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    backgroundAppearance: props.appearance,\n    intent,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useToastContainerContext","useToast_unstable","props","ref","intent","components","root","always","elementType","backgroundAppearance","appearance"],"mappings":"AAAA;;;;;;;;;;;gCAG+C,4BAA4B;uCAElC,uCAAuC;AAWzE,MAAMG,oBAAoB,CAACC,OAAmBC;IACnD,MAAM,EAAEC,MAAM,EAAE,OAAGJ,+CAAAA;IAEnB,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMP,oBAAAA,CAAKQ,MAAM,KACfT,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FK,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEM,aAAa;QAAM;QAEvBC,sBAAsBP,MAAMQ,UAAU;QACtCN;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/Toast/useToast.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { ToastBaseProps, ToastBaseState, ToastProps, ToastState } from './Toast.types';\nimport { useToastContainerContext } from '../../contexts/toastContainerContext';\n\n/**\n * Create the base state required to render Toast, without design-only props.\n *\n * @param props - props from this instance of Toast (without appearance)\n * @param ref - reference to root HTMLElement of Toast\n */\nexport const useToastBase_unstable = (props: ToastBaseProps, ref: React.Ref<HTMLElement>): ToastBaseState => {\n  const { intent } = useToastContainerContext();\n\n  return {\n    components: {\n      root: '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        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    intent,\n  };\n};\n\n/**\n * Create the state required to render Toast.\n *\n * The returned state can be modified with hooks such as useToastStyles_unstable,\n * before being passed to renderToast_unstable.\n *\n * @param props - props from this instance of Toast\n * @param ref - reference to root HTMLElement of Toast\n */\nexport const useToast_unstable = (props: ToastProps, ref: React.Ref<HTMLElement>): ToastState => {\n  const state = useToastBase_unstable(props, ref);\n  return {\n    ...state,\n    backgroundAppearance: props.appearance,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useToastContainerContext","useToastBase_unstable","props","ref","intent","components","root","always","elementType","useToast_unstable","state","backgroundAppearance","appearance"],"mappings":"AAAA;;;;;;;;;;;;IAaaG,qBAAAA;;;qBA8BAQ;;;;gCAxCkC,4BAA4B;uCAElC,uCAAuC;AAQzE,8BAA8B,CAACP,OAAuBC;IAC3D,MAAM,EAAEC,MAAM,EAAE,GAAGJ,mDAAAA;IAEnB,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMP,oBAAAA,CAAKQ,MAAM,KACfT,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FK,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEM,aAAa;QAAM;QAEvBJ;IACF;AACF,EAAE;AAWK,MAAMK,oBAAoB,CAACP,OAAmBC;IACnD,MAAMO,QAAQT,sBAAsBC,OAAOC;IAC3C,OAAO;QACL,GAAGO,KAAK;QACRC,sBAAsBT,MAAMU,UAAU;IACxC;AACF,EAAE"}

package/lib-commonjs/components/ToastBody/ToastBody.types.js

@@ -1,5 +1,5 @@
 /**
- * State used in rendering ToastBody
+ * State used in rendering ToastBody, without design-only state.
  */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/ToastBody/ToastBody.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ToastBody/ToastBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BackgroundAppearanceContextValue } from '@fluentui/react-shared-contexts';\n\nexport type ToastBodySlots = {\n  root: Slot<'div'>;\n  subtitle?: Slot<'div'>;\n};\n\n/**\n * ToastBody Props\n */\nexport type ToastBodyProps = ComponentProps<ToastBodySlots> & {};\n\n/**\n * State used in rendering ToastBody\n */\nexport type ToastBodyState = ComponentState<ToastBodySlots> & {\n  backgroundAppearance: BackgroundAppearanceContextValue;\n};\n"],"names":[],"mappings":"AAaA;;CAEC,GACD,WAEE"}
+{"version":3,"sources":["../src/components/ToastBody/ToastBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BackgroundAppearanceContextValue } from '@fluentui/react-shared-contexts';\n\nexport type ToastBodySlots = {\n  root: Slot<'div'>;\n  subtitle?: Slot<'div'>;\n};\n\n/**\n * ToastBody Props\n */\nexport type ToastBodyProps = ComponentProps<ToastBodySlots> & {};\n\n/**\n * ToastBody Props without design-only props.\n */\nexport type ToastBodyBaseProps = ToastBodyProps;\n\n/**\n * State used in rendering ToastBody\n */\nexport type ToastBodyState = ComponentState<ToastBodySlots> & {\n  backgroundAppearance: BackgroundAppearanceContextValue;\n};\n\n/**\n * State used in rendering ToastBody, without design-only state.\n */\nexport type ToastBodyBaseState = Omit<ToastBodyState, 'backgroundAppearance'>;\n"],"names":[],"mappings":"AAyBA;;CAEC,GACD,WAA8E"}

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

@@ -18,6 +18,9 @@ _export(exports, {
     toastBodyClassNames: function() {
         return _useToastBodyStylesstyles.toastBodyClassNames;
     },
+    useToastBodyBase_unstable: function() {
+        return _useToastBody.useToastBodyBase_unstable;
+    },
     useToastBodyStyles_unstable: function() {
         return _useToastBodyStylesstyles.useToastBodyStyles_unstable;
     },

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ToastBody/index.ts"],"sourcesContent":["export { ToastBody } from './ToastBody';\nexport type { ToastBodyProps, ToastBodySlots, ToastBodyState } from './ToastBody.types';\nexport { renderToastBody_unstable } from './renderToastBody';\nexport { useToastBody_unstable } from './useToastBody';\nexport { toastBodyClassNames, useToastBodyStyles_unstable } from './useToastBodyStyles.styles';\n"],"names":["ToastBody","renderToastBody_unstable","useToastBody_unstable","toastBodyClassNames","useToastBodyStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,oBAAS;;;eAETC,yCAAwB;;;eAExBE,6CAAmB;;;eAAEC,qDAA2B;;;eADhDF,mCAAqB;;;2BAHJ,cAAc;iCAEC,oBAAoB;8BACvB,iBAAiB;0CACU,8BAA8B"}
+{"version":3,"sources":["../src/components/ToastBody/index.ts"],"sourcesContent":["export { ToastBody } from './ToastBody';\nexport type {\n  ToastBodyBaseProps,\n  ToastBodyBaseState,\n  ToastBodyProps,\n  ToastBodySlots,\n  ToastBodyState,\n} from './ToastBody.types';\nexport { renderToastBody_unstable } from './renderToastBody';\nexport { useToastBodyBase_unstable, useToastBody_unstable } from './useToastBody';\nexport { toastBodyClassNames, useToastBodyStyles_unstable } from './useToastBodyStyles.styles';\n"],"names":["ToastBody","renderToastBody_unstable","useToastBodyBase_unstable","useToastBody_unstable","toastBodyClassNames","useToastBodyStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,oBAAS;;;eAQTC,yCAAwB;;;eAExBG,6CAAmB;;;eADnBF,uCAAyB;;;eACJG,qDAA2B;;;eADrBF,mCAAqB;;;2BAT/B,cAAc;iCAQC,oBAAoB;8BACI,iBAAiB;0CACjB,8BAA8B"}

package/lib-commonjs/components/ToastBody/useToastBody.js

@@ -3,17 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useToastBody_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, {
+    useToastBodyBase_unstable: function() {
+        return useToastBodyBase_unstable;
+    },
+    useToastBody_unstable: function() {
         return useToastBody_unstable;
     }
 });
 const _reactutilities = require("@fluentui/react-utilities");
 const _toastContainerContext = require("../../contexts/toastContainerContext");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const useToastBody_unstable = (props, ref)=>{
-    const backgroundAppearance = (0, _reactsharedcontexts.useBackgroundAppearance)();
+const useToastBodyBase_unstable = (props, ref)=>{
     const { bodyId } = (0, _toastContainerContext.useToastContainerContext)();
     return {
         components: {
@@ -32,7 +39,13 @@ const useToastBody_unstable = (props, ref)=>{
             ...props
         }), {
             elementType: 'div'
-        }),
+        })
+    };
+};
+const useToastBody_unstable = (props, ref)=>{
+    const backgroundAppearance = (0, _reactsharedcontexts.useBackgroundAppearance)();
+    return {
+        ...useToastBodyBase_unstable(props, ref),
         backgroundAppearance
     };
 };

package/lib-commonjs/components/ToastBody/useToastBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ToastBody/useToastBody.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { ToastBodyProps, ToastBodyState } from './ToastBody.types';\nimport { useToastContainerContext } from '../../contexts/toastContainerContext';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\n\n/**\n * Create the state required to render ToastBody.\n *\n * The returned state can be modified with hooks such as useToastBodyStyles_unstable,\n * before being passed to renderToastBody_unstable.\n *\n * @param props - props from this instance of ToastBody\n * @param ref - reference to root HTMLElement of ToastBody\n */\nexport const useToastBody_unstable = (props: ToastBodyProps, ref: React.Ref<HTMLElement>): ToastBodyState => {\n  const backgroundAppearance = useBackgroundAppearance();\n  const { bodyId } = useToastContainerContext();\n  return {\n    components: {\n      root: 'div',\n      subtitle: 'div',\n    },\n    subtitle: slot.optional(props.subtitle, { elementType: 'div' }),\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        id: bodyId,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    backgroundAppearance,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useToastContainerContext","useBackgroundAppearance","useToastBody_unstable","props","ref","backgroundAppearance","bodyId","components","root","subtitle","optional","elementType","always","id"],"mappings":"AAAA;;;;;+BAiBaI;;;;;;gCAdkC,4BAA4B;uCAElC,uCAAuC;qCACxC,kCAAkC;AAWnE,8BAA8B,CAACC,OAAuBC;IAC3D,MAAMC,2BAAuBJ,4CAAAA;IAC7B,MAAM,EAAEK,MAAM,EAAE,OAAGN,+CAAAA;IACnB,OAAO;QACLO,YAAY;YACVC,MAAM;YACNC,UAAU;QACZ;QACAA,UAAUV,oBAAAA,CAAKW,QAAQ,CAACP,MAAMM,QAAQ,EAAE;YAAEE,aAAa;QAAM;QAC7DH,MAAMT,oBAAAA,CAAKa,MAAM,KACfd,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FM,KAAKA;YACLS,IAAIP;YACJ,GAAGH,KAAK;QACV,IACA;YAAEQ,aAAa;QAAM;QAEvBN;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/ToastBody/useToastBody.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { ToastBodyBaseProps, ToastBodyBaseState, ToastBodyProps, ToastBodyState } from './ToastBody.types';\nimport { useToastContainerContext } from '../../contexts/toastContainerContext';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\n\n/**\n * Create the base state required to render ToastBody, without design-only props.\n *\n * @param props - props from this instance of ToastBody\n * @param ref - reference to root HTMLElement of ToastBody\n */\nexport const useToastBodyBase_unstable = (\n  props: ToastBodyBaseProps,\n  ref: React.Ref<HTMLElement>,\n): ToastBodyBaseState => {\n  const { bodyId } = useToastContainerContext();\n  return {\n    components: {\n      root: 'div',\n      subtitle: 'div',\n    },\n    subtitle: slot.optional(props.subtitle, { elementType: 'div' }),\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        id: bodyId,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n\n/**\n * Create the state required to render ToastBody.\n *\n * The returned state can be modified with hooks such as useToastBodyStyles_unstable,\n * before being passed to renderToastBody_unstable.\n *\n * @param props - props from this instance of ToastBody\n * @param ref - reference to root HTMLElement of ToastBody\n */\nexport const useToastBody_unstable = (props: ToastBodyProps, ref: React.Ref<HTMLElement>): ToastBodyState => {\n  const backgroundAppearance = useBackgroundAppearance();\n  return {\n    ...useToastBodyBase_unstable(props, ref),\n    backgroundAppearance,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useToastContainerContext","useBackgroundAppearance","useToastBodyBase_unstable","props","ref","bodyId","components","root","subtitle","optional","elementType","always","id","useToastBody_unstable","backgroundAppearance"],"mappings":"AAAA;;;;;;;;;;;;IAcaI,yBAAAA;;;yBAkCAW;;;;gCA7CkC,4BAA4B;uCAElC,uCAAuC;qCACxC,kCAAkC;AAQnE,kCAAkC,CACvCV,OACAC;IAEA,MAAM,EAAEC,MAAM,EAAE,OAAGL,+CAAAA;IACnB,OAAO;QACLM,YAAY;YACVC,MAAM;YACNC,UAAU;QACZ;QACAA,UAAUT,oBAAAA,CAAKU,QAAQ,CAACN,MAAMK,QAAQ,EAAE;YAAEE,aAAa;QAAM;QAC7DH,MAAMR,oBAAAA,CAAKY,MAAM,KACfb,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FM,KAAKA;YACLQ,IAAIP;YACJ,GAAGF,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;IAEzB;AACF,EAAE;AAWK,MAAMG,wBAAwB,CAACV,OAAuBC;IAC3D,MAAMU,2BAAuBb,4CAAAA;IAC7B,OAAO;QACL,GAAGC,0BAA0BC,OAAOC,IAAI;QACxCU;IACF;AACF,EAAE"}

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

@@ -1,5 +1,5 @@
 /**
- * State used in rendering ToastTitle
+ * State used in rendering ToastTitle, without design-only state.
  */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ToastTitle/ToastTitle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BackgroundAppearanceContextValue } from '@fluentui/react-shared-contexts';\nimport type { ToastContainerContextValue } from '../../contexts/toastContainerContext';\n\nexport type ToastTitleSlots = {\n  root: NonNullable<Slot<'div'>>;\n  media?: Slot<'div'>;\n  action?: Slot<'div'>;\n};\n\n/**\n * ToastTitle Props\n */\nexport type ToastTitleProps = ComponentProps<ToastTitleSlots> & {};\n\n/**\n * State used in rendering ToastTitle\n */\nexport type ToastTitleState = ComponentState<ToastTitleSlots> &\n  Pick<ToastContainerContextValue, 'intent'> & {\n    backgroundAppearance: BackgroundAppearanceContextValue;\n  };\n"],"names":[],"mappings":"AAeA;;CAEC,GACD,WAGI"}
+{"version":3,"sources":["../src/components/ToastTitle/ToastTitle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BackgroundAppearanceContextValue } from '@fluentui/react-shared-contexts';\nimport type { ToastContainerContextValue } from '../../contexts/toastContainerContext';\n\nexport type ToastTitleSlots = {\n  root: NonNullable<Slot<'div'>>;\n  media?: Slot<'div'>;\n  action?: Slot<'div'>;\n};\n\n/**\n * ToastTitle Props\n */\nexport type ToastTitleProps = ComponentProps<ToastTitleSlots> & {};\n\n/**\n * ToastTitle Props without design-only props.\n */\nexport type ToastTitleBaseProps = ToastTitleProps;\n\n/**\n * State used in rendering ToastTitle\n */\nexport type ToastTitleState = ComponentState<ToastTitleSlots> &\n  Pick<ToastContainerContextValue, 'intent'> & {\n    backgroundAppearance: BackgroundAppearanceContextValue;\n  };\n\n/**\n * State used in rendering ToastTitle, without design-only state.\n */\nexport type ToastTitleBaseState = Omit<ToastTitleState, 'backgroundAppearance'>;\n"],"names":[],"mappings":"AA4BA;;CAEC,GACD,WAAgF"}

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

@@ -18,6 +18,9 @@ _export(exports, {
     toastTitleClassNames: function() {
         return _useToastTitleStylesstyles.toastTitleClassNames;
     },
+    useToastTitleBase_unstable: function() {
+        return _useToastTitle.useToastTitleBase_unstable;
+    },
     useToastTitleStyles_unstable: function() {
         return _useToastTitleStylesstyles.useToastTitleStyles_unstable;
     },

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ToastTitle/index.ts"],"sourcesContent":["export { ToastTitle } from './ToastTitle';\nexport type { ToastTitleProps, ToastTitleSlots, ToastTitleState } from './ToastTitle.types';\nexport { renderToastTitle_unstable } from './renderToastTitle';\nexport { useToastTitle_unstable } from './useToastTitle';\nexport { toastTitleClassNames, useToastTitleStyles_unstable } from './useToastTitleStyles.styles';\n"],"names":["ToastTitle","renderToastTitle_unstable","useToastTitle_unstable","toastTitleClassNames","useToastTitleStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,sBAAU;;;eAEVC,2CAAyB;;;eAEzBE,+CAAoB;;;eAAEC,uDAA4B;;;eADlDF,qCAAsB;;;4BAHJ,eAAe;kCAEA,qBAAqB;+BACxB,kBAAkB;2CACU,+BAA+B"}
+{"version":3,"sources":["../src/components/ToastTitle/index.ts"],"sourcesContent":["export { ToastTitle } from './ToastTitle';\nexport type {\n  ToastTitleBaseProps,\n  ToastTitleBaseState,\n  ToastTitleProps,\n  ToastTitleSlots,\n  ToastTitleState,\n} from './ToastTitle.types';\nexport { renderToastTitle_unstable } from './renderToastTitle';\nexport { useToastTitleBase_unstable, useToastTitle_unstable } from './useToastTitle';\nexport { toastTitleClassNames, useToastTitleStyles_unstable } from './useToastTitleStyles.styles';\n"],"names":["ToastTitle","renderToastTitle_unstable","useToastTitleBase_unstable","useToastTitle_unstable","toastTitleClassNames","useToastTitleStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,sBAAU;;;eAQVC,2CAAyB;;;eAEzBG,+CAAoB;;;eADpBF,yCAA0B;;;eACJG,uDAA4B;;;eADtBF,qCAAsB;;;4BAThC,eAAe;kCAQA,qBAAqB;+BACI,kBAAkB;2CAClB,+BAA+B"}