├── .vscode
    └── extensions.json
├── public
    └── favicon.ico
├── screenshots
    ├── dark.png
    └── light.png
├── src
    ├── assets
    │   └── logo.png
    ├── main.ts
    ├── env.d.ts
    ├── components
    │   ├── HelloWorld.vue
    │   ├── MailList.vue
    │   ├── SideMenu.vue
    │   └── MailDetail.vue
    └── App.vue
├── tsconfig.node.json
├── vite.config.ts
├── windi.config.ts
├── .gitignore
├── index.html
├── README.md
├── package.json
├── tsconfig.json
└── yarn.lock


/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": ["Vue.volar"]
3 | }
4 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LUK3D/mail-client/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/screenshots/dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LUK3D/mail-client/HEAD/screenshots/dark.png


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LUK3D/mail-client/HEAD/src/assets/logo.png


--------------------------------------------------------------------------------
/screenshots/light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LUK3D/mail-client/HEAD/screenshots/light.png


--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
1 | import { createApp } from 'vue'
2 | import App from './App.vue'
3 | import 'virtual:windi.css'
4 | 
5 | createApp(App).mount('#app')
6 | 


--------------------------------------------------------------------------------
/tsconfig.node.json:
--------------------------------------------------------------------------------
1 | {
2 |   "compilerOptions": {
3 |     "composite": true,
4 |     "module": "esnext",
5 |     "moduleResolution": "node"
6 |   },
7 |   "include": ["vite.config.ts"]
8 | }
9 | 


--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import vue from '@vitejs/plugin-vue'
3 | import WindiCSS from 'vite-plugin-windicss'
4 | 
5 | // https://vitejs.dev/config/
6 | export default defineConfig({
7 |   plugins: [vue(),WindiCSS(),]
8 | })
9 | 


--------------------------------------------------------------------------------
/windi.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from 'windicss/helpers'
 2 | 
 3 | export default defineConfig({
 4 |   darkMode: 'class',
 5 |   theme: {
 6 |     extend: {
 7 |       colors: {
 8 |        
 9 |       },
10 |     },
11 |   },
12 |   plugins: [],
13 | })


--------------------------------------------------------------------------------
/src/env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="vite/client" />
2 | 
3 | declare module '*.vue' {
4 |   import type { DefineComponent } from 'vue'
5 |   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
6 |   const component: DefineComponent<{}, {}, any>
7 |   export default component
8 | }
9 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" href="/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>Vite App</title>
 8 |   </head>
 9 |   <body>
10 |     <div id="app"></div>
11 |     <script type="module" src="/src/main.ts"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Mail Client UI 🚀
 2 | Stack: 
 3 | ## Vite + Vuejs  + Typescript + Tailwindcss (windicss)
 4 | 
 5 | Want to know how i made it? Here is the  [Youtube Video](https://youtu.be/LDX7gHsGBSU).
 6 | 
 7 | Hello Welcome! This is a Little Mail Client UI i did for my youtube channel.
 8 | Feel free to clone, download or fork the project if you wish.
 9 | 
10 | 
11 | ![Mail Client UI Dark](screenshots/dark.png)
12 | 
13 | ![Mail Client UI Light](screenshots/light.png)
14 | 
15 | 
16 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "mail-client",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "scripts": {
 6 |     "dev": "vite",
 7 |     "build": "vue-tsc --noEmit && vite build",
 8 |     "preview": "vite preview"
 9 |   },
10 |   "dependencies": {
11 |     "vue": "^3.2.25"
12 |   },
13 |   "devDependencies": {
14 |     "@vitejs/plugin-vue": "^2.3.3",
15 |     "typescript": "^4.5.4",
16 |     "vite": "^2.9.9",
17 |     "vite-plugin-windicss": "^1.8.5",
18 |     "vue-tsc": "^0.34.7",
19 |     "windicss": "^3.5.5"
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "esnext",
 4 |     "useDefineForClassFields": true,
 5 |     "module": "esnext",
 6 |     "moduleResolution": "node",
 7 |     "strict": true,
 8 |     "jsx": "preserve",
 9 |     "sourceMap": true,
10 |     "resolveJsonModule": true,
11 |     "isolatedModules": true,
12 |     "esModuleInterop": true,
13 |     "lib": ["esnext", "dom"],
14 |     "skipLibCheck": true
15 |   },
16 |   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
17 |   "references": [{ "path": "./tsconfig.node.json" }]
18 | }
19 | 


--------------------------------------------------------------------------------
/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue'
 3 | 
 4 | defineProps<{ msg: string }>()
 5 | 
 6 | const count = ref(0)
 7 | </script>
 8 | 
 9 | <template>
10 |   <h1>{{ msg }}</h1>
11 | 
12 |   <p>
13 |     Recommended IDE setup:
14 |     <a href="https://code.visualstudio.com/" target="_blank">VS Code</a>
15 |     +
16 |     <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
17 |   </p>
18 | 
19 |   <p>See <code>README.md</code> for more information.</p>
20 | 
21 |   <p>
22 |     <a href="https://vitejs.dev/guide/features.html" target="_blank">
23 |       Vite Docs
24 |     </a>
25 |     |
26 |     <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
27 |   </p>
28 | 
29 |   <button type="button" @click="count++">count is: {{ count }}</button>
30 |   <p>
31 |     Edit
32 |     <code>components/HelloWorld.vue</code> to test hot module replacement.
33 |   </p>
34 | </template>
35 | 
36 | <style scoped>
37 | a {
38 |   color: #42b983;
39 | }
40 | 
41 | label {
42 |   margin: 0 0.5em;
43 |   font-weight: bold;
44 | }
45 | 
46 | code {
47 |   background-color: #eee;
48 |   padding: 2px 4px;
49 |   border-radius: 4px;
50 |   color: #304455;
51 | }
52 | </style>
53 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import SideMenu from './components/SideMenu.vue'
 3 | import MailList from './components/MailList.vue'
 4 | import MailDetail from './components/MailDetail.vue'
 5 | </script>
 6 | 
 7 | <template>
 8 | <div class="dark w-screen h-screen relative dark:bg-gray-700 bg-gray-100 grid grid-cols-10 overflow-hidden">
 9 |   <div class=" col-span-2 sm:col-span-4 lg:col-span-2 dark:bg-gray-700 bg-white h-full">
