@fluentui/react-toast 9.0.6 → 9.1.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useToasterFocusManagement.js"],"sourcesContent":["import { isHTMLElement } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { ArrowDown, ArrowUp } from '@fluentui/keyboard-keys';\nimport { toastContainerClassNames } from '../ToastContainer';\nconst noop = ()=>undefined;\n/**\n * @internal\n */ export function useToasterFocusManagement_unstable(pauseAllToasts, playAllToasts) {\n    const { targetDocument  } = useFluent();\n    const cleanupListenersRef = React.useRef(noop);\n    return React.useCallback((el)=>{\n        if (!el || !targetDocument) {\n            cleanupListenersRef.current();\n            cleanupListenersRef.current = noop;\n            return;\n        }\n        const toastContainerWalker = targetDocument.createTreeWalker(el, NodeFilter.SHOW_ELEMENT, {\n            acceptNode (node) {\n                if (isHTMLElement(node) && node.classList.contains(toastContainerClassNames.root)) {\n                    return NodeFilter.FILTER_ACCEPT;\n                }\n                return NodeFilter.FILTER_SKIP;\n            }\n        });\n        /**\n       * FIXME: https://github.com/microsoft/tabster/issues/299\n       * Toasts  should be arrow navigable and focus should be trapped in a stack of tasts\n       * This is a temporary measure, Tabster does not have an API yet to enable mover arrow keys from within grouppers\n       * Once tabster fully supports this use case, remove this hook\n       */ const keydownListener = (e)=>{\n            const { target , key  } = e;\n            if (!isHTMLElement(target)) {\n                return;\n            }\n            if (key === ArrowDown) {\n                toastContainerWalker.currentNode = target;\n                let nextToastContainer = toastContainerWalker.nextNode();\n                if (!nextToastContainer) {\n                    toastContainerWalker.currentNode = el;\n                    nextToastContainer = toastContainerWalker.nextNode();\n                }\n                if (isHTMLElement(nextToastContainer)) {\n                    nextToastContainer.focus();\n                }\n            }\n            if (key === ArrowUp) {\n                toastContainerWalker.currentNode = target;\n                let prevToastContainer = toastContainerWalker.previousNode();\n                if (prevToastContainer && prevToastContainer.contains(target)) {\n                    prevToastContainer = toastContainerWalker.previousNode();\n                }\n                if (!prevToastContainer) {\n                    toastContainerWalker.currentNode = el;\n                    prevToastContainer = toastContainerWalker.lastChild();\n                }\n                if (isHTMLElement(prevToastContainer)) {\n                    prevToastContainer.focus();\n                }\n            }\n        };\n        const focusInListener = (e)=>{\n            if (isHTMLElement(e.currentTarget) && !e.currentTarget.contains(isHTMLElement(e.relatedTarget) ? e.relatedTarget : null)) {\n                pauseAllToasts();\n            }\n        };\n        const focusOutListener = (e)=>{\n            if (isHTMLElement(e.currentTarget) && !e.currentTarget.contains(isHTMLElement(e.relatedTarget) ? e.relatedTarget : null)) {\n                playAllToasts();\n            }\n        };\n        el.addEventListener('keydown', keydownListener);\n        el.addEventListener('focusin', focusInListener);\n        el.addEventListener('focusout', focusOutListener);\n        cleanupListenersRef.current = ()=>{\n            el.removeEventListener('keydown', keydownListener);\n            el.removeEventListener('focusin', focusInListener);\n            el.removeEventListener('focusout', focusOutListener);\n        };\n    }, [\n        targetDocument,\n        pauseAllToasts,\n        playAllToasts\n    ]);\n}\n"],"names":["useToasterFocusManagement_unstable","noop","undefined","pauseAllToasts","playAllToasts","targetDocument","useFluent","cleanupListenersRef","React","useRef","useCallback","el","current","toastContainerWalker","createTreeWalker","NodeFilter","SHOW_ELEMENT","acceptNode","node","isHTMLElement","classList","contains","toastContainerClassNames","root","FILTER_ACCEPT","FILTER_SKIP","keydownListener","e","target","key","ArrowDown","currentNode","nextToastContainer","nextNode","focus","ArrowUp","prevToastContainer","previousNode","lastChild","focusInListener","currentTarget","relatedTarget","focusOutListener","addEventListener","removeEventListener"],"mappings":"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"}

