Add material ui

imports/client-handler.tsx

@@ -1,5 +1,7 @@
 import * as chakra from '@chakra-ui/react';
 import * as icons from '@chakra-ui/icons';
+import * as MUI from '@mui/material';
+import * as IconsMaterial from '@mui/icons-material';
 import dynamic from 'next/dynamic';
 import { DeepClient, useDeep, useDeepSubscription } from "@deep-foundation/deeplinks/imports/client";
 import { evalClientHandler as deepclientEvalClientHandler } from '@deep-foundation/deeplinks/imports/client-handler';
@@ -214,6 +216,8 @@ export const r: any = (path) => {
 r.list = {
   'lodash': _,
   '@chakra-ui/react': chakra,
+  '@mui/material': MUI,
+  '@mui/icons-material': IconsMaterial,
   'react': React,
   'axios': axios,
   'axios-hooks': axiosHooks,

package.json

@@ -24,9 +24,11 @@
     "@chakra-ui/theme-tools": "^2.0.16",
     "@deep-foundation/core": "~0.0.2",
     "@deep-foundation/tsx": "~0.0.5",
-    "@emotion/react": "^11.11.0",
+    "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
     "@monaco-editor/react": "^4.5.1",
+    "@mui/icons-material": "^5.15.12",
+    "@mui/material": "^5.15.12",
     "@pbe/react-yandex-maps": "^1.2.5",
     "@react-hook/debounce": "^4.0.0",
     "@rjsf/chakra-ui": "^5.8.1",