10 |     <SideMenu></SideMenu>
11 |   </div>
12 |   <div class="col-span-8 sm:col-span-6  lg:col-span-4 h-full flex flex-col ">
13 |     <MailList></MailList>
14 |   </div>
15 |   <div :class="`${showDetails?'flex' :'hidden'} z-20  md:flex absolute sm:top-0 lg:relative sm:right-0 sm:col-span-12  lg:col-span-4 h-full bg-white`">
16 |     <MailDetail></MailDetail>
17 |   </div>
18 | 
19 | </div>
20 | </template>
21 | <script lang="ts">
22 | export default{
23 |   data(){
24 |     return {
25 |       showDetails:false
26 |     }
27 |   }
28 | }
29 | 
30 | </script>
31 | 
32 | <style>
33 | * {
34 |   font-family: Avenir, Helvetica, Arial, sans-serif;
35 |   padding:0;
36 |   margin:0;
37 | }
38 | 
39 | *::-webkit-scrollbar {
40 |   width: 8px;
41 | }
42 |  
43 | *::-webkit-scrollbar-track {
44 |   box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
45 | }
46 |  
47 | *::-webkit-scrollbar-thumb {
48 |   background-color: rgba(0, 0, 0, 0.349);
49 | }
50 | </style>
51 | 


--------------------------------------------------------------------------------
/src/components/MailList.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | </script>
 3 | 
 4 | <template>
 5 |     <div class=" flex flex-col relative w-full h-screen overflow-y-auto p-2 md:p-10 text-gray-700 dark:text-gray-200 dark:bg-gray-800">
 6 |         <div class="absolute top-10 right-0  z-10 flex  px-2 md:px-10 w-full">
 7 |              <div class=" flex mb-6 items-center px-5 py-3 rounded-lg w-full border-2 border-gray-300 dark:border-gray-700">
 8 |                 <label for="search" class="mr-4">
 9 |                     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
10 |                     <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
11 |                     </svg>
12 |                 </label>
13 |                 <input id="search" type="search" placeholder="Search here" class="outline-none w-full bg-transparent">
14 |             </div>  
15 |         </div>
16 |         <ul class="flex flex-col h-auto w-full pt-4 md:pt-20 ">
17 |             <li v-for="(mail, index) in mails" :key="mail.title" class="flex  rounded-lg transition-shadow cursor-pointer hover:shadow-2xl hover:shadow-blue-300 dark:hover:shadow-gray-900 w-full p-5 bg-white dark:bg-gray-700 mb-4" >
18 |                 <div class="relative  w-10 h-10">
19 |                     <img :src="mail.picture" class="  rounded-full bg-sky-300 w-full h-full object-cover" alt="">
20 |                     <div class="absolute right-0 bottom-0 z-10 w-3 h-3 bg-green-600 rounded-full border-2 border-white">
21 |                     </div>
22 |                 </div>
23 |                 <div class="w-full flex flex-col pl-4">
24 |                     <h1 class="font-bold" >
25 |                         {{mail.from}}
26 |                     </h1>
27 |                     <div class="flex my-2">
28 |                      <p>{{mail.title}}</p>
29 |                      <div v-if="mail.attachment" class="ml-2">
30 |                         <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
31 |                         <path stroke-linecap="round" stroke-linejoin="round" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" />
32 |                         </svg>
33 |                      </div>
34 |                     </div>
35 |                     <p>
36 |                         {{mail.body}}
37 |                     </p>
38 |                 </div>
39 |             </li>
40 |          </ul>
41 |     </div>
42 | </template>
43 | 
44 | <script lang="ts">
45 | 
46 | export default {
47 |     data(){
48 |         return{
49 |             mails:[
50 |                 {
51 |                     from:"Filipe Lukebana",
52 |                     title:"Some Random Title",
53 |                     body:"Do laboris consequat ut aute. Dolor minim ea excepteur officia et anim nulla proident nisi non et eu culpa consequat.. ",
54 |                     picture:"https://picsum.photos/200/300",
55 |                     attachment:"https://picsum.photos/200/300"
56 | 
57 |                 },
58 |                 {
59 |                     from:"Rita Naomi",
60 |                     title:"Some Random Title from Rita",
61 |                     body:"Do laboris consequat ut aute. Dolor minim ea excepteur officia et anim nulla proident nisi non et eu culpa consequat.. ",
62 |                     picture:"https://picsum.photos/201/300",
63 |                     attachment:"https://picsum.photos/200/300"
64 |                 },
65 |                 {
66 |                     from:"Alexandre",
67 |                     title:"Some Random Title from Alexandre",
68 |                     body:"Do laboris consequat ut aute. Dolor minim ea excepteur officia et anim nulla proident nisi non et eu culpa consequat.. ",
69 |                     picture:"https://picsum.photos/202/300",
70 |                     attachment:"https://picsum.photos/200/300"
71 |                 },
72 |                 {
73 |                     from:"Daniel Tomás",
74 |                     title:"Some Random Title from Daniel",
75 |                     body:"Do laboris consequat ut aute. Dolor minim ea excepteur officia et anim nulla proident nisi non et eu culpa consequat.. ",
76 |                     picture:"https://picsum.photos/203/300",
77 |                     attachment:"https://picsum.photos/200/300"
78 |                 },
79 |             ]
80 |         }
81 |     }
82 | }
83 | 
84 | </script>


