@fluentui/react-toast 9.0.0

package/lib-commonjs/components/ToastContainer/ToastContainer.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ToastContainer", {
+    enumerable: true,
+    get: ()=>ToastContainer
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useToastContainer = require("./useToastContainer");
+const _renderToastContainer = require("./renderToastContainer");
+const _useToastContainerStylesStyles = require("./useToastContainerStyles.styles");
+const _useToastContainerContextValues = require("./useToastContainerContextValues");
+const ToastContainer = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useToastContainer.useToastContainer_unstable)(props, ref);
+    (0, _useToastContainerStylesStyles.useToastContainerStyles_unstable)(state);
+    return (0, _renderToastContainer.renderToastContainer_unstable)(state, (0, _useToastContainerContextValues.useToastContainerContextValues_unstable)(state));
+});
+ToastContainer.displayName = 'ToastContainer';

package/lib-commonjs/components/ToastContainer/ToastContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ToastContainer.js"],"sourcesContent":["import * as React from 'react';\nimport { useToastContainer_unstable } from './useToastContainer';\nimport { renderToastContainer_unstable } from './renderToastContainer';\nimport { useToastContainerStyles_unstable } from './useToastContainerStyles.styles';\nimport { useToastContainerContextValues_unstable } from './useToastContainerContextValues';\n/**\n * ToastContainer component\n */ export const ToastContainer = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useToastContainer_unstable(props, ref);\n    useToastContainerStyles_unstable(state);\n    return renderToastContainer_unstable(state, useToastContainerContextValues_unstable(state));\n});\nToastContainer.displayName = 'ToastContainer';\n"],"names":["ToastContainer","React","forwardRef","props","ref","state","useToastContainer_unstable","useToastContainerStyles_unstable","renderToastContainer_unstable","useToastContainerContextValues_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;mCACoB;sCACG;+CACG;gDACO;AAG7C,MAAMA,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC3E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjC,OAAOG,IAAAA,mDAA6B,EAACH,OAAOI,IAAAA,uEAAuC,EAACJ;AACxF;AACAL,eAAeU,WAAW,GAAG"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ToastContainer.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./ToastContainer"), exports);
+_exportStar(require("./ToastContainer.types"), exports);
+_exportStar(require("./renderToastContainer"), exports);
+_exportStar(require("./useToastContainer"), exports);
+_exportStar(require("./useToastContainerStyles.styles"), exports);
+_exportStar(require("./useToastContainerContextValues"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToastContainer';\nexport * from './ToastContainer.types';\nexport * from './renderToastContainer';\nexport * from './useToastContainer';\nexport * from './useToastContainerStyles.styles';\nexport * from './useToastContainerContextValues';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/components/ToastContainer/renderToastContainer.js

@@ -0,0 +1,27 @@
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderToastContainer_unstable", {
+    enumerable: true,
+    get: ()=>renderToastContainer_unstable
+});
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactTransitionGroup = require("react-transition-group");
+const _toastContainerContext = require("../../contexts/toastContainerContext");
+const renderToastContainer_unstable = (state, contextValues)=>{
+    const { onTransitionEntering , visible , transitionTimeout , remove , nodeRef  } = state;
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactTransitionGroup.Transition, {
+        in: visible,
+        appear: true,
+        unmountOnExit: true,
+        timeout: transitionTimeout,
+        onExited: remove,
+        onEntering: onTransitionEntering,
+        nodeRef: nodeRef
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_toastContainerContext.ToastContainerContextProvider, {
+        value: contextValues.toast
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.timer, slotProps.timer)));
+};

package/lib-commonjs/components/ToastContainer/renderToastContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderToastContainer.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { Transition } from 'react-transition-group';\nimport { ToastContainerContextProvider } from '../../contexts/toastContainerContext';\n/**\n * Render the final JSX of ToastContainer\n */ export const renderToastContainer_unstable = (state, contextValues)=>{\n    const { onTransitionEntering , visible , transitionTimeout , remove , nodeRef  } = state;\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(Transition, {\n        in: visible,\n        appear: true,\n        unmountOnExit: true,\n        timeout: transitionTimeout,\n        onExited: remove,\n        onEntering: onTransitionEntering,\n        nodeRef: nodeRef\n    }, /*#__PURE__*/ createElement(ToastContainerContextProvider, {\n        value: contextValues.toast\n    }, /*#__PURE__*/ createElement(slots.root, slotProps.root), /*#__PURE__*/ createElement(slots.timer, slotProps.timer)));\n};\n"],"names":["renderToastContainer_unstable","state","contextValues","onTransitionEntering","visible","transitionTimeout","remove","nodeRef","slots","slotProps","getSlotsNext","createElement","Transition","in","appear","unmountOnExit","timeout","onExited","onEntering","ToastContainerContextProvider","value","toast","root","timer"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMjCA;;aAAAA;;iCANkE;gCACtD;sCACF;uCACmB;AAGnC,MAAMA,gCAAgC,CAACC,OAAOC,gBAAgB;IACrE,MAAM,EAAEC,qBAAoB,EAAGC,QAAO,EAAGC,kBAAiB,EAAGC,OAAM,EAAGC,QAAO,EAAG,GAAGN;IACnF,MAAM,EAAEO,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACT;IAC5C,OAAO,WAAW,GAAGU,IAAAA,8BAAa,EAACC,gCAAU,EAAE;QAC3CC,IAAIT;QACJU,QAAQ,IAAI;QACZC,eAAe,IAAI;QACnBC,SAASX;QACTY,UAAUX;QACVY,YAAYf;QACZI,SAASA;IACb,GAAG,WAAW,GAAGI,IAAAA,8BAAa,EAACQ,oDAA6B,EAAE;QAC1DC,OAAOlB,cAAcmB,KAAK;IAC9B,GAAG,WAAW,GAAGV,IAAAA,8BAAa,EAACH,MAAMc,IAAI,EAAEb,UAAUa,IAAI,GAAG,WAAW,GAAGX,IAAAA,8BAAa,EAACH,MAAMe,KAAK,EAAEd,UAAUc,KAAK;AACxH"}

package/lib-commonjs/components/ToastContainer/useToastContainer.js

@@ -0,0 +1,220 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useToastContainer_unstable", {
+    enumerable: true,
+    get: ()=>useToastContainer_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _timer = require("../Timer/Timer");
+const _reactTabster = require("@fluentui/react-tabster");
+const intentPolitenessMap = {
+    success: 'assertive',
+    warning: 'assertive',
+    error: 'assertive',
+    info: 'polite'
+};
+const useToastContainer_unstable = (props, ref)=>{
+    const { visible , children , close: closeProp , remove , updateId , announce , data , timeout: timerTimeout , politeness: desiredPoliteness , intent ='info' , pauseOnHover , pauseOnWindowBlur , imperativeRef , tryRestoreFocus , ...rest } = props;
+    const titleId = (0, _reactUtilities.useId)('toast-title');
+    const bodyId = (0, _reactUtilities.useId)('toast-body');
+    const toastRef = _react.useRef(null);
+    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const [running, setRunning] = _react.useState(false);
+    const imperativePauseRef = _react.useRef(false);
+    const focusedToastBeforeClose = _react.useRef(false);
+    const close = (0, _reactUtilities.useEventCallback)(()=>{
+        var _toastRef_current;
+        const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
+        if (activeElement && ((_toastRef_current = toastRef.current) === null || _toastRef_current === void 0 ? void 0 : _toastRef_current.contains(activeElement))) {
+            focusedToastBeforeClose.current = true;
+        }
+        closeProp();
+    });
+    const onStatusChange = (0, _reactUtilities.useEventCallback)((status)=>{
+        var _props_onStatusChange;
+        return (_props_onStatusChange = props.onStatusChange) === null || _props_onStatusChange === void 0 ? void 0 : _props_onStatusChange.call(props, null, {
+            status,
+            ...props
+        });
+    });
+    const pause = (0, _reactUtilities.useEventCallback)(()=>setRunning(false));
+    const play = (0, _reactUtilities.useEventCallback)(()=>{
+        var _toastRef_current;
+        if (imperativePauseRef.current) {
+            return;
+        }
+        var _targetDocument_activeElement;
+        const containsActive = !!((_toastRef_current = toastRef.current) === null || _toastRef_current === void 0 ? void 0 : _toastRef_current.contains((_targetDocument_activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement) !== null && _targetDocument_activeElement !== void 0 ? _targetDocument_activeElement : null));
+        if (timerTimeout < 0) {
+            setRunning(true);
+            return;
+        }
+        if (!containsActive) {
+            setRunning(true);
+        }
+    });
+    const { findFirstFocusable  } = (0, _reactTabster.useFocusFinders)();
+    _react.useImperativeHandle(imperativeRef, ()=>({
+            focus: ()=>{
+                if (!toastRef.current) {
+                    return;
+                }
+                const firstFocusable = findFirstFocusable(toastRef.current);
+                if (firstFocusable) {
+                    firstFocusable.focus();
+                } else {
+                    toastRef.current.focus();
+                }
+            },
+            play: ()=>{
+                imperativePauseRef.current = false;
+                play();
+            },
+            pause: ()=>{
+                imperativePauseRef.current = true;
+                pause();
+            }
+        }));
+    _react.useEffect(()=>{
+        return ()=>onStatusChange('unmounted');
+    }, [
+        onStatusChange
+    ]);
+    _react.useEffect(()=>{
+        if (!targetDocument) {
+            return;
+        }
+        if (pauseOnWindowBlur) {
+            var _targetDocument_defaultView, _targetDocument_defaultView1;
+            (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.addEventListener('focus', play);
+            (_targetDocument_defaultView1 = targetDocument.defaultView) === null || _targetDocument_defaultView1 === void 0 ? void 0 : _targetDocument_defaultView1.addEventListener('blur', pause);
+            return ()=>{
+                var _targetDocument_defaultView, _targetDocument_defaultView1;
+                (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.removeEventListener('focus', play);
+                (_targetDocument_defaultView1 = targetDocument.defaultView) === null || _targetDocument_defaultView1 === void 0 ? void 0 : _targetDocument_defaultView1.removeEventListener('blur', pause);
+            };
+        }
+    }, [
+        targetDocument,
+        pause,
+        play,
+        pauseOnWindowBlur
+    ]);
+    // It's impossible to animate to height: auto in CSS, the actual pixel value must be known
+    // Get the height of the toast before animation styles have been applied and set a CSS
+    // variable with its height. The CSS variable will be used by the styles
+    const onTransitionEntering = ()=>{
+        if (!toastRef.current) {
+            return;
+        }
+        const element = toastRef.current;
+        element.style.setProperty('--fui-toast-height', `${element.scrollHeight}px`);
+    };
+    // Users never actually use ToastContainer as a JSX but imperatively through useToastContainerController
+    const userRootSlot = data.root;
+    // Using a ref callback here because addEventListener supports `once`
+    const toastAnimationRef = _react.useCallback((el)=>{
+        if (el && toastRef.current) {
+            toastRef.current.addEventListener('animationend', ()=>{
+                // start toast once it's fully animated in
+                play();
+                onStatusChange('visible');
+            }, {
+                once: true
+            });
+        }
+    }, [
+        play,
+        onStatusChange
+    ]);
+    const onMouseEnter = (0, _reactUtilities.useEventCallback)((e)=>{
+        var _userRootSlot_onMouseEnter;
+        pause();
+        userRootSlot === null || userRootSlot === void 0 ? void 0 : (_userRootSlot_onMouseEnter = userRootSlot.onMouseEnter) === null || _userRootSlot_onMouseEnter === void 0 ? void 0 : _userRootSlot_onMouseEnter.call(userRootSlot, e);
+    });
+    const onMouseLeave = (0, _reactUtilities.useEventCallback)((e)=>{
+        var _userRootSlot_onMouseEnter;
+        play();
+        userRootSlot === null || userRootSlot === void 0 ? void 0 : (_userRootSlot_onMouseEnter = userRootSlot.onMouseEnter) === null || _userRootSlot_onMouseEnter === void 0 ? void 0 : _userRootSlot_onMouseEnter.call(userRootSlot, e);
+    });
+    const onKeyDown = (0, _reactUtilities.useEventCallback)((e)=>{
+        var _userRootSlot_onKeyDown;
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            close();
+        }
+        userRootSlot === null || userRootSlot === void 0 ? void 0 : (_userRootSlot_onKeyDown = userRootSlot.onKeyDown) === null || _userRootSlot_onKeyDown === void 0 ? void 0 : _userRootSlot_onKeyDown.call(userRootSlot, e);
+    });
+    _react.useEffect(()=>{
+        var _toastRef_current;
+        if (!visible) {
+            return;
+        }
+        const politeness = desiredPoliteness !== null && desiredPoliteness !== void 0 ? desiredPoliteness : intentPolitenessMap[intent];
+        var _toastRef_current_textContent;
+        announce((_toastRef_current_textContent = (_toastRef_current = toastRef.current) === null || _toastRef_current === void 0 ? void 0 : _toastRef_current.textContent) !== null && _toastRef_current_textContent !== void 0 ? _toastRef_current_textContent : '', {
+            politeness
+        });
+    }, [
+        announce,
+        desiredPoliteness,
+        toastRef,
+        visible,
+        updateId,
+        intent
+    ]);
+    _react.useEffect(()=>{
+        return ()=>{
+            if (focusedToastBeforeClose.current) {
+                focusedToastBeforeClose.current = false;
+                tryRestoreFocus();
+            }
+        };
+    }, [
+        tryRestoreFocus
+    ]);
+    return {
+        components: {
+            timer: _timer.Timer,
+            root: 'div'
+        },
+        timer: (0, _reactUtilities.resolveShorthand)({
+            key: updateId,
+            onTimeout: close,
+            running,
+            timeout: timerTimeout !== null && timerTimeout !== void 0 ? timerTimeout : -1
+        }, {
+            required: true
+        }),
+        root: (0, _reactUtilities.getNativeElementProps)('div', {
+            ref: (0, _reactUtilities.useMergedRefs)(ref, toastRef, toastAnimationRef),
+            children,
+            tabIndex: -1,
+            role: 'group',
+            'aria-labelledby': titleId,
+            'aria-describedby': bodyId,
+            ...rest,
+            ...userRootSlot,
+            onMouseEnter,
+            onMouseLeave,
+            onKeyDown
+        }),
+        timerTimeout,
+        transitionTimeout: 500,
+        running,
+        visible,
+        remove,
+        close,
+        onTransitionEntering,
+        updateId,
+        nodeRef: toastRef,
+        intent,
+        titleId,
+        bodyId
+    };
+};

package/lib-commonjs/components/ToastContainer/useToastContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useToastContainer.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs, useEventCallback, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { Timer } from '../Timer/Timer';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nconst intentPolitenessMap = {\n    success: 'assertive',\n    warning: 'assertive',\n    error: 'assertive',\n    info: 'polite'\n};\n/**\n * Create the state required to render ToastContainer.\n *\n * The returned state can be modified with hooks such as useToastContainerStyles_unstable,\n * before being passed to renderToastContainer_unstable.\n *\n * @param props - props from this instance of ToastContainer\n * @param ref - reference to root HTMLElement of ToastContainer\n */ export const useToastContainer_unstable = (props, ref)=>{\n    const { visible , children , close: closeProp , remove , updateId , announce , data , timeout: timerTimeout , politeness: desiredPoliteness , intent ='info' , pauseOnHover , pauseOnWindowBlur , imperativeRef , tryRestoreFocus , ...rest } = props;\n    const titleId = useId('toast-title');\n    const bodyId = useId('toast-body');\n    const toastRef = React.useRef(null);\n    const { targetDocument  } = useFluent_unstable();\n    const [running, setRunning] = React.useState(false);\n    const imperativePauseRef = React.useRef(false);\n    const focusedToastBeforeClose = React.useRef(false);\n    const close = useEventCallback(()=>{\n        var _toastRef_current;\n        const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;\n        if (activeElement && ((_toastRef_current = toastRef.current) === null || _toastRef_current === void 0 ? void 0 : _toastRef_current.contains(activeElement))) {\n            focusedToastBeforeClose.current = true;\n        }\n        closeProp();\n    });\n    const onStatusChange = useEventCallback((status)=>{\n        var _props_onStatusChange;\n        return (_props_onStatusChange = props.onStatusChange) === null || _props_onStatusChange === void 0 ? void 0 : _props_onStatusChange.call(props, null, {\n            status,\n            ...props\n        });\n    });\n    const pause = useEventCallback(()=>setRunning(false));\n    const play = useEventCallback(()=>{\n        var _toastRef_current;\n        if (imperativePauseRef.current) {\n            return;\n        }\n        var _targetDocument_activeElement;\n        const containsActive = !!((_toastRef_current = toastRef.current) === null || _toastRef_current === void 0 ? void 0 : _toastRef_current.contains((_targetDocument_activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement) !== null && _targetDocument_activeElement !== void 0 ? _targetDocument_activeElement : null));\n        if (timerTimeout < 0) {\n            setRunning(true);\n            return;\n        }\n        if (!containsActive) {\n            setRunning(true);\n        }\n    });\n    const { findFirstFocusable  } = useFocusFinders();\n    React.useImperativeHandle(imperativeRef, ()=>({\n            focus: ()=>{\n                if (!toastRef.current) {\n                    return;\n                }\n                const firstFocusable = findFirstFocusable(toastRef.current);\n                if (firstFocusable) {\n                    firstFocusable.focus();\n                } else {\n                    toastRef.current.focus();\n                }\n            },\n            play: ()=>{\n                imperativePauseRef.current = false;\n                play();\n            },\n            pause: ()=>{\n                imperativePauseRef.current = true;\n                pause();\n            }\n        }));\n    React.useEffect(()=>{\n        return ()=>onStatusChange('unmounted');\n    }, [\n        onStatusChange\n    ]);\n    React.useEffect(()=>{\n        if (!targetDocument) {\n            return;\n        }\n        if (pauseOnWindowBlur) {\n            var _targetDocument_defaultView, _targetDocument_defaultView1;\n            (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.addEventListener('focus', play);\n            (_targetDocument_defaultView1 = targetDocument.defaultView) === null || _targetDocument_defaultView1 === void 0 ? void 0 : _targetDocument_defaultView1.addEventListener('blur', pause);\n            return ()=>{\n                var _targetDocument_defaultView, _targetDocument_defaultView1;\n                (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.removeEventListener('focus', play);\n                (_targetDocument_defaultView1 = targetDocument.defaultView) === null || _targetDocument_defaultView1 === void 0 ? void 0 : _targetDocument_defaultView1.removeEventListener('blur', pause);\n            };\n        }\n    }, [\n        targetDocument,\n        pause,\n        play,\n        pauseOnWindowBlur\n    ]);\n    // It's impossible to animate to height: auto in CSS, the actual pixel value must be known\n    // Get the height of the toast before animation styles have been applied and set a CSS\n    // variable with its height. The CSS variable will be used by the styles\n    const onTransitionEntering = ()=>{\n        if (!toastRef.current) {\n            return;\n        }\n        const element = toastRef.current;\n        element.style.setProperty('--fui-toast-height', `${element.scrollHeight}px`);\n    };\n    // Users never actually use ToastContainer as a JSX but imperatively through useToastContainerController\n    const userRootSlot = data.root;\n    // Using a ref callback here because addEventListener supports `once`\n    const toastAnimationRef = React.useCallback((el)=>{\n        if (el && toastRef.current) {\n            toastRef.current.addEventListener('animationend', ()=>{\n                // start toast once it's fully animated in\n                play();\n                onStatusChange('visible');\n            }, {\n                once: true\n            });\n        }\n    }, [\n        play,\n        onStatusChange\n    ]);\n    const onMouseEnter = useEventCallback((e)=>{\n        var _userRootSlot_onMouseEnter;\n        pause();\n        userRootSlot === null || userRootSlot === void 0 ? void 0 : (_userRootSlot_onMouseEnter = userRootSlot.onMouseEnter) === null || _userRootSlot_onMouseEnter === void 0 ? void 0 : _userRootSlot_onMouseEnter.call(userRootSlot, e);\n    });\n    const onMouseLeave = useEventCallback((e)=>{\n        var _userRootSlot_onMouseEnter;\n        play();\n        userRootSlot === null || userRootSlot === void 0 ? void 0 : (_userRootSlot_onMouseEnter = userRootSlot.onMouseEnter) === null || _userRootSlot_onMouseEnter === void 0 ? void 0 : _userRootSlot_onMouseEnter.call(userRootSlot, e);\n    });\n    const onKeyDown = useEventCallback((e)=>{\n        var _userRootSlot_onKeyDown;\n        if (e.key === 'Escape') {\n            e.preventDefault();\n            close();\n        }\n        userRootSlot === null || userRootSlot === void 0 ? void 0 : (_userRootSlot_onKeyDown = userRootSlot.onKeyDown) === null || _userRootSlot_onKeyDown === void 0 ? void 0 : _userRootSlot_onKeyDown.call(userRootSlot, e);\n    });\n    React.useEffect(()=>{\n        var _toastRef_current;\n        if (!visible) {\n            return;\n        }\n        const politeness = desiredPoliteness !== null && desiredPoliteness !== void 0 ? desiredPoliteness : intentPolitenessMap[intent];\n        var _toastRef_current_textContent;\n        announce((_toastRef_current_textContent = (_toastRef_current = toastRef.current) === null || _toastRef_current === void 0 ? void 0 : _toastRef_current.textContent) !== null && _toastRef_current_textContent !== void 0 ? _toastRef_current_textContent : '', {\n            politeness\n        });\n    }, [\n        announce,\n        desiredPoliteness,\n        toastRef,\n        visible,\n        updateId,\n        intent\n    ]);\n    React.useEffect(()=>{\n        return ()=>{\n            if (focusedToastBeforeClose.current) {\n                focusedToastBeforeClose.current = false;\n                tryRestoreFocus();\n            }\n        };\n    }, [\n        tryRestoreFocus\n    ]);\n    return {\n        components: {\n            timer: Timer,\n            root: 'div'\n        },\n        timer: resolveShorthand({\n            key: updateId,\n            onTimeout: close,\n            running,\n            timeout: timerTimeout !== null && timerTimeout !== void 0 ? timerTimeout : -1\n        }, {\n            required: true\n        }),\n        root: getNativeElementProps('div', {\n            ref: useMergedRefs(ref, toastRef, toastAnimationRef),\n            children,\n            tabIndex: -1,\n            role: 'group',\n            'aria-labelledby': titleId,\n            'aria-describedby': bodyId,\n            ...rest,\n            ...userRootSlot,\n            onMouseEnter,\n            onMouseLeave,\n            onKeyDown\n        }),\n        timerTimeout,\n        transitionTimeout: 500,\n        running,\n        visible,\n        remove,\n        close,\n        onTransitionEntering,\n        updateId,\n        nodeRef: toastRef,\n        intent,\n        titleId,\n        bodyId\n    };\n};\n"],"names":["useToastContainer_unstable","intentPolitenessMap","success","warning","error","info","props","ref","visible","children","close","closeProp","remove","updateId","announce","data","timeout","timerTimeout","politeness","desiredPoliteness","intent","pauseOnHover","pauseOnWindowBlur","imperativeRef","tryRestoreFocus","rest","titleId","useId","bodyId","toastRef","React","useRef","targetDocument","useFluent_unstable","running","setRunning","useState","imperativePauseRef","focusedToastBeforeClose","useEventCallback","_toastRef_current","activeElement","current","contains","onStatusChange","status","_props_onStatusChange","call","pause","play","_targetDocument_activeElement","containsActive","findFirstFocusable","useFocusFinders","useImperativeHandle","focus","firstFocusable","useEffect","_targetDocument_defaultView","_targetDocument_defaultView1","defaultView","addEventListener","removeEventListener","onTransitionEntering","element","style","setProperty","scrollHeight","userRootSlot","root","toastAnimationRef","useCallback","el","once","onMouseEnter","e","_userRootSlot_onMouseEnter","onMouseLeave","onKeyDown","_userRootSlot_onKeyDown","key","preventDefault","_toastRef_current_textContent","textContent","components","timer","Timer","resolveShorthand","onTimeout","required","getNativeElementProps","useMergedRefs","tabIndex","role","transitionTimeout","nodeRef"],"mappings":"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"}

package/lib-commonjs/components/ToastContainer/useToastContainerContextValues.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useToastContainerContextValues_unstable", {
+    enumerable: true,
+    get: ()=>useToastContainerContextValues_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+function useToastContainerContextValues_unstable(state) {
+    const { close , intent , titleId , bodyId  } = state;
+    const toastContainerContext = _react.useMemo(()=>({
+            close,
+            intent,
+            titleId,
+            bodyId
+        }), [
+        close,
+        intent,
+        titleId,
+        bodyId
+    ]);
+    return {
+        toast: toastContainerContext
+    };
+}

package/lib-commonjs/components/ToastContainer/useToastContainerContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useToastContainerContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useToastContainerContextValues_unstable(state) {\n    const { close , intent , titleId , bodyId  } = state;\n    const toastContainerContext = React.useMemo(()=>({\n            close,\n            intent,\n            titleId,\n            bodyId\n        }), [\n        close,\n        intent,\n        titleId,\n        bodyId\n    ]);\n    return {\n        toast: toastContainerContext\n    };\n}\n"],"names":["useToastContainerContextValues_unstable","state","close","intent","titleId","bodyId","toastContainerContext","React","useMemo","toast"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,wCAAwCC,KAAK,EAAE;IAC3D,MAAM,EAAEC,MAAK,EAAGC,OAAM,EAAGC,QAAO,EAAGC,OAAM,EAAG,GAAGJ;IAC/C,MAAMK,wBAAwBC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACzCN;YACAC;YACAC;YACAC;QACJ,CAAA,GAAI;QACJH;QACAC;QACAC;QACAC;KACH;IACD,OAAO;QACHI,OAAOH;IACX;AACJ"}

package/lib-commonjs/components/ToastContainer/useToastContainerStyles.styles.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    toastClassNames: ()=>toastClassNames,
+    useToastContainerStyles_unstable: ()=>useToastContainerStyles_unstable
+});
+const _react = require("@griffel/react");
+const toastClassNames = {
+    root: 'fui-ToastContainer',
+    timer: 'fui-ToastContainer__timer'
+};
+const useRootBaseClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r1qaza64", "r1e6dlul", [
+    ".r1qaza64{box-sizing:border-box;margin-top:16px;min-height:44px;pointer-events:all;border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);--fui-toast-height:44px;}",
+    ".r1qaza64[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);}",
+    ".r1e6dlul{box-sizing:border-box;margin-top:16px;min-height:44px;pointer-events:all;border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);--fui-toast-height:44px;}",
+    ".r1e6dlul[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);}"
+]);
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    enter: {
+        vin17d: "fayl5bc",
+        m1gqa9: "f17oyct0",
+        Bv12yb3: "fvv8lvk"
+    },
+    exit: {
+        vin17d: "f1tk3cza",
+        m1gqa9: "f1nx6yy9",
+        Bv12yb3: "f9wuypy"
+    }
+}, {
+    d: [
+        ".fayl5bc{-webkit-animation-duration:200ms,400ms;animation-duration:200ms,400ms;}",
+        ".f17oyct0{-webkit-animation-delay:0ms,200ms;animation-delay:0ms,200ms;}",
+        ".fvv8lvk{-webkit-animation-name:f1rp83na,f5j8bii;animation-name:f1rp83na,f5j8bii;}",
+        ".f1tk3cza{-webkit-animation-duration:400ms,200ms;animation-duration:400ms,200ms;}",
+        ".f1nx6yy9{-webkit-animation-delay:0ms,400ms;animation-delay:0ms,400ms;}",
+        ".f9wuypy{-webkit-animation-name:fk0lfw7,f1n32sdh;animation-name:fk0lfw7,f1n32sdh;}"
+    ],
+    k: [
+        "@-webkit-keyframes f1rp83na{from{max-height:0;opacity:0;margin-top:0;}to{margin-top:16px;opacity:0;max-height:var(--fui-toast-height);}}",
+        "@keyframes f1rp83na{from{max-height:0;opacity:0;margin-top:0;}to{margin-top:16px;opacity:0;max-height:var(--fui-toast-height);}}",
+        "@-webkit-keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}",
+        "@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}",
+        "@-webkit-keyframes fk0lfw7{from{opacity:1;}to{opacity:0;}}",
+        "@keyframes fk0lfw7{from{opacity:1;}to{opacity:0;}}",
+        "@-webkit-keyframes f1n32sdh{from{opacity:0;}to{opacity:0;margin-top:0;max-height:0;}}",
+        "@keyframes f1n32sdh{from{opacity:0;}to{opacity:0;margin-top:0;max-height:0;}}"
+    ]
+});
+const useToastContainerStyles_unstable = (state)=>{
+    const rootBaseClassName = useRootBaseClassName();
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(toastClassNames.root, rootBaseClassName, state.visible ? styles.enter : styles.exit, state.root.className);
+    return state;
+}; //# sourceMappingURL=useToastContainerStyles.styles.js.map

