feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-motion/lib/hooks/useIsReducedMotion.js

@@ -0,0 +1,32 @@
+'use client';
+import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
+import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+import * as React from 'react';
+const REDUCED_MEDIA_QUERY = 'screen and (prefers-reduced-motion: reduce)';
+// TODO: find a better approach there as each hook creates a separate subscription
+export function useIsReducedMotion() {
+    const { targetDocument } = useFluent();
+    var _targetDocument_defaultView;
+    const targetWindow = (_targetDocument_defaultView = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) !== null && _targetDocument_defaultView !== void 0 ? _targetDocument_defaultView : null;
+    const queryValue = React.useRef(false);
+    const isEnabled = React.useCallback(()=>queryValue.current, []);
+    useIsomorphicLayoutEffect(()=>{
+        if (targetWindow === null || typeof targetWindow.matchMedia !== 'function') {
+            return;
+        }
+        const queryMatch = targetWindow.matchMedia(REDUCED_MEDIA_QUERY);
+        if (queryMatch.matches) {
+            queryValue.current = true;
+        }
+        const matchListener = (e)=>{
+            queryValue.current = e.matches;
+        };
+        queryMatch.addEventListener('change', matchListener);
+        return ()=>{
+            queryMatch.removeEventListener('change', matchListener);
+        };
+    }, [
+        targetWindow
+    ]);
+    return isEnabled;
+}