From 2e0152d3f00560652863ad3f5fe486d3b1d7d59b Mon Sep 17 00:00:00 2001
From: codebender828 <jbakebwa@163.com>
Date: Fri, 17 Jul 2020 18:16:38 +0800
Subject: [PATCH 1/3] fix(menu): closeOnBlur

---
 packages/chakra-ui-core/src/CMenu/CMenu.js    |  4 +-
 .../chakra-ui-core/src/CMenu/CMenu.stories.js | 68 ++++++++++---------
 .../chakra-ui-core/src/CPopper/CPopper.js     |  2 +-
 3 files changed, 38 insertions(+), 36 deletions(-)

diff --git a/packages/chakra-ui-core/src/CMenu/CMenu.js b/packages/chakra-ui-core/src/CMenu/CMenu.js
index ca6f8a42..abbaa196 100644
--- a/packages/chakra-ui-core/src/CMenu/CMenu.js
+++ b/packages/chakra-ui-core/src/CMenu/CMenu.js
@@ -384,7 +384,7 @@ const CMenuList = {
     }
   },
   render (h) {
-    const { isOpen, buttonNode, menuId, buttonId, placement, closeMenu } = this.context
+    const { isOpen, buttonNode, menuId, buttonId, placement, closeMenu, closeOnBlur } = this.context
     return h(CPopper, {
       props: {
         usePortal: false,
@@ -399,7 +399,7 @@ const CMenuList = {
             }
           }
         ],
-        closeOnClickAway: true,
+        closeOnClickAway: closeOnBlur,
         hasArrow: false
       },
       attrs: {
diff --git a/packages/chakra-ui-core/src/CMenu/CMenu.stories.js b/packages/chakra-ui-core/src/CMenu/CMenu.stories.js
index 1cdb5b99..77012e76 100644
--- a/packages/chakra-ui-core/src/CMenu/CMenu.stories.js
+++ b/packages/chakra-ui-core/src/CMenu/CMenu.stories.js
@@ -1,46 +1,29 @@
 import { storiesOf } from '@storybook/vue'
-import { CMenu, CMenuGroup, CMenuButton, CMenuList, CMenuOptionGroup, CImage, CMenuItemOption, CMenuItem, CMenuDivider, CIcon, defaultTheme } from '..'
+import { CMenu, CFade, CMenuGroup, CMenuButton, CMenuList, CMenuOptionGroup, CImage, CMenuItemOption, CMenuItem, CMenuDivider, CIcon, defaultTheme } from '..'
 
 console.log({ defaultTheme })
 
 storiesOf('UI | Menu', module)
-  .add('Default Menu', () => ({
-    components: { CMenu, CMenuGroup, CMenuButton, CMenuList, CMenuItem, CMenuDivider, CIcon },
-    template: `
-    <CMenu>
-      <CMenuButton as="Button" rightIcon="chevron-down">
-        Actions
-      </CMenuButton>
-      <CMenuList>
-        <CMenuItem>Download</CMenuItem>
-        <CMenuItem>Create a Copy</CMenuItem>
-        <CMenuItem>Mark as Draft</CMenuItem>
-        <CMenuItem>Delete</CMenuItem>
-        <CMenuItem as="a" href="#">
-          Attend a Workshop
-        </CMenuItem>
-      </CMenuList>
-    </CMenu>
-    `
-  }))
   .add('With internal state', () => ({
-    components: { CMenu, CMenuGroup, CMenuButton, CMenuList, CMenuItem, CMenuDivider },
+    components: { CFade, CMenu, CMenuGroup, CMenuButton, CMenuList, CMenuItem, CMenuDivider },
     template: `
-      <CMenu v-slot="{ isOpen }">
+      <CMenu v-slot="{ isOpen }" :close-on-blur="false">
         <CMenuButton right-icon="chevron-down" variantColor="pink">
           {{ isOpen ? 'Close' : 'Open' }}
         </CMenuButton>
-        <CMenuList>
-        <CMenuGroup title="Profile">
-          <CMenuItem>My Account</CMenuItem>
-          <CMenuItem>Payments </CMenuItem>
-        </CMenuGroup>
-        <CMenuDivider />
-        <CMenuGroup title="Help">
-          <CMenuItem>Docs</CMenuItem>
-          <CMenuItem>FAQ</CMenuItem>
-        </CMenuGroup>
-      </CMenuList>
+        <CFade>
+          <CMenuList>
+            <CMenuGroup title="Profile">
+              <CMenuItem>My Account</CMenuItem>
+              <CMenuItem>Payments </CMenuItem>
+            </CMenuGroup>
+            <CMenuDivider />
+            <CMenuGroup title="Help">
+              <CMenuItem>Docs</CMenuItem>
+              <CMenuItem>FAQ</CMenuItem>
+            </CMenuGroup>
+          </CMenuList>
+        </CFade>
       </CMenu>
     `
   }))
@@ -123,3 +106,22 @@ storiesOf('UI | Menu', module)
       </c-menu>  
     `
   }))
+  .add('No close on blur', () => ({
+    components: { CMenu, CMenuGroup, CMenuButton, CMenuList, CMenuItem, CMenuDivider, CIcon },
+    template: `
+    <CMenu :closeOnBlur="false">
+      <CMenuButton as="Button" rightIcon="chevron-down">
+        Actions
+      </CMenuButton>
+      <CMenuList>
+        <CMenuItem>Download</CMenuItem>
+        <CMenuItem>Create a Copy</CMenuItem>
+        <CMenuItem>Mark as Draft</CMenuItem>
+        <CMenuItem>Delete</CMenuItem>
+        <CMenuItem as="a" href="#">
+          Attend a Workshop
+        </CMenuItem>
+      </CMenuList>
+    </CMenu>
+    `
+  }))
diff --git a/packages/chakra-ui-core/src/CPopper/CPopper.js b/packages/chakra-ui-core/src/CPopper/CPopper.js
index 6ed1ca26..d495e05b 100644
--- a/packages/chakra-ui-core/src/CPopper/CPopper.js
+++ b/packages/chakra-ui-core/src/CPopper/CPopper.js
@@ -259,7 +259,7 @@ const CPopper = {
      */
     wrapClose (e) {
       if (this.popper && !(this.anchor.contains(e.target))) {
-        this.handleClose()
+        this.closeOnClickAway && this.handleClose()
       }
     },
 

From f929cb84b45dbfcc74592f2c60e43573ff2f900a Mon Sep 17 00:00:00 2001
From: codebender828 <jbakebwa@163.com>
Date: Fri, 17 Jul 2020 19:05:06 +0800
Subject: [PATCH 2/3] chore: moved docs site to separate directory

---
 package.json                                        |   3 ++-
 .../chakra-ui-core/src/utils/playground.stories.js  |   2 +-
 .../chakra-ui-docs/components/internal-icons.js     |   1 -
 {packages/chakra-ui-docs => website}/.babelrc       |   0
 {packages/chakra-ui-docs => website}/.eslintignore  |   0
 {packages/chakra-ui-docs => website}/.gitignore     |   0
 {packages/chakra-ui-docs => website}/.nowignore     |   0
 {packages/chakra-ui-docs => website}/CHANGELOG.md   |   0
 {packages/chakra-ui-docs => website}/README.md      |   0
 .../assets/logo/chakra-ui-vue-blue.svg              |   0
 .../assets/logo/chakra-ui-vue-blue@2x.png           | Bin
 .../assets/logo/chakra-ui-vue-logo.svg              |   0
 .../assets/logo/chakra-ui-vue-logo@2x.png           | Bin
 .../components/BottomLink.vue                       |   0
 .../components/CodeBlock.js                         |   0
 .../components/ColorPalette.js                      |   0
 .../components/Example.vue                          |   0
 .../components/FileContributors.vue                 |   0
 .../components/Footer.vue                           |   0
 .../chakra-ui-docs => website}/components/Hero.vue  |   0
 .../components/LiveEditor.js                        |   0
 .../chakra-ui-docs => website}/components/Logo.vue  |   0
 .../chakra-ui-docs => website}/components/Lorem.vue |   0
 .../components/MDXComponents.js                     |   0
 .../components/MobileNav.vue                        |   0
 .../components/Navbar.vue                           |   0
 .../chakra-ui-docs => website}/components/SEO.js    |   0
 .../components/SideNavContent.vue                   |   0
 .../components/Sidebar.vue                          |   0
 .../components/chakra-icons.js                      |   0
 .../components/components.js                        |   0
 website/components/internal-icons.js                |   1 +
 .../components/live-editor-layout.vue               |   0
 .../components/nav-links.js                         |   0
 .../chakra-ui-docs => website}/css/components.scss  |   0
 .../css/fonts/Inter-Bold.woff2                      | Bin
 .../css/fonts/Inter-Light.woff2                     | Bin
 .../css/fonts/Inter-Regular.woff2                   | Bin
 .../chakra-ui-docs => website}/css/fonts/fonts.css  |   0
 .../chakra-ui-docs => website}/css/night-owl.css    |   0
 {packages/chakra-ui-docs => website}/css/page.css   |   0
 {packages/chakra-ui-docs => website}/jsconfig.json  |   0
 .../chakra-ui-docs => website}/layouts/README.md    |   0
 .../chakra-ui-docs => website}/layouts/default.vue  |   0
 .../chakra-ui-docs => website}/layouts/home.vue     |   0
 .../chakra-ui-docs => website}/modules/routes.js    |   0
 {packages/chakra-ui-docs => website}/now.json       |   0
 {packages/chakra-ui-docs => website}/nuxt.config.js |   0
 {packages/chakra-ui-docs => website}/package.json   |   0
 .../pages/accessibility.mdx                         |   0
 .../chakra-ui-docs => website}/pages/accordion.mdx  |   0
 .../chakra-ui-docs => website}/pages/alert.mdx      |   0
 .../pages/alertdialog.mdx                           |   0
 .../pages/aspectratiobox.mdx                        |   0
 .../chakra-ui-docs => website}/pages/avatar.mdx     |   0
 .../chakra-ui-docs => website}/pages/badge.mdx      |   0
 {packages/chakra-ui-docs => website}/pages/box.mdx  |   0
 .../chakra-ui-docs => website}/pages/breadcrumb.mdx |   0
 .../chakra-ui-docs => website}/pages/button.mdx     |   0
 .../chakra-ui-docs => website}/pages/checkbox.mdx   |   0
 .../pages/circularprogress.mdx                      |   0
 .../pages/closebutton.mdx                           |   0
 {packages/chakra-ui-docs => website}/pages/code.mdx |   0
 .../chakra-ui-docs => website}/pages/collapse.mdx   |   0
 .../chakra-ui-docs => website}/pages/color-mode.mdx |   0
 .../pages/constraint-based-design.mdx               |   0
 .../pages/contributing.mdx                          |   0
 .../pages/contributors.vue                          |   0
 .../chakra-ui-docs => website}/pages/controlbox.mdx |   0
 .../chakra-ui-docs => website}/pages/divider.mdx    |   0
 .../chakra-ui-docs => website}/pages/drawer.mdx     |   0
 .../chakra-ui-docs => website}/pages/editable.mdx   |   0
 .../pages/extending-theme.mdx                       |   0
 {packages/chakra-ui-docs => website}/pages/flex.mdx |   0
 .../pages/formcontrol.mdx                           |   0
 .../pages/getting-started.mdx                       |   0
 {packages/chakra-ui-docs => website}/pages/grid.mdx |   0
 .../chakra-ui-docs => website}/pages/heading.mdx    |   0
 {packages/chakra-ui-docs => website}/pages/icon.mdx |   0
 .../chakra-ui-docs => website}/pages/iconbutton.mdx |   0
 .../chakra-ui-docs => website}/pages/image.mdx      |   0
 .../chakra-ui-docs => website}/pages/index.vue      |   0
 .../chakra-ui-docs => website}/pages/input.mdx      |   0
 {packages/chakra-ui-docs => website}/pages/link.mdx |   0
 {packages/chakra-ui-docs => website}/pages/list.mdx |   0
 {packages/chakra-ui-docs => website}/pages/menu.mdx |   0
 .../chakra-ui-docs => website}/pages/modal.mdx      |   0
 .../pages/numberinput.mdx                           |   0
 .../pages/plugin-options.mdx                        |   0
 .../chakra-ui-docs => website}/pages/popover.mdx    |   0
 .../chakra-ui-docs => website}/pages/principles.mdx |   0
 .../chakra-ui-docs => website}/pages/progress.mdx   |   0
 .../chakra-ui-docs => website}/pages/pseudobox.mdx  |   0
 .../chakra-ui-docs => website}/pages/radio.mdx      |   0
 .../chakra-ui-docs => website}/pages/recipes.mdx    |   0
 .../pages/responsive-styles.mdx                     |   0
 .../chakra-ui-docs => website}/pages/select.mdx     |   0
 .../chakra-ui-docs => website}/pages/simplegrid.mdx |   0
 .../chakra-ui-docs => website}/pages/slider.mdx     |   0
 .../chakra-ui-docs => website}/pages/spinner.mdx    |   0
 .../chakra-ui-docs => website}/pages/stack.mdx      |   0
 .../chakra-ui-docs => website}/pages/starters.mdx   |   0
 {packages/chakra-ui-docs => website}/pages/stat.mdx |   0
 .../chakra-ui-docs => website}/pages/storybook.mdx  |   0
 .../pages/style-props.mdx                           |   0
 .../chakra-ui-docs => website}/pages/switch.mdx     |   0
 {packages/chakra-ui-docs => website}/pages/tabs.mdx |   0
 {packages/chakra-ui-docs => website}/pages/tag.mdx  |   0
 {packages/chakra-ui-docs => website}/pages/text.mdx |   0
 .../chakra-ui-docs => website}/pages/textarea.mdx   |   0
 .../chakra-ui-docs => website}/pages/theme.mdx      |   0
 .../chakra-ui-docs => website}/pages/toast.mdx      |   0
 .../chakra-ui-docs => website}/pages/tooltip.mdx    |   0
 .../chakra-ui-docs => website}/pages/v-chakra.mdx   |   0
 .../pages/why-chakra-ui.mdx                         |   0
 .../chakra-ui-docs => website}/pages/with-nuxt.mdx  |   0
 .../chakra-ui-docs => website}/plugins/analytics.js |   0
 .../chakra-ui-docs => website}/plugins/chakra-ui.js |   0
 .../chakra-ui-docs => website}/plugins/editor.js    |   0
 .../chakra-ui-docs => website}/plugins/links.js     |   0
 .../chakra-ui-docs => website}/plugins/vue-meta.js  |   0
 .../router.scrollBehaviour.js                       |   0
 .../static/chakra-icon.svg                          |   0
 .../chakra-ui-docs => website}/static/chakra.png    | Bin
 .../chakra-ui-docs => website}/static/favicon.ico   | Bin
 {packages/chakra-ui-docs => website}/static/sw.js   |   0
 .../chakra-ui-docs => website}/utils/all-routes.js  |   0
 {packages/chakra-ui-docs => website}/utils/index.js |   0
 128 files changed, 4 insertions(+), 3 deletions(-)
 delete mode 100644 packages/chakra-ui-docs/components/internal-icons.js
 rename {packages/chakra-ui-docs => website}/.babelrc (100%)
 rename {packages/chakra-ui-docs => website}/.eslintignore (100%)
 rename {packages/chakra-ui-docs => website}/.gitignore (100%)
 rename {packages/chakra-ui-docs => website}/.nowignore (100%)
 rename {packages/chakra-ui-docs => website}/CHANGELOG.md (100%)
 rename {packages/chakra-ui-docs => website}/README.md (100%)
 rename {packages/chakra-ui-docs => website}/assets/logo/chakra-ui-vue-blue.svg (100%)
 rename {packages/chakra-ui-docs => website}/assets/logo/chakra-ui-vue-blue@2x.png (100%)
 rename {packages/chakra-ui-docs => website}/assets/logo/chakra-ui-vue-logo.svg (100%)
 rename {packages/chakra-ui-docs => website}/assets/logo/chakra-ui-vue-logo@2x.png (100%)
 rename {packages/chakra-ui-docs => website}/components/BottomLink.vue (100%)
 rename {packages/chakra-ui-docs => website}/components/CodeBlock.js (100%)
 rename {packages/chakra-ui-docs => website}/components/ColorPalette.js (100%)
 rename {packages/chakra-ui-docs => website}/components/Example.vue (100%)
 rename {packages/chakra-ui-docs => website}/components/FileContributors.vue (100%)
 rename {packages/chakra-ui-docs => website}/components/Footer.vue (100%)
 rename {packages/chakra-ui-docs => website}/components/Hero.vue (100%)
 rename {packages/chakra-ui-docs => website}/components/LiveEditor.js (100%)
 rename {packages/chakra-ui-docs => website}/components/Logo.vue (100%)
 rename {packages/chakra-ui-docs => website}/components/Lorem.vue (100%)
 rename {packages/chakra-ui-docs => website}/components/MDXComponents.js (100%)
 rename {packages/chakra-ui-docs => website}/components/MobileNav.vue (100%)
 rename {packages/chakra-ui-docs => website}/components/Navbar.vue (100%)
 rename {packages/chakra-ui-docs => website}/components/SEO.js (100%)
 rename {packages/chakra-ui-docs => website}/components/SideNavContent.vue (100%)
 rename {packages/chakra-ui-docs => website}/components/Sidebar.vue (100%)
 rename {packages/chakra-ui-docs => website}/components/chakra-icons.js (100%)
 rename {packages/chakra-ui-docs => website}/components/components.js (100%)
 create mode 100644 website/components/internal-icons.js
 rename {packages/chakra-ui-docs => website}/components/live-editor-layout.vue (100%)
 rename {packages/chakra-ui-docs => website}/components/nav-links.js (100%)
 rename {packages/chakra-ui-docs => website}/css/components.scss (100%)
 rename {packages/chakra-ui-docs => website}/css/fonts/Inter-Bold.woff2 (100%)
 rename {packages/chakra-ui-docs => website}/css/fonts/Inter-Light.woff2 (100%)
 rename {packages/chakra-ui-docs => website}/css/fonts/Inter-Regular.woff2 (100%)
 rename {packages/chakra-ui-docs => website}/css/fonts/fonts.css (100%)
 rename {packages/chakra-ui-docs => website}/css/night-owl.css (100%)
 rename {packages/chakra-ui-docs => website}/css/page.css (100%)
 rename {packages/chakra-ui-docs => website}/jsconfig.json (100%)
 rename {packages/chakra-ui-docs => website}/layouts/README.md (100%)
 rename {packages/chakra-ui-docs => website}/layouts/default.vue (100%)
 rename {packages/chakra-ui-docs => website}/layouts/home.vue (100%)
 rename {packages/chakra-ui-docs => website}/modules/routes.js (100%)
 rename {packages/chakra-ui-docs => website}/now.json (100%)
 rename {packages/chakra-ui-docs => website}/nuxt.config.js (100%)
 rename {packages/chakra-ui-docs => website}/package.json (100%)
 rename {packages/chakra-ui-docs => website}/pages/accessibility.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/accordion.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/alert.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/alertdialog.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/aspectratiobox.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/avatar.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/badge.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/box.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/breadcrumb.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/button.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/checkbox.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/circularprogress.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/closebutton.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/code.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/collapse.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/color-mode.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/constraint-based-design.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/contributing.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/contributors.vue (100%)
 rename {packages/chakra-ui-docs => website}/pages/controlbox.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/divider.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/drawer.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/editable.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/extending-theme.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/flex.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/formcontrol.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/getting-started.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/grid.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/heading.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/icon.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/iconbutton.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/image.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/index.vue (100%)
 rename {packages/chakra-ui-docs => website}/pages/input.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/link.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/list.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/menu.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/modal.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/numberinput.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/plugin-options.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/popover.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/principles.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/progress.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/pseudobox.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/radio.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/recipes.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/responsive-styles.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/select.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/simplegrid.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/slider.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/spinner.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/stack.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/starters.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/stat.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/storybook.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/style-props.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/switch.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/tabs.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/tag.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/text.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/textarea.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/theme.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/toast.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/tooltip.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/v-chakra.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/why-chakra-ui.mdx (100%)
 rename {packages/chakra-ui-docs => website}/pages/with-nuxt.mdx (100%)
 rename {packages/chakra-ui-docs => website}/plugins/analytics.js (100%)
 rename {packages/chakra-ui-docs => website}/plugins/chakra-ui.js (100%)
 rename {packages/chakra-ui-docs => website}/plugins/editor.js (100%)
 rename {packages/chakra-ui-docs => website}/plugins/links.js (100%)
 rename {packages/chakra-ui-docs => website}/plugins/vue-meta.js (100%)
 rename {packages/chakra-ui-docs => website}/router.scrollBehaviour.js (100%)
 rename {packages/chakra-ui-docs => website}/static/chakra-icon.svg (100%)
 rename {packages/chakra-ui-docs => website}/static/chakra.png (100%)
 rename {packages/chakra-ui-docs => website}/static/favicon.ico (100%)
 rename {packages/chakra-ui-docs => website}/static/sw.js (100%)
 rename {packages/chakra-ui-docs => website}/utils/all-routes.js (100%)
 rename {packages/chakra-ui-docs => website}/utils/index.js (100%)

diff --git a/package.json b/package.json
index 579d0661..70d01776 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,8 @@
   },
   "workspaces": {
     "packages": [
-      "packages/*"
+      "packages/*",
+      "website"
     ],
     "nohoist": [
       "core-js"
diff --git a/packages/chakra-ui-core/src/utils/playground.stories.js b/packages/chakra-ui-core/src/utils/playground.stories.js
index ee7aa38d..745c3a59 100644
--- a/packages/chakra-ui-core/src/utils/playground.stories.js
+++ b/packages/chakra-ui-core/src/utils/playground.stories.js
@@ -1,7 +1,7 @@
 /* eslint import/namespace: [2, { allowComputed: true }] */
 import { storiesOf } from '@storybook/vue'
 import Vue from 'vue'
-import CodeBlock from '../../../chakra-ui-docs/components/CodeBlock.js'
+import CodeBlock from '../../../../website/components/CodeBlock.js'
 import * as ChakraComponents from '..'
 
 Object.keys(ChakraComponents).forEach((key) => {
diff --git a/packages/chakra-ui-docs/components/internal-icons.js b/packages/chakra-ui-docs/components/internal-icons.js
deleted file mode 100644
index d0d79aa2..00000000
--- a/packages/chakra-ui-docs/components/internal-icons.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as icons } from '../../chakra-ui-core/src/lib/internal-icons.js'
diff --git a/packages/chakra-ui-docs/.babelrc b/website/.babelrc
similarity index 100%
rename from packages/chakra-ui-docs/.babelrc
rename to website/.babelrc
diff --git a/packages/chakra-ui-docs/.eslintignore b/website/.eslintignore
similarity index 100%
rename from packages/chakra-ui-docs/.eslintignore
rename to website/.eslintignore
diff --git a/packages/chakra-ui-docs/.gitignore b/website/.gitignore
similarity index 100%
rename from packages/chakra-ui-docs/.gitignore
rename to website/.gitignore
diff --git a/packages/chakra-ui-docs/.nowignore b/website/.nowignore
similarity index 100%
rename from packages/chakra-ui-docs/.nowignore
rename to website/.nowignore
diff --git a/packages/chakra-ui-docs/CHANGELOG.md b/website/CHANGELOG.md
similarity index 100%
rename from packages/chakra-ui-docs/CHANGELOG.md
rename to website/CHANGELOG.md
diff --git a/packages/chakra-ui-docs/README.md b/website/README.md
similarity index 100%
rename from packages/chakra-ui-docs/README.md
rename to website/README.md
diff --git a/packages/chakra-ui-docs/assets/logo/chakra-ui-vue-blue.svg b/website/assets/logo/chakra-ui-vue-blue.svg
similarity index 100%
rename from packages/chakra-ui-docs/assets/logo/chakra-ui-vue-blue.svg
rename to website/assets/logo/chakra-ui-vue-blue.svg
diff --git a/packages/chakra-ui-docs/assets/logo/chakra-ui-vue-blue@2x.png b/website/assets/logo/chakra-ui-vue-blue@2x.png
similarity index 100%
rename from packages/chakra-ui-docs/assets/logo/chakra-ui-vue-blue@2x.png
rename to website/assets/logo/chakra-ui-vue-blue@2x.png
diff --git a/packages/chakra-ui-docs/assets/logo/chakra-ui-vue-logo.svg b/website/assets/logo/chakra-ui-vue-logo.svg
similarity index 100%
rename from packages/chakra-ui-docs/assets/logo/chakra-ui-vue-logo.svg
rename to website/assets/logo/chakra-ui-vue-logo.svg
diff --git a/packages/chakra-ui-docs/assets/logo/chakra-ui-vue-logo@2x.png b/website/assets/logo/chakra-ui-vue-logo@2x.png
similarity index 100%
rename from packages/chakra-ui-docs/assets/logo/chakra-ui-vue-logo@2x.png
rename to website/assets/logo/chakra-ui-vue-logo@2x.png
diff --git a/packages/chakra-ui-docs/components/BottomLink.vue b/website/components/BottomLink.vue
similarity index 100%
rename from packages/chakra-ui-docs/components/BottomLink.vue
rename to website/components/BottomLink.vue
diff --git a/packages/chakra-ui-docs/components/CodeBlock.js b/website/components/CodeBlock.js
similarity index 100%
rename from packages/chakra-ui-docs/components/CodeBlock.js
rename to website/components/CodeBlock.js
diff --git a/packages/chakra-ui-docs/components/ColorPalette.js b/website/components/ColorPalette.js
similarity index 100%
rename from packages/chakra-ui-docs/components/ColorPalette.js
rename to website/components/ColorPalette.js
diff --git a/packages/chakra-ui-docs/components/Example.vue b/website/components/Example.vue
similarity index 100%
rename from packages/chakra-ui-docs/components/Example.vue
rename to website/components/Example.vue
diff --git a/packages/chakra-ui-docs/components/FileContributors.vue b/website/components/FileContributors.vue
similarity index 100%
rename from packages/chakra-ui-docs/components/FileContributors.vue
rename to website/components/FileContributors.vue
diff --git a/packages/chakra-ui-docs/components/Footer.vue b/website/components/Footer.vue
similarity index 100%
rename from packages/chakra-ui-docs/components/Footer.vue
rename to website/components/Footer.vue
diff --git a/packages/chakra-ui-docs/components/Hero.vue b/website/components/Hero.vue
similarity index 100%
rename from packages/chakra-ui-docs/components/Hero.vue
rename to website/components/Hero.vue
diff --git a/packages/chakra-ui-docs/components/LiveEditor.js b/website/components/LiveEditor.js
similarity index 100%
rename from packages/chakra-ui-docs/components/LiveEditor.js
rename to website/components/LiveEditor.js
diff --git a/packages/chakra-ui-docs/components/Logo.vue b/website/components/Logo.vue
similarity index 100%
rename from packages/chakra-ui-docs/components/Logo.vue
rename to website/components/Logo.vue
diff --git a/packages/chakra-ui-docs/components/Lorem.vue b/website/components/Lorem.vue
similarity index 100%
rename from packages/chakra-ui-docs/components/Lorem.vue
rename to website/components/Lorem.vue
diff --git a/packages/chakra-ui-docs/components/MDXComponents.js b/website/components/MDXComponents.js
similarity index 100%
rename from packages/chakra-ui-docs/components/MDXComponents.js
rename to website/components/MDXComponents.js
diff --git a/packages/chakra-ui-docs/components/MobileNav.vue b/website/components/MobileNav.vue
similarity index 100%
rename from packages/chakra-ui-docs/components/MobileNav.vue
rename to website/components/MobileNav.vue
diff --git a/packages/chakra-ui-docs/components/Navbar.vue b/website/components/Navbar.vue
similarity index 100%
rename from packages/chakra-ui-docs/components/Navbar.vue
rename to website/components/Navbar.vue
diff --git a/packages/chakra-ui-docs/components/SEO.js b/website/components/SEO.js
similarity index 100%
rename from packages/chakra-ui-docs/components/SEO.js
rename to website/components/SEO.js
diff --git a/packages/chakra-ui-docs/components/SideNavContent.vue b/website/components/SideNavContent.vue
similarity index 100%
rename from packages/chakra-ui-docs/components/SideNavContent.vue
rename to website/components/SideNavContent.vue
diff --git a/packages/chakra-ui-docs/components/Sidebar.vue b/website/components/Sidebar.vue
similarity index 100%
rename from packages/chakra-ui-docs/components/Sidebar.vue
rename to website/components/Sidebar.vue
diff --git a/packages/chakra-ui-docs/components/chakra-icons.js b/website/components/chakra-icons.js
similarity index 100%
rename from packages/chakra-ui-docs/components/chakra-icons.js
rename to website/components/chakra-icons.js
diff --git a/packages/chakra-ui-docs/components/components.js b/website/components/components.js
similarity index 100%
rename from packages/chakra-ui-docs/components/components.js
rename to website/components/components.js
diff --git a/website/components/internal-icons.js b/website/components/internal-icons.js
new file mode 100644
index 00000000..7a76e12c
--- /dev/null
+++ b/website/components/internal-icons.js
@@ -0,0 +1 @@
+export { default as icons } from '@chakra-ui/vue/src/lib/internal-icons'
diff --git a/packages/chakra-ui-docs/components/live-editor-layout.vue b/website/components/live-editor-layout.vue
similarity index 100%
rename from packages/chakra-ui-docs/components/live-editor-layout.vue
rename to website/components/live-editor-layout.vue
diff --git a/packages/chakra-ui-docs/components/nav-links.js b/website/components/nav-links.js
similarity index 100%
rename from packages/chakra-ui-docs/components/nav-links.js
rename to website/components/nav-links.js
diff --git a/packages/chakra-ui-docs/css/components.scss b/website/css/components.scss
similarity index 100%
rename from packages/chakra-ui-docs/css/components.scss
rename to website/css/components.scss
diff --git a/packages/chakra-ui-docs/css/fonts/Inter-Bold.woff2 b/website/css/fonts/Inter-Bold.woff2
similarity index 100%
rename from packages/chakra-ui-docs/css/fonts/Inter-Bold.woff2
rename to website/css/fonts/Inter-Bold.woff2
diff --git a/packages/chakra-ui-docs/css/fonts/Inter-Light.woff2 b/website/css/fonts/Inter-Light.woff2
similarity index 100%
rename from packages/chakra-ui-docs/css/fonts/Inter-Light.woff2
rename to website/css/fonts/Inter-Light.woff2
diff --git a/packages/chakra-ui-docs/css/fonts/Inter-Regular.woff2 b/website/css/fonts/Inter-Regular.woff2
similarity index 100%
rename from packages/chakra-ui-docs/css/fonts/Inter-Regular.woff2
rename to website/css/fonts/Inter-Regular.woff2
diff --git a/packages/chakra-ui-docs/css/fonts/fonts.css b/website/css/fonts/fonts.css
similarity index 100%
rename from packages/chakra-ui-docs/css/fonts/fonts.css
rename to website/css/fonts/fonts.css
diff --git a/packages/chakra-ui-docs/css/night-owl.css b/website/css/night-owl.css
similarity index 100%
rename from packages/chakra-ui-docs/css/night-owl.css
rename to website/css/night-owl.css
diff --git a/packages/chakra-ui-docs/css/page.css b/website/css/page.css
similarity index 100%
rename from packages/chakra-ui-docs/css/page.css
rename to website/css/page.css
diff --git a/packages/chakra-ui-docs/jsconfig.json b/website/jsconfig.json
similarity index 100%
rename from packages/chakra-ui-docs/jsconfig.json
rename to website/jsconfig.json
diff --git a/packages/chakra-ui-docs/layouts/README.md b/website/layouts/README.md
similarity index 100%
rename from packages/chakra-ui-docs/layouts/README.md
rename to website/layouts/README.md
diff --git a/packages/chakra-ui-docs/layouts/default.vue b/website/layouts/default.vue
similarity index 100%
rename from packages/chakra-ui-docs/layouts/default.vue
rename to website/layouts/default.vue
diff --git a/packages/chakra-ui-docs/layouts/home.vue b/website/layouts/home.vue
similarity index 100%
rename from packages/chakra-ui-docs/layouts/home.vue
rename to website/layouts/home.vue
diff --git a/packages/chakra-ui-docs/modules/routes.js b/website/modules/routes.js
similarity index 100%
rename from packages/chakra-ui-docs/modules/routes.js
rename to website/modules/routes.js
diff --git a/packages/chakra-ui-docs/now.json b/website/now.json
similarity index 100%
rename from packages/chakra-ui-docs/now.json
rename to website/now.json
diff --git a/packages/chakra-ui-docs/nuxt.config.js b/website/nuxt.config.js
similarity index 100%
rename from packages/chakra-ui-docs/nuxt.config.js
rename to website/nuxt.config.js
diff --git a/packages/chakra-ui-docs/package.json b/website/package.json
similarity index 100%
rename from packages/chakra-ui-docs/package.json
rename to website/package.json
diff --git a/packages/chakra-ui-docs/pages/accessibility.mdx b/website/pages/accessibility.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/accessibility.mdx
rename to website/pages/accessibility.mdx
diff --git a/packages/chakra-ui-docs/pages/accordion.mdx b/website/pages/accordion.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/accordion.mdx
rename to website/pages/accordion.mdx
diff --git a/packages/chakra-ui-docs/pages/alert.mdx b/website/pages/alert.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/alert.mdx
rename to website/pages/alert.mdx
diff --git a/packages/chakra-ui-docs/pages/alertdialog.mdx b/website/pages/alertdialog.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/alertdialog.mdx
rename to website/pages/alertdialog.mdx
diff --git a/packages/chakra-ui-docs/pages/aspectratiobox.mdx b/website/pages/aspectratiobox.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/aspectratiobox.mdx
rename to website/pages/aspectratiobox.mdx
diff --git a/packages/chakra-ui-docs/pages/avatar.mdx b/website/pages/avatar.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/avatar.mdx
rename to website/pages/avatar.mdx
diff --git a/packages/chakra-ui-docs/pages/badge.mdx b/website/pages/badge.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/badge.mdx
rename to website/pages/badge.mdx
diff --git a/packages/chakra-ui-docs/pages/box.mdx b/website/pages/box.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/box.mdx
rename to website/pages/box.mdx
diff --git a/packages/chakra-ui-docs/pages/breadcrumb.mdx b/website/pages/breadcrumb.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/breadcrumb.mdx
rename to website/pages/breadcrumb.mdx
diff --git a/packages/chakra-ui-docs/pages/button.mdx b/website/pages/button.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/button.mdx
rename to website/pages/button.mdx
diff --git a/packages/chakra-ui-docs/pages/checkbox.mdx b/website/pages/checkbox.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/checkbox.mdx
rename to website/pages/checkbox.mdx
diff --git a/packages/chakra-ui-docs/pages/circularprogress.mdx b/website/pages/circularprogress.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/circularprogress.mdx
rename to website/pages/circularprogress.mdx
diff --git a/packages/chakra-ui-docs/pages/closebutton.mdx b/website/pages/closebutton.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/closebutton.mdx
rename to website/pages/closebutton.mdx
diff --git a/packages/chakra-ui-docs/pages/code.mdx b/website/pages/code.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/code.mdx
rename to website/pages/code.mdx
diff --git a/packages/chakra-ui-docs/pages/collapse.mdx b/website/pages/collapse.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/collapse.mdx
rename to website/pages/collapse.mdx
diff --git a/packages/chakra-ui-docs/pages/color-mode.mdx b/website/pages/color-mode.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/color-mode.mdx
rename to website/pages/color-mode.mdx
diff --git a/packages/chakra-ui-docs/pages/constraint-based-design.mdx b/website/pages/constraint-based-design.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/constraint-based-design.mdx
rename to website/pages/constraint-based-design.mdx
diff --git a/packages/chakra-ui-docs/pages/contributing.mdx b/website/pages/contributing.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/contributing.mdx
rename to website/pages/contributing.mdx
diff --git a/packages/chakra-ui-docs/pages/contributors.vue b/website/pages/contributors.vue
similarity index 100%
rename from packages/chakra-ui-docs/pages/contributors.vue
rename to website/pages/contributors.vue
diff --git a/packages/chakra-ui-docs/pages/controlbox.mdx b/website/pages/controlbox.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/controlbox.mdx
rename to website/pages/controlbox.mdx
diff --git a/packages/chakra-ui-docs/pages/divider.mdx b/website/pages/divider.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/divider.mdx
rename to website/pages/divider.mdx
diff --git a/packages/chakra-ui-docs/pages/drawer.mdx b/website/pages/drawer.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/drawer.mdx
rename to website/pages/drawer.mdx
diff --git a/packages/chakra-ui-docs/pages/editable.mdx b/website/pages/editable.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/editable.mdx
rename to website/pages/editable.mdx
diff --git a/packages/chakra-ui-docs/pages/extending-theme.mdx b/website/pages/extending-theme.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/extending-theme.mdx
rename to website/pages/extending-theme.mdx
diff --git a/packages/chakra-ui-docs/pages/flex.mdx b/website/pages/flex.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/flex.mdx
rename to website/pages/flex.mdx
diff --git a/packages/chakra-ui-docs/pages/formcontrol.mdx b/website/pages/formcontrol.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/formcontrol.mdx
rename to website/pages/formcontrol.mdx
diff --git a/packages/chakra-ui-docs/pages/getting-started.mdx b/website/pages/getting-started.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/getting-started.mdx
rename to website/pages/getting-started.mdx
diff --git a/packages/chakra-ui-docs/pages/grid.mdx b/website/pages/grid.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/grid.mdx
rename to website/pages/grid.mdx
diff --git a/packages/chakra-ui-docs/pages/heading.mdx b/website/pages/heading.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/heading.mdx
rename to website/pages/heading.mdx
diff --git a/packages/chakra-ui-docs/pages/icon.mdx b/website/pages/icon.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/icon.mdx
rename to website/pages/icon.mdx
diff --git a/packages/chakra-ui-docs/pages/iconbutton.mdx b/website/pages/iconbutton.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/iconbutton.mdx
rename to website/pages/iconbutton.mdx
diff --git a/packages/chakra-ui-docs/pages/image.mdx b/website/pages/image.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/image.mdx
rename to website/pages/image.mdx
diff --git a/packages/chakra-ui-docs/pages/index.vue b/website/pages/index.vue
similarity index 100%
rename from packages/chakra-ui-docs/pages/index.vue
rename to website/pages/index.vue
diff --git a/packages/chakra-ui-docs/pages/input.mdx b/website/pages/input.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/input.mdx
rename to website/pages/input.mdx
diff --git a/packages/chakra-ui-docs/pages/link.mdx b/website/pages/link.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/link.mdx
rename to website/pages/link.mdx
diff --git a/packages/chakra-ui-docs/pages/list.mdx b/website/pages/list.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/list.mdx
rename to website/pages/list.mdx
diff --git a/packages/chakra-ui-docs/pages/menu.mdx b/website/pages/menu.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/menu.mdx
rename to website/pages/menu.mdx
diff --git a/packages/chakra-ui-docs/pages/modal.mdx b/website/pages/modal.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/modal.mdx
rename to website/pages/modal.mdx
diff --git a/packages/chakra-ui-docs/pages/numberinput.mdx b/website/pages/numberinput.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/numberinput.mdx
rename to website/pages/numberinput.mdx
diff --git a/packages/chakra-ui-docs/pages/plugin-options.mdx b/website/pages/plugin-options.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/plugin-options.mdx
rename to website/pages/plugin-options.mdx
diff --git a/packages/chakra-ui-docs/pages/popover.mdx b/website/pages/popover.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/popover.mdx
rename to website/pages/popover.mdx
diff --git a/packages/chakra-ui-docs/pages/principles.mdx b/website/pages/principles.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/principles.mdx
rename to website/pages/principles.mdx
diff --git a/packages/chakra-ui-docs/pages/progress.mdx b/website/pages/progress.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/progress.mdx
rename to website/pages/progress.mdx
diff --git a/packages/chakra-ui-docs/pages/pseudobox.mdx b/website/pages/pseudobox.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/pseudobox.mdx
rename to website/pages/pseudobox.mdx
diff --git a/packages/chakra-ui-docs/pages/radio.mdx b/website/pages/radio.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/radio.mdx
rename to website/pages/radio.mdx
diff --git a/packages/chakra-ui-docs/pages/recipes.mdx b/website/pages/recipes.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/recipes.mdx
rename to website/pages/recipes.mdx
diff --git a/packages/chakra-ui-docs/pages/responsive-styles.mdx b/website/pages/responsive-styles.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/responsive-styles.mdx
rename to website/pages/responsive-styles.mdx
diff --git a/packages/chakra-ui-docs/pages/select.mdx b/website/pages/select.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/select.mdx
rename to website/pages/select.mdx
diff --git a/packages/chakra-ui-docs/pages/simplegrid.mdx b/website/pages/simplegrid.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/simplegrid.mdx
rename to website/pages/simplegrid.mdx
diff --git a/packages/chakra-ui-docs/pages/slider.mdx b/website/pages/slider.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/slider.mdx
rename to website/pages/slider.mdx
diff --git a/packages/chakra-ui-docs/pages/spinner.mdx b/website/pages/spinner.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/spinner.mdx
rename to website/pages/spinner.mdx
diff --git a/packages/chakra-ui-docs/pages/stack.mdx b/website/pages/stack.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/stack.mdx
rename to website/pages/stack.mdx
diff --git a/packages/chakra-ui-docs/pages/starters.mdx b/website/pages/starters.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/starters.mdx
rename to website/pages/starters.mdx
diff --git a/packages/chakra-ui-docs/pages/stat.mdx b/website/pages/stat.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/stat.mdx
rename to website/pages/stat.mdx
diff --git a/packages/chakra-ui-docs/pages/storybook.mdx b/website/pages/storybook.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/storybook.mdx
rename to website/pages/storybook.mdx
diff --git a/packages/chakra-ui-docs/pages/style-props.mdx b/website/pages/style-props.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/style-props.mdx
rename to website/pages/style-props.mdx
diff --git a/packages/chakra-ui-docs/pages/switch.mdx b/website/pages/switch.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/switch.mdx
rename to website/pages/switch.mdx
diff --git a/packages/chakra-ui-docs/pages/tabs.mdx b/website/pages/tabs.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/tabs.mdx
rename to website/pages/tabs.mdx
diff --git a/packages/chakra-ui-docs/pages/tag.mdx b/website/pages/tag.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/tag.mdx
rename to website/pages/tag.mdx
diff --git a/packages/chakra-ui-docs/pages/text.mdx b/website/pages/text.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/text.mdx
rename to website/pages/text.mdx
diff --git a/packages/chakra-ui-docs/pages/textarea.mdx b/website/pages/textarea.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/textarea.mdx
rename to website/pages/textarea.mdx
diff --git a/packages/chakra-ui-docs/pages/theme.mdx b/website/pages/theme.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/theme.mdx
rename to website/pages/theme.mdx
diff --git a/packages/chakra-ui-docs/pages/toast.mdx b/website/pages/toast.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/toast.mdx
rename to website/pages/toast.mdx
diff --git a/packages/chakra-ui-docs/pages/tooltip.mdx b/website/pages/tooltip.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/tooltip.mdx
rename to website/pages/tooltip.mdx
diff --git a/packages/chakra-ui-docs/pages/v-chakra.mdx b/website/pages/v-chakra.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/v-chakra.mdx
rename to website/pages/v-chakra.mdx
diff --git a/packages/chakra-ui-docs/pages/why-chakra-ui.mdx b/website/pages/why-chakra-ui.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/why-chakra-ui.mdx
rename to website/pages/why-chakra-ui.mdx
diff --git a/packages/chakra-ui-docs/pages/with-nuxt.mdx b/website/pages/with-nuxt.mdx
similarity index 100%
rename from packages/chakra-ui-docs/pages/with-nuxt.mdx
rename to website/pages/with-nuxt.mdx
diff --git a/packages/chakra-ui-docs/plugins/analytics.js b/website/plugins/analytics.js
similarity index 100%
rename from packages/chakra-ui-docs/plugins/analytics.js
rename to website/plugins/analytics.js
diff --git a/packages/chakra-ui-docs/plugins/chakra-ui.js b/website/plugins/chakra-ui.js
similarity index 100%
rename from packages/chakra-ui-docs/plugins/chakra-ui.js
rename to website/plugins/chakra-ui.js
diff --git a/packages/chakra-ui-docs/plugins/editor.js b/website/plugins/editor.js
similarity index 100%
rename from packages/chakra-ui-docs/plugins/editor.js
rename to website/plugins/editor.js
diff --git a/packages/chakra-ui-docs/plugins/links.js b/website/plugins/links.js
similarity index 100%
rename from packages/chakra-ui-docs/plugins/links.js
rename to website/plugins/links.js
diff --git a/packages/chakra-ui-docs/plugins/vue-meta.js b/website/plugins/vue-meta.js
similarity index 100%
rename from packages/chakra-ui-docs/plugins/vue-meta.js
rename to website/plugins/vue-meta.js
diff --git a/packages/chakra-ui-docs/router.scrollBehaviour.js b/website/router.scrollBehaviour.js
similarity index 100%
rename from packages/chakra-ui-docs/router.scrollBehaviour.js
rename to website/router.scrollBehaviour.js
diff --git a/packages/chakra-ui-docs/static/chakra-icon.svg b/website/static/chakra-icon.svg
similarity index 100%
rename from packages/chakra-ui-docs/static/chakra-icon.svg
rename to website/static/chakra-icon.svg
diff --git a/packages/chakra-ui-docs/static/chakra.png b/website/static/chakra.png
similarity index 100%
rename from packages/chakra-ui-docs/static/chakra.png
rename to website/static/chakra.png
diff --git a/packages/chakra-ui-docs/static/favicon.ico b/website/static/favicon.ico
similarity index 100%
rename from packages/chakra-ui-docs/static/favicon.ico
rename to website/static/favicon.ico
diff --git a/packages/chakra-ui-docs/static/sw.js b/website/static/sw.js
similarity index 100%
rename from packages/chakra-ui-docs/static/sw.js
rename to website/static/sw.js
diff --git a/packages/chakra-ui-docs/utils/all-routes.js b/website/utils/all-routes.js
similarity index 100%
rename from packages/chakra-ui-docs/utils/all-routes.js
rename to website/utils/all-routes.js
diff --git a/packages/chakra-ui-docs/utils/index.js b/website/utils/index.js
similarity index 100%
rename from packages/chakra-ui-docs/utils/index.js
rename to website/utils/index.js

From 6e713838b8912577d52c1b60c2d4d9e712c28d93 Mon Sep 17 00:00:00 2001
From: codebender828 <jbakebwa@163.com>
Date: Sat, 18 Jul 2020 01:23:02 +0800
Subject: [PATCH 3/3] docs(search): add algolia docs search

---
 package.json                            |   1 -
 website/components/AlgoliaSearch.vue    | 487 ++++++++++++++++++++++++
 website/components/FileContributors.vue |   2 +-
 website/components/Navbar.vue           |  69 +++-
 website/components/SideNavContent.vue   |  14 +-
 website/layouts/default.vue             |  10 +
 website/layouts/home.vue                |   5 +-
 website/nuxt.config.js                  |  11 +-
 website/package.json                    |   3 +
 website/pages/contributors.vue          |   2 +-
 website/pages/formcontrol.mdx           |   2 +-
 website/pages/image.mdx                 |  19 +
 website/pages/index.vue                 |  10 +-
 website/plugins/analytics.js            |   5 +-
 website/plugins/skip-to.js              |   4 +
 yarn.lock                               | 128 ++++++-
 16 files changed, 741 insertions(+), 31 deletions(-)
 create mode 100644 website/components/AlgoliaSearch.vue
 create mode 100644 website/plugins/skip-to.js

diff --git a/package.json b/package.json
index 70d01776..ed2e2bbf 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,6 @@
     "@nuxtjs/dotenv": "^1.4.0",
     "@nuxtjs/emotion": "^0.0.1",
     "@nuxtjs/now-builder": "^0.17.1",
-    "@nuxtjs/pwa": "^3.0.0-0",
     "@nuxtjs/router": "^1.5.0",
     "@popperjs/core": "^2.4.0",
     "@storybook/addon-actions": "^5.2.1",
diff --git a/website/components/AlgoliaSearch.vue b/website/components/AlgoliaSearch.vue
new file mode 100644
index 00000000..dde13bf9
--- /dev/null
+++ b/website/components/AlgoliaSearch.vue
@@ -0,0 +1,487 @@
+<template>
+  <c-flex
+    v-chakra="(theme) => ({
+      '.algolia-autocomplete': {
+        width: '100%'
+      },
+      '.algolia-autocomplete .ds-dropdown-menu': {
+        width: '100% !important',
+        maxWidth: '100% !important',
+        minWidth: '0 !important',
+        '::before': {
+          borderTop: '1px solid',
+          borderRight: '1px solid',
+          borderColor: theme.colors.vue[400],
+          backgroundColor: `${theme.colors.vue[400]} !important`
+        }
+      },
+      '.algolia-docsearch-suggestion--category-header': {
+        backgroundColor: `${theme.colors.vue[400]} !important`
+      },
+      '.algolia-docsearch-suggestion--highlight': {
+        backgroundColor: 'vue.50',
+        color: 'gray.800'
+      },
+      '.ds-dropdown-menu': {
+        '&:before': {
+          display: 'none'
+        }
+      },
+      '.ds-cursor .algolia-docsearch-suggestion--wrapper': {
+        backgroundColor: 'gray.100',
+        boxShadow: 'none'
+      }
+    })"
+    :d="['none', 'block', 'block']"
+    as="form"
+    v-bind="$attrs"
+    align="center"
+    @submit.prevent
+  >
+    <c-input-group>
+      <c-input-left-element><c-icon name="search" color="gray.300" /></c-input-left-element>
+      <c-input
+        id="algolia-search"
+        ref="docsearchInput"
+        w="400px"
+        focus-border-color="vue.400"
+        variant="filled"
+        type="search"
+        placeholder="Search docs. (Press '/' to focus)"
+      />
+    </c-input-group>
+  </c-flex>
+</template>
+
+<script>
+import { CInput, CFlex, CInputGroup, CInputLeftElement } from '@chakra-ui/vue'
+import { get, startsWith } from 'lodash'
+
+let lastActiveElement
+
+export default {
+  name: 'AlgoliaSearch',
+  components: {
+    CInput,
+    CInputGroup,
+    CInputLeftElement,
+    CFlex
+  },
+  inheritAttrs: false,
+  data () {
+    return {
+      lastActiveElement: null
+    }
+  },
+  async mounted () {
+    // Load Algolia and attach to window
+    const { default: docsearch } = await import('docsearch.js')
+    window.docsearch = docsearch
+
+    // Search methods:
+    const getLvl1 = obj => get('hierarchy.lvl1', obj)
+    const startsWithCss = str => startsWith('css-', str)
+
+    const link = {}
+    const getHash = (url) => {
+      link.href = url
+      return link.hash
+    }
+
+    const _this = this
+
+    docsearch({
+      apiKey: '34eb78385ea9aa8f65d255cce8f1b962',
+      indexName: 'chakra-ui_vue',
+      inputSelector: '#algolia-search',
+      debug: true,
+      handleSelected: (input, event, suggestion) => {
+        event.preventDefault()
+        input.setVal('')
+        input.close()
+        const docsearchInput = _this.$refs.docsearchInput.$el
+        if (docsearchInput) {
+          docsearchInput.blur()
+        }
+
+        const url = suggestion.url.replace('https://vue.chakra-ui.com', '')
+        this.$router.push(url)
+        const hash = window.decodeURI(getHash(url))
+
+        if (hash !== '#' && hash !== '') {
+          const link = document.querySelector(
+            `.docSearch-content ${hash} a`
+          )
+          if (link) {
+            link.click()
+          }
+        }
+      },
+      transformData (hits) {
+        return hits.filter((hit) => {
+          const lvl1 = getLvl1(hit)
+          return !startsWithCss(lvl1)
+        })
+      }
+    })
+
+    this.$nextTick(() => {
+      this.lastActiveElement = document.activeElement
+    })
+
+    document.addEventListener('keydown', this.handleKeydown)
+  },
+  methods: {
+    async handleKeydown (e) {
+      await this.$nextTick()
+      const docsearchInput = this.$refs.docsearchInput.$el
+      if (document.activeElement !== docsearchInput) {
+        lastActiveElement = document.activeElement
+      }
+
+      if (e.key === '/') {
+        docsearchInput && docsearchInput.focus()
+      } else if (
+        e.key === 'Escape' &&
+          document.activeElement === docsearchInput
+      ) {
+        if (lastActiveElement) {
+          lastActiveElement.focus()
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* Bottom border of each suggestion */
+.algolia-docsearch-suggestion {
+  border-bottom-color: #3a3dd1;
+}
+/* Main category headers */
+.algolia-docsearch-suggestion--category-header {
+  background-color: #4b54de;
+}
+/* Highlighted search terms */
+.algolia-docsearch-suggestion--highlight {
+  color: #3a33d1;
+}
+/* Highligted search terms in the main category headers */
+.algolia-docsearch-suggestion--category-header
+  .algolia-docsearch-suggestion--highlight {
+  background-color: #4d47d5;
+}
+/* Currently selected suggestion */
+.aa-cursor .algolia-docsearch-suggestion--content {
+  color: #272296;
+}
+.aa-cursor .algolia-docsearch-suggestion {
+  background: #ebebfb;
+}
+
+/* For bigger screens, when displaying results in two columns */
+@media (min-width: 768px) {
+  /* Bottom border of each suggestion */
+  .algolia-docsearch-suggestion {
+    border-bottom-color: #7671df;
+  }
+  /* Left column, with secondary category header */
+  .algolia-docsearch-suggestion--subcategory-column {
+    border-right-color: #7671df;
+    color: #4e4726;
+  }
+}
+
+.algolia-autocomplete pre {
+  padding: 0;
+  right: 0;
+}
+
+.algolia-autocomplete .ds-dropdown-menu:before {
+  display: block;
+  position: absolute;
+  content: "";
+  width: 14px;
+  height: 14px;
+  background: #373940;
+  z-index: 1000;
+  top: -7px;
+  border-top: 1px solid #373940;
+  border-right: 1px solid #373940;
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  border-radius: 2px;
+}
+
+.algolia-autocomplete .ds-dropdown-menu {
+  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.1);
+}
+
+@media (min-width: 601px) {
+  .algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu {
+    right: 0 !important;
+    left: inherit !important;
+  }
+
+  .algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before {
+    right: 48px;
+  }
+
+  .algolia-autocomplete .ds-dropdown-menu {
+    position: relative;
+    top: -6px;
+    border-radius: 4px;
+    margin: 6px 0 0;
+    padding: 0;
+    text-align: left;
+    height: auto;
+    background: transparent;
+    border: none;
+    z-index: 999;
+    max-width: 600px;
+    min-width: 500px;
+  }
+}
+
+@media (max-width: 600px) {
+  .algolia-autocomplete .ds-dropdown-menu {
+    z-index: 100;
+    position: fixed !important;
+    top: 50px !important;
+    left: auto !important;
+    right: 1rem !important;
+    width: 600px;
+    max-width: calc(100% - 2rem);
+    max-height: calc(100% - 5rem);
+    display: block;
+  }
+
+  .algolia-autocomplete .ds-dropdown-menu:before {
+    right: 6rem;
+  }
+}
+
+.algolia-autocomplete .ds-dropdown-menu .ds-suggestion {
+  cursor: pointer;
+}
+
+.algolia-autocomplete .ds-dropdown-menu [class^="ds-dataset-"] {
+  border-radius: 4px;
+  overflow: auto;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion {
+  display: block;
+  padding: 0;
+  overflow: hidden;
+  text-decoration: none;
+}
+
+.algolia-autocomplete .ds-cursor .algolia-docsearch-suggestion--wrapper {
+  background: #f1f1f1;
+  box-shadow: inset -2px 0 0 #61dafb;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--highlight {
+  background: #ffe564;
+  padding: 0 0.05em;
+}
+
+.algolia-autocomplete
+  .algolia-docsearch-suggestion--category-header
+  .algolia-docsearch-suggestion--category-header-lvl0
+  .algolia-docsearch-suggestion--highlight,
+.algolia-autocomplete
+  .algolia-docsearch-suggestion--category-header
+  .algolia-docsearch-suggestion--category-header-lvl1
+  .algolia-docsearch-suggestion--highlight {
+  color: inherit;
+  background: inherit;
+}
+
+.algolia-autocomplete
+  .algolia-docsearch-suggestion--text
+  .algolia-docsearch-suggestion--highlight {
+  padding: 0 0 1px;
+  background: inherit;
+  box-shadow: inset 0 -2px 0 0 rgba(69, 142, 225, 0.8);
+  color: inherit;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--content {
+  display: block;
+  float: right;
+  width: 70%;
+  position: relative;
+  padding: 13.33333px 0 13.33333px 10.66667px;
+  cursor: pointer;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--content:before {
+  content: "";
+  position: absolute;
+  display: block;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  background: #ececec;
+  left: -1px;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--category-header {
+  position: relative;
+  display: none;
+  font-size: 14px;
+  letter-spacing: 0.08em;
+  font-weight: 700;
+  background-color: #373940;
+  text-transform: uppercase;
+  color: #fff;
+  padding: 5px 8px;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--wrapper {
+  background-color: #fff;
+  width: 100%;
+  float: left;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
+  float: left;
+  width: 30%;
+  display: none;
+  padding-left: 0;
+  text-align: right;
+  position: relative;
+  padding: 13.33333px 10.66667px;
+  color: #777;
+  font-size: 0.9em;
+  word-wrap: break-word;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before {
+  content: "";
+  position: absolute;
+  display: block;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  background: #ececec;
+  right: 0;
+}
+
+.algolia-autocomplete
+  .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main
+  .algolia-docsearch-suggestion--category-header,
+.algolia-autocomplete
+  .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary {
+  display: block;
+}
+
+.algolia-autocomplete
+  .algolia-docsearch-suggestion--subcategory-column
+  .algolia-docsearch-suggestion--highlight {
+  background-color: inherit;
+  color: inherit;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline {
+  display: none;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--title {
+  color: #02060c;
+  font-size: 0.9em;
+  font-weight: bold;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--text {
+  display: block;
+  line-height: 1.2em;
+  font-size: 0.85em;
+  color: #63676d;
+  padding-right: 2px;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--no-results {
+  width: 100%;
+  padding: 8px 0;
+  text-align: center;
+  font-size: 1.2em;
+  background-color: #373940;
+  margin-top: -8px;
+}
+
+.algolia-autocomplete
+  .algolia-docsearch-suggestion--no-results
+  .algolia-docsearch-suggestion--text {
+  color: #ffffff;
+  margin-top: 4px;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--no-results::before {
+  display: none;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion code {
+  padding: 1px 5px;
+  font-size: 90%;
+  border: none;
+  color: #222222;
+  background-color: #ebebeb;
+  border-radius: 3px;
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+    monospace;
+}
+
+.algolia-autocomplete
+  .algolia-docsearch-suggestion
+  code
+  .algolia-docsearch-suggestion--highlight {
+  background: none;
+}
+
+.algolia-autocomplete
+  .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main
+  .algolia-docsearch-suggestion--category-header {
+  color: white;
+  display: block;
+}
+
+.algolia-autocomplete
+  .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary
+  .algolia-docsearch-suggestion--subcategory-column {
+  display: block;
+}
+
+.algolia-autocomplete .algolia-docsearch-footer {
+  background-color: #fff;
+  width: 100%;
+  height: 30px;
+  z-index: 2000;
+  font-size: 0;
+  line-height: 0;
+  border-top: 1px solid #ececec;
+}
+
+.algolia-autocomplete .algolia-docsearch-footer--logo {
+  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130 18"><defs><linearGradient id="a" x1="-36.87%" x2="129.43%" y1="134.94%" y2="-27.7%"><stop stop-color="%2300AEFF" offset="0%"/><stop stop-color="%233369E7" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path fill="url(%23a)" d="M59.4.02h13.3a2.37 2.37 0 0 1 2.38 2.37V15.6a2.37 2.37 0 0 1-2.38 2.36H59.4a2.37 2.37 0 0 1-2.38-2.36V2.38A2.37 2.37 0 0 1 59.4.02z"/><path fill="%23FFF" d="M66.26 4.56c-2.82 0-5.1 2.27-5.1 5.08 0 2.8 2.28 5.07 5.1 5.07 2.8 0 5.1-2.26 5.1-5.07 0-2.8-2.28-5.07-5.1-5.07zm0 8.65c-2 0-3.6-1.6-3.6-3.56 0-1.97 1.6-3.58 3.6-3.58 1.98 0 3.6 1.6 3.6 3.58a3.58 3.58 0 0 1-3.6 3.57zm0-6.4v2.66c0 .07.08.13.15.1l2.4-1.24c.04-.02.06-.1.03-.14a2.96 2.96 0 0 0-2.46-1.5c-.06 0-.1.05-.1.1zm-3.33-1.96l-.3-.3a.78.78 0 0 0-1.12 0l-.36.36a.77.77 0 0 0 0 1.1l.3.3c.05.05.13.04.17 0 .2-.25.4-.5.6-.7.23-.23.46-.43.7-.6.07-.04.07-.1.03-.16zm5-.8V3.4a.78.78 0 0 0-.78-.78h-1.83a.78.78 0 0 0-.78.78v.63c0 .07.06.12.14.1a5.74 5.74 0 0 1 1.58-.22c.52 0 1.04.07 1.54.2a.1.1 0 0 0 .13-.1z"/><path fill="%23182359" d="M102.16 13.76c0 1.46-.37 2.52-1.12 3.2-.75.67-1.9 1-3.44 1-.56 0-1.74-.1-2.67-.3l.34-1.7c.78.17 1.82.2 2.36.2.86 0 1.48-.16 1.84-.5.37-.36.55-.88.55-1.57v-.35a6.37 6.37 0 0 1-.84.3 4.15 4.15 0 0 1-1.2.17 4.5 4.5 0 0 1-1.6-.28 3.38 3.38 0 0 1-1.26-.82 3.74 3.74 0 0 1-.8-1.35c-.2-.54-.3-1.5-.3-2.2 0-.67.1-1.5.3-2.06a3.92 3.92 0 0 1 .9-1.43 4.12 4.12 0 0 1 1.45-.92 5.3 5.3 0 0 1 1.94-.37c.7 0 1.35.1 1.97.2a15.86 15.86 0 0 1 1.6.33v8.46zm-5.95-4.2c0 .9.2 1.88.6 2.3.4.4.9.62 1.53.62.34 0 .66-.05.96-.15a2.75 2.75 0 0 0 .73-.33V6.7a8.53 8.53 0 0 0-1.42-.17c-.76-.02-1.36.3-1.77.8-.4.5-.62 1.4-.62 2.23zm16.13 0c0 .72-.1 1.26-.32 1.85a4.4 4.4 0 0 1-.9 1.53c-.38.42-.85.75-1.4.98-.54.24-1.4.37-1.8.37-.43 0-1.27-.13-1.8-.36a4.1 4.1 0 0 1-1.4-.97 4.5 4.5 0 0 1-.92-1.52 5.04 5.04 0 0 1-.33-1.84c0-.72.1-1.4.32-2 .22-.6.53-1.1.92-1.5.4-.43.86-.75 1.4-.98a4.55 4.55 0 0 1 1.78-.34 4.7 4.7 0 0 1 1.8.34c.54.23 1 .55 1.4.97.38.42.68.92.9 1.5.23.6.35 1.3.35 2zm-2.2 0c0-.92-.2-1.7-.6-2.22-.38-.54-.94-.8-1.64-.8-.72 0-1.27.26-1.67.8-.4.54-.58 1.3-.58 2.22 0 .93.2 1.56.6 2.1.38.54.94.8 1.64.8s1.25-.26 1.65-.8c.4-.55.6-1.17.6-2.1zm6.97 4.7c-3.5.02-3.5-2.8-3.5-3.27L113.57.92l2.15-.34v10c0 .25 0 1.87 1.37 1.88v1.8zm3.77 0h-2.15v-9.2l2.15-.33v9.54zM119.8 3.74c.7 0 1.3-.58 1.3-1.3 0-.7-.58-1.3-1.3-1.3-.73 0-1.3.6-1.3 1.3 0 .72.58 1.3 1.3 1.3zm6.43 1c.7 0 1.3.1 1.78.27.5.18.88.42 1.17.73.28.3.5.74.6 1.18.13.46.2.95.2 1.5v5.47a25.24 25.24 0 0 1-1.5.25c-.67.1-1.42.15-2.25.15a6.83 6.83 0 0 1-1.52-.16 3.2 3.2 0 0 1-1.18-.5 2.46 2.46 0 0 1-.76-.9c-.18-.37-.27-.9-.27-1.44 0-.52.1-.85.3-1.2.2-.37.48-.67.83-.9a3.6 3.6 0 0 1 1.23-.5 7.07 7.07 0 0 1 2.2-.1l.83.16v-.35c0-.25-.03-.48-.1-.7a1.5 1.5 0 0 0-.3-.58c-.15-.18-.34-.3-.58-.4a2.54 2.54 0 0 0-.92-.17c-.5 0-.94.06-1.35.13-.4.08-.75.16-1 .25l-.27-1.74c.27-.1.67-.18 1.2-.28a9.34 9.34 0 0 1 1.65-.14zm.18 7.74c.66 0 1.15-.04 1.5-.1V10.2a5.1 5.1 0 0 0-2-.1c-.23.03-.45.1-.64.2a1.17 1.17 0 0 0-.47.38c-.13.17-.18.26-.18.52 0 .5.17.8.5.98.32.2.74.3 1.3.3zM84.1 4.8c.72 0 1.3.08 1.8.26.48.17.87.42 1.15.73.3.3.5.72.6 1.17.14.45.2.94.2 1.47v5.48a25.24 25.24 0 0 1-1.5.26c-.67.1-1.42.14-2.25.14a6.83 6.83 0 0 1-1.52-.16 3.2 3.2 0 0 1-1.18-.5 2.46 2.46 0 0 1-.76-.9c-.18-.38-.27-.9-.27-1.44 0-.53.1-.86.3-1.22.2-.36.5-.65.84-.88a3.6 3.6 0 0 1 1.24-.5 7.07 7.07 0 0 1 2.2-.1c.26.03.54.08.84.15v-.35c0-.24-.03-.48-.1-.7a1.5 1.5 0 0 0-.3-.58c-.15-.17-.34-.3-.58-.4a2.54 2.54 0 0 0-.9-.15c-.5 0-.96.05-1.37.12-.4.07-.75.15-1 .24l-.26-1.75c.27-.08.67-.17 1.18-.26a8.9 8.9 0 0 1 1.66-.15zm.2 7.73c.65 0 1.14-.04 1.48-.1v-2.17a5.1 5.1 0 0 0-1.98-.1c-.24.03-.46.1-.65.18a1.17 1.17 0 0 0-.47.4c-.12.17-.17.26-.17.52 0 .5.18.8.5.98.32.2.75.3 1.3.3zm8.68 1.74c-3.5 0-3.5-2.82-3.5-3.28L89.45.92 91.6.6v10c0 .25 0 1.87 1.38 1.88v1.8z"/><path fill="%231D3657" d="M5.03 11.03c0 .7-.26 1.24-.76 1.64-.5.4-1.2.6-2.1.6-.88 0-1.6-.14-2.17-.42v-1.2c.36.16.74.3 1.14.38.4.1.78.15 1.13.15.5 0 .88-.1 1.12-.3a.94.94 0 0 0 .35-.77.98.98 0 0 0-.33-.74c-.22-.2-.68-.44-1.37-.72-.72-.3-1.22-.62-1.52-1C.23 8.27.1 7.82.1 7.3c0-.65.22-1.17.7-1.55.46-.37 1.08-.56 1.86-.56.76 0 1.5.16 2.25.48l-.4 1.05c-.7-.3-1.32-.44-1.87-.44-.4 0-.73.08-.94.26a.9.9 0 0 0-.33.72c0 .2.04.38.12.52.08.15.22.3.42.4.2.14.55.3 1.06.52.58.24 1 .47 1.27.67.27.2.47.44.6.7.12.26.18.57.18.92zM9 13.27c-.92 0-1.64-.27-2.16-.8-.52-.55-.78-1.3-.78-2.24 0-.97.24-1.73.72-2.3.5-.54 1.15-.82 2-.82.78 0 1.4.25 1.85.72.46.48.7 1.14.7 1.97v.67H7.35c0 .58.17 1.02.46 1.33.3.3.7.47 1.24.47.36 0 .68-.04.98-.1a5.1 5.1 0 0 0 .98-.33v1.02a3.87 3.87 0 0 1-.94.32 5.72 5.72 0 0 1-1.08.1zm-.22-5.2c-.4 0-.73.12-.97.38s-.37.62-.42 1.1h2.7c0-.48-.13-.85-.36-1.1-.23-.26-.54-.38-.94-.38zm7.7 5.1l-.26-.84h-.05c-.28.36-.57.6-.86.74-.28.13-.65.2-1.1.2-.6 0-1.05-.16-1.38-.48-.32-.32-.5-.77-.5-1.34 0-.62.24-1.08.7-1.4.45-.3 1.14-.47 2.07-.5l1.02-.03V9.2c0-.37-.1-.65-.27-.84-.17-.2-.45-.28-.82-.28-.3 0-.6.04-.88.13a6.68 6.68 0 0 0-.8.33l-.4-.9a4.4 4.4 0 0 1 1.05-.4 4.86 4.86 0 0 1 1.08-.12c.76 0 1.33.18 1.7.5.4.33.6.85.6 1.56v4h-.9zm-1.9-.87c.47 0 .83-.13 1.1-.38.3-.26.43-.62.43-1.08v-.52l-.76.03c-.6.03-1.02.13-1.3.3s-.4.45-.4.82c0 .26.08.47.24.6.16.16.4.23.7.23zm7.57-5.2c.25 0 .46.03.62.06l-.12 1.18a2.38 2.38 0 0 0-.56-.06c-.5 0-.92.16-1.24.5-.3.32-.47.75-.47 1.27v3.1h-1.27V7.23h1l.16 1.05h.05c.2-.36.45-.64.77-.85a1.83 1.83 0 0 1 1.02-.3zm4.12 6.17c-.9 0-1.58-.27-2.05-.8-.47-.52-.7-1.27-.7-2.25 0-1 .24-1.77.73-2.3.5-.54 1.2-.8 2.12-.8.63 0 1.2.1 1.7.34l-.4 1c-.52-.2-.96-.3-1.3-.3-1.04 0-1.55.68-1.55 2.05 0 .67.13 1.17.38 1.5.26.34.64.5 1.13.5a3.23 3.23 0 0 0 1.6-.4v1.1a2.53 2.53 0 0 1-.73.28 4.36 4.36 0 0 1-.93.08zm8.28-.1h-1.27V9.5c0-.45-.1-.8-.28-1.02-.18-.23-.47-.34-.88-.34-.53 0-.9.16-1.16.48-.25.3-.38.85-.38 1.6v2.94h-1.26V4.8h1.26v2.12c0 .34-.02.7-.06 1.1h.08a1.76 1.76 0 0 1 .72-.67c.3-.16.66-.24 1.07-.24 1.43 0 2.15.74 2.15 2.2v3.86zM42.2 7.1c.74 0 1.32.28 1.73.82.4.53.62 1.3.62 2.26 0 .97-.2 1.73-.63 2.27-.42.54-1 .82-1.75.82s-1.33-.27-1.75-.8h-.08l-.23.7h-.94V4.8h1.26v2l-.02.64-.03.56h.05c.4-.6 1-.9 1.78-.9zm-.33 1.04c-.5 0-.88.15-1.1.45-.22.3-.34.8-.35 1.5v.08c0 .72.12 1.24.35 1.57.23.32.6.48 1.12.48.44 0 .78-.17 1-.53.24-.35.36-.87.36-1.53 0-1.35-.47-2.03-1.4-2.03zm3.24-.92h1.4l1.2 3.37c.18.47.3.92.36 1.34h.04l.18-.72 1.37-4H51l-2.53 6.73c-.46 1.23-1.23 1.85-2.3 1.85-.3 0-.56-.03-.83-.1v-1c.2.05.4.08.65.08.6 0 1.03-.36 1.28-1.06l.22-.56-2.4-5.94z"/></g></svg>')
+    center no-repeat;
+  background-size: 100%;
+  overflow: hidden;
+  text-indent: -9000px;
+  width: 110px;
+  height: 100%;
+  display: block;
+  margin: 0 5px 0 auto;
+}
+</style>
diff --git a/website/components/FileContributors.vue b/website/components/FileContributors.vue
index bbd73dcb..a65eb810 100644
--- a/website/components/FileContributors.vue
+++ b/website/components/FileContributors.vue
@@ -31,7 +31,7 @@ export default {
       return this.$route.path
     },
     filePath () {
-      return `packages/chakra-ui-docs/docs${this.fileRoute}.mdx`
+      return `website/docs${this.fileRoute}.mdx`
     }
   }
 }
diff --git a/website/components/Navbar.vue b/website/components/Navbar.vue
index 8edf44cc..737b8df9 100644
--- a/website/components/Navbar.vue
+++ b/website/components/Navbar.vue
@@ -10,21 +10,47 @@
     <CLink as="nuxt-link" w="130px" to="/" font-weight="bold" font-size="1.2rem">
       <Logo />
     </CLink>
+    <CBadge
+      variant-color="vue"
+      variant="solid"
+      font-size="0.9em"
+      ml="2"
+      font-family="mono"
+      rounded="md"
+      text-transform="lowercase"
+    >
+      v{{ version }}
+    </CBadge>
+    <AlgoliaSearch ml="auto" />
     <CBox
       as="ul"
       :color="colorMode === 'light' ? 'gray.500' : 'whiteAlpha.900'"
       d="flex"
       align-items="center"
       list-style-type="none"
-      ml="auto"
     >
-      <CBox as="li" mr="4">
-        <CLink color="gray.500" :_hover="{ color : 'vue.400' }" is-external href="https://github.com/chakra-ui/chakra-ui-vue">
-          <CIcon name="github" size="20px" />
-        </CLink>
+      <CBox :display="['none', 'none', 'block']" as="li" mr="2">
+        <span id="github-star-button" />
+      </CBox>
+      <CBox as="li" mr="2">
+        <CIconButton
+          as="a"
+          variant="ghost"
+          variant-color="gray"
+          aria-label="View Github repo"
+          target="_blank"
+          href="https://github.com/chakra-ui/chakra-ui-vue"
+          icon="github"
+        />
       </CBox>
       <CBox as="li">
         <CIconButton
+          v-chakra="{
+            'svg': {
+              w: '12px',
+              h: '12px'
+            }
+          }"
           variant="ghost"
           variant-color="gray"
           :aria-label="colorMode === 'light' ? 'Switch to dark mode' : 'Switch to light mode'"
@@ -38,9 +64,11 @@
 </template>
 
 <script>
-import { CBox, CLink, CIcon, CIconButton } from '@chakra-ui/vue'
+import { CBox, CLink, CIconButton, CBadge } from '@chakra-ui/vue'
+import { version } from '@chakra-ui/vue/package.json'
 import Logo from './Logo.vue'
 import MobileNav from './MobileNav.vue'
+import AlgoliaSearch from './AlgoliaSearch.vue'
 
 export default {
   name: 'Navbar',
@@ -48,14 +76,18 @@ export default {
   components: {
     CBox,
     CLink,
-    CIcon,
+    CBadge,
     Logo,
     CIconButton,
-    MobileNav
+    MobileNav,
+    AlgoliaSearch
   },
   computed: {
     colorMode () {
       return this.$chakraColorMode()
+    },
+    version () {
+      return version
     }
   },
   watch: {
@@ -68,6 +100,27 @@ export default {
       }
     }
   },
+  async mounted () {
+    const { render } = require('github-buttons')
+    await this.$nextTick()
+    const container = document.querySelector('#github-star-button')
+    if (!container) return
+
+    // Github options
+    const options = {
+      href: 'https://github.com/chakra-ui/chakra-ui-vue',
+      title: 'Star Chakra UI Vue on Github',
+      'data-text': 'Star',
+      'data-icon': 'octicon-star',
+      'data-size': 'large',
+      'data-show-count': true,
+      'aria-label': 'Star Chakra UI Vue on Github'
+    }
+
+    render(options, (el) => {
+      container.appendChild(el)
+    })
+  },
   created () {
     if (!process.client) { return }
     try {
diff --git a/website/components/SideNavContent.vue b/website/components/SideNavContent.vue
index 7bad529d..13e791b0 100644
--- a/website/components/SideNavContent.vue
+++ b/website/components/SideNavContent.vue
@@ -17,8 +17,10 @@
           shadow: 'outline',
         }"
         :_hover="{
-          textDecoration: 'none'
+          textDecoration: 'none',
+          transform: 'translateX(3px)'
         }"
+        transition="background-color,transform 0.15s ease-in"
         d="block"
         rounded="md"
         :bg="$route.path === link.path ? 'vue.50' : 'transparent'"
@@ -26,7 +28,6 @@
         font-weight="bold"
         font-size="sm"
         text-decoration="none"
-        transition="background-color 0.15s ease-in"
       >
         {{ link.name }}
       </CPseudoBox>
@@ -51,7 +52,8 @@
           shadow: 'outline',
         }"
         :_hover="{
-          textDecoration: 'none'
+          textDecoration: 'none',
+          transform: 'translateX(3px)'
         }"
         d="block"
         rounded="md"
@@ -60,7 +62,7 @@
         font-weight="bold"
         font-size="sm"
         text-decoration="none"
-        transition="background-color 0.15s ease-in"
+        transition="background-color,transform 0.15s ease-in"
       >
         {{ link.name }}
       </CPseudoBox>
@@ -86,8 +88,10 @@
         shadow: 'outline',
       }"
       :_hover="{
-        textDecoration: 'none'
+        textDecoration: 'none',
+        transform: 'translateX(3px)'
       }"
+      transition="background-color,transform 0.15s ease-in"
       d="block"
       rounded="md"
       font-weight="bold"
diff --git a/website/layouts/default.vue b/website/layouts/default.vue
index 0a820294..874e083a 100644
--- a/website/layouts/default.vue
+++ b/website/layouts/default.vue
@@ -1,5 +1,8 @@
 <template>
   <div class="container">
+    <client-only>
+      <VueSkipTo to="#main-content" label="Skip to main content" />
+    </client-only>
     <MDXProvider :components="MDXComponents">
       <CThemeProvider>
         <CColorModeProvider v-slot="{ colorMode }">
@@ -13,7 +16,14 @@
             <CFlex max-h="calc(100vh - 60px)">
               <Sidebar />
               <CBox
+                id="main-content"
                 ref="docContainer"
+                v-chakra="{
+                  ':focus': {
+                    outline: 'none',
+                    shadow: 'outline'
+                  }
+                }"
                 :class="styles(colorMode)"
                 as="section"
                 w="100%"
diff --git a/website/layouts/home.vue b/website/layouts/home.vue
index 248072de..ac376b10 100644
--- a/website/layouts/home.vue
+++ b/website/layouts/home.vue
@@ -1,5 +1,8 @@
 <template>
   <div class="container">
+    <client-only>
+      <VueSkipTo to="#main-content" label="Skip to main content" />
+    </client-only>
     <CThemeProvider>
       <CColorModeProvider v-slot="{ colorMode }">
         <CBox
@@ -10,7 +13,7 @@
         >
           <CReset />
           <Navbar />
-          <CBox :px="[4, 10, '12rem']">
+          <CBox as="main" :px="[4, 10, '12rem']">
             <Nuxt />
           </CBox>
         </CBox>
diff --git a/website/nuxt.config.js b/website/nuxt.config.js
index 45f8709b..e546a9f7 100644
--- a/website/nuxt.config.js
+++ b/website/nuxt.config.js
@@ -25,16 +25,14 @@ export default {
       { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
     ]
   },
-  env: {
-    MIXPANEL_TOKEN: process.env.MIXPANEL_TOKEN
-  },
   loading: { color: '#fff' },
   plugins: [
     { src: 'plugins/analytics.js', ssr: false },
     'plugins/links.js',
     'plugins/editor.js',
     'plugins/chakra-ui.js',
-    'plugins/vue-meta.js'
+    'plugins/vue-meta.js',
+    'plugins/skip-to.js'
   ],
   css: [
     'css/page.css'
@@ -60,6 +58,11 @@ export default {
     icon: {
       iconSrc: 'static/chakra.png',
       iconFileName: 'chakra.png'
+    },
+    manifest: {
+      name: 'Chakra UI Vue',
+      short_name: 'Build accessible Vue applications with speed ⚡️',
+      lang: 'en'
     }
   },
   extensions: [
diff --git a/website/package.json b/website/package.json
index 2a8ad019..0b87a58e 100644
--- a/website/package.json
+++ b/website/package.json
@@ -35,11 +35,14 @@
     "@nuxtjs/emotion": "^0.0.1",
     "@nuxtjs/now-builder": "^0.17.0",
     "@nuxtjs/pwa": "^3.0.0-0",
+    "@vue-a11y/skip-to": "^2.0.1",
     "copy-to-clipboard": "^3.3.1",
     "core-js": "2",
+    "docsearch.js": "^2.6.3",
     "dotenv-defaults": "^1.1.1",
     "emotion": "^10.0.27",
     "file-contributors": "^1.0.2",
+    "github-buttons": "^2.11.3",
     "mdx-vue": "^1.0.2",
     "mdx-vue-loader": "^1.0.2",
     "mixpanel-browser": "^2.36.0",
diff --git a/website/pages/contributors.vue b/website/pages/contributors.vue
index a72dd056..55353685 100644
--- a/website/pages/contributors.vue
+++ b/website/pages/contributors.vue
@@ -1,6 +1,6 @@
 <template>
   <c-box>
-    <c-heading>
+    <c-heading as="h1">
       Core contributors
     </c-heading>
 
diff --git a/website/pages/formcontrol.mdx b/website/pages/formcontrol.mdx
index a267a31c..67f13505 100644
--- a/website/pages/formcontrol.mdx
+++ b/website/pages/formcontrol.mdx
@@ -31,7 +31,7 @@ import {
 
 ```vue live=true
 <c-form-control>
-  <c-form-label htmlFor="email">Email address</c-form-label>
+  <c-form-label for="email">Email address</c-form-label>
   <c-input type="email" id="email" aria-describedby="email-helper-text" />
   <c-form-helper-text id="email-helper-text">
     We'll never share your email.
diff --git a/website/pages/image.mdx b/website/pages/image.mdx
index 23c82bd6..59f3fbb0 100644
--- a/website/pages/image.mdx
+++ b/website/pages/image.mdx
@@ -60,6 +60,25 @@ The size of the image can be adjusted using the `size` prop.
 />
 ```
 
+## Using relative paths
+Ina Vue CLI project you might find that using relative assets doesn't load the image paths
+correctly in Chakra's image components.
+
+This is because `vue-loader` converts relative paths like `@/assets/path-to-img.jpg` into `require` functions
+automatically for you at build time. Unfortunately, this is not the case when it comes to custom
+components from an installed component library like Chakra UI Vue.
+
+You can circumvent this issue by using `require('@/assets/path-to-img.jpg')`.
+Below is the correct way to `require` relative assets for the `CImage` and `CAvatar` components.
+
+```vue
+<!-- ❌ Incorrect -->
+<c-image src="@/assets/path-to-img.jpg" />
+
+<!-- ✅ Correct -->
+<c-image :src="require('@/assets/path-to-img.jpg)" />
+```
+
 ## Fallback support
 
 You can provide a fallback image for when there is an error loading the `src` of
diff --git a/website/pages/index.vue b/website/pages/index.vue
index c8bfa764..4cfc872b 100644
--- a/website/pages/index.vue
+++ b/website/pages/index.vue
@@ -4,7 +4,15 @@
       title="Chakra UI Vue | Simple, Modular and Accessible UI Components for your Vue Applications."
       description="Simple, Modular and Accessible UI Components for your Vue Applications."
     />
-    <Hero />
+    <Hero
+      id="main-content"
+      v-chakra="{
+        ':focus': {
+          outline: 'none',
+          shadow: 'outline'
+        }
+      }"
+    />
     <CFlex
       as="section"
       py="10"
diff --git a/website/plugins/analytics.js b/website/plugins/analytics.js
index caf2aa27..6d860ad1 100644
--- a/website/plugins/analytics.js
+++ b/website/plugins/analytics.js
@@ -1,9 +1,10 @@
 import Vue from 'vue'
 import mixpanel from 'mixpanel-browser'
 
-export default ({ app, env }) => {
+export default ({ app }) => {
+  const MIXPANEL_TOKEN = '91ec73fd1b8e164d6cfbae6bf1a3e7d1'
   try {
-    mixpanel.init(env.MIXPANEL_TOKEN)
+    mixpanel.init(MIXPANEL_TOKEN)
     Vue.prototype.$mixpanel = mixpanel
   } catch (error) {
     console.error('Error initializing docs analytics', error)
diff --git a/website/plugins/skip-to.js b/website/plugins/skip-to.js
new file mode 100644
index 00000000..4827d53b
--- /dev/null
+++ b/website/plugins/skip-to.js
@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import VueSkipTo from '@vue-a11y/skip-to'
+
+Vue.use(VueSkipTo)
diff --git a/yarn.lock b/yarn.lock
index b325048d..3315304f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5080,6 +5080,11 @@
     semver "^7.3.2"
     tsutils "^3.17.1"
 
+"@vue-a11y/skip-to@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@vue-a11y/skip-to/-/skip-to-2.0.1.tgz#c528fc4c84daa1e642aa1ee87a74ceba0ab40186"
+  integrity sha512-IDcLWXM7Nl9oUb3f/mFpL5f13Somr/dNRvhxrZ7Pyaa0De4C1I39hl+3VlJHSdPe/oPL1Byzkdd7W7gPHcQNzQ==
+
 "@vue/babel-helper-vue-jsx-merge-props@^1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.0.0.tgz#048fe579958da408fb7a8b2a3ec050b50a661040"
@@ -5627,6 +5632,11 @@ agent-base@~4.2.1:
   dependencies:
     es6-promisify "^5.0.0"
 
+agentkeepalive@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-2.2.0.tgz#c5d1bd4b129008f1163f236f86e5faea2026e2ef"
+  integrity sha1-xdG9SxKQCPEWPyNvhuX66iAm4u8=
+
 agentkeepalive@^3.4.1:
   version "3.5.2"
   resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-3.5.2.tgz#a113924dd3fa24a0bc3b78108c450c2abee00f67"
@@ -5710,6 +5720,27 @@ ajv@^6.10.0, ajv@^6.5.5, ajv@^6.9.1:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
+algoliasearch@^3.24.5:
+  version "3.35.1"
+  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-3.35.1.tgz#297d15f534a3507cab2f5dfb996019cac7568f0c"
+  integrity sha512-K4yKVhaHkXfJ/xcUnil04xiSrB8B8yHZoFEhWNpXg23eiCnqvTZw1tn/SqvdsANlYHLJlKl0qi3I/Q2Sqo7LwQ==
+  dependencies:
+    agentkeepalive "^2.2.0"
+    debug "^2.6.9"
+    envify "^4.0.0"
+    es6-promise "^4.1.0"
+    events "^1.1.0"
+    foreach "^2.0.5"
+    global "^4.3.2"
+    inherits "^2.0.1"
+    isarray "^2.0.1"
+    load-script "^1.0.0"
+    object-keys "^1.0.11"
+    querystring-es3 "^0.2.1"
+    reduce "^1.0.1"
+    semver "^5.1.0"
+    tunnel-agent "^0.6.0"
+
 align-text@^0.1.1, align-text@^0.1.3:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/align-text/-/align-text-0.1.4.tgz#0cd90a561093f35d0a99256c22b7069433fad117"
@@ -6157,6 +6188,13 @@ atob@^2.1.2:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
+autocomplete.js@0.36.0:
+  version "0.36.0"
+  resolved "https://registry.yarnpkg.com/autocomplete.js/-/autocomplete.js-0.36.0.tgz#94fe775fe64b6cd42e622d076dc7fd26bedd837b"
+  integrity sha512-jEwUXnVMeCHHutUt10i/8ZiRaCb0Wo+ZyKxeGsYwBDtw6EJHqEeDrq4UwZRD8YBSvp3g6klP678il2eeiVXN2Q==
+  dependencies:
+    immediate "^3.2.3"
+
 autoprefixer@^9.6.1:
   version "9.8.5"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.5.tgz#2c225de229ddafe1d1424c02791d0c3e10ccccaa"
@@ -9953,6 +9991,19 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
+docsearch.js@^2.6.3:
+  version "2.6.3"
+  resolved "https://registry.yarnpkg.com/docsearch.js/-/docsearch.js-2.6.3.tgz#57cb4600d3b6553c677e7cbbe6a734593e38625d"
+  integrity sha512-GN+MBozuyz664ycpZY0ecdQE0ND/LSgJKhTLA0/v3arIS3S1Rpf2OJz6A35ReMsm91V5apcmzr5/kM84cvUg+A==
+  dependencies:
+    algoliasearch "^3.24.5"
+    autocomplete.js "0.36.0"
+    hogan.js "^3.0.2"
+    request "^2.87.0"
+    stack-utils "^1.0.1"
+    to-factory "^1.0.0"
+    zepto "^1.2.0"
+
 doctrine@1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa"
@@ -10367,6 +10418,14 @@ env-paths@^2.2.0:
   resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.0.tgz#cdca557dc009152917d6166e2febe1f039685e43"
   integrity sha512-6u0VYSCo/OW6IoD5WCLLy9JUGARbamfSavcNXry/eu8aHVFei6CD3Sw+VGX5alea1i9pgPHW0mbu6Xj0uBh7gA==
 
+envify@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/envify/-/envify-4.1.0.tgz#f39ad3db9d6801b4e6b478b61028d3f0b6819f7e"
+  integrity sha512-IKRVVoAYr4pIx4yIWNsz9mOsboxlNXiu7TNBnem/K/uTHdkyzXWDzHCK7UTolqBbgaBz0tQHsD3YNls0uIIjiw==
+  dependencies:
+    esprima "^4.0.0"
+    through "~2.3.4"
+
 envinfo@^7.3.1:
   version "7.5.0"
   resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.5.0.tgz#91410bb6db262fb4f1409bd506e9ff57e91023f4"
@@ -10474,7 +10533,7 @@ es6-object-assign@^1.1.0:
   resolved "https://registry.yarnpkg.com/es6-object-assign/-/es6-object-assign-1.1.0.tgz#c2c3582656247c39ea107cb1e6652b6f9f24523c"
   integrity sha1-wsNYJlYkfDnqEHyx5mUrb58kUjw=
 
-es6-promise@^4.0.3:
+es6-promise@^4.0.3, es6-promise@^4.1.0:
   version "4.2.8"
   resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
   integrity sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==
@@ -11100,6 +11159,11 @@ eventemitter3@^4.0.0:
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.0.tgz#d65176163887ee59f386d64c82610b696a4a74eb"
   integrity sha512-qerSRB0p+UDEssxTtm6EDKcE7W4OaoisfIMl4CngyEhjpYglocpNg6UEqCvemdGhosAsg4sO2dXJOdyBifPGCg==
 
+events@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/events/-/events-1.1.1.tgz#9ebdb7635ad099c70dcc4c2a1f5004288e8bd924"
+  integrity sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ=
+
 events@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/events/-/events-3.1.0.tgz#84279af1b34cb75aa88bf5ff291f6d0bd9b31a59"
@@ -12245,6 +12309,11 @@ github-build@^1.2.0:
   dependencies:
     axios "0.19.0"
 
+github-buttons@^2.11.3:
+  version "2.11.3"
+  resolved "https://registry.yarnpkg.com/github-buttons/-/github-buttons-2.11.3.tgz#1b2dc2b306add1fa394f9dd989db1650dc00abcb"
+  integrity sha512-8L7nMWA8hQ/2L3NK1GhEcn1/QvZuXIKVrl0j2p83i4+UOWlENAQhm1sE1QYfiPKtlioAwu+ccj0sLnMjlH0FwQ==
+
 github-from-package@0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
@@ -12809,6 +12878,14 @@ hoek@4.x.x:
   resolved "https://registry.yarnpkg.com/hoek/-/hoek-4.2.1.tgz#9634502aa12c445dd5a7c5734b572bb8738aacbb"
   integrity sha512-QLg82fGkfnJ/4iy1xZ81/9SIJiq1NGFUMGs6ParyjBZr6jW2Ufj/snDqTHixNlHdPNwN2RLVD0Pi3igeK9+JfA==
 
+hogan.js@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/hogan.js/-/hogan.js-3.0.2.tgz#4cd9e1abd4294146e7679e41d7898732b02c7bfd"
+  integrity sha1-TNnhq9QpQUbnZ55B14mHMrAse/0=
+  dependencies:
+    mkdirp "0.3.0"
+    nopt "1.0.10"
+
 hoist-non-react-statics@^3.3.0:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
@@ -13160,6 +13237,11 @@ image-size@~0.5.0:
   resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c"
   integrity sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=
 
+immediate@^3.2.3:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.3.0.tgz#1aef225517836bcdf7f2a2de2600c79ff0269266"
+  integrity sha512-HR7EVodfFUdQCTIeySw+WDRFJlPcLOJbXfwwZ7Oom6tjsvZ3bOkCDJHehQC3nxJrv7+f9XecwazynjU8e4Vw3Q==
+
 immer@1.10.0:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/immer/-/immer-1.10.0.tgz#bad67605ba9c810275d91e1c2a47d4582e98286d"
@@ -14015,7 +14097,7 @@ isarray@2.0.1:
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.1.tgz#a37d94ed9cda2d59865c9f76fe596ee1f338741e"
   integrity sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=
 
-isarray@^2.0.5:
+isarray@^2.0.1, isarray@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
   integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
@@ -15863,6 +15945,11 @@ load-json-file@^5.3.0:
     strip-bom "^3.0.0"
     type-fest "^0.3.0"
 
+load-script@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/load-script/-/load-script-1.0.0.tgz#0491939e0bee5643ee494a7e3da3d2bac70c6ca4"
+  integrity sha1-BJGTngvuVkPuSUp+PaPSuscMbKQ=
+
 load-yaml-file@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/load-yaml-file/-/load-yaml-file-0.2.0.tgz#af854edaf2bea89346c07549122753c07372f64d"
@@ -16815,6 +16902,11 @@ mkdirp@*:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.3.tgz#4cf2e30ad45959dddea53ad97d518b6c8205e1ea"
   integrity sha512-6uCP4Qc0sWsgMLy1EOqqS/3rjDHOEnsStVr/4vtAIK2Y5i2kA7lFFejYrpIyiN9w0pYf4ckeCYT9f1r1P9KX5g==
 
+mkdirp@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.3.0.tgz#1bbf5ab1ba827af23575143490426455f481fe1e"
+  integrity sha1-G79asbqCevI1dRQ0kEJkVfSB/h4=
+
 "mkdirp@>=0.5 0", mkdirp@~0.5.x:
   version "0.5.4"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.4.tgz#fd01504a6797ec5c9be81ff43d204961ed64a512"
@@ -17175,6 +17267,13 @@ noop-logger@^0.1.1:
   resolved "https://registry.yarnpkg.com/noop-logger/-/noop-logger-0.1.1.tgz#94a2b1633c4f1317553007d8966fd0e841b6a4c2"
   integrity sha1-lKKxYzxPExdVMAfYlm/Q6EG2pMI=
 
+nopt@1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-1.0.10.tgz#6ddd21bd2a31417b92727dd585f8a6f37608ebee"
+  integrity sha1-bd0hvSoxQXuScn3Vhfim83YI6+4=
+  dependencies:
+    abbrev "1"
+
 "nopt@2 || 3":
   version "3.0.6"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
@@ -17429,7 +17528,7 @@ object-is@^1.0.1:
     define-properties "^1.1.3"
     es-abstract "^1.17.5"
 
-object-keys@^1.0.11, object-keys@^1.0.12, object-keys@^1.1.1:
+object-keys@^1.0.11, object-keys@^1.0.12, object-keys@^1.1.0, object-keys@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
@@ -19443,7 +19542,7 @@ query-string@^4.1.0:
     object-assign "^4.1.0"
     strict-uri-encode "^1.0.0"
 
-querystring-es3@^0.2.0:
+querystring-es3@^0.2.0, querystring-es3@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
   integrity sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=
@@ -19960,6 +20059,13 @@ redent@^3.0.0:
     indent-string "^4.0.0"
     strip-indent "^3.0.0"
 
+reduce@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/reduce/-/reduce-1.0.2.tgz#0cd680ad3ffe0b060e57a5c68bdfce37168d361b"
+  integrity sha512-xX7Fxke/oHO5IfZSk77lvPa/7bjMh9BuCk4OOoX5XTXrM7s0Z+MkPfSDfz0q7r91BhhGSs8gii/VEN/7zhCPpQ==
+  dependencies:
+    object-keys "^1.1.0"
+
 refractor@^2.4.1:
   version "2.10.1"
   resolved "https://registry.yarnpkg.com/refractor/-/refractor-2.10.1.tgz#166c32f114ed16fd96190ad21d5193d3afc7d34e"
@@ -20854,7 +20960,7 @@ semver-regex@^2.0.0:
   resolved "https://registry.yarnpkg.com/semver-regex/-/semver-regex-2.0.0.tgz#a93c2c5844539a770233379107b38c7b4ac9d338"
   integrity sha512-mUdIBBvdn0PLOeP3TEkMH7HHeUP3GjsXCwKarjv/kGmUFOYg1VqEemKhoQpWMu6X2I8kHeuVdGibLGkVK+/5Qw==
 
-"semver@2 || 3 || 4 || 5", "semver@2.x || 3.x || 4 || 5", semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0, semver@^5.7.1:
+"semver@2 || 3 || 4 || 5", "semver@2.x || 3.x || 4 || 5", semver@^5.1.0, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0, semver@^5.7.1:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
@@ -22328,7 +22434,7 @@ through2@~0.4.1:
     readable-stream "~1.0.17"
     xtend "~2.1.1"
 
-through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6, through@^2.3.8:
+through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6, through@^2.3.8, through@~2.3.4:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
@@ -22377,6 +22483,11 @@ to-arraybuffer@^1.0.0:
   resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
   integrity sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M=
 
+to-factory@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/to-factory/-/to-factory-1.0.0.tgz#8738af8bd97120ad1d4047972ada5563bf9479b1"
+  integrity sha1-hzivi9lxIK0dQEeXKtpVY7+UebE=
+
 to-fast-properties@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-1.0.3.tgz#b83571fa4d8c25b82e231b06e3a3055de4ca1a47"
@@ -24327,6 +24438,11 @@ yorkie@^2.0.0:
     normalize-path "^1.0.0"
     strip-indent "^2.0.0"
 
+zepto@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/zepto/-/zepto-1.2.0.tgz#e127bd9e66fd846be5eab48c1394882f7c0e4f98"
+  integrity sha1-4Se9nmb9hGvl6rSME5SIL3wOT5g=
+
 zwitch@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-1.0.5.tgz#d11d7381ffed16b742f6af7b3f223d5cd9fe9920"