package/lib-commonjs/components/ToastContainer/useToastContainerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useToastContainerStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const toastClassNames = {\n  root: 'fui-ToastContainer',\n  timer: 'fui-ToastContainer__timer'\n};\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"r1qaza64\", \"r1e6dlul\", [\".r1qaza64{box-sizing:border-box;margin-top:16px;min-height:44px;pointer-events:all;border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);--fui-toast-height:44px;}\", \".r1qaza64[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);}\", \".r1e6dlul{box-sizing:border-box;margin-top:16px;min-height:44px;pointer-events:all;border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);--fui-toast-height:44px;}\", \".r1e6dlul[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);}\"]);\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  enter: {\n    vin17d: \"fayl5bc\",\n    m1gqa9: \"f17oyct0\",\n    Bv12yb3: \"fvv8lvk\"\n  },\n  exit: {\n    vin17d: \"f1tk3cza\",\n    m1gqa9: \"f1nx6yy9\",\n    Bv12yb3: \"f9wuypy\"\n  }\n}, {\n  d: [\".fayl5bc{-webkit-animation-duration:200ms,400ms;animation-duration:200ms,400ms;}\", \".f17oyct0{-webkit-animation-delay:0ms,200ms;animation-delay:0ms,200ms;}\", \".fvv8lvk{-webkit-animation-name:f1rp83na,f5j8bii;animation-name:f1rp83na,f5j8bii;}\", \".f1tk3cza{-webkit-animation-duration:400ms,200ms;animation-duration:400ms,200ms;}\", \".f1nx6yy9{-webkit-animation-delay:0ms,400ms;animation-delay:0ms,400ms;}\", \".f9wuypy{-webkit-animation-name:fk0lfw7,f1n32sdh;animation-name:fk0lfw7,f1n32sdh;}\"],\n  k: [\"@-webkit-keyframes f1rp83na{from{max-height:0;opacity:0;margin-top:0;}to{margin-top:16px;opacity:0;max-height:var(--fui-toast-height);}}\", \"@keyframes f1rp83na{from{max-height:0;opacity:0;margin-top:0;}to{margin-top:16px;opacity:0;max-height:var(--fui-toast-height);}}\", \"@-webkit-keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\", \"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\", \"@-webkit-keyframes fk0lfw7{from{opacity:1;}to{opacity:0;}}\", \"@keyframes fk0lfw7{from{opacity:1;}to{opacity:0;}}\", \"@-webkit-keyframes f1n32sdh{from{opacity:0;}to{opacity:0;margin-top:0;max-height:0;}}\", \"@keyframes f1n32sdh{from{opacity:0;}to{opacity:0;margin-top:0;max-height:0;}}\"]\n});\n/**\n * Apply styling to the ToastContainer slots based on the state\n */\nexport const useToastContainerStyles_unstable = state => {\n  const rootBaseClassName = useRootBaseClassName();\n  const styles = useStyles();\n  state.root.className = mergeClasses(toastClassNames.root, rootBaseClassName, state.visible ? styles.enter : styles.exit, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useToastContainerStyles.styles.js.map"],"names":["toastClassNames","useToastContainerStyles_unstable","root","timer","useRootBaseClassName","__resetStyles","useStyles","__styles","enter","vin17d","m1gqa9","Bv12yb3","exit","d","k","state","rootBaseClassName","styles","className","mergeClasses","visible"],"mappings":";;;;;;;;;;;IAGaA,eAAe,MAAfA;IA0BAC,gCAAgC,MAAhCA;;uBA7BqD;AAG3D,MAAMD,kBAAkB;IAC7BE,MAAM;IACNC,OAAO;AACT;AACA,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,uBAAa,EAAC,YAAY,YAAY;IAAC;IAA4T;IAAwI;IAA4T;CAAuI;AACx9B;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,OAAO;QACLC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,MAAM;QACJH,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAAoF;QAA2E;QAAsF;QAAqF;QAA2E;KAAqF;IAC9eC,GAAG;QAAC;QAA4I;QAAoI;QAA8D;QAAsD;QAA8D;QAAsD;QAAyF;KAAgF;AACvqB;AAIO,MAAMb,mCAAmCc,CAAAA,QAAS;IACvD,MAAMC,oBAAoBZ;IAC1B,MAAMa,SAASX;IACfS,MAAMb,IAAI,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACnB,gBAAgBE,IAAI,EAAEc,mBAAmBD,MAAMK,OAAO,GAAGH,OAAOT,KAAK,GAAGS,OAAOL,IAAI,EAAEG,MAAMb,IAAI,CAACgB,SAAS;IAC7I,OAAOH;AACT,GACA,0DAA0D"}

package/lib-commonjs/components/ToastFooter/ToastFooter.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ToastFooter", {
+    enumerable: true,
+    get: ()=>ToastFooter
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useToastFooter = require("./useToastFooter");
+const _renderToastFooter = require("./renderToastFooter");
+const _useToastFooterStylesStyles = require("./useToastFooterStyles.styles");
+const ToastFooter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useToastFooter.useToastFooter_unstable)(props, ref);
+    (0, _useToastFooterStylesStyles.useToastFooterStyles_unstable)(state);
+    return (0, _renderToastFooter.renderToastFooter_unstable)(state);
+});
+ToastFooter.displayName = 'ToastFooter';

package/lib-commonjs/components/ToastFooter/ToastFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ToastFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { useToastFooter_unstable } from './useToastFooter';\nimport { renderToastFooter_unstable } from './renderToastFooter';\nimport { useToastFooterStyles_unstable } from './useToastFooterStyles.styles';\n/**\n * ToastFooter component\n */ export const ToastFooter = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useToastFooter_unstable(props, ref);\n    useToastFooterStyles_unstable(state);\n    return renderToastFooter_unstable(state);\n});\nToastFooter.displayName = 'ToastFooter';\n"],"names":["ToastFooter","React","forwardRef","props","ref","state","useToastFooter_unstable","useToastFooterStyles_unstable","renderToastFooter_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;gCACiB;mCACG;4CACG;AAGnC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACxE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9B,OAAOG,IAAAA,6CAA0B,EAACH;AACtC;AACAL,YAAYS,WAAW,GAAG"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./ToastFooter"), exports);
+_exportStar(require("./ToastFooter.types"), exports);
+_exportStar(require("./renderToastFooter"), exports);
+_exportStar(require("./useToastFooter"), exports);
+_exportStar(require("./useToastFooterStyles.styles"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToastFooter';\nexport * from './ToastFooter.types';\nexport * from './renderToastFooter';\nexport * from './useToastFooter';\nexport * from './useToastFooterStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/components/ToastFooter/renderToastFooter.js

@@ -0,0 +1,14 @@
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderToastFooter_unstable", {
+    enumerable: true,
+    get: ()=>renderToastFooter_unstable
+});
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderToastFooter_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
+};

package/lib-commonjs/components/ToastFooter/renderToastFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderToastFooter.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ToastFooter\n */ export const renderToastFooter_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderToastFooter_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,6BAA6B,CAACC,QAAQ;IACnD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}

package/lib-commonjs/components/ToastFooter/useToastFooter.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useToastFooter_unstable", {
+    enumerable: true,
+    get: ()=>useToastFooter_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const useToastFooter_unstable = (props, ref)=>{
+    return {
+        components: {
+            root: 'div'
+        },
+        root: (0, _reactUtilities.getNativeElementProps)('div', {
+            ref,
+            ...props
+        })
+    };
+};

package/lib-commonjs/components/ToastFooter/useToastFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useToastFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render ToastFooter.\n *\n * The returned state can be modified with hooks such as useToastFooterStyles_unstable,\n * before being passed to renderToastFooter_unstable.\n *\n * @param props - props from this instance of ToastFooter\n * @param ref - reference to root HTMLElement of ToastFooter\n */ export const useToastFooter_unstable = (props, ref)=>{\n    return {\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps('div', {\n            ref,\n            ...props\n        })\n    };\n};\n"],"names":["useToastFooter_unstable","props","ref","components","root","getNativeElementProps"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,0BAA0B,CAACC,OAAOC,MAAM;IACrD,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BH;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}