--------------------------------------------------------------------------------
/src/components/SideMenu.vue:
--------------------------------------------------------------------------------
  1 | 
  2 | <script setup lang="ts">
  3 | 
  4 | </script>
  5 | 
  6 | <template>
  7 |     <div class="w-full h-screen flex-col py-10 overflow-y-auto">
  8 |             <ul class="w-full h-auto  flex flex-col px-5 text-gray-700 dark:text-gray-200">
  9 |                 <li class=" w-full">
 10 |                     <button class=" justify-center sm:justify-start  px-2 sm:px-10 w-full py-3 mb-3 bg-gradient-2 flex items-center rounded-lg text-white font-bold">
 11 |                       <div class="mr-0 sm:mr-2">
 12 |                         <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 13 |                         <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
 14 |                         </svg>
 15 |                       </div>  
 16 |                       <p class="hidden sm:block">
 17 |                         New message
 18 |                       </p>
 19 |                     </button>
 20 | 
 21 |                     
 22 |                 </li>
 23 |                 <li class=" w-full" v-for="(menu, index) in menus" :key="menu.label">
 24 |                     <button v-if="menu.link"  class="justify-center sm:justify-start relative px-2 sm:px-10 w-full py-3  my-2  flex items-center rounded-lg text-gray-700 dark:text-gray-200 font-bold dark:hover:bg-gray-600 dark:hover:text-gray-300 hover:bg-sky-100 hover:text-sky-700 transition-colors">
 25 |                       <div class="mr-2" v-html="menu.icon">
 26 |                       </div>  
 27 |                       <p class="hidden sm:block">
 28 |                         {{menu.label}}
 29 |                       </p>
 30 |                       <div v-show="menu.unread != null"  class="w-7 h-7 flex flex-col items-center justify-center bg-gray-200 dark:bg-gray-800 rounded-md absolute -right-4 sm:right-4 ">
 31 |                         {{menu.unread}}
 32 |                       </div>
 33 |                     </button>
 34 |                     <div v-else class=" uppercase text-gray-400 font-bold w-full border-t dark:border-gray-800  py-2 px-2 sm:px-10 w-full" >
 35 |                         <h1>{{menu.label}}</h1>
 36 |                     </div>
 37 |                 </li>
 38 |             </ul>
 39 |     </div>
 40 | </template>
 41 | 
 42 | <script>
 43 | 
 44 | export default {
 45 |     data(){
 46 |         return{
 47 |             menus:[
 48 |                 {
 49 |                     label:"Inbox",
 50 |                     icon:`<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 51 |                         <path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
 52 |                         </svg>`,
 53 |                     link:"#"
 54 |                 },
 55 |                 {
 56 |                     label:"Favorite",
 57 |                     icon:`<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 58 |                         <path stroke-linecap="round" stroke-linejoin="round" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
 59 |                         </svg>`,
 60 |                     link:"#",
 61 |                     unread:"04"
 62 |                 },
 63 |                 {
 64 |                     label:"Sent",
 65 |                     icon:`<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 66 |                         <path stroke-linecap="round" stroke-linejoin="round" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z" />
 67 |                         </svg>`,
 68 |                     link:"#",
 69 | 
 70 |                 },
 71 |                 {
 72 |                     label:"Trash",
 73 |                     icon:`<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 74 |                         <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
 75 |                         </svg>`,
 76 |                     link:"#"
 77 |                 },
 78 |                 {
 79 |                     label:"Draft",
 80 |                     icon:`<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 81 |                     <path stroke-linecap="round" stroke-linejoin="round" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
 82 |                     </svg>`,
 83 |                     link:"#",
 84 |                      unread:"02"
 85 |                 },
 86 |                 {label:"Meets", },
 87 |                 {
 88 |                     label:"Create Meeting",
 89 |                     icon:`<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 90 |                         <path stroke-linecap="round" stroke-linejoin="round" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" />
 91 |                         </svg>`,
 92 |                     link:"#",
 93 |                 },
 94 |                 {
 95 |                     label:"Join Meeting",
 96 |                     icon:`<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 97 |                         <path stroke-linecap="round" stroke-linejoin="round" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
 98 |                         </svg>`,
 99 |                     link:"#",
100 |                 },
101 |                 {label:"Tools", },
102 |                                 {
103 |                     label:"Chat",
104 |                     icon:`<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
105 |                     <path stroke-linecap="round" stroke-linejoin="round" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
106 |                     </svg>`,
107 |                     link:"#",
108 |                     unread:"06"
109 |                 },
110 |                                 {
111 |                     label:"Calendar",
112 |                     icon:`<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
113 |                         <path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
114 |                         </svg>`,
115 |                     link:"#",
116 |                     unread:"01"
117 |                 },
118 |             ]
119 |         }
120 |     }
121 | }
122 | 
123 | </script>


--------------------------------------------------------------------------------
/src/components/MailDetail.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="relative flex flex-col w-full h-full p-10 dark:bg-gray-700 dark:text-gray-200  ">
  3 |         <div class="w-full border-b dark:border-gray-800 mb-3">
  4 |             <button class=" px-2 flex  py-1 rounded-lg ">
  5 |                 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  6 |                 <path stroke-linecap="round" stroke-linejoin="round" d="M11 17l-5-5m0 0l5-5m-5 5h12" />
  7 |                 </svg>
  8 |                 <p>Back</p>
  9 |             </button>
 10 |         </div>
 11 |         <div class=" flex w-full items-center justify-between text-gray-700 text-gray-400">
 12 |             <div class="flex border-2 dark:border-gray-800 rounded-lg">
 13 |                 <button class="px-2 py-2">
 14 |                     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 15 |                     <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" />
 16 |                     </svg>
 17 |                 </button>
 18 |                 <button class="px-2 py-2 border-r-2 border-l-2 dark:border-gray-800">
 19 |                     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 20 |                     <path stroke-linecap="round" stroke-linejoin="round" d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z" />
 21 |                     </svg>
 22 |                 </button>
 23 |                 <button class="px-2 py-2">
 24 |                     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 25 |                     <path stroke-line cap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
 26 |                     </svg>
 27 |                 </button>
 28 |             </div>
 29 |             <div class="flex items-center">
 30 |                 <p class="mr-3">1 of 64</p>
 31 |                 <div class="flex border-2 rounded-lg dark:border-gray-800">
 32 |                 <button class="px-2 py-2 border-r-2 dark:border-gray-800">
 33 |                     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 34 |                     <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" />
 35 |                     </svg>
 36 |                 </button>
 37 |  
 38 |                 <button class="px-2 py-2">
 39 |                     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
 40 |                     <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
 41 |                     </svg>
 42 |                 </button>
 43 |             </div>
 44 |             </div>
 45 |         </div>
 46 |         <div class="flex pt-4 overflow-y-auto mb-20">
 47 |             <div class="w-10 h-full ">
 48 |                 <div class="w-10 h-10 ">
 49 |                     <img src="https://picsum.photos/200/300" class="rounded-full bg-sky-300 w-full h-full object-cover"/>
 50 |                 </div>
 51 |             </div>
 52 |             <div class="flex w-full flex-col pl-4">
 53 |                 <div class="flex w-full items-center justify-between">
 54 |                     <p>Emma Davis</p>
 55 |                     <p class="text-gray-400">1 hour ago</p>
 56 |                 </div>
 57 |                 <p class="text-3xl mt-2 mb-5">
 58 |                     The Productivity Report
 59 |                 </p>
 60 |                 <p>
 61 |                     Hello, Rita! <br> <br>
 62 |                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia aliquam officiis obcaecati ducimus vero vitae veniam placeat accusantium, soluta, quasi provident quidem molestiae earum nihil, excepturi animi repellendus minus doloremque!
 63 |                     <br>
 64 |                     <br>
 65 |                     Culpa pariatur ipsum nostrud mollit sint eu consequat exercitation. Duis in laborum officia quis ullamco elit nostrud ullamco. Irure sit mollit labore officia ullamco. Adipisicing qui et reprehenderit consequat labore officia deserunt labore nostrud id amet aliquip voluptate. Do fugiat sit irure dolore laboris et est irure elit commodo deserunt et ut. Sunt do nisi irure duis pariatur incididunt magna non Lorem est ea dolore cillum ullamco. Ad ea consequat eiusmod veniam cupidatat.
 66 |                     <br> <br>
 67 |                     Adipisicing eiusmod enim pariatur tempor tempor id fugiat. Incididunt magna ut ipsum dolor mollit reprehenderit aute mollit voluptate irure quis culpa. Cillum mollit id ullamco excepteur id laboris. Elit cupidatat duis velit fugiat elit incididunt ad veniam anim officia nostrud consectetur consectetur. Consectetur magna elit eu ullamco est dolore ullamco ut qui nisi commodo.
 68 |                 </p>
 69 |                 <div class="w-full grid gap-4 grid-cols-3 mt-4">
 70 |                     <div class="grid-cols-1 max-h-48 rounded-lg overflow-hidden">
 71 |                         <img class=" w-full h-full rounded-lg object-cover" src="https://picsum.photos/201/300" alt="">
 72 |                     </div>
 73 |                     <div class="grid-cols-1 max-h-48 rounded-lg overflow-hidden">
 74 |                         <img class=" w-full h-full rounded-lg object-cover" src="https://picsum.photos/202/300" alt="">
 75 |                     </div>
 76 |                     <div class="grid-cols-1 max-h-48 rounded-lg overflow-hidden">
 77 |                         <img class=" w-full h-full rounded-lg object-cover" src="https://picsum.photos/203/300" alt="">
 78 |                     </div>
 79 |                 </div>
 80 |                 <p>---</p>
 81 |                 <p>
 82 |                     Best Regards, <br>
 83 |                     Account Manager
 84 |                 </p>
 85 |             </div>
 86 |         </div>
 87 | 
 88 |         <div class="flex  absolute px-10  w-full bottom-20 right-0 items-center bg-white dark:bg-gray-700 py-2">
 89 |             <div class="">
 90 |                 <div class="w-10 h-10 ">
 91 |                 <img src="https://picsum.photos/200/300" class="rounded-full bg-sky-300 w-full h-full object-cover"/>
 92 |                 </div>
 93 |             </div>
 94 |             <div class="w-full mx-3 col-span-9 flex  items-center px-5 py-3 rounded-lg  border-2 border-gray-300 dark:border-gray-800">
 95 |     
 96 |                 <input id="search" type="text" placeholder="Message here" class="outline-none w-full bg-transparent">
 97 |             </div>
 98 |             <button class="  px-5  py-3  bg-gradient-2 flex items-center rounded-lg text-white font-bold">
 99 |                 <div class="mr-2">
100 |                     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
101 |                     <path stroke-linecap="round" stroke-linejoin="round" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
102 |                     </svg>
103 |                 </div>  Send
104 |             </button>
105 |         </div>
106 |     </div>
107 | </template>


--------------------------------------------------------------------------------
/yarn.lock:
--------------------------------------------------------------------------------
  1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
  2 | # yarn lockfile v1
  3 | 
  4 | 
  5 | "@antfu/utils@^0.5.2":
  6 |   version "0.5.2"
  7 |   resolved "https://registry.yarnpkg.com/@antfu/utils/-/utils-0.5.2.tgz#8c2d931ff927be0ebe740169874a3d4004ab414b"
  8 |   integrity sha512-CQkeV+oJxUazwjlHD0/3ZD08QWKuGQkhnrKo3e6ly5pd48VUpXbb77q0xMU4+vc2CkJnDS02Eq/M9ugyX20XZA==
  9 | 
 10 | "@babel/parser@^7.16.4":
 11 |   version "7.18.5"
 12 |   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.5.tgz#337062363436a893a2d22faa60be5bb37091c83c"
 13 |   integrity sha512-YZWVaglMiplo7v8f1oMQ5ZPQr0vn7HPeZXxXWsxXJRjGVrzUFn9OxFQl1sb5wzfootjA/yChhW84BV+383FSOw==
 14 | 
 15 | "@nodelib/fs.scandir@2.1.5":
 16 |   version "2.1.5"
 17 |   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
 18 |   integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
 19 |   dependencies:
 20 |     "@nodelib/fs.stat" "2.0.5"
 21 |     run-parallel "^1.1.9"
 22 | 
 23 | "@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
 24 |   version "2.0.5"
 25 |   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
 26 |   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
 27 | 
 28 | "@nodelib/fs.walk@^1.2.3":
 29 |   version "1.2.8"
 30 |   resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
 31 |   integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
 32 |   dependencies:
 33 |     "@nodelib/fs.scandir" "2.1.5"
 34 |     fastq "^1.6.0"
 35 | 
 36 | "@vitejs/plugin-vue@^2.3.3":
 37 |   version "2.3.3"
 38 |   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.3.3.tgz#fbf80cc039b82ac21a1acb0f0478de8f61fbf600"
 39 |   integrity sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==
 40 | 
 41 | "@volar/code-gen@0.34.17":
 42 |   version "0.34.17"
 43 |   resolved "https://registry.yarnpkg.com/@volar/code-gen/-/code-gen-0.34.17.tgz#fd46e369454e6bd9599b511500b4c43acb9730bd"
 44 |   integrity sha512-rHR7BA71BJ/4S7xUOPMPiB7uk6iU9oTWpEMZxFi5VGC9iJmDncE82WzU5iYpcbOBCVHsOjMh0+5CGMgdO6SaPA==
 45 |   dependencies:
 46 |     "@volar/source-map" "0.34.17"
 47 | 
 48 | "@volar/source-map@0.34.17":
 49 |   version "0.34.17"
 50 |   resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-0.34.17.tgz#79efc4d088e11f59fc857953185a1f852df70968"
 51 |   integrity sha512-3yn1IMXJGGWB/G817/VFlFMi8oh5pmE7VzUqvgMZMrppaZpKj6/juvJIEiXNxRsgWc0RxIO8OSp4htdPUg1Raw==
 52 | 
 53 | "@volar/vue-code-gen@0.34.17":
 54 |   version "0.34.17"
 55 |   resolved "https://registry.yarnpkg.com/@volar/vue-code-gen/-/vue-code-gen-0.34.17.tgz#55ca9c21b38c91bf362761b268a77b9f0ecae8bf"
 56 |   integrity sha512-17pzcK29fyFWUc+C82J3JYSnA+jy3QNrIldb9kPaP9Itbik05ZjEIyEue9FjhgIAuHeYSn4LDM5s6nGjxyfhsQ==
 57 |   dependencies:
 58 |     "@volar/code-gen" "0.34.17"
 59 |     "@volar/source-map" "0.34.17"
 60 |     "@vue/compiler-core" "^3.2.36"
 61 |     "@vue/compiler-dom" "^3.2.36"
 62 |     "@vue/shared" "^3.2.36"
 63 | 
 64 | "@volar/vue-typescript@0.34.17":
 65 |   version "0.34.17"
 66 |   resolved "https://registry.yarnpkg.com/@volar/vue-typescript/-/vue-typescript-0.34.17.tgz#497eb471ebac25ff61af04031b78ec71a34d470b"
 67 |   integrity sha512-U0YSVIBPRWVPmgJHNa4nrfq88+oS+tmyZNxmnfajIw9A/GOGZQiKXHC0k09SVvbYXlsjgJ6NIjhm9NuAhGRQjg==
 68 |   dependencies:
 69 |     "@volar/code-gen" "0.34.17"
 70 |     "@volar/source-map" "0.34.17"
 71 |     "@volar/vue-code-gen" "0.34.17"
 72 |     "@vue/compiler-sfc" "^3.2.36"
 73 |     "@vue/reactivity" "^3.2.36"
 74 | 
 75 | "@vue/compiler-core@3.2.37", "@vue/compiler-core@^3.2.36":
 76 |   version "3.2.37"
 77 |   resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.37.tgz#b3c42e04c0e0f2c496ff1784e543fbefe91e215a"
 78 |   integrity sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==
 79 |   dependencies:
 80 |     "@babel/parser" "^7.16.4"
 81 |     "@vue/shared" "3.2.37"
 82 |     estree-walker "^2.0.2"
 83 |     source-map "^0.6.1"
 84 | 
 85 | "@vue/compiler-dom@3.2.37", "@vue/compiler-dom@^3.2.36":
 86 |   version "3.2.37"
 87 |   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz#10d2427a789e7c707c872da9d678c82a0c6582b5"
 88 |   integrity sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==
 89 |   dependencies:
 90 |     "@vue/compiler-core" "3.2.37"
 91 |     "@vue/shared" "3.2.37"
 92 | 
 93 | "@vue/compiler-sfc@3.2.37", "@vue/compiler-sfc@^3.2.36":
 94 |   version "3.2.37"
 95 |   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz#3103af3da2f40286edcd85ea495dcb35bc7f5ff4"
 96 |   integrity sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==
 97 |   dependencies:
 98 |     "@babel/parser" "^7.16.4"
 99 |     "@vue/compiler-core" "3.2.37"
100 |     "@vue/compiler-dom" "3.2.37"
101 |     "@vue/compiler-ssr" "3.2.37"
102 |     "@vue/reactivity-transform" "3.2.37"
103 |     "@vue/shared" "3.2.37"
104 |     estree-walker "^2.0.2"
105 |     magic-string "^0.25.7"
106 |     postcss "^8.1.10"
107 |     source-map "^0.6.1"
108 | 
109 | "@vue/compiler-ssr@3.2.37":
110 |   version "3.2.37"
111 |   resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz#4899d19f3a5fafd61524a9d1aee8eb0505313cff"
112 |   integrity sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==
113 |   dependencies:
114 |     "@vue/compiler-dom" "3.2.37"
115 |     "@vue/shared" "3.2.37"
116 | 
117 | "@vue/reactivity-transform@3.2.37":
118 |   version "3.2.37"
119 |   resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz#0caa47c4344df4ae59f5a05dde2a8758829f8eca"
120 |   integrity sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==
121 |   dependencies:
122 |     "@babel/parser" "^7.16.4"
123 |     "@vue/compiler-core" "3.2.37"
124 |     "@vue/shared" "3.2.37"
125 |     estree-walker "^2.0.2"
126 |     magic-string "^0.25.7"
127 | 
128 | "@vue/reactivity@3.2.37", "@vue/reactivity@^3.2.36":
129 |   version "3.2.37"
130 |   resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.37.tgz#5bc3847ac58828e2b78526e08219e0a1089f8848"
131 |   integrity sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==
132 |   dependencies:
133 |     "@vue/shared" "3.2.37"
134 | 
135 | "@vue/runtime-core@3.2.37":
136 |   version "3.2.37"
137 |   resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.37.tgz#7ba7c54bb56e5d70edfc2f05766e1ca8519966e3"
138 |   integrity sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==
139 |   dependencies:
140 |     "@vue/reactivity" "3.2.37"
141 |     "@vue/shared" "3.2.37"
142 | 
143 | "@vue/runtime-dom@3.2.37":
144 |   version "3.2.37"
145 |   resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz#002bdc8228fa63949317756fb1e92cdd3f9f4bbd"
146 |   integrity sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==
147 |   dependencies:
148 |     "@vue/runtime-core" "3.2.37"
149 |     "@vue/shared" "3.2.37"
150 |     csstype "^2.6.8"
151 | 
152 | "@vue/server-renderer@3.2.37":
153 |   version "3.2.37"
154 |   resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.37.tgz#840a29c8dcc29bddd9b5f5ffa22b95c0e72afdfc"
155 |   integrity sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==
156 |   dependencies:
157 |     "@vue/compiler-ssr" "3.2.37"
158 |     "@vue/shared" "3.2.37"
159 | 
160 | "@vue/shared@3.2.37", "@vue/shared@^3.2.36":
161 |   version "3.2.37"
162 |   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.37.tgz#8e6adc3f2759af52f0e85863dfb0b711ecc5c702"
163 |   integrity sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==
164 | 
165 | "@windicss/config@1.8.5":
166 |   version "1.8.5"
167 |   resolved "https://registry.yarnpkg.com/@windicss/config/-/config-1.8.5.tgz#4c8a82579f421f3e6c15d5132ed938f81ee778f9"
168 |   integrity sha512-1z7uH/1EQRRxBViSlbfrLE45MQ3IqUEeEwTvoqWVqFfFnYLejvhiX2DHp8nMqZI5vQe1bw1Wi/Aspi4xlVGJkQ==
169 |   dependencies:
170 |     debug "^4.3.4"
171 |     jiti "^1.14.0"
172 |     windicss "^3.5.5"
173 | 
174 | "@windicss/plugin-utils@1.8.5":
175 |   version "1.8.5"
176 |   resolved "https://registry.yarnpkg.com/@windicss/plugin-utils/-/plugin-utils-1.8.5.tgz#ee6e57a933a6e70d897c3b7e9e4a15be566dffb2"
177 |   integrity sha512-mrwvBETwVqPhc/996Q4mPjjzi7SdEfDgfC/tTaP+BUEpKnZHPwjKpfy0BM7779Osu23ypsVHUKzE9KSo0TIcRw==
178 |   dependencies:
179 |     "@antfu/utils" "^0.5.2"
180 |     "@windicss/config" "1.8.5"
181 |     debug "^4.3.4"
182 |     fast-glob "^3.2.11"
183 |     magic-string "^0.26.2"
184 |     micromatch "^4.0.5"
185 |     windicss "^3.5.5"
186 | 
187 | braces@^3.0.2:
188 |   version "3.0.2"
189 |   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
190 |   integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
191 |   dependencies:
192 |     fill-range "^7.0.1"
193 | 
194 | csstype@^2.6.8:
195 |   version "2.6.20"
196 |   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.20.tgz#9229c65ea0b260cf4d3d997cb06288e36a8d6dda"
197 |   integrity sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==
198 | 
199 | debug@^4.3.4:
200 |   version "4.3.4"
201 |   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
202 |   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
203 |   dependencies:
204 |     ms "2.1.2"
205 | 
206 | esbuild-android-64@0.14.47:
207 |   version "0.14.47"
208 |   resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.47.tgz#ef95b42c67bcf4268c869153fa3ad1466c4cea6b"
209 |   integrity sha512-R13Bd9+tqLVFndncMHssZrPWe6/0Kpv2/dt4aA69soX4PRxlzsVpCvoJeFE8sOEoeVEiBkI0myjlkDodXlHa0g==
210 | 
211 | esbuild-android-arm64@0.14.47:
212 |   version "0.14.47"
213 |   resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.47.tgz#4ebd7ce9fb250b4695faa3ee46fd3b0754ecd9e6"
214 |   integrity sha512-OkwOjj7ts4lBp/TL6hdd8HftIzOy/pdtbrNA4+0oVWgGG64HrdVzAF5gxtJufAPOsEjkyh1oIYvKAUinKKQRSQ==
215 | 
216 | esbuild-darwin-64@0.14.47:
217 |   version "0.14.47"
218 |   resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.47.tgz#e0da6c244f497192f951807f003f6a423ed23188"
219 |   integrity sha512-R6oaW0y5/u6Eccti/TS6c/2c1xYTb1izwK3gajJwi4vIfNs1s8B1dQzI1UiC9T61YovOQVuePDcfqHLT3mUZJA==
220 | 
221 | esbuild-darwin-arm64@0.14.47:
222 |   version "0.14.47"
223 |   resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.47.tgz#cd40fd49a672fca581ed202834239dfe540a9028"
224 |   integrity sha512-seCmearlQyvdvM/noz1L9+qblC5vcBrhUaOoLEDDoLInF/VQ9IkobGiLlyTPYP5dW1YD4LXhtBgOyevoIHGGnw==
225 | 
226 | esbuild-freebsd-64@0.14.47:
227 |   version "0.14.47"
228 |   resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.47.tgz#8da6a14c095b29c01fc8087a16cb7906debc2d67"
229 |   integrity sha512-ZH8K2Q8/Ux5kXXvQMDsJcxvkIwut69KVrYQhza/ptkW50DC089bCVrJZZ3sKzIoOx+YPTrmsZvqeZERjyYrlvQ==
230 | 
231 | esbuild-freebsd-arm64@0.14.47:
232 |   version "0.14.47"
233 |   resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.47.tgz#ad31f9c92817ff8f33fd253af7ab5122dc1b83f6"
234 |   integrity sha512-ZJMQAJQsIOhn3XTm7MPQfCzEu5b9STNC+s90zMWe2afy9EwnHV7Ov7ohEMv2lyWlc2pjqLW8QJnz2r0KZmeAEQ==
235 | 
236 | esbuild-linux-32@0.14.47:
237 |   version "0.14.47"
238 |   resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.47.tgz#de085e4db2e692ea30c71208ccc23fdcf5196c58"
239 |   integrity sha512-FxZOCKoEDPRYvq300lsWCTv1kcHgiiZfNrPtEhFAiqD7QZaXrad8LxyJ8fXGcWzIFzRiYZVtB3ttvITBvAFhKw==
240 | 
241 | esbuild-linux-64@0.14.47:
242 |   version "0.14.47"
243 |   resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.47.tgz#2a9321bbccb01f01b04cebfcfccbabeba3658ba1"
244 |   integrity sha512-nFNOk9vWVfvWYF9YNYksZptgQAdstnDCMtR6m42l5Wfugbzu11VpMCY9XrD4yFxvPo9zmzcoUL/88y0lfJZJJw==
245 | 
246 | esbuild-linux-arm64@0.14.47:
247 |   version "0.14.47"
248 |   resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.47.tgz#b9da7b6fc4b0ca7a13363a0c5b7bb927e4bc535a"
249 |   integrity sha512-ywfme6HVrhWcevzmsufjd4iT3PxTfCX9HOdxA7Hd+/ZM23Y9nXeb+vG6AyA6jgq/JovkcqRHcL9XwRNpWG6XRw==
250 | 
251 | esbuild-linux-arm@0.14.47:
252 |   version "0.14.47"
253 |   resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.47.tgz#56fec2a09b9561c337059d4af53625142aded853"
254 |   integrity sha512-ZGE1Bqg/gPRXrBpgpvH81tQHpiaGxa8c9Rx/XOylkIl2ypLuOcawXEAo8ls+5DFCcRGt/o3sV+PzpAFZobOsmA==
255 | 
256 | esbuild-linux-mips64le@0.14.47:
257 |   version "0.14.47"
258 |   resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.47.tgz#9db21561f8f22ed79ef2aedb7bbef082b46cf823"
259 |   integrity sha512-mg3D8YndZ1LvUiEdDYR3OsmeyAew4MA/dvaEJxvyygahWmpv1SlEEnhEZlhPokjsUMfRagzsEF/d/2XF+kTQGg==
260 | 
261 | esbuild-linux-ppc64le@0.14.47:
262 |   version "0.14.47"
263 |   resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.47.tgz#dc3a3da321222b11e96e50efafec9d2de408198b"
264 |   integrity sha512-WER+f3+szmnZiWoK6AsrTKGoJoErG2LlauSmk73LEZFQ/iWC+KhhDsOkn1xBUpzXWsxN9THmQFltLoaFEH8F8w==
265 | 
266 | esbuild-linux-riscv64@0.14.47:
267 |   version "0.14.47"
268 |   resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.47.tgz#9bd6dcd3dca6c0357084ecd06e1d2d4bf105335f"
269 |   integrity sha512-1fI6bP3A3rvI9BsaaXbMoaOjLE3lVkJtLxsgLHqlBhLlBVY7UqffWBvkrX/9zfPhhVMd9ZRFiaqXnB1T7BsL2g==
270 | 
271 | esbuild-linux-s390x@0.14.47:
272 |   version "0.14.47"
273 |   resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.47.tgz#a458af939b52f2cd32fc561410d441a51f69d41f"
274 |   integrity sha512-eZrWzy0xFAhki1CWRGnhsHVz7IlSKX6yT2tj2Eg8lhAwlRE5E96Hsb0M1mPSE1dHGpt1QVwwVivXIAacF/G6mw==
275 | 
276 | esbuild-netbsd-64@0.14.47:
277 |   version "0.14.47"
278 |   resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.47.tgz#6388e785d7e7e4420cb01348d7483ab511b16aa8"
279 |   integrity sha512-Qjdjr+KQQVH5Q2Q1r6HBYswFTToPpss3gqCiSw2Fpq/ua8+eXSQyAMG+UvULPqXceOwpnPo4smyZyHdlkcPppQ==
280 | 
281 | esbuild-openbsd-64@0.14.47:
282 |   version "0.14.47"
283 |   resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.47.tgz#309af806db561aa886c445344d1aacab850dbdc5"
284 |   integrity sha512-QpgN8ofL7B9z8g5zZqJE+eFvD1LehRlxr25PBkjyyasakm4599iroUpaj96rdqRlO2ShuyqwJdr+oNqWwTUmQw==
285 | 
286 | esbuild-sunos-64@0.14.47:
287 |   version "0.14.47"
288 |   resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.47.tgz#3f19612dcdb89ba6c65283a7ff6e16f8afbf8aaa"
289 |   integrity sha512-uOeSgLUwukLioAJOiGYm3kNl+1wJjgJA8R671GYgcPgCx7QR73zfvYqXFFcIO93/nBdIbt5hd8RItqbbf3HtAQ==
290 | 
291 | esbuild-windows-32@0.14.47:
292 |   version "0.14.47"
293 |   resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.47.tgz#a92d279c8458d5dc319abcfeb30aa49e8f2e6f7f"
294 |   integrity sha512-H0fWsLTp2WBfKLBgwYT4OTfFly4Im/8B5f3ojDv1Kx//kiubVY0IQunP2Koc/fr/0wI7hj3IiBDbSrmKlrNgLQ==
295 | 
296 | esbuild-windows-64@0.14.47:
297 |   version "0.14.47"
298 |   resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.47.tgz#2564c3fcf0c23d701edb71af8c52d3be4cec5f8a"
299 |   integrity sha512-/Pk5jIEH34T68r8PweKRi77W49KwanZ8X6lr3vDAtOlH5EumPE4pBHqkCUdELanvsT14yMXLQ/C/8XPi1pAtkQ==
300 | 
301 | esbuild-windows-arm64@0.14.47:
302 |   version "0.14.47"
303 |   resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.47.tgz#86d9db1a22d83360f726ac5fba41c2f625db6878"
304 |   integrity sha512-HFSW2lnp62fl86/qPQlqw6asIwCnEsEoNIL1h2uVMgakddf+vUuMcCbtUY1i8sst7KkgHrVKCJQB33YhhOweCQ==
305 | 
306 | esbuild@^0.14.27:
307 |   version "0.14.47"
308 |   resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.47.tgz#0d6415f6bd8eb9e73a58f7f9ae04c5276cda0e4d"
309 |   integrity sha512-wI4ZiIfFxpkuxB8ju4MHrGwGLyp1+awEHAHVpx6w7a+1pmYIq8T9FGEVVwFo0iFierDoMj++Xq69GXWYn2EiwA==
310 |   optionalDependencies:
311 |     esbuild-android-64 "0.14.47"
312 |     esbuild-android-arm64 "0.14.47"
313 |     esbuild-darwin-64 "0.14.47"
314 |     esbuild-darwin-arm64 "0.14.47"
315 |     esbuild-freebsd-64 "0.14.47"
316 |     esbuild-freebsd-arm64 "0.14.47"
317 |     esbuild-linux-32 "0.14.47"
318 |     esbuild-linux-64 "0.14.47"
319 |     esbuild-linux-arm "0.14.47"
320 |     esbuild-linux-arm64 "0.14.47"
321 |     esbuild-linux-mips64le "0.14.47"
322 |     esbuild-linux-ppc64le "0.14.47"
323 |     esbuild-linux-riscv64 "0.14.47"
324 |     esbuild-linux-s390x "0.14.47"
325 |     esbuild-netbsd-64 "0.14.47"
326 |     esbuild-openbsd-64 "0.14.47"
327 |     esbuild-sunos-64 "0.14.47"
328 |     esbuild-windows-32 "0.14.47"
329 |     esbuild-windows-64 "0.14.47"
330 |     esbuild-windows-arm64 "0.14.47"
331 | 
332 | estree-walker@^2.0.2:
333 |   version "2.0.2"
334 |   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
335 |   integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
336 | 
337 | fast-glob@^3.2.11:
338 |   version "3.2.11"
339 |   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
340 |   integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==
341 |   dependencies:
342 |     "@nodelib/fs.stat" "^2.0.2"
343 |     "@nodelib/fs.walk" "^1.2.3"
344 |     glob-parent "^5.1.2"
345 |     merge2 "^1.3.0"
346 |     micromatch "^4.0.4"
347 | 
348 | fastq@^1.6.0:
349 |   version "1.13.0"
350 |   resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c"
351 |   integrity sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==
352 |   dependencies:
353 |     reusify "^1.0.4"
354 | 
355 | fill-range@^7.0.1:
356 |   version "7.0.1"
357 |   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
358 |   integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
359 |   dependencies:
360 |     to-regex-range "^5.0.1"
361 | 
362 | fsevents@~2.3.2:
363 |   version "2.3.2"
364 |   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
365 |   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
366 | 
367 | function-bind@^1.1.1:
368 |   version "1.1.1"
369 |   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
370 |   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
371 | 
372 | glob-parent@^5.1.2:
373 |   version "5.1.2"
374 |   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
375 |   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
376 |   dependencies:
377 |     is-glob "^4.0.1"
378 | 
379 | has@^1.0.3:
380 |   version "1.0.3"
381 |   resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
382 |   integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
383 |   dependencies:
384 |     function-bind "^1.1.1"
385 | 
386 | is-core-module@^2.9.0:
387 |   version "2.9.0"
388 |   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.9.0.tgz#e1c34429cd51c6dd9e09e0799e396e27b19a9c69"
389 |   integrity sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==
390 |   dependencies:
391 |     has "^1.0.3"
392 | 
393 | is-extglob@^2.1.1:
394 |   version "2.1.1"
395 |   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
396 |   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
397 | 
398 | is-glob@^4.0.1:
399 |   version "4.0.3"
400 |   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
401 |   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
402 |   dependencies:
403 |     is-extglob "^2.1.1"
404 | 
405 | is-number@^7.0.0:
406 |   version "7.0.0"
407 |   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
408 |   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
409 | 
410 | jiti@^1.14.0:
411 |   version "1.14.0"
412 |   resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.14.0.tgz#5350fff532a4d891ca4bcd700c47c1f40e6ee326"
413 |   integrity sha512-4IwstlaKQc9vCTC+qUXLM1hajy2ImiL9KnLvVYiaHOtS/v3wRjhLlGl121AmgDgx/O43uKmxownJghS5XMya2A==
414 | 
415 | kolorist@^1.5.1:
416 |   version "1.5.1"
417 |   resolved "https://registry.yarnpkg.com/kolorist/-/kolorist-1.5.1.tgz#c3d66dc4fabde4f6b7faa6efda84c00491f9e52b"
418 |   integrity sha512-lxpCM3HTvquGxKGzHeknB/sUjuVoUElLlfYnXZT73K8geR9jQbroGlSCFBax9/0mpGoD3kzcMLnOlGQPJJNyqQ==
419 | 
420 | magic-string@^0.25.7:
421 |   version "0.25.9"
422 |   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
423 |   integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
424 |   dependencies:
425 |     sourcemap-codec "^1.4.8"
426 | 
427 | magic-string@^0.26.2:
428 |   version "0.26.2"
429 |   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.26.2.tgz#5331700e4158cd6befda738bb6b0c7b93c0d4432"
430 |   integrity sha512-NzzlXpclt5zAbmo6h6jNc8zl2gNRGHvmsZW4IvZhTC4W7k4OlLP+S5YLussa/r3ixNT66KOQfNORlXHSOy/X4A==
431 |   dependencies:
432 |     sourcemap-codec "^1.4.8"
433 | 
434 | merge2@^1.3.0:
435 |   version "1.4.1"
436 |   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
437 |   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
438 | 
439 | micromatch@^4.0.4, micromatch@^4.0.5:
440 |   version "4.0.5"
441 |   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
442 |   integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
443 |   dependencies:
444 |     braces "^3.0.2"
445 |     picomatch "^2.3.1"
446 | 
447 | ms@2.1.2:
448 |   version "2.1.2"
449 |   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
450 |   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
451 | 
452 | nanoid@^3.3.4:
453 |   version "3.3.4"
454 |   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
455 |   integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
456 | 
457 | path-parse@^1.0.7:
458 |   version "1.0.7"
459 |   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
460 |   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
461 | 
462 | picocolors@^1.0.0:
463 |   version "1.0.0"
464 |   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
465 |   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
466 | 
467 | picomatch@^2.3.1:
468 |   version "2.3.1"
469 |   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
470 |   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
471 | 
472 | postcss@^8.1.10, postcss@^8.4.13:
473 |   version "8.4.14"
474 |   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf"
475 |   integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
476 |   dependencies:
477 |     nanoid "^3.3.4"
478 |     picocolors "^1.0.0"
479 |     source-map-js "^1.0.2"
480 | 
481 | queue-microtask@^1.2.2:
482 |   version "1.2.3"
483 |   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
484 |   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
485 | 
486 | resolve@^1.22.0:
487 |   version "1.22.1"
488 |   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
489 |   integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
490 |   dependencies:
491 |     is-core-module "^2.9.0"
492 |     path-parse "^1.0.7"
493 |     supports-preserve-symlinks-flag "^1.0.0"
494 | 
495 | reusify@^1.0.4:
496 |   version "1.0.4"
497 |   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
498 |   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
499 | 
500 | rollup@^2.59.0:
501 |   version "2.75.7"
502 |   resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.75.7.tgz#221ff11887ae271e37dcc649ba32ce1590aaa0b9"
503 |   integrity sha512-VSE1iy0eaAYNCxEXaleThdFXqZJ42qDBatAwrfnPlENEZ8erQ+0LYX4JXOLPceWfZpV1VtZwZ3dFCuOZiSyFtQ==
504 |   optionalDependencies:
505 |     fsevents "~2.3.2"
506 | 
507 | run-parallel@^1.1.9:
508 |   version "1.2.0"
509 |   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
510 |   integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
511 |   dependencies:
512 |     queue-microtask "^1.2.2"
513 | 
514 | source-map-js@^1.0.2:
515 |   version "1.0.2"
516 |   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
517 |   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
518 | 
519 | source-map@^0.6.1:
520 |   version "0.6.1"
521 |   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
522 |   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
523 | 
524 | sourcemap-codec@^1.4.8:
525 |   version "1.4.8"
526 |   resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
527 |   integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
528 | 
529 | supports-preserve-symlinks-flag@^1.0.0:
530 |   version "1.0.0"
531 |   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
532 |   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
533 | 
534 | to-regex-range@^5.0.1:
535 |   version "5.0.1"
536 |   resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
537 |   integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
538 |   dependencies:
539 |     is-number "^7.0.0"
540 | 
541 | typescript@^4.5.4:
542 |   version "4.7.4"
543 |   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
544 |   integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
545 | 
546 | vite-plugin-windicss@^1.8.5:
547 |   version "1.8.5"
548 |   resolved "https://registry.yarnpkg.com/vite-plugin-windicss/-/vite-plugin-windicss-1.8.5.tgz#de00ea11da0e53cc33103ca498a2c5142b50da1e"
549 |   integrity sha512-Yj2vLhZhYkkLt1RMl3X8hONCfPJQuHx5j5mO4vDK5PmRZ4vQwMoNWWge7+pqLdPwrH9+lpYynKe1OzMHz3HvgQ==
550 |   dependencies:
551 |     "@windicss/plugin-utils" "1.8.5"
552 |     debug "^4.3.4"
553 |     kolorist "^1.5.1"
554 |     windicss "^3.5.5"
555 | 
556 | vite@^2.9.9:
557 |   version "2.9.13"
558 |   resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.13.tgz#859cb5d4c316c0d8c6ec9866045c0f7858ca6abc"
559 |   integrity sha512-AsOBAaT0AD7Mhe8DuK+/kE4aWYFMx/i0ZNi98hJclxb4e0OhQcZYUrvLjIaQ8e59Ui7txcvKMiJC1yftqpQoDw==
560 |   dependencies:
561 |     esbuild "^0.14.27"
562 |     postcss "^8.4.13"
563 |     resolve "^1.22.0"
564 |     rollup "^2.59.0"
565 |   optionalDependencies:
566 |     fsevents "~2.3.2"
567 | 
568 | vue-tsc@^0.34.7:
569 |   version "0.34.17"
570 |   resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-0.34.17.tgz#332fc5c31d64bb9b74b0f26050f3ab067a9a7d6f"
571 |   integrity sha512-jzUXky44ZLHC4daaJag7FQr3idlPYN719/K1eObGljz5KaS2UnVGTU/XSYCd7d6ampYYg4OsyalbHyJIxV0aEQ==
572 |   dependencies:
573 |     "@volar/vue-typescript" "0.34.17"
574 | 
575 | vue@^3.2.25:
576 |   version "3.2.37"
577 |   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.37.tgz#da220ccb618d78579d25b06c7c21498ca4e5452e"
578 |   integrity sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==
579 |   dependencies:
580 |     "@vue/compiler-dom" "3.2.37"
581 |     "@vue/compiler-sfc" "3.2.37"
582 |     "@vue/runtime-dom" "3.2.37"
583 |     "@vue/server-renderer" "3.2.37"
584 |     "@vue/shared" "3.2.37"
585 | 
586 | windicss@^3.5.5:
587 |   version "3.5.5"
588 |   resolved "https://registry.yarnpkg.com/windicss/-/windicss-3.5.5.tgz#43d6071c79f18898f15671fdda41e88fa7c6366e"
589 |   integrity sha512-Mnbb9DT+74cw3UxcVimbwCw5tKxITNvOBwTFMFdUv9f5KoZensestA4vKUM8tw74QAwyjE5bqH0QQufgFQwj0Q==
590 | 


--------------------------------------------------------------------------------