package/lib-commonjs/state/useToaster.js

@@ -27,11 +27,6 @@ function useToaster(options = {}) {
             return shortcuts.focus(e);
         }
     });
-    const tryRestoreFocus = _react.useCallback(()=>{
-        var _lastActiveElementRef_current;
-        (_lastActiveElementRef_current = lastActiveElementRef.current) === null || _lastActiveElementRef_current === void 0 ? void 0 : _lastActiveElementRef_current.focus();
-        lastActiveElementRef.current = null;
-    }, []);
     const pauseAllToasts = _react.useCallback(()=>{
         toaster.visibleToasts.forEach((toastId)=>{
             var _toast_imperativeRef_current;
@@ -67,6 +62,28 @@ function useToaster(options = {}) {
     }, [
         toaster
     ]);
+    const tryRestoreFocus = _react.useCallback(()=>{
+        const mostRecentToast = getMostRecentVisibleToast();
+        if (mostRecentToast === null || mostRecentToast === void 0 ? void 0 : mostRecentToast.imperativeRef.current) {
+            mostRecentToast.imperativeRef.current.focus();
+        } else {
+            var _lastActiveElementRef_current;
+            (_lastActiveElementRef_current = lastActiveElementRef.current) === null || _lastActiveElementRef_current === void 0 ? void 0 : _lastActiveElementRef_current.focus();
+            lastActiveElementRef.current = null;
+        }
+    }, [
+        getMostRecentVisibleToast
+    ]);
+    const closeAllToasts = _react.useCallback(()=>{
+        toaster.visibleToasts.forEach((toastId)=>{
+            const toast = toaster.toasts.get(toastId);
+            toast === null || toast === void 0 ? void 0 : toast.close();
+        });
+        tryRestoreFocus();
+    }, [
+        toaster,
+        tryRestoreFocus
+    ]);
     _react.useEffect(()=>{
         if (!targetDocument) {
             return;
@@ -166,6 +183,7 @@ function useToaster(options = {}) {
         toastsToRender,
         pauseAllToasts,
         playAllToasts,
-        tryRestoreFocus
+        tryRestoreFocus,
+        closeAllToasts
     };
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["useToaster.js"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement, useEventCallback, useForceUpdate } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { createToaster } from './vanilla';\nimport { EVENTS } from './constants';\nexport function useToaster(options = {}) {\n    const forceUpdate = useForceUpdate();\n    const { toasterId: userToasterId , shortcuts  } = options;\n    // Currently the toaster options can never be changed at runtime\n    const [toaster] = React.useState(()=>createToaster(options));\n    const { targetDocument  } = useFluent();\n    const lastActiveElementRef = React.useRef(null);\n    const isCorrectToaster = useEventCallback((toasterId)=>{\n        return toasterId === userToasterId;\n    });\n    const isFocusShortcut = useEventCallback((e)=>{\n        if (shortcuts === null || shortcuts === void 0 ? void 0 : shortcuts.focus) {\n            return shortcuts.focus(e);\n        }\n    });\n    const tryRestoreFocus = React.useCallback(()=>{\n        var _lastActiveElementRef_current;\n        (_lastActiveElementRef_current = lastActiveElementRef.current) === null || _lastActiveElementRef_current === void 0 ? void 0 : _lastActiveElementRef_current.focus();\n        lastActiveElementRef.current = null;\n    }, []);\n    const pauseAllToasts = React.useCallback(()=>{\n        toaster.visibleToasts.forEach((toastId)=>{\n            var _toast_imperativeRef_current;\n            const toast = toaster.toasts.get(toastId);\n            (_toast_imperativeRef_current = toast === null || toast === void 0 ? void 0 : toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.pause();\n        });\n    }, [\n        toaster\n    ]);\n    const playAllToasts = React.useCallback(()=>{\n        toaster.visibleToasts.forEach((toastId)=>{\n            var _toast_imperativeRef_current;\n            const toast = toaster.toasts.get(toastId);\n            (_toast_imperativeRef_current = toast === null || toast === void 0 ? void 0 : toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.play();\n        });\n    }, [\n        toaster\n    ]);\n    const getMostRecentVisibleToast = React.useCallback(()=>{\n        return Array.from(toaster.visibleToasts).reduce((cur, next)=>{\n            const toast = toaster.toasts.get(next);\n            if (!toast) {\n                return cur;\n            }\n            if (!cur) {\n                return toast;\n            }\n            if (cur.order < (toast === null || toast === void 0 ? void 0 : toast.order)) {\n                return toast;\n            }\n            return cur;\n        }, undefined);\n    }, [\n        toaster\n    ]);\n    React.useEffect(()=>{\n        if (!targetDocument) {\n            return;\n        }\n        const addToastListener = (eventType, callback)=>{\n            const listener = (e)=>{\n                if (!isCorrectToaster(e.detail.toasterId)) {\n                    return;\n                }\n                callback(e);\n                forceUpdate();\n            };\n            targetDocument.addEventListener(eventType, listener);\n            return ()=>targetDocument.removeEventListener(eventType, listener);\n        };\n        const buildToast = (e)=>{\n            toaster.buildToast(e.detail, forceUpdate);\n        };\n        const dismissToast = (e)=>{\n            toaster.dismissToast(e.detail.toastId);\n        };\n        const updateToast = (e)=>{\n            toaster.updateToast(e.detail);\n        };\n        const dismissAllToasts = (e)=>{\n            toaster.dismissAllToasts();\n        };\n        const pauseToast = (e)=>{\n            const toast = toaster.toasts.get(e.detail.toastId);\n            if (toast) {\n                var _toast_imperativeRef_current;\n                (_toast_imperativeRef_current = toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.pause();\n            }\n        };\n        const playToast = (e)=>{\n            const toast = toaster.toasts.get(e.detail.toastId);\n            if (toast) {\n                var _toast_imperativeRef_current;\n                (_toast_imperativeRef_current = toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.play();\n            }\n        };\n        const cleanupBuildListener = addToastListener(EVENTS.show, buildToast);\n        const cleanupUpdateListener = addToastListener(EVENTS.update, updateToast);\n        const cleanupDismissListener = addToastListener(EVENTS.dismiss, dismissToast);\n        const cleanupDismissAllListener = addToastListener(EVENTS.dismissAll, dismissAllToasts);\n        const cleanupPauseListener = addToastListener(EVENTS.pause, pauseToast);\n        const cleanupPlayListener = addToastListener(EVENTS.play, playToast);\n        const focusShortcutListener = (e)=>{\n            if (isFocusShortcut(e)) {\n                pauseAllToasts();\n                const mostRecentToast = getMostRecentVisibleToast();\n                if (mostRecentToast) {\n                    var _mostRecentToast_imperativeRef_current;\n                    lastActiveElementRef.current = isHTMLElement(targetDocument.activeElement) ? targetDocument.activeElement : null;\n                    (_mostRecentToast_imperativeRef_current = mostRecentToast.imperativeRef.current) === null || _mostRecentToast_imperativeRef_current === void 0 ? void 0 : _mostRecentToast_imperativeRef_current.focus();\n                }\n            }\n        };\n        targetDocument.addEventListener('keydown', focusShortcutListener);\n        return ()=>{\n            cleanupBuildListener();\n            cleanupDismissAllListener();\n            cleanupUpdateListener();\n            cleanupDismissListener();\n            cleanupPauseListener();\n            cleanupPlayListener();\n            targetDocument.removeEventListener('keydown', focusShortcutListener);\n        };\n    }, [\n        toaster,\n        forceUpdate,\n        targetDocument,\n        isCorrectToaster,\n        pauseAllToasts,\n        getMostRecentVisibleToast,\n        isFocusShortcut\n    ]);\n    const toastsToRender = (()=>{\n        if (!toaster) {\n            return new Map();\n        }\n        const toRender = new Map();\n        const toasts = Array.from(toaster.toasts.values());\n        toasts.forEach((toast)=>{\n            const { position  } = toast;\n            toRender.has(position) || toRender.set(position, []);\n            if (position.startsWith('bottom')) {\n                toRender.get(position).push(toast);\n            } else {\n                toRender.get(position).unshift(toast);\n            }\n        });\n        return toRender;\n    })();\n    return {\n        isToastVisible: toaster.isToastVisible,\n        toastsToRender,\n        pauseAllToasts,\n        playAllToasts,\n        tryRestoreFocus\n    };\n}\n"],"names":["useToaster","options","forceUpdate","useForceUpdate","toasterId","userToasterId","shortcuts","toaster","React","useState","createToaster","targetDocument","useFluent","lastActiveElementRef","useRef","isCorrectToaster","useEventCallback","isFocusShortcut","e","focus","tryRestoreFocus","useCallback","_lastActiveElementRef_current","current","pauseAllToasts","visibleToasts","forEach","toastId","_toast_imperativeRef_current","toast","toasts","get","imperativeRef","pause","playAllToasts","play","getMostRecentVisibleToast","Array","from","reduce","cur","next","order","undefined","useEffect","addToastListener","eventType","callback","listener","detail","addEventListener","removeEventListener","buildToast","dismissToast","updateToast","dismissAllToasts","pauseToast","playToast","cleanupBuildListener","EVENTS","show","cleanupUpdateListener","update","cleanupDismissListener","dismiss","cleanupDismissAllListener","dismissAll","cleanupPauseListener","cleanupPlayListener","focusShortcutListener","mostRecentToast","_mostRecentToast_imperativeRef_current","isHTMLElement","activeElement","toastsToRender","Map","toRender","values","position","has","set","startsWith","push","unshift","isToastVisible"],"mappings":"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"}
+{"version":3,"sources":["useToaster.js"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement, useEventCallback, useForceUpdate } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { createToaster } from './vanilla';\nimport { EVENTS } from './constants';\nexport function useToaster(options = {}) {\n    const forceUpdate = useForceUpdate();\n    const { toasterId: userToasterId , shortcuts  } = options;\n    // Currently the toaster options can never be changed at runtime\n    const [toaster] = React.useState(()=>createToaster(options));\n    const { targetDocument  } = useFluent();\n    const lastActiveElementRef = React.useRef(null);\n    const isCorrectToaster = useEventCallback((toasterId)=>{\n        return toasterId === userToasterId;\n    });\n    const isFocusShortcut = useEventCallback((e)=>{\n        if (shortcuts === null || shortcuts === void 0 ? void 0 : shortcuts.focus) {\n            return shortcuts.focus(e);\n        }\n    });\n    const pauseAllToasts = React.useCallback(()=>{\n        toaster.visibleToasts.forEach((toastId)=>{\n            var _toast_imperativeRef_current;\n            const toast = toaster.toasts.get(toastId);\n            (_toast_imperativeRef_current = toast === null || toast === void 0 ? void 0 : toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.pause();\n        });\n    }, [\n        toaster\n    ]);\n    const playAllToasts = React.useCallback(()=>{\n        toaster.visibleToasts.forEach((toastId)=>{\n            var _toast_imperativeRef_current;\n            const toast = toaster.toasts.get(toastId);\n            (_toast_imperativeRef_current = toast === null || toast === void 0 ? void 0 : toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.play();\n        });\n    }, [\n        toaster\n    ]);\n    const getMostRecentVisibleToast = React.useCallback(()=>{\n        return Array.from(toaster.visibleToasts).reduce((cur, next)=>{\n            const toast = toaster.toasts.get(next);\n            if (!toast) {\n                return cur;\n            }\n            if (!cur) {\n                return toast;\n            }\n            if (cur.order < (toast === null || toast === void 0 ? void 0 : toast.order)) {\n                return toast;\n            }\n            return cur;\n        }, undefined);\n    }, [\n        toaster\n    ]);\n    const tryRestoreFocus = React.useCallback(()=>{\n        const mostRecentToast = getMostRecentVisibleToast();\n        if (mostRecentToast === null || mostRecentToast === void 0 ? void 0 : mostRecentToast.imperativeRef.current) {\n            mostRecentToast.imperativeRef.current.focus();\n        } else {\n            var _lastActiveElementRef_current;\n            (_lastActiveElementRef_current = lastActiveElementRef.current) === null || _lastActiveElementRef_current === void 0 ? void 0 : _lastActiveElementRef_current.focus();\n            lastActiveElementRef.current = null;\n        }\n    }, [\n        getMostRecentVisibleToast\n    ]);\n    const closeAllToasts = React.useCallback(()=>{\n        toaster.visibleToasts.forEach((toastId)=>{\n            const toast = toaster.toasts.get(toastId);\n            toast === null || toast === void 0 ? void 0 : toast.close();\n        });\n        tryRestoreFocus();\n    }, [\n        toaster,\n        tryRestoreFocus\n    ]);\n    React.useEffect(()=>{\n        if (!targetDocument) {\n            return;\n        }\n        const addToastListener = (eventType, callback)=>{\n            const listener = (e)=>{\n                if (!isCorrectToaster(e.detail.toasterId)) {\n                    return;\n                }\n                callback(e);\n                forceUpdate();\n            };\n            targetDocument.addEventListener(eventType, listener);\n            return ()=>targetDocument.removeEventListener(eventType, listener);\n        };\n        const buildToast = (e)=>{\n            toaster.buildToast(e.detail, forceUpdate);\n        };\n        const dismissToast = (e)=>{\n            toaster.dismissToast(e.detail.toastId);\n        };\n        const updateToast = (e)=>{\n            toaster.updateToast(e.detail);\n        };\n        const dismissAllToasts = (e)=>{\n            toaster.dismissAllToasts();\n        };\n        const pauseToast = (e)=>{\n            const toast = toaster.toasts.get(e.detail.toastId);\n            if (toast) {\n                var _toast_imperativeRef_current;\n                (_toast_imperativeRef_current = toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.pause();\n            }\n        };\n        const playToast = (e)=>{\n            const toast = toaster.toasts.get(e.detail.toastId);\n            if (toast) {\n                var _toast_imperativeRef_current;\n                (_toast_imperativeRef_current = toast.imperativeRef.current) === null || _toast_imperativeRef_current === void 0 ? void 0 : _toast_imperativeRef_current.play();\n            }\n        };\n        const cleanupBuildListener = addToastListener(EVENTS.show, buildToast);\n        const cleanupUpdateListener = addToastListener(EVENTS.update, updateToast);\n        const cleanupDismissListener = addToastListener(EVENTS.dismiss, dismissToast);\n        const cleanupDismissAllListener = addToastListener(EVENTS.dismissAll, dismissAllToasts);\n        const cleanupPauseListener = addToastListener(EVENTS.pause, pauseToast);\n        const cleanupPlayListener = addToastListener(EVENTS.play, playToast);\n        const focusShortcutListener = (e)=>{\n            if (isFocusShortcut(e)) {\n                pauseAllToasts();\n                const mostRecentToast = getMostRecentVisibleToast();\n                if (mostRecentToast) {\n                    var _mostRecentToast_imperativeRef_current;\n                    lastActiveElementRef.current = isHTMLElement(targetDocument.activeElement) ? targetDocument.activeElement : null;\n                    (_mostRecentToast_imperativeRef_current = mostRecentToast.imperativeRef.current) === null || _mostRecentToast_imperativeRef_current === void 0 ? void 0 : _mostRecentToast_imperativeRef_current.focus();\n                }\n            }\n        };\n        targetDocument.addEventListener('keydown', focusShortcutListener);\n        return ()=>{\n            cleanupBuildListener();\n            cleanupDismissAllListener();\n            cleanupUpdateListener();\n            cleanupDismissListener();\n            cleanupPauseListener();\n            cleanupPlayListener();\n            targetDocument.removeEventListener('keydown', focusShortcutListener);\n        };\n    }, [\n        toaster,\n        forceUpdate,\n        targetDocument,\n        isCorrectToaster,\n        pauseAllToasts,\n        getMostRecentVisibleToast,\n        isFocusShortcut\n    ]);\n    const toastsToRender = (()=>{\n        if (!toaster) {\n            return new Map();\n        }\n        const toRender = new Map();\n        const toasts = Array.from(toaster.toasts.values());\n        toasts.forEach((toast)=>{\n            const { position  } = toast;\n            toRender.has(position) || toRender.set(position, []);\n            if (position.startsWith('bottom')) {\n                toRender.get(position).push(toast);\n            } else {\n                toRender.get(position).unshift(toast);\n            }\n        });\n        return toRender;\n    })();\n    return {\n        isToastVisible: toaster.isToastVisible,\n        toastsToRender,\n        pauseAllToasts,\n        playAllToasts,\n        tryRestoreFocus,\n        closeAllToasts\n    };\n}\n"],"names":["useToaster","options","forceUpdate","useForceUpdate","toasterId","userToasterId","shortcuts","toaster","React","useState","createToaster","targetDocument","useFluent","lastActiveElementRef","useRef","isCorrectToaster","useEventCallback","isFocusShortcut","e","focus","pauseAllToasts","useCallback","visibleToasts","forEach","toastId","_toast_imperativeRef_current","toast","toasts","get","imperativeRef","current","pause","playAllToasts","play","getMostRecentVisibleToast","Array","from","reduce","cur","next","order","undefined","tryRestoreFocus","mostRecentToast","_lastActiveElementRef_current","closeAllToasts","close","useEffect","addToastListener","eventType","callback","listener","detail","addEventListener","removeEventListener","buildToast","dismissToast","updateToast","dismissAllToasts","pauseToast","playToast","cleanupBuildListener","EVENTS","show","cleanupUpdateListener","update","cleanupDismissListener","dismiss","cleanupDismissAllListener","dismissAll","cleanupPauseListener","cleanupPlayListener","focusShortcutListener","_mostRecentToast_imperativeRef_current","isHTMLElement","activeElement","toastsToRender","Map","toRender","values","position","has","set","startsWith","push","unshift","isToastVisible"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-toast",
-  "version": "9.0.6",
+  "version": "9.1.0",
   "description": "Toast component for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -36,14 +36,15 @@
   },
   "dependencies": {
     "react-transition-group": "^4.4.1",
-    "@fluentui/react-aria": "^9.3.27",
+    "@fluentui/keyboard-keys": "^9.0.3",
+    "@fluentui/react-aria": "^9.3.28",
     "@fluentui/react-icons": "^2.0.207",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.12",
-    "@fluentui/react-portal": "^9.3.4",
-    "@fluentui/react-shared-contexts": "^9.7.0",
-    "@fluentui/react-tabster": "^9.11.1",
-    "@fluentui/react-theme": "^9.1.9",
-    "@fluentui/react-utilities": "^9.10.1",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.13",
+    "@fluentui/react-portal": "^9.3.5",
+    "@fluentui/react-shared-contexts": "^9.7.1",
+    "@fluentui/react-tabster": "^9.12.0",
+    "@fluentui/react-theme": "^9.1.10",
+    "@fluentui/react-utilities": "^9.11.0",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },