feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/ToastContainer.js

@@ -0,0 +1,25 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ToastContainer", {
+    enumerable: true,
+    get: function() {
+        return ToastContainer;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useToastContainer = require("./useToastContainer");
+const _renderToastContainer = require("./renderToastContainer");
+const _useToastContainerStylesstyles = require("./useToastContainerStyles.styles");
+const _useToastContainerContextValues = require("./useToastContainerContextValues");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const ToastContainer = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useToastContainer.useToastContainer_unstable)(props, ref);
+    (0, _useToastContainerStylesstyles.useToastContainerStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useToastContainerStyles_unstable')(state);
+    return (0, _renderToastContainer.renderToastContainer_unstable)(state, (0, _useToastContainerContextValues.useToastContainerContextValues_unstable)(state));
+});
+ToastContainer.displayName = 'ToastContainer';

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/ToastContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToastContainer/ToastContainer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useToastContainer_unstable } from './useToastContainer';\nimport { renderToastContainer_unstable } from './renderToastContainer';\nimport { useToastContainerStyles_unstable } from './useToastContainerStyles.styles';\nimport type { ToastContainerProps } from './ToastContainer.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useToastContainerContextValues_unstable } from './useToastContainerContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToastContainer component\n */\nexport const ToastContainer: ForwardRefComponent<ToastContainerProps> = React.forwardRef((props, ref) => {\n  const state = useToastContainer_unstable(props, ref);\n\n  useToastContainerStyles_unstable(state);\n  useCustomStyleHook_unstable('useToastContainerStyles_unstable')(state);\n\n  return renderToastContainer_unstable(state, useToastContainerContextValues_unstable(state));\n});\n\nToastContainer.displayName = 'ToastContainer';\n"],"names":["React","useToastContainer_unstable","renderToastContainer_unstable","useToastContainerStyles_unstable","useToastContainerContextValues_unstable","useCustomStyleHook_unstable","ToastContainer","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;mCACY,sBAAsB;sCACnB,yBAAyB;+CACtB,mCAAmC;gDAG5B,mCAAmC;qCAC/C,kCAAkC;AAKvE,MAAMM,iBAAAA,WAAAA,GAA2DN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQT,6CAAAA,EAA2BO,OAAOC;QAEhDN,+DAAAA,EAAiCO;QACjCL,gDAAAA,EAA4B,oCAAoCK;IAEhE,WAAOR,mDAAAA,EAA8BQ,WAAON,uEAAAA,EAAwCM;AACtF,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/ToastContainer.types.js

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

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/ToastContainer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToastContainer/ToastContainer.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { Announce } from '../AriaLive/AriaLive.types';\nimport { Toast, ToastIntent } from '../../state';\nimport { ToastContainerContextValue } from '../../contexts/toastContainerContext';\nimport { TimerProps } from '../Timer/Timer';\n\nexport type ToastContainerContextValues = {\n  toast: ToastContainerContextValue;\n};\n\nexport type ToastContainerSlots = {\n  root: NonNullable<Slot<'div'>>;\n  timer: NonNullable<Slot<TimerProps>>;\n};\n\n/**\n * ToastContainer Props\n */\nexport type ToastContainerProps = Omit<ComponentProps<Partial<ToastContainerSlots>>, 'content'> &\n  Toast & {\n    visible: boolean;\n    announce: Announce;\n    intent: ToastIntent | undefined;\n    tryRestoreFocus: () => void;\n  };\n\n/**\n * State used in rendering ToastContainer\n */\nexport type ToastContainerState = ComponentState<ToastContainerSlots> &\n  Pick<ToastContainerProps, 'remove' | 'close' | 'updateId' | 'visible' | 'intent'> &\n  Pick<ToastContainerContextValue, 'titleId' | 'bodyId'> & {\n    /**\n     * @deprecated Will be always \"0\".\n     */\n    transitionTimeout: number;\n    timerTimeout: number;\n    running: boolean;\n    /**\n     * @deprecated Will be always no-op.\n     */\n    onTransitionEntering: () => void;\n    /**\n     * @deprecated now merged with root ref\n     */\n    nodeRef: React.Ref<HTMLDivElement>;\n\n    onMotionFinish?: (event: null, data: { direction: 'enter' | 'exit' }) => void;\n  };\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/index.js

@@ -0,0 +1,35 @@
+"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, {
+    ToastContainer: function() {
+        return _ToastContainer.ToastContainer;
+    },
+    renderToastContainer_unstable: function() {
+        return _renderToastContainer.renderToastContainer_unstable;
+    },
+    toastContainerClassNames: function() {
+        return _useToastContainerStylesstyles.toastContainerClassNames;
+    },
+    useToastContainerContextValues_unstable: function() {
+        return _useToastContainerContextValues.useToastContainerContextValues_unstable;
+    },
+    useToastContainerStyles_unstable: function() {
+        return _useToastContainerStylesstyles.useToastContainerStyles_unstable;
+    },
+    useToastContainer_unstable: function() {
+        return _useToastContainer.useToastContainer_unstable;
+    }
+});
+const _ToastContainer = require("./ToastContainer");
+const _renderToastContainer = require("./renderToastContainer");
+const _useToastContainer = require("./useToastContainer");
+const _useToastContainerStylesstyles = require("./useToastContainerStyles.styles");
+const _useToastContainerContextValues = require("./useToastContainerContextValues");

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToastContainer/index.ts"],"sourcesContent":["export { ToastContainer } from './ToastContainer';\nexport type {\n  ToastContainerContextValues,\n  ToastContainerProps,\n  ToastContainerSlots,\n  ToastContainerState,\n} from './ToastContainer.types';\nexport { renderToastContainer_unstable } from './renderToastContainer';\nexport { useToastContainer_unstable } from './useToastContainer';\nexport { toastContainerClassNames, useToastContainerStyles_unstable } from './useToastContainerStyles.styles';\nexport { useToastContainerContextValues_unstable } from './useToastContainerContextValues';\n"],"names":["ToastContainer","renderToastContainer_unstable","useToastContainer_unstable","toastContainerClassNames","useToastContainerStyles_unstable","useToastContainerContextValues_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAOdC,mDAA6B;;;eAE7BE,uDAAwB;;;eACxBE,uEAAuC;;;eADbD,+DAAgC;;;eAD1DF,6CAA0B;;;gCARJ,mBAAmB;sCAOJ,yBAAyB;mCAC5B,sBAAsB;+CACU,mCAAmC;gDACtD,mCAAmC"}

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/renderToastContainer.js

@@ -0,0 +1,34 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderToastContainer_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderToastContainer_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _toastContainerContext = require("../../contexts/toastContainerContext");
+const _reactmotioncomponentspreview = require("@fluentui/react-motion-components-preview");
+const renderToastContainer_unstable = (state, contextValues)=>{
+    const { onMotionFinish, visible, updateId } = state;
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_toastContainerContext.ToastContainerContextProvider, {
+        value: contextValues.toast,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactmotioncomponentspreview.CollapseDelayed, {
+            appear: true,
+            onMotionFinish: onMotionFinish,
+            visible: visible,
+            unmountOnExit: true,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+                children: [
+                    state.root.children,
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(state.timer, {}, updateId)
+                ]
+            })
+        })
+    });
+};

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/renderToastContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToastContainer/renderToastContainer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\n'use client';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { ToastContainerState, ToastContainerSlots, ToastContainerContextValues } from './ToastContainer.types';\nimport { ToastContainerContextProvider } from '../../contexts/toastContainerContext';\nimport { CollapseDelayed } from '@fluentui/react-motion-components-preview';\n\n/**\n * Render the final JSX of ToastContainer\n */\nexport const renderToastContainer_unstable = (\n  state: ToastContainerState,\n  contextValues: ToastContainerContextValues,\n): JSXElement => {\n  const { onMotionFinish, visible, updateId } = state;\n  assertSlots<ToastContainerSlots>(state);\n\n  return (\n    <ToastContainerContextProvider value={contextValues.toast}>\n      <CollapseDelayed appear onMotionFinish={onMotionFinish} visible={visible} unmountOnExit>\n        <state.root>\n          {state.root.children}\n          <state.timer key={updateId} />\n        </state.root>\n      </CollapseDelayed>\n    </ToastContainerContextProvider>\n  );\n};\n"],"names":["assertSlots","ToastContainerContextProvider","CollapseDelayed","renderToastContainer_unstable","state","contextValues","onMotionFinish","visible","updateId","value","toast","appear","unmountOnExit","root","children","timer"],"mappings":"AAAA,wBAA0B,GAC1B,iDAAiD,GAEjD;;;;;+BAWaG;;;;;;;gCATe,4BAA4B;uCAGV,uCAAuC;8CACrD,4CAA4C;AAKrE,sCAAsC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,cAAc,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGJ;QAC9CJ,2BAAAA,EAAiCI;IAEjC,OAAA,WAAA,OACE,eAAA,EAACH,oDAAAA,EAAAA;QAA8BQ,OAAOJ,cAAcK,KAAK;kBACvD,WAAA,OAAA,eAAA,EAACR,6CAAAA,EAAAA;YAAgBS,MAAM,EAAA;YAACL,gBAAgBA;YAAgBC,SAASA;YAASK,aAAa,EAAA;sBACrF,WAAA,OAAA,gBAAA,EAACR,MAAMS,IAAI,EAAA;;oBACRT,MAAMS,IAAI,CAACC,QAAQ;sCACpB,eAAA,EAACV,MAAMW,KAAK,EAAA,CAAA,GAAMP;;;;;AAK5B,EAAE"}

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/useToastContainer.js

@@ -0,0 +1,235 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useToastContainer_unstable", {
+    enumerable: true,
+    get: function() {
+        return useToastContainer_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _keyboardkeys = require("@fluentui/keyboard-keys");
+const _reacttabster = require("@fluentui/react-tabster");
+const _Timer = require("../Timer/Timer");
+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, content: _content, ...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 focusableGroupAttribute = (0, _reacttabster.useFocusableGroup)({
+        tabBehavior: 'limited-trap-focus',
+        // Users should only use Tab to focus into the toast
+        // Escape is already reserved to dismiss all toasts
+        ignoreDefaultKeydown: {
+            Tab: true,
+            Escape: true,
+            Enter: true
+        }
+    });
+    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);
+        }
+    });
+    _react.useImperativeHandle(imperativeRef, ()=>({
+            focus: ()=>{
+                if (!toastRef.current) {
+                    return;
+                }
+                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
+    ]);
+    // Users never actually use ToastContainer as a JSX but imperatively through useToastContainerController
+    const userRootSlot = data.root;
+    const onMotionFinish = _react.useCallback((_, { direction })=>{
+        if (direction === 'exit') {
+            remove();
+        }
+        if (direction === 'enter') {
+            // start toast once it's fully animated in
+            play();
+            onStatusChange('visible');
+        }
+    }, [
+        onStatusChange,
+        play,
+        remove
+    ]);
+    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 { findFirstFocusable, findLastFocusable } = (0, _reacttabster.useFocusFinders)();
+    const onKeyDown = (0, _reactutilities.useEventCallback)((e)=>{
+        var _userRootSlot_onKeyDown;
+        if (e.key === _keyboardkeys.Delete) {
+            e.preventDefault();
+            close();
+        }
+        if (e.key === _keyboardkeys.Tab && e.currentTarget === e.target) {
+            e.preventDefault();
+            if (e.shiftKey) {
+                var _findLastFocusable;
+                (_findLastFocusable = findLastFocusable(e.currentTarget)) === null || _findLastFocusable === void 0 ? void 0 : _findLastFocusable.focus();
+            } else {
+                var _findFirstFocusable;
+                (_findFirstFocusable = findFirstFocusable(e.currentTarget)) === null || _findFirstFocusable === void 0 ? void 0 : _findFirstFocusable.focus();
+            }
+        }
+        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: _reactutilities.slot.always({
+            onTimeout: close,
+            running,
+            timeout: timerTimeout !== null && timerTimeout !== void 0 ? timerTimeout : -1
+        }, {
+            elementType: _Timer.Timer
+        }),
+        root: _reactutilities.slot.always((0, _reactutilities.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: (0, _reactutilities.useMergedRefs)(ref, toastRef),
+            children,
+            tabIndex: 0,
+            role: 'listitem',
+            'aria-labelledby': titleId,
+            'aria-describedby': bodyId,
+            ...rest,
+            ...userRootSlot,
+            ...focusableGroupAttribute,
+            onMouseEnter,
+            onMouseLeave,
+            onKeyDown
+        }), {
+            elementType: 'div'
+        }),
+        timerTimeout,
+        transitionTimeout: 0,
+        running,
+        visible,
+        remove,
+        close,
+        onTransitionEntering: ()=>{
+        /* no-op */ },
+        updateId,
+        nodeRef: toastRef,
+        intent,
+        titleId,
+        bodyId,
+        onMotionFinish
+    };
+};

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/useToastContainerContextValues.js

@@ -0,0 +1,30 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useToastContainerContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useToastContainerContextValues_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(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
+    };
+}

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/useToastContainerContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToastContainer/useToastContainerContextValues.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ToastContainerContextValues, ToastContainerState } from './ToastContainer.types';\n\nexport function useToastContainerContextValues_unstable(state: ToastContainerState): ToastContainerContextValues {\n  const { close, intent, titleId, bodyId } = state;\n\n  const toastContainerContext = React.useMemo(\n    () => ({\n      close,\n      intent,\n      titleId,\n      bodyId,\n    }),\n    [close, intent, titleId, bodyId],\n  );\n\n  return {\n    toast: toastContainerContext,\n  };\n}\n"],"names":["React","useToastContainerContextValues_unstable","state","close","intent","titleId","bodyId","toastContainerContext","useMemo","toast"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;AAGxB,SAASC,wCAAwCC,KAA0B;IAChF,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGJ;IAE3C,MAAMK,wBAAwBP,OAAMQ,OAAO,CACzC,IAAO,CAAA;YACLL;YACAC;YACAC;YACAC;SACF,CAAA,EACA;QAACH;QAAOC;QAAQC;QAASC;KAAO;IAGlC,OAAO;QACLG,OAAOF;IACT;AACF"}

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/useToastContainerStyles.styles.js

@@ -0,0 +1,34 @@
+'use client';
+"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, {
+    toastContainerClassNames: function() {
+        return toastContainerClassNames;
+    },
+    useToastContainerStyles_unstable: function() {
+        return useToastContainerStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const toastContainerClassNames = {
+    root: 'fui-ToastContainer',
+    timer: 'fui-ToastContainer__timer'
+};
+const useRootBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r98b696", null, [
+    ".r98b696{box-sizing:border-box;margin-top:16px;pointer-events:all;border-radius:var(--borderRadiusMedium);}",
+    ".r98b696[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}"
+]);
+const useToastContainerStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    state.root.className = (0, _react.mergeClasses)(toastContainerClassNames.root, rootBaseClassName, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/useToastContainerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useToastContainerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const toastContainerClassNames = {\n    root: 'fui-ToastContainer',\n    timer: 'fui-ToastContainer__timer'\n};\nconst useRootBaseClassName = makeResetStyles({\n    boxSizing: 'border-box',\n    marginTop: '16px',\n    pointerEvents: 'all',\n    borderRadius: tokens.borderRadiusMedium,\n    ...createCustomFocusIndicatorStyle({\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n    })\n});\n/**\n * Apply styling to the ToastContainer slots based on the state\n */ export const useToastContainerStyles_unstable = (state)=>{\n    'use no memo';\n    const rootBaseClassName = useRootBaseClassName();\n    state.root.className = mergeClasses(toastContainerClassNames.root, rootBaseClassName, state.root.className);\n    return state;\n};\n"],"names":["__resetStyles","mergeClasses","tokens","createCustomFocusIndicatorStyle","toastContainerClassNames","root","timer","useRootBaseClassName","useToastContainerStyles_unstable","state","rootBaseClassName","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;4BAIyB;;;oCAeY;;;;uBAlBH,gBAAgB;AAGvD,MAAMI,2BAA2B;IACpCC,IAAI,EAAE,oBAAoB;IAC1BC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,oBAAoB,GAAA,WAAA,OAAGP,oBAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAQ5B,CAAC;AAGS,MAAMQ,oCAAoCC,KAAK,IAAG;IACzD,aAAa;IACb,MAAMC,iBAAiB,GAAGH,oBAAoB,CAAC,CAAC;IAChDE,KAAK,CAACJ,IAAI,CAACM,SAAS,OAAGV,mBAAY,EAACG,wBAAwB,CAACC,IAAI,EAAEK,iBAAiB,EAAED,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;IAC3G,OAAOF,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/useToastContainerStyles.styles.raw.js

@@ -0,0 +1,41 @@
+'use client';
+"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, {
+    toastContainerClassNames: function() {
+        return toastContainerClassNames;
+    },
+    useToastContainerStyles_unstable: function() {
+        return useToastContainerStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const _reacttabster = require("@fluentui/react-tabster");
+const toastContainerClassNames = {
+    root: 'fui-ToastContainer',
+    timer: 'fui-ToastContainer__timer'
+};
+const useRootBaseClassName = (0, _react.makeResetStyles)({
+    boxSizing: 'border-box',
+    marginTop: '16px',
+    pointerEvents: 'all',
+    borderRadius: _reacttheme.tokens.borderRadiusMedium,
+    ...(0, _reacttabster.createCustomFocusIndicatorStyle)({
+        outline: `${_reacttheme.tokens.strokeWidthThick} solid ${_reacttheme.tokens.colorStrokeFocus2}`
+    })
+});
+const useToastContainerStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    state.root.className = (0, _react.mergeClasses)(toastContainerClassNames.root, rootBaseClassName, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-toast/lib-commonjs/components/ToastContainer/useToastContainerStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToastContainer/useToastContainerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport type { ToastContainerSlots, ToastContainerState } from './ToastContainer.types';\n\nexport const toastContainerClassNames: SlotClassNames<ToastContainerSlots> = {\n  root: 'fui-ToastContainer',\n  timer: 'fui-ToastContainer__timer',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  boxSizing: 'border-box',\n  marginTop: '16px',\n  pointerEvents: 'all',\n  borderRadius: tokens.borderRadiusMedium,\n  ...createCustomFocusIndicatorStyle({\n    outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n  }),\n});\n\n/**\n * Apply styling to the ToastContainer slots based on the state\n */\nexport const useToastContainerStyles_unstable = (state: ToastContainerState): ToastContainerState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  state.root.className = mergeClasses(toastContainerClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","createCustomFocusIndicatorStyle","toastContainerClassNames","root","timer","useRootBaseClassName","boxSizing","marginTop","pointerEvents","borderRadius","borderRadiusMedium","outline","strokeWidthThick","colorStrokeFocus2","useToastContainerStyles_unstable","state","rootBaseClassName","className"],"mappings":"AAAA;;;;;;;;;;;;IAQaI,wBAAAA;;;oCAkBAY;eAAAA;;;uBAxBiC,iBAAiB;4BACxC,wBAAwB;8BAEC,0BAA0B;AAGnE,iCAAsE;IAC3EX,MAAM;IACNC,OAAO;AACT,EAAE;AAEF,MAAMC,2BAAuBP,sBAAAA,EAAgB;IAC3CQ,WAAW;IACXC,WAAW;IACXC,eAAe;IACfC,cAAcT,kBAAAA,CAAOU,kBAAkB;IACvC,OAAGT,6CAAAA,EAAgC;QACjCU,SAAS,GAAGX,kBAAAA,CAAOY,gBAAgB,CAAC,OAAO,EAAEZ,kBAAAA,CAAOa,iBAAiB,EAAE;IACzE,EAAE;AACJ;AAKO,yCAAyC,CAACE;IAC/C;IAEA,MAAMC,oBAAoBX;IAC1BU,MAAMZ,IAAI,CAACc,SAAS,OAAGlB,mBAAAA,EAAaG,yBAAyBC,IAAI,EAAEa,mBAAmBD,MAAMZ,IAAI,CAACc,SAAS;IAE1G,OAAOF;AACT,EAAE"}