package/lib-commonjs/components/ToastFooter/useToastFooterStyles.styles.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    toastFooterClassNames: ()=>toastFooterClassNames,
+    useToastFooterStyles_unstable: ()=>useToastFooterStyles_unstable
+});
+const _react = require("@griffel/react");
+const toastFooterClassNames = {
+    root: 'fui-ToastFooter'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r1u6izx1", null, [
+    ".r1u6izx1{padding-top:16px;-ms-grid-column:2;grid-column-start:2;-ms-grid-row-span:1;grid-column-end:3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:14px;column-gap:14px;row-gap:14px;}"
+]);
+const useToastFooterStyles_unstable = (state)=>{
+    const rootBaseClassName = useRootBaseClassName();
+    state.root.className = (0, _react.mergeClasses)(toastFooterClassNames.root, rootBaseClassName, state.root.className);
+    return state;
+}; //# sourceMappingURL=useToastFooterStyles.styles.js.map

package/lib-commonjs/components/ToastFooter/useToastFooterStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useToastFooterStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses, shorthands } from '@griffel/react';\nexport const toastFooterClassNames = {\n  root: 'fui-ToastFooter'\n};\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"r1u6izx1\", null, [\".r1u6izx1{padding-top:16px;-ms-grid-column:2;grid-column-start:2;-ms-grid-row-span:1;grid-column-end:3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:14px;column-gap:14px;row-gap:14px;}\"]);\n/**\n * Apply styling to the ToastFooter slots based on the state\n */\nexport const useToastFooterStyles_unstable = state => {\n  const rootBaseClassName = useRootBaseClassName();\n  state.root.className = mergeClasses(toastFooterClassNames.root, rootBaseClassName, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useToastFooterStyles.styles.js.map"],"names":["toastFooterClassNames","useToastFooterStyles_unstable","root","useRootBaseClassName","__resetStyles","state","rootBaseClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,qBAAqB,MAArBA;IAUAC,6BAA6B,MAA7BA;;uBAX2C;AACjD,MAAMD,wBAAwB;IACnCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,uBAAa,EAAC,YAAY,IAAI,EAAE;IAAC;CAAuU;AAI3Y,MAAMH,gCAAgCI,CAAAA,QAAS;IACpD,MAAMC,oBAAoBH;IAC1BE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,sBAAsBE,IAAI,EAAEI,mBAAmBD,MAAMH,IAAI,CAACK,SAAS;IACvG,OAAOF;AACT,GACA,uDAAuD"}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ToastTitle", {
+    enumerable: true,
+    get: ()=>ToastTitle
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useToastTitle = require("./useToastTitle");
+const _renderToastTitle = require("./renderToastTitle");
+const _useToastTitleStylesStyles = require("./useToastTitleStyles.styles");
+const ToastTitle = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useToastTitle.useToastTitle_unstable)(props, ref);
+    (0, _useToastTitleStylesStyles.useToastTitleStyles_unstable)(state);
+    return (0, _renderToastTitle.renderToastTitle_unstable)(state);
+});
+ToastTitle.displayName = 'ToastTitle';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ToastTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { useToastTitle_unstable } from './useToastTitle';\nimport { renderToastTitle_unstable } from './renderToastTitle';\nimport { useToastTitleStyles_unstable } from './useToastTitleStyles.styles';\n/**\n * ToastTitle component\n */ export const ToastTitle = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useToastTitle_unstable(props, ref);\n    useToastTitleStyles_unstable(state);\n    return renderToastTitle_unstable(state);\n});\nToastTitle.displayName = 'ToastTitle';\n"],"names":["ToastTitle","React","forwardRef","props","ref","state","useToastTitle_unstable","useToastTitleStyles_unstable","renderToastTitle_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;+BACgB;kCACG;2CACG;AAGlC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACvE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACrC;AACAL,WAAWS,WAAW,GAAG"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});