refactor component imports/exports

.node-version

@@ -1 +1 @@
-16.14.0
+16.14.1

README.md

@@ -16,6 +16,8 @@ Run `yarn install` to install the necessary dependencies and `yarn dev` to start
 
 Most production steps are handled [automatically by Vercel](https://vercel.com/docs/concepts/next.js/overview#supported-next.js-features), but running `yarn build` locally will still generate an unoptimized, less-than-ideal static version.
 
+**⚡ Bonus tip:** [Volta](https://volta.sh/), a magical, blazing-fast alternative to [nvm](https://github.com/nvm-sh/nvm), is used to pin Node.js and Yarn versions for development but is completely optional.
+
 ## 🌎 Related
 
 - [💻 /uses](https://jarv.is/uses/) – Things and stuff I use.

components/Blockquote/index.ts

@@ -0,0 +1,2 @@
+export * from "./Blockquote";
+export { default } from "./Blockquote";

components/Captcha/index.ts

@@ -0,0 +1,2 @@
+export * from "./Captcha";
+export { default } from "./Captcha";

components/CodeBlock/CodeBlock.tsx

@@ -1,4 +1,4 @@
-import CopyButton from "../CopyButton/CopyButton";
+import CopyButton from "../CopyButton";
 import { styled } from "../../lib/styles/stitches.config";
 import type { ComponentProps } from "react";
 

components/CodeBlock/index.ts

@@ -0,0 +1,2 @@
+export * from "./CodeBlock";
+export { default } from "./CodeBlock";

components/Comments/index.ts

@@ -0,0 +1,2 @@
+export * from "./Comments";
+export { default } from "./Comments";

components/ContactForm/ContactForm.tsx

@@ -1,8 +1,8 @@
 import { useState } from "react";
 import { Formik, Form, Field } from "formik";
 import TextareaAutosize from "react-textarea-autosize";
-import Link from "../Link/Link";
-import Captcha from "../Captcha/Captcha";
+import Link from "../Link";
+import Captcha from "../Captcha";
 import { SendIcon, CheckOcticon, XOcticon } from "../Icons";
 import { styled, css } from "../../lib/styles/stitches.config";
 import type { FormikHelpers } from "formik";

components/ContactForm/index.ts

@@ -0,0 +1,2 @@
+export * from "./ContactForm";
+export { default } from "./ContactForm";

components/Content/index.ts

@@ -0,0 +1,2 @@
+export * from "./Content";
+export { default } from "./Content";

components/CopyButton/index.ts

@@ -0,0 +1,2 @@
+export * from "./CopyButton";
+export { default } from "./CopyButton";

components/Figure/Figure.tsx

@@ -1,4 +1,4 @@
-import Image from "../Image/Image";
+import Image from "../Image";
 import innerText from "react-innertext";
 import { styled } from "../../lib/styles/stitches.config";
 import type { PropsWithChildren } from "react";

components/Figure/index.ts

@@ -0,0 +1,2 @@
+export * from "./Figure";
+export { default } from "./Figure";

components/Footer/index.ts

@@ -0,0 +1,2 @@
+export * from "./Footer";
+export { default } from "./Footer";

components/GistEmbed/index.ts

@@ -0,0 +1,2 @@
+export * from "./GistEmbed";
+export { default } from "./GistEmbed";

components/Header/Header.tsx

@@ -1,6 +1,6 @@
 import { memo } from "react";
-import Selfie from "../Selfie/Selfie";
-import Menu from "../Menu/Menu";
+import Selfie from "../Selfie";
+import Menu from "../Menu";
 import { styled } from "../../lib/styles/stitches.config";
 import type { ComponentProps } from "react";
 

components/Header/index.ts

@@ -0,0 +1,2 @@
+export * from "./Header";
+export { default } from "./Header";

components/Heading/Heading.tsx

@@ -1,5 +1,5 @@
 import innerText from "react-innertext";
-import HeadingAnchor from "../HeadingAnchor/HeadingAnchor";
+import HeadingAnchor from "../HeadingAnchor";
 import { styled } from "../../lib/styles/stitches.config";
 import type { ComponentProps } from "react";
 

components/Heading/index.ts

@@ -0,0 +1,2 @@
+export * from "./Heading";
+export { default } from "./Heading";

components/HeadingAnchor/index.ts

@@ -0,0 +1,2 @@
+export * from "./HeadingAnchor";
+export { default } from "./HeadingAnchor";

components/HitCounter/HitCounter.tsx

@@ -1,5 +1,5 @@
 import useSWR from "swr";
-import Loading from "../Loading/Loading";
+import Loading from "../Loading";
 import { fetcher } from "../../lib/helpers/fetcher";
 
 export type HitCounterProps = {

components/HitCounter/index.ts

@@ -0,0 +1,2 @@
+export * from "./HitCounter";
+export { default } from "./HitCounter";

components/HorizontalRule/index.ts

@@ -0,0 +1,2 @@
+export * from "./HorizontalRule";
+export { default } from "./HorizontalRule";

components/IFrame/index.ts

@@ -0,0 +1,2 @@
+export * from "./IFrame";
+export { default } from "./IFrame";

components/Image/index.ts

@@ -0,0 +1,2 @@
+export * from "./Image";
+export { default } from "./Image";

components/Layout/Layout.tsx

@@ -1,6 +1,6 @@
 import Head from "next/head";
-import Header from "../Header/Header";
-import Footer from "../Footer/Footer";
+import Header from "../Header";
+import Footer from "../Footer";
 import { useTheme } from "../../hooks/use-theme";
 import { styled, theme, darkTheme } from "../../lib/styles/stitches.config";
 import type { ComponentProps } from "react";

components/Layout/index.ts

@@ -0,0 +1,2 @@
+export * from "./Layout";
+export { default } from "./Layout";

components/Link/index.ts

@@ -0,0 +1,2 @@
+export * from "./Link";
+export { default } from "./Link";

components/List/List.tsx

@@ -11,3 +11,5 @@ export const OrderedList = styled("ol", ListStyles);
 export const ListItem = styled("li", {
   paddingLeft: "0.25em",
 });
+
+export default UnorderedList;

components/List/index.ts

@@ -0,0 +1,2 @@
+export * from "./List";
+export { default } from "./List";

components/Loading/index.ts

@@ -0,0 +1,2 @@
+export * from "./Loading";
+export { default } from "./Loading";

components/Menu/Menu.tsx

@@ -1,6 +1,6 @@
 import { memo } from "react";
 import { useRouter } from "next/router";
-import MenuItem from "../MenuItem/MenuItem";
+import MenuItem from "../MenuItem";
 import { styled } from "../../lib/styles/stitches.config";
 import { menuItems } from "../../lib/config/menu";
 import type { ComponentProps } from "react";

components/Menu/index.ts

@@ -0,0 +1,2 @@
+export * from "./Menu";
+export { default } from "./Menu";

components/MenuItem/index.ts

@@ -0,0 +1,2 @@
+export * from "./MenuItem";
+export { default } from "./MenuItem";

components/NoteMeta/NoteMeta.tsx

@@ -1,7 +1,7 @@
 import Link from "next/link";
 import { format } from "date-fns";
-import HitCounter from "../HitCounter/HitCounter";
-import NoteTitle from "../NoteTitle/NoteTitle";
+import HitCounter from "../HitCounter";
+import NoteTitle from "../NoteTitle";
 import { DateIcon, TagIcon, EditIcon, ViewsIcon } from "../Icons";
 import { styled } from "../../lib/styles/stitches.config";
 import * as config from "../../lib/config";

components/NoteMeta/index.ts

@@ -0,0 +1,2 @@
+export * from "./NoteMeta";
+export { default } from "./NoteMeta";

components/NoteTitle/index.ts

@@ -0,0 +1,2 @@
+export * from "./NoteTitle";
+export { default } from "./NoteTitle";

components/NotesList/NotesList.tsx

@@ -1,5 +1,5 @@
 import { format } from "date-fns";
-import Link from "../Link/Link";
+import Link from "../Link";
 import { styled } from "../../lib/styles/stitches.config";
 import type { NoteType } from "../../types";
 

components/NotesList/index.ts

@@ -0,0 +1,2 @@
+export * from "./NotesList";
+export { default } from "./NotesList";

components/OctocatLink/index.ts

@@ -0,0 +1,2 @@
+export * from "./OctocatLink";
+export { default } from "./OctocatLink";

components/PageTitle/index.ts

@@ -0,0 +1,2 @@
+export * from "./PageTitle";
+export { default } from "./PageTitle";

components/RepositoryCard/RepositoryCard.tsx

@@ -1,5 +1,5 @@
 import { intlFormat, formatDistanceToNowStrict } from "date-fns";
-import Link from "../Link/Link";
+import Link from "../Link";
 import { StarOcticon, ForkOcticon } from "../Icons";
 import { styled } from "../../lib/styles/stitches.config";
 import type { RepositoryType } from "../../types";

components/RepositoryCard/index.ts

@@ -0,0 +1,2 @@
+export * from "./RepositoryCard";
+export { default } from "./RepositoryCard";

components/Selfie/index.ts

@@ -0,0 +1,2 @@
+export * from "./Selfie";
+export { default } from "./Selfie";

components/Terminal/index.ts

@@ -0,0 +1,2 @@
+export * from "./Terminal";
+export { default } from "./Terminal";

components/ThemeToggle/index.ts

@@ -0,0 +1,2 @@
+export * from "./ThemeToggle";
+export { default } from "./ThemeToggle";

components/TweetEmbed/index.ts

@@ -0,0 +1,2 @@
+export * from "./TweetEmbed";
+export { default } from "./TweetEmbed";

components/VNC/VNC.tsx

@@ -1,7 +1,7 @@
 import { useRef, useEffect, useState, memo } from "react";
 import { useRouter } from "next/router";
 import RFB from "@novnc/novnc/core/rfb.js";
-import Terminal from "../Terminal/Terminal";
+import Terminal from "../Terminal";
 import { styled } from "../../lib/styles/stitches.config";
 
 const Display = styled(

components/VNC/index.ts

@@ -0,0 +1,2 @@
+export * from "./VNC";
+export { default } from "./VNC";

components/Video/index.ts

@@ -0,0 +1,2 @@
+export * from "./Video";
+export { default } from "./Video";

components/Wallpaper/index.ts

@@ -0,0 +1,2 @@
+export * from "./Wallpaper";
+export { default } from "./Wallpaper";

components/YouTubeEmbed/index.ts

@@ -0,0 +1,2 @@
+export * from "./YouTubeEmbed";
+export { default } from "./YouTubeEmbed";

lib/config/menu.ts

@@ -1,6 +1,6 @@
-import ThemeToggle from "../../components/ThemeToggle/ThemeToggle";
+import ThemeToggle from "../../components/ThemeToggle";
 import { HomeIcon, NotesIcon, ProjectsIcon, ContactIcon } from "../../components/Icons";
-import type { MenuItemProps } from "../../components/MenuItem/MenuItem";
+import type { MenuItemProps } from "../../components/MenuItem";
 
 export const menuItems: MenuItemProps[] = [
   {

lib/helpers/mdx-components.ts

@@ -1,24 +1,24 @@
 import dynamic from "next/dynamic";
 
 // Bundle these components by default:
-export { default as Image } from "../../components/Image/Image";
-export { default as Figure } from "../../components/Figure/Figure";
+export { default as Image } from "../../components/Image";
+export { default as Figure } from "../../components/Figure";
 
 // These (mostly very small) components are direct replacements for HTML tags generated by remark:
-export { default as a } from "../../components/Link/Link";
-export { default as code } from "../../components/CodeBlock/CodeBlock";
-export { default as blockquote } from "../../components/Blockquote/Blockquote";
-export { default as hr } from "../../components/HorizontalRule/HorizontalRule";
-export { H1 as h1, H2 as h2, H3 as h3, H4 as h4, H5 as h5, H6 as h6 } from "../../components/Heading/Heading";
-export { UnorderedList as ul, OrderedList as ol, ListItem as li } from "../../components/List/List";
+export { default as a } from "../../components/Link";
+export { default as code } from "../../components/CodeBlock";
+export { default as blockquote } from "../../components/Blockquote";
+export { default as hr } from "../../components/HorizontalRule";
+export { H1 as h1, H2 as h2, H3 as h3, H4 as h4, H5 as h5, H6 as h6 } from "../../components/Heading";
+export { UnorderedList as ul, OrderedList as ol, ListItem as li } from "../../components/List";
 
 // ...and these components are technically passed into all posts, but next/dynamic ensures they're loaded only
 // when they're referenced in the individual mdx files.
-export const IFrame = dynamic(() => import("../../components/IFrame/IFrame"));
-export const Video = dynamic(() => import("../../components/Video/Video"));
-export const YouTube = dynamic(() => import("../../components/YouTubeEmbed/YouTubeEmbed"));
-export const Tweet = dynamic(() => import("../../components/TweetEmbed/TweetEmbed"));
-export const Gist = dynamic(() => import("../../components/GistEmbed/GistEmbed"));
+export const IFrame = dynamic(() => import("../../components/IFrame"));
+export const Video = dynamic(() => import("../../components/Video"));
+export const YouTube = dynamic(() => import("../../components/YouTubeEmbed"));
+export const Tweet = dynamic(() => import("../../components/TweetEmbed"));
+export const Gist = dynamic(() => import("../../components/GistEmbed"));
 
 // One-offs for specific posts:
-export const OctocatLink = dynamic(() => import("../../components/OctocatLink/OctocatLink"));
+export const OctocatLink = dynamic(() => import("../../components/OctocatLink"));

package.json

@@ -90,8 +90,8 @@
     "eslint-config-prettier": "~8.5.0",
     "eslint-plugin-mdx": "~1.16.0",
     "eslint-plugin-prettier": "~4.0.0",
-    "lint-staged": "^12.3.5",
-    "prettier": "^2.5.1",
+    "lint-staged": "^12.3.6",
+    "prettier": "^2.6.0",
     "simple-git-hooks": "^2.7.0",
     "terser": "^5.12.1",
     "typescript": "^4.6.2"
@@ -105,8 +105,9 @@
       "prettier --check"
     ]
   },
+  "packageManager": "yarn@1.22.17",
   "volta": {
-    "node": "16.14.0",
+    "node": "16.14.1",
     "yarn": "1.22.17"
   }
 }

pages/_app.tsx

@@ -3,7 +3,7 @@ import { useRouter } from "next/router";
 import { DefaultSeo, SocialProfileJsonLd } from "next-seo";
 import * as Fathom from "fathom-client";
 import { ThemeProvider } from "../hooks/use-theme";
-import Layout from "../components/Layout/Layout";
+import Layout from "../components/Layout";
 import { globalStyles, theme, darkTheme } from "../lib/styles/stitches.config";
 import * as config from "../lib/config";
 import { defaultSeo, socialProfileJsonLd } from "../lib/config/seo";

pages/birthday.tsx

@@ -1,7 +1,7 @@
 import { NextSeo } from "next-seo";
-import Content from "../components/Content/Content";
-import PageTitle from "../components/PageTitle/PageTitle";
-import Video from "../components/Video/Video";
+import Content from "../components/Content";
+import PageTitle from "../components/PageTitle";
+import Video from "../components/Video";
 
 import thumbnail from "../public/static/images/birthday/thumb.png";
 

pages/cli.tsx

@@ -1,12 +1,12 @@
 import { NextSeo } from "next-seo";
-import Content from "../components/Content/Content";
-import PageTitle from "../components/PageTitle/PageTitle";
-import Link from "../components/Link/Link";
-import Image from "../components/Image/Image";
-import Blockquote from "../components/Blockquote/Blockquote";
-import CodeBlock from "../components/CodeBlock/CodeBlock";
-import { H2 } from "../components/Heading/Heading";
-import { UnorderedList, ListItem } from "../components/List/List";
+import Content from "../components/Content";
+import PageTitle from "../components/PageTitle";
+import Link from "../components/Link";
+import Image from "../components/Image";
+import Blockquote from "../components/Blockquote";
+import CodeBlock from "../components/CodeBlock";
+import { H2 } from "../components/Heading";
+import { UnorderedList, ListItem } from "../components/List";
 
 import cliImg from "../public/static/images/cli/screenshot.png";
 

pages/contact.tsx

@@ -1,8 +1,8 @@
 import { NextSeo } from "next-seo";
-import Content from "../components/Content/Content";
-import PageTitle from "../components/PageTitle/PageTitle";
-import Link from "../components/Link/Link";
-import ContactForm from "../components/ContactForm/ContactForm";
+import Content from "../components/Content";
+import PageTitle from "../components/PageTitle";
+import Link from "../components/Link";
+import ContactForm from "../components/ContactForm";
 import { styled } from "../lib/styles/stitches.config";
 
 const Wrapper = styled(Content, {

pages/hillary.tsx

@@ -1,8 +1,8 @@
 import { NextSeo } from "next-seo";
-import Content from "../components/Content/Content";
-import PageTitle from "../components/PageTitle/PageTitle";
-import Link from "../components/Link/Link";
-import Video from "../components/Video/Video";
+import Content from "../components/Content";
+import PageTitle from "../components/PageTitle";
+import Link from "../components/Link";
+import Video from "../components/Video";
 import { styled } from "../lib/styles/stitches.config";
 
 import thumbnail from "../public/static/images/hillary/thumb.png";

pages/index.tsx

@@ -1,4 +1,4 @@
-import Link, { CustomLinkProps } from "../components/Link/Link";
+import Link, { CustomLinkProps } from "../components/Link";
 import { styled, keyframes, darkTheme } from "../lib/styles/stitches.config";
 import type * as Stitches from "@stitches/react";
 

pages/leo.tsx

@@ -1,8 +1,8 @@
 import { NextSeo } from "next-seo";
-import Content from "../components/Content/Content";
-import PageTitle from "../components/PageTitle/PageTitle";
-import Link from "../components/Link/Link";
-import Video from "../components/Video/Video";
+import Content from "../components/Content";
+import PageTitle from "../components/PageTitle";
+import Link from "../components/Link";
+import Video from "../components/Video";
 import { styled } from "../lib/styles/stitches.config";
 
 import thumbnail from "../public/static/images/leo/thumb.png";

pages/license.tsx

@@ -1,11 +1,11 @@
 import { NextSeo } from "next-seo";
-import Content from "../components/Content/Content";
-import PageTitle from "../components/PageTitle/PageTitle";
-import Link from "../components/Link/Link";
-import HorizontalRule from "../components/HorizontalRule/HorizontalRule";
-import Blockquote from "../components/Blockquote/Blockquote";
-import { H2, H3 } from "../components/Heading/Heading";
-import { UnorderedList, OrderedList, ListItem } from "../components/List/List";
+import Content from "../components/Content";
+import PageTitle from "../components/PageTitle";
+import Link from "../components/Link";
+import HorizontalRule from "../components/HorizontalRule";
+import Blockquote from "../components/Blockquote";
+import { H2, H3 } from "../components/Heading";
+import { UnorderedList, OrderedList, ListItem } from "../components/List";
 
 const License = () => (
   <>

pages/notes/[slug].tsx

@@ -2,9 +2,9 @@ import { InView } from "react-intersection-observer";
 import { NextSeo, ArticleJsonLd } from "next-seo";
 import { MDXRemote } from "next-mdx-remote";
 import { htmlEscape } from "escape-goat";
-import Content from "../../components/Content/Content";
-import NoteMeta from "../../components/NoteMeta/NoteMeta";
-import Comments from "../../components/Comments/Comments";
+import Content from "../../components/Content";
+import NoteMeta from "../../components/NoteMeta";
+import Comments from "../../components/Comments";
 import * as mdxComponents from "../../lib/helpers/mdx-components";
 import { getNote, getNoteSlugs } from "../../lib/helpers/parse-notes";
 import * as config from "../../lib/config";

pages/notes/index.tsx

@@ -1,7 +1,7 @@
 import { NextSeo } from "next-seo";
 import { format } from "date-fns";
-import Content from "../../components/Content/Content";
-import NotesList, { NotesListProps } from "../../components/NotesList/NotesList";
+import Content from "../../components/Content";
+import NotesList, { NotesListProps } from "../../components/NotesList";
 import { getAllNotes } from "../../lib/helpers/parse-notes";
 import type { GetStaticProps } from "next";
 

pages/previously.tsx

@@ -2,12 +2,12 @@
 
 import Head from "next/head";
 import { NextSeo } from "next-seo";
-import Content from "../components/Content/Content";
-import PageTitle from "../components/PageTitle/PageTitle";
-import Link from "../components/Link/Link";
-import Figure from "../components/Figure/Figure";
-import IFrame from "../components/IFrame/IFrame";
-import HorizontalRule from "../components/HorizontalRule/HorizontalRule";
+import Content from "../components/Content";
+import PageTitle from "../components/PageTitle";
+import Link from "../components/Link";
+import Figure from "../components/Figure";
+import IFrame from "../components/IFrame";
+import HorizontalRule from "../components/HorizontalRule";
 
 import img_wayback from "../public/static/images/previously/wayback.png";
 import img_2002_02 from "../public/static/images/previously/2002_02.png";

pages/privacy.tsx

@@ -1,12 +1,12 @@
 import { NextSeo } from "next-seo";
-import Content from "../components/Content/Content";
-import PageTitle from "../components/PageTitle/PageTitle";
-import Link from "../components/Link/Link";
-import Image from "../components/Image/Image";
-import IFrame from "../components/IFrame/IFrame";
-import Blockquote from "../components/Blockquote/Blockquote";
-import { H2 } from "../components/Heading/Heading";
-import { UnorderedList, ListItem } from "../components/List/List";
+import Content from "../components/Content";
+import PageTitle from "../components/PageTitle";
+import Link from "../components/Link";
+import Image from "../components/Image";
+import IFrame from "../components/IFrame";
+import Blockquote from "../components/Blockquote";
+import { H2 } from "../components/Heading";
+import { UnorderedList, ListItem } from "../components/List";
 
 import faunaImg from "../public/static/images/privacy/fauna_hits.png";
 

pages/projects.tsx

@@ -1,9 +1,9 @@
 import { graphql } from "@octokit/graphql";
 import { NextSeo } from "next-seo";
-import Content from "../components/Content/Content";
-import PageTitle from "../components/PageTitle/PageTitle";
-import Link from "../components/Link/Link";
-import RepositoryCard from "../components/RepositoryCard/RepositoryCard";
+import Content from "../components/Content";
+import PageTitle from "../components/PageTitle";
+import Link from "../components/Link";
+import RepositoryCard from "../components/RepositoryCard";
 import { OctocatOcticon } from "../components/Icons";
 import { styled } from "../lib/styles/stitches.config";
 import { authorSocial } from "../lib/config";

pages/uses.tsx

@@ -1,10 +1,10 @@
 import { NextSeo } from "next-seo";
-import Content from "../components/Content/Content";
-import PageTitle from "../components/PageTitle/PageTitle";
-import Link from "../components/Link/Link";
-import Image from "../components/Image/Image";
-import { H2 } from "../components/Heading/Heading";
-import { UnorderedList, ListItem } from "../components/List/List";
+import Content from "../components/Content";
+import PageTitle from "../components/PageTitle";
+import Link from "../components/Link";
+import Image from "../components/Image";
+import { H2 } from "../components/Heading";
+import { UnorderedList, ListItem } from "../components/List";
 
 import desktopImg from "../public/static/images/uses/bigsur.png";
 

pages/y2k.tsx

@@ -1,12 +1,12 @@
 import { useEffect } from "react";
 import dynamic from "next/dynamic";
 import { NextSeo } from "next-seo";
-import Layout from "../components/Layout/Layout";
-import Wallpaper from "../components/Wallpaper/Wallpaper";
+import Layout from "../components/Layout";
+import Wallpaper from "../components/Wallpaper";
 import type { ReactElement } from "react";
 
 // obviously, an interactive VNC display will not work even a little bit server-side
-const VNC = dynamic(() => import("../components/VNC/VNC"), { ssr: false });
+const VNC = dynamic(() => import("../components/VNC"), { ssr: false });
 
 // https://github.com/jakejarvis/y2k
 const SOCKET_PROXY = "wss://y2k.jrvs.io";

yarn.lock

@@ -1112,9 +1112,9 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
 "@mdx-js/mdx@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-2.0.0.tgz#7f270df1e77c46f8338fc32089016b3ea383d023"
-  integrity sha512-Q/Zv+gdm80qcxpmL/Dtd/b9+UyZjjJUCQeZyywLAQqre648hRYgeGNPu7Bl2hB7M8/WBLXpabQEKW3dmGdDTDQ==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-2.1.0.tgz#a984cee27a378619a82d193288031a7b83a54b26"
+  integrity sha512-AuZGNLSGrytOd7a81E2SsWAOYg/eV5I51BlUPc11PPmPwhpovu7mwfyQ8PH1jxhdH0Is6aRtXHERuDxon0TluQ==
   dependencies:
     "@types/estree-jsx" "^0.0.1"
     "@types/mdx" "^2.0.0"
@@ -1135,9 +1135,9 @@
     vfile "^5.0.0"
 
 "@mdx-js/react@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-2.0.0.tgz#00a9f5467d2761fe3818222740f50403f83aee2c"
-  integrity sha512-icpMd43xqORnHSVRwALZv3ELN3IS7VS3BL+FyH2FFergQPSQ21FX0lN+OMIs0X+3dGY1L0DLhBCkMfPO+yDG7Q==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-2.1.0.tgz#2aca56d3d9d6f1bbee9f3c44bd26890331419953"
+  integrity sha512-RlPnY2WcVe91pOilf3Rmu1pArKj7gSK03uoaMFKjPWTyh9t6t1VYGSX40twlpChNSPmbcQ29D0xvSBOVMWA6yw==
   dependencies:
     "@types/mdx" "^2.0.0"
     "@types/react" ">=16"
@@ -1595,9 +1595,9 @@
   integrity sha512-FhpRzf927MNQdRZP0J5DLIdTXhjLYzeUTmLAu69mnVksLH9CJY3IuSeEgbKUki7GQZm0WqDkGzyxju2EZGD2wA==
 
 "@types/json-schema@^7.0.9":
-  version "7.0.9"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.9.tgz#97edc9037ea0c38585320b28964dde3b39e4660d"
-  integrity sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==
+  version "7.0.10"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.10.tgz#9b05b7896166cd00e9cbd59864853abf65d9ac23"
+  integrity sha512-BLO9bBq59vW3fxCpD4o0N4U+DXsvwvIcl+jofw0frQo/GrBFC+/jRZj1E7kgp6dvTyNmA4y6JCV5Id/r3mNP5A==
 
 "@types/json5@^0.0.29":
   version "0.0.29"
@@ -2073,12 +2073,12 @@ braces@^3.0.1:
     fill-range "^7.0.1"
 
 browserslist@^4.17.5, browserslist@^4.19.1:
-  version "4.20.0"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.20.0.tgz#35951e3541078c125d36df76056e94738a52ebe9"
-  integrity sha512-bnpOoa+DownbciXj0jVGENf8VYQnE2LNWomhYuCsMmmx9Jd9lwq0WXODuwpSsp8AVdKM2/HorrzxAfbKvWTByQ==
+  version "4.20.2"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.20.2.tgz#567b41508757ecd904dab4d1c646c612cd3d4f88"
+  integrity sha512-CQOBCqp/9pDvDbx3xfMi+86pr4KXIf2FDkTTdeuYw8OxS9t898LA1Khq57gtufFILXpfgsSx5woNgsBgvGjpsA==
   dependencies:
-    caniuse-lite "^1.0.30001313"
-    electron-to-chromium "^1.4.76"
+    caniuse-lite "^1.0.30001317"
+    electron-to-chromium "^1.4.84"
     escalade "^3.1.1"
     node-releases "^2.0.2"
     picocolors "^1.0.0"
@@ -2111,7 +2111,7 @@ camelcase@^6.2.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
-caniuse-lite@^1.0.30001283, caniuse-lite@^1.0.30001313:
+caniuse-lite@^1.0.30001283, caniuse-lite@^1.0.30001317:
   version "1.0.30001317"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001317.tgz#0548fb28fd5bc259a70b8c1ffdbe598037666a1b"
   integrity sha512-xIZLh8gBm4dqNX0gkzrBeyI86J2eCjWzYAs40q88smG844YIrN4tVQl/RhquHvKEKImWWFIVh1Lxe5n1G/N+GQ==
@@ -2543,10 +2543,10 @@ eastasianwidth@^0.2.0:
   resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
   integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
 
-electron-to-chromium@^1.4.76:
-  version "1.4.84"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.84.tgz#2700befbcb49c42c4ee162e137ff392c07658249"
-  integrity sha512-b+DdcyOiZtLXHdgEG8lncYJdxbdJWJvclPNMg0eLUDcSOSO876WA/pYjdSblUTd7eJdIs4YdIxHWGazx7UPSJw==
+electron-to-chromium@^1.4.84:
+  version "1.4.85"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.85.tgz#a3666ba42147026b9f34d4d8d4caf0740e80f751"
+  integrity sha512-K9AsQ41WS2bjZUFpRWfvaS4RjEcRCamEkBJN1Z1TQILBfP1H8QnJ9ti0wiLiMv0sRjX3EHKzgs9jDnmGFx2jXg==
 
 emoji-regex@^8.0.0:
   version "8.0.0"
@@ -3050,9 +3050,9 @@ feed@^4.2.2:
     xml-js "^1.6.11"
 
 fetch-blob@^3.1.2, fetch-blob@^3.1.4:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/fetch-blob/-/fetch-blob-3.1.4.tgz#e8c6567f80ad7fc22fd302e7dcb72bafde9c1717"
-  integrity sha512-Eq5Xv5+VlSrYWEqKrusxY1C3Hm/hjeAsCGVG3ft7pZahlUAChpGZT/Ms1WmSLnEAisEXszjzu/s+ce6HZB2VHA==
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/fetch-blob/-/fetch-blob-3.1.5.tgz#0077bf5f3fcdbd9d75a0b5362f77dbb743489863"
+  integrity sha512-N64ZpKqoLejlrwkIAnb9iLSA3Vx/kjgzpcDhygcqJ2KKjky8nCgUQ+dzXtbrLaWZGZNmNfQTsiQ0weZ1svglHg==
   dependencies:
     node-domexception "^1.0.0"
     web-streams-polyfill "^3.0.3"
@@ -3221,9 +3221,9 @@ globals@^11.1.0:
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
 globals@^13.6.0, globals@^13.9.0:
-  version "13.12.1"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.12.1.tgz#ec206be932e6c77236677127577aa8e50bf1c5cb"
-  integrity sha512-317dFlgY2pdJZ9rspXDks7073GpDmXdfbM3vYYp0HAMKGDh1FfWPleI2ljVNLQX5M5lXcAslTcPTrOrMEFOjyw==
+  version "13.13.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.13.0.tgz#ac32261060d8070e2719dd6998406e27d2b5727b"
+  integrity sha512-EQ7Q18AJlPwp3vUDL4mKA0KXrXyNIQyWon6T6XQiBQF0XHvRsiCSrWmmeATpUzdJN2HhWZU6Pdl0a9zdep5p6A==
   dependencies:
     type-fest "^0.20.2"
 
@@ -3794,10 +3794,10 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
   integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
 
-lint-staged@^12.3.5:
-  version "12.3.5"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-12.3.5.tgz#8048ce048c3cac12f57200a06344a54dc91c8fa9"
-  integrity sha512-oOH36RUs1It7b9U/C7Nl/a0sLfoIBcMB8ramiB3nuJ6brBqzsWiUAFSR5DQ3yyP/OR7XKMpijtgKl2DV1lQ3lA==
+lint-staged@^12.3.6:
+  version "12.3.6"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-12.3.6.tgz#7b999ebe041c07f241537a17c49969027b4d26f0"
+  integrity sha512-tVNyl/HsAnplKh4oaoRNzyZLm0PE/6VaBUXvd/gA9zhYCC/+ivZwiwpoT6jOxcLzuIOjP19wW+mfOi7/Bw4c1A==
   dependencies:
     cli-truncate "^3.1.0"
     colorette "^2.0.16"
@@ -3809,6 +3809,7 @@ lint-staged@^12.3.5:
     micromatch "^4.0.4"
     normalize-path "^3.0.0"
     object-inspect "^1.12.0"
+    pidtree "^0.5.0"
     string-argv "^0.3.1"
     supports-color "^9.2.1"
     yaml "^1.10.2"
@@ -4915,6 +4916,11 @@ picomatch@^2.2.3:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
+pidtree@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.5.0.tgz#ad5fbc1de78b8a5f99d6fbdd4f6e4eee21d1aca1"
+  integrity sha512-9nxspIM7OpZuhBxPg73Zvyq7j1QMPMPsGKTqRc2XOaFQauDvoNz9fM1Wdkjmeo7l9GXOZiRs97sPkuayl39wjA==
+
 postcss@8.4.5:
   version "8.4.5"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.5.tgz#bae665764dfd4c6fcc24dc0fdf7e7aa00cc77f95"
@@ -4925,9 +4931,9 @@ postcss@8.4.5:
     source-map-js "^1.0.1"
 
 postcss@^8.3.11:
-  version "8.4.8"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.8.tgz#dad963a76e82c081a0657d3a2f3602ce10c2e032"
-  integrity sha512-2tXEqGxrjvAO6U+CJzDL2Fk2kPHTv1jQsYkSoMeOis2SsYaXRO2COxTdQp99cYvif9JTXaAk9lYGc3VhJt7JPQ==
+  version "8.4.12"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.12.tgz#1e7de78733b28970fa4743f7da6f3763648b1905"
+  integrity sha512-lg6eITwYe9v6Hr5CncVbK70SoioNQIq81nsaG86ev5hAidQvmOeETBqs7jm43K2F5/Ley3ytDtriImV6TpNiSg==
   dependencies:
     nanoid "^3.3.1"
     picocolors "^1.0.0"
@@ -4945,10 +4951,10 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@^2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.5.1.tgz#fff75fa9d519c54cf0fce328c1017d94546bc56a"
-  integrity sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==
+prettier@^2.6.0:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.6.0.tgz#12f8f504c4d8ddb76475f441337542fa799207d4"
+  integrity sha512-m2FgJibYrBGGgQXNzfd0PuDGShJgRavjUoRCw1mZERIWVSXF0iLzLm+aOqTAbLnC3n6JzUhAA8uZnFVghHJ86A==
 
 prismjs@~1.27.0:
   version "1.27.0"
@@ -5205,9 +5211,9 @@ remark-mdx@^1.6.22:
     unified "9.2.0"
 
 remark-mdx@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-2.0.0.tgz#bd921780c19ce3e51941e54b1e6388440ed499b3"
-  integrity sha512-TDnjSv77Oynf+K1deGWZPKSwh3/9hykVAxVm9enAw6BmicCGklREET8s19KYnjGsNPms0pNDJLmp+bnHDVItAQ==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-2.1.0.tgz#ae29ccd4c974a39ca671cd533acf9c7560a8bba4"
+  integrity sha512-J6Yqw566SaEy6A9Neni1JJTaEjbjsM3OsKqL04TtCvZhevRtFi8CG8GIQPzvxIRKRCAOnWw1Vpk1AInB1OpNqA==
   dependencies:
     mdast-util-mdx "^2.0.0"
     micromark-extension-mdxjs "^1.0.0"