├── env.sample
├── .babelrc
├── public
    ├── favicon.ico
    └── img
    │   └── preview.png
├── pages
    ├── _app.js
    ├── nominate.js
    ├── api
    │   └── designers.js
    ├── index.js
    └── about.js
├── components
    ├── Icons
    │   ├── CheckSVG.js
    │   ├── CloseSVG.js
    │   └── FilterSVG.js
    ├── Analytics.js
    ├── Nav.js
    ├── Title.js
    ├── Metatags.js
    └── Filter.js
├── .gitignore
├── package.json
├── README.md
├── assets
    └── styles
    │   └── modernism.css
└── yarn.lock


/env.sample:
--------------------------------------------------------------------------------
1 | GOOGLE_PRIVATE_KEY=""
2 | GOOGLE_CLIENT_EMAIL=""


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["next/babel"],
3 |   "plugins": ["inline-react-svg"]
4 | }
5 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zehfernandes/brazilianswhodesign/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/public/img/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zehfernandes/brazilianswhodesign/HEAD/public/img/preview.png


--------------------------------------------------------------------------------
/pages/_app.js:
--------------------------------------------------------------------------------
 1 | import "../assets/styles/modernism.css";
 2 | import { AnimatePresence } from "framer-motion";
 3 | 
 4 | function App({ Component, pageProps }) {
 5 |   return (
 6 |     <AnimatePresence>
 7 |       <Component {...pageProps} />
 8 |     </AnimatePresence>
 9 |   );
10 | }
11 | 
12 | export default App;
13 | 


--------------------------------------------------------------------------------
/components/Icons/CheckSVG.js:
--------------------------------------------------------------------------------
 1 | export default function CheckSVG() {
 2 |   return (
 3 |     <svg fill="none" viewBox="0 0 20 14">
 4 |       <path
 5 |         fill="#000"
 6 |         d="M17.495.245l-.853.844c-2.978 2.985-6.165 6.404-9.14 9.422L3.254 7.014l-.92-.769L.809 8.101l.928.76 5.1 4.2.834.694.778-.77c3.225-3.231 6.724-7.017 9.9-10.2l.844-.852L17.495.245z"
 7 |       ></path>
 8 |     </svg>
 9 |   );
10 | }
11 | 


--------------------------------------------------------------------------------
/components/Icons/CloseSVG.js:
--------------------------------------------------------------------------------
 1 | export default function CloseSVG() {
 2 |   return (
 3 |     <svg fill="none" viewBox="0 0 22 22">
 4 |       <path
 5 |         fill="#000"
 6 |         fillRule="evenodd"
 7 |         d="M10.997 8.9L19.899 0 22 2.1 13.097 11l8.902 8.9-2.1 2.1-8.902-8.901L2.1 21.994l-2.1-2.1L8.897 11 0 2.104l2.1-2.1L10.997 8.9z"
 8 |         clipRule="evenodd"
 9 |       ></path>
10 |     </svg>
11 |   );
12 | }
13 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # next.js
12 | /.next/
13 | /out/
14 | 
15 | # production
16 | /build
17 | 
18 | # misc
19 | .DS_Store
20 | 
21 | # debug
22 | npm-debug.log*
23 | yarn-debug.log*
24 | yarn-error.log*
25 | 
26 | # local env files
27 | .env.local
28 | .env.development.local
29 | .env.test.local
30 | .env.production.local
31 | 
32 | .vercel


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "brazilianswhodesign",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev",
 7 |     "build": "next build",
 8 |     "start": "next start"
 9 |   },
10 |   "dependencies": {
11 |     "babel-plugin-inline-react-svg": "^1.1.1",
12 |     "googleapis": "^91.0.0",
13 |     "framer-motion": "^1.11.1",
14 |     "js-yaml": "^3.13.1",
15 |     "next": "^12.1.0",
16 |     "next-absolute-url": "^1.2.2",
17 |     "react": "^17.0.2",
18 |     "react-dom": "16.13.1"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/components/Analytics.js:
--------------------------------------------------------------------------------
 1 | export default function Analytics() {
 2 |   return (
 3 |     <>
 4 |       <script
 5 |         async
 6 |         src="https://www.googletagmanager.com/gtag/js?id=UA-168079933-1"
 7 |       />
 8 |       <script
 9 |         dangerouslySetInnerHTML={{
10 |           __html: `
11 |             window.dataLayer = window.dataLayer || [];
12 |             function gtag() {
13 |               dataLayer.push(arguments);
14 |             }
15 |             gtag("js", new Date());
16 | 
17 |             gtag("config", "UA-XXXXXXXX-X");
18 |           `,
19 |         }}
20 |       />
21 |     </>
22 |   );
23 | }
24 | 


--------------------------------------------------------------------------------
/components/Icons/FilterSVG.js:
--------------------------------------------------------------------------------
 1 | export default function FilterSVG() {
 2 |   return (
 3 |     <svg
 4 |       style={{ marginLeft: "0.4rem" }}
 5 |       width="19"
 6 |       height="12"
 7 |       fill="none"
 8 |       viewBox="0 0 17 10"
 9 |     >
10 |       <path
11 |         fill="#fff"
12 |         d="M17 .266A.263.263 0 0016.741 0H.259A.263.263 0 000 .266v.957c0 .148.116.266.259.266H16.74c.144 0 .259-.12.259-.266L17 .266zm-2.592 4.256a.263.263 0 00-.259-.266H2.851a.263.263 0 00-.26.266v.957c0 .148.117.266.26.266h11.298c.144 0 .26-.12.26-.266v-.957zm-2.59 4.255a.263.263 0 00-.26-.266H5.442a.263.263 0 00-.26.266v.957c0 .147.117.266.26.266h6.115c.144 0 .26-.12.26-.266v-.957z"
13 |       ></path>
14 |     </svg>
15 |   );
16 | }
17 | 


--------------------------------------------------------------------------------
/components/Nav.js:
--------------------------------------------------------------------------------
 1 | import Link from "next/link";
 2 | 
 3 | export default function Nav(props) {
 4 |   return (
 5 |     <ul className="auxNav" {...props}>
 6 |       <li>
 7 |         <Link href="/about">
 8 |           <a>About</a>
 9 |         </Link>
10 |       </li>
11 |       <li>
12 |         <Link href="/nominate">
13 |           <a>Nominate</a>
14 |         </Link>
15 |       </li>
16 | 
17 |       <style jsx>{`
18 |         ul {
19 |           padding: 0;
20 |           margin: 0;
21 |           display: flex;
22 |         }
23 | 
24 |         ul li {
25 |           list-style: none;
26 |           margin-right: 2.2rem;
27 |         }
28 | 
29 |         ul li a {
30 |           color: #fff;
31 |           text-decoration: none;
32 |           transition: color 150ms ease;
33 |         }
34 | 
35 |         ul li a:hover {
36 |           color: #757575;
37 |         }
38 |       `}</style>
39 |     </ul>
40 |   );
41 | }
42 | 


--------------------------------------------------------------------------------
/components/Title.js:
--------------------------------------------------------------------------------
 1 | import { motion } from "framer-motion";
 2 | 
 3 | const container = {
 4 |   hidden: { opacity: 0 },
 5 |   show: {
 6 |     opacity: 1,
 7 |     transition: {
 8 |       staggerChildren: 0.04,
 9 |     },
10 |   },
11 | };
12 | 
13 | const item = {
14 |   hidden: { opacity: 0, y: "5%" },
15 |   show: { opacity: 1, y: "0%" },
16 |   transition: {
17 |     easing: "easeInOut",
18 |   },
19 | };
20 | 
21 | export default function Title(props) {
22 |   const { text, noAnimation } = props;
23 | 
24 |   return (
25 |     <motion.h1
26 |       className="m0 p0"
27 |       {...props}
28 |       variants={container}
29 |       initial={noAnimation ? "show" : "hidden"}
30 |       animate="show"
31 |     >
32 |       {text.split("").map((l, i) => {
33 |         if (l == "*") return <br key={`${l}-${i}`} />;
34 |         return (
35 |           <motion.span className="letter" variants={item} key={`${l}-${i}`}>
36 |             {l}
37 |           </motion.span>
38 |         );
39 |       })}
40 |     </motion.h1>
41 |   );
42 | }
43 | 


--------------------------------------------------------------------------------
/pages/nominate.js:
--------------------------------------------------------------------------------
 1 | import Head from "next/head";
 2 | import Link from "next/link";
 3 | import MetaTags from "../components/Metatags.js";
 4 | import Analytics from "../components/Analytics.js";
 5 | 
 6 | export default function Nominate({ designers }) {
 7 |   return (
 8 |     <div className="container">
 9 |       <Head>
10 |         <title>Brazilians Who Design | Nomiate</title>
11 |         <link rel="icon" href="/favicon.ico" />
12 |         <MetaTags />
13 |       </Head>
14 | 
15 |       <div style={{ width: "100%", position: "relative", height: "100vh" }}>
16 |         <iframe
17 |           id="typeform-full"
18 |           width="100%"
19 |           height="100%"
20 |           frameBorder="0"
21 |           allow="camera; microphone; autoplay; encrypted-media;"
22 |           src="https://form.typeform.com/to/bbrPUqMe"
23 |         ></iframe>{" "}
24 |         <script
25 |           type="text/javascript"
26 |           src="https://embed.typeform.com/embed.js"
27 |         ></script>
28 |         <Analytics />
29 |       </div>
30 | 
31 |       <Link href="/" shallow={true}>
32 |         <a className="auxNav arrowback">←</a>
33 |       </Link>
34 |       <style jsx global>{`
35 |         html,
36 |         body {
37 |           margin: 0;
38 |           height: 100%;
39 |           overflow: hidden;
40 |         }
41 |         .container {
42 |           min-height: 100vh;
43 |         }
44 |         iframe {
45 |           position: fixed;
46 |           left: 0;
47 |           right: 0;
48 |           bottom: 0;
49 |           top: 0;
50 |           border: 0;
51 |         }
52 |       `}</style>
53 |     </div>
54 |   );
55 | }
56 | 


--------------------------------------------------------------------------------
/components/Metatags.js:
--------------------------------------------------------------------------------
 1 | export default function MetaTags() {
 2 |   return (
 3 |     <>
 4 |       <meta name="viewport" content="width=device-width,initial-scale=1" />
 5 | 
 6 |       {/* <!-- Primary Meta Tags --> */}
 7 |       <meta name="title" content="Brazilians Who Design" />
 8 |       <meta
 9 |         name="description"
10 |         content="A repository to celebrate the work of talented Brazilian designers and showcase it to the world."
11 |       />
12 | 
13 |       {/* <!-- Open Graph / Facebook --/> */}
14 |       <meta property="og:type" content="website" />
15 |       <meta property="og:url" content="http://brazilianswho.design" />
16 |       <meta property="og:title" content="Brazilians Who Design" />
17 |       <meta
18 |         property="og:description"
19 |         content="A repository to celebrate the work of talented Brazilian designers and showcase it to the world."
20 |       />
21 |       <meta
22 |         property="og:image"
23 |         content="http://brazilianswho.design/img/preview.png"
24 |       />
25 | 
26 |       {/* <!-- Twitter --/> */}
27 |       <meta property="twitter:card" content="summary_large_image" />
28 |       <meta property="twitter:url" content="http://brazilianswho.design" />
29 |       <meta property="twitter:title" content="Brazilians Who Design" />
30 |       <meta
31 |         property="twitter:description"
32 |         content="A repository to celebrate the work of talented Brazilian designers and showcase it to the world."
33 |       />
34 |       <meta
35 |         property="twitter:image"
36 |         content="http://brazilianswho.design/img/preview.png"
37 |       />
38 |     </>
39 |   );
40 | }
41 | 


--------------------------------------------------------------------------------
/pages/api/designers.js:
--------------------------------------------------------------------------------
 1 | import { google } from "googleapis";
 2 | 
 3 | export default async (req, res) => {
 4 |   try {
 5 |     const auth = new google.auth.GoogleAuth({
 6 |       credentials: {
 7 |         client_email: process.env.GOOGLE_CLIENT_EMAIL,
 8 |         private_key: process.env.GOOGLE_PRIVATE_KEY,
 9 |       },
10 |       scopes: [
11 |         "https://www.googleapis.com/auth/drive",
12 |         "https://www.googleapis.com/auth/drive.file",
13 |         "https://www.googleapis.com/auth/spreadsheets",
14 |       ],
15 |     });
16 | 
17 |     const sheets = google.sheets({
18 |       auth,
19 |       version: "v4",
20 |     });
21 | 
22 |     // Replace the spreadsheetId with your spreadsheet ID.
23 |     // Replace the range with the tab name.
24 |     // Issues with permissions look at this guide: https://leerob.io/snippets/google-sheets
25 |     const response = await sheets.spreadsheets.values.get({
26 |       spreadsheetId: "12LLA-NoHin0zQfmpEblgMjd260bmriLMowBAH1QDOhI",
27 |       range: "Designers", // sheet name
28 |     });
29 | 
30 |     //TODO: Map the collum to object name automatically.
31 |     const rows = response.data.values;
32 |     const db = rows.map((row) => ({
33 |       name: row[0],
34 |       location: row[1],
35 |       expertise: row[2],
36 |       link: row[3],
37 |       approved: row[4],
38 |       featured: row[5],
39 |     }));
40 | 
41 |     let sanitizeResult = db.filter(
42 |       (item) => item.name != "" && item.approved == "Yes"
43 |     );
44 | 
45 |     res.statusCode = 200;
46 |     res.setHeader("Content-Type", "application/json");
47 |     res.end(JSON.stringify(sanitizeResult));
48 |   } catch (err) {
49 |     console.log(err);
50 |   }
51 | };
52 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Brazilians Who Design
 2 | 
 3 | ![](https://www.dropbox.com/s/x5udk39ad57ayp5/brazilianswhodesignthumb.png?raw=1)
 4 | 
 5 | The website is built using Google Spreedsheet, [Next.js](https://nextjs.org/) and deployed at [Vercel](https://vercel.com/).
 6 | 
 7 | ## Forking this project
 8 | 
 9 | We encourage you to create your directory featured a list of any professionals you think is relevant. The code is open source, and these instructions will help you running on your local machine to get started.
10 | 
11 | ### Link your spreedsheet
12 | 
13 | 1. Duplicate [this spreedhsheet template](https://docs.google.com/spreadsheets/d/12LLA-NoHin0zQfmpEblgMjd260bmriLMowBAH1QDOhI/edit)
14 | 2. Follow [this guide](https://leerob.io/snippets/google-sheets#usage) to allow access to your Google account
15 | 3. Create a .env file and fill the informations below
16 | ```
17 | GOOGLE_PRIVATE_KEY=""
18 | GOOGLE_CLIENT_EMAIL=""
19 | ```
20 | 4. Copy the id between /spreadsheets/ and /edit in the url: 
21 | 	> [https://docs.google.com/spreadsheets/d/__12LLA-NoHin0zQfmpEblgMjd260bmriLMowBAH1QDOhI__/edit](https://docs.google.com/spreadsheets/d/12LLA-NoHin0zQfmpEblgMjd260bmriLMowBAH1QDOhI/edit)
22 | 5. Paste the ID in the file [`pages/api/designers.js`](https://github.com/zehfernandes/brazilianswhodesign/blob/main/pages/api/designers.js)
23 | 
24 | ### Install the dependencies
25 | 
26 | Making sure you're in the correct project folder and install the dependencies:
27 | 
28 | ```
29 | yarn install
30 | ```
31 | 
32 | ### Run the project locally
33 | 
34 | To start the development server run:
35 | 
36 | ```
37 | yarn dev
38 | ```
39 | 
40 | In your browser, open `localhost:3000`.
41 | 
42 | 
43 | ### Deploy at vercel
44 | 
45 | [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https%3A%2F%2Fgithub.com%2Fzehfernandes%2Fbrazilianswhodesign)
46 | 
47 | 
48 | 


--------------------------------------------------------------------------------
/components/Filter.js:
--------------------------------------------------------------------------------
  1 | import { motion } from "framer-motion";
  2 | import CheckSVG from "../components/Icons/CheckSVG.js";
  3 | import CloseSVG from "../components/Icons/CloseSVG.js";
  4 | 
  5 | const sidebarAnimation = {
  6 |   hidden: { x: "120%" },
  7 |   show: {
  8 |     x: "0%",
  9 |     transition: {
 10 |       duration: 0.4,
 11 |       ease: "easeInOut",
 12 |     },
 13 |   },
 14 | };
 15 | 
 16 | export default function Filter({
 17 |   items,
 18 |   handleFilterClick,
 19 |   handleCloseFilter,
 20 |   categoryName,
 21 | }) {
 22 |   return (
 23 |     <motion.div
 24 |       variants={sidebarAnimation}
 25 |       initial="hidden"
 26 |       animate="show"
 27 |       exit="hidden"
 28 |       style={{
 29 |         position: "fixed",
 30 |         top: 0,
 31 |         right: 0,
 32 |         width: "100%",
 33 |         maxWidth: "420px",
 34 |         overflowY: "scroll",
 35 |       }}
 36 |     >
 37 |       <div className="sidebar">
 38 |         <a
 39 |           aria-label="Close"
 40 |           href="#"
 41 |           className="close"
 42 |           onClick={handleCloseFilter}
 43 |         >
 44 |           <CloseSVG />
 45 |         </a>
 46 |         <h3>
 47 |           {categoryName.charAt(0).charAt(0).toUpperCase() +
 48 |             categoryName.slice(1)}
 49 |         </h3>
 50 | 
 51 |         {items.map((item, i) => (
 52 |           <FilterItem
 53 |             key={`${item.label}-${i}`}
 54 |             label={item.label}
 55 |             active={item.active}
 56 |             onClick={() => {
 57 |               handleFilterClick(item);
 58 |             }}
 59 |           />
 60 |         ))}
 61 |       </div>
 62 |       <style jsx>{`
 63 |         .sidebar {
 64 |           width: 100%;
 65 |           max-width: 420px;
 66 |           background: #fff;
 67 |           color: #000;
 68 |           padding: 2.5rem;
 69 |           min-height: 100vh;
 70 |         }
 71 | 
 72 |         .close {
 73 |           display: block;
 74 |           width: 1.5rem;
 75 |           height: 1.5rem;
 76 |         }
 77 | 
 78 |         h3 {
 79 |           margin-top: 4rem;
 80 |           font-weight: 500;
 81 |         }
 82 |       `}</style>
 83 |     </motion.div>
 84 |   );
 85 | }
 86 | 
 87 | function FilterItem({ label, active, onClick }) {
 88 |   return (
 89 |     <div className="filterItem" onClick={onClick}>
 90 |       {label}
 91 |       <div className={`check ${active ? "active" : ""}`}>
 92 |         <CheckSVG />
 93 |       </div>
 94 |       <style jsx>{`
 95 |         .filterItem {
 96 |           cursor: pointer;
 97 |           font-size: 1.7rem;
 98 |           display: flex;
 99 |           justify-content: space-between;
100 |           align-items: center;
101 |           margin: 0.1rem 0;
102 |         }
103 | 
104 |         .check {
105 |           width: 1.7rem;
106 |           height: 1.7rem;
107 |           /*background: #fff;
108 |           border-radius: 6px; */
109 |         }
110 |       `}</style>
111 |     </div>
112 |   );
113 | }
114 | 


--------------------------------------------------------------------------------
/assets/styles/modernism.css:
--------------------------------------------------------------------------------
  1 | html {
  2 |   box-sizing: border-box;
  3 | }
  4 | *,
  5 | *:before,
  6 | *:after {
  7 |   box-sizing: inherit;
  8 | }
  9 | 
 10 | body {
 11 |   font-family: "Helvetica Now Display", "Helvetica Neue", "Helvetica";
 12 |   background: #000;
 13 |   color: #fff;
 14 |   font-weight: 500;
 15 |   margin: 0;
 16 |   padding: 0;
 17 | }
 18 | 
 19 | .container {
 20 |   width: 95vw;
 21 |   margin: 3rem auto;
 22 |   position: relative;
 23 | }
 24 | 
 25 | a {
 26 |   text-decoration: none;
 27 | }
 28 | 
 29 | /* Type 
 30 |  ----------------------------- */
 31 | 
 32 | h1,
 33 | .f1 {
 34 |   font-size: 5.625rem;
 35 |   letter-spacing: -0.03em;
 36 |   line-height: 100%;
 37 |   font-weight: 500;
 38 |   font-feature-settings: "ss08" on, "ss02" on, "ss01" on, "salt" on, "cpsp" on;
 39 | }
 40 | 
 41 | /* Utils 
 42 |  ----------------------------- */
 43 | .m0 {
 44 |   margin: 0;
 45 | }
 46 | .p0 {
 47 |   padding: 0;
 48 | }
 49 | 
 50 | /* Table 
 51 |  ----------------------------- */
 52 | table {
 53 |   width: 100%;
 54 | }
 55 | 
 56 | table tbody td,
 57 | table thead td {
 58 |   border: none;
 59 |   border-bottom: 1px solid #363636;
 60 | }
 61 | 
 62 | table.large thead {
 63 |   font-size: 1rem;
 64 | }
 65 | 
 66 | table.large tbody {
 67 |   font-size: 1.7rem;
 68 | }
 69 | 
 70 | table tbody tr {
 71 |   cursor: pointer;
 72 |   transition: background 150ms ease-in-out;
 73 | }
 74 | 
 75 | table tbody tr:hover {
 76 |   background: #111111;
 77 | }
 78 | 
 79 | /* Rethink is the best aproch */
 80 | table thead td {
 81 |   padding-bottom: 0.8em;
 82 | }
 83 | 
 84 | table tbody td {
 85 |   padding-bottom: 0.6em;
 86 |   padding-top: 0.6em;
 87 | }
 88 | 
 89 | table tbody tr:last-child td {
 90 |   border-bottom: none;
 91 | }
 92 | 
 93 | /* General 
 94 |  ----------------------------- */
 95 | 
 96 | .letter {
 97 |   display: inline-block;
 98 | }
 99 | 
100 | .title {
101 |   padding-top: 26vh;
102 | }
103 | 
104 | .auxNav {
105 |   position: absolute;
106 |   top: 0;
107 | }
108 | 
109 | .extend span {
110 |   display: inline-block;
111 | }
112 | 
113 | .tileArtist {
114 |   margin: 0;
115 |   padding: 0;
116 |   padding-top: 26vh;
117 | }
118 | 
119 | .arrowback {
120 |   color: #fff;
121 |   font-size: 3rem;
122 |   text-decoration: none;
123 |   cursor: pointer;
124 |   overflow: hidden;
125 |   transition: transform 200ms ease;
126 | }
127 | 
128 | .arrowback:hover {
129 |   transform: rotate(35deg);
130 | }
131 | 
132 | a.link {
133 |   --color: #fff;
134 |   position: relative;
135 |   color: var(--color);
136 |   text-decoration: none;
137 |   white-space: nowrap;
138 |   overflow: hidden;
139 |   transition: color 150ms ease;
140 | }
141 | 
142 | p a.link {
143 |   display: inline-block;
144 |   vertical-align: text-bottom;
145 | }
146 | 
147 | a.link:before {
148 |   width: 100%;
149 |   height: 90%;
150 |   content: "";
151 |   position: absolute;
152 |   background-size: 1px 1em;
153 |   background-size: 1px 1em;
154 |   box-shadow: inset 0 -0.05em var(--color), inset 0 -0.1em #000;
155 |   transition: box-shadow 150ms ease;
156 |   transform-origin: 0% 0%;
157 | }
158 | 
159 | a.link:hover {
160 |   --color: #757575;
161 | }
162 | 
163 | a.link:after {
164 |   content: " ↗";
165 |   transition: transform 150ms ease;
166 | }
167 | 
168 | .sticky {
169 |   display: table;
170 | }
171 | .sticky tr {
172 |   position: fixed;
173 |   width: 95vw;
174 |   background: #000;
175 |   padding: 1.5rem 0 1rem 0;
176 |   display: table;
177 |   top: -4rem;
178 |   transform: translateY(4rem);
179 |   transition: transform 400ms ease-out;
180 | }
181 | .sticky td {
182 |   border-bottom: none;
183 | }
184 | 
185 | .check svg {
186 |   opacity: 0;
187 | }
188 | 
189 | .check.active svg {
190 |   opacity: 1;
191 | }
192 | 
193 | .filterIsOpen {
194 |   opacity: 0.2;
195 |   transition: opacity 300ms ease-in-out;
196 |   cursor: pointer;
197 | }
198 | 
199 | .filterIsOpen table {
200 |   pointer-events: none;
201 | }
202 | 
203 | /* Responsive
204 |  ----------------------------- */
205 | @media (max-width: 480px) {
206 |   :root {
207 |     font-size: 12px;
208 |   }
209 | 
210 |   h1,
211 |   .f1 {
212 |     font-size: 4rem;
213 |     letter-spacing: -0.02em;
214 |   }
215 | 
216 |   .dn {
217 |     display: none;
218 |   }
219 | 
220 |   .tileArtist {
221 |     padding: 2rem 0;
222 |   }
223 | 
224 |   .arrowback {
225 |     transition: none;
226 |   }
227 | 
228 |   .arrowback:hover {
229 |     transform: rotate(0deg);
230 |   }
231 | 
232 |   .extend span {
233 |     display: inline;
234 |   }
235 | }
236 | 
237 | @media (min-width: 1600px) {
238 |   :root {
239 |     font-size: 18px;
240 |   }
241 | }
242 | 


--------------------------------------------------------------------------------
/pages/index.js:
--------------------------------------------------------------------------------
  1 | import Head from "next/head";
  2 | import { useState, useEffect, useRef } from "react";
  3 | import { motion, AnimatePresence } from "framer-motion";    
  4 | import Nav from "../components/Nav.js";
  5 | import Filter from "../components/Filter.js";
  6 | import Title from "../components/Title.js";
  7 | import MetaTags from "../components/Metatags.js";
  8 | import Analytics from "../components/Analytics.js";
  9 | import FilterSVG from "../components/Icons/FilterSVG.js";
 10 | 
 11 | export async function getStaticProps() {
 12 |   const origin =
 13 |     process.env.NODE_ENV !== "production"
 14 |       ? "http://localhost:3000"
 15 |       : "https://brazilianswho.design/";
 16 | 
 17 |   console.log(origin)
 18 | 
 19 |   const res = await fetch(`${origin}/api/designers`);
 20 |   console.log(res)
 21 |   const designers = await res.json();
 22 | 
 23 |   let uniqueExpertise = new Set();
 24 |   designers.map((d) => uniqueExpertise.add(d.expertise));
 25 | 
 26 |   let uniqueLocation = new Set();
 27 |   designers.map((d) => uniqueLocation.add(d.location));
 28 | 
 29 |   let expertises = Array.from(uniqueExpertise).map((e) => {
 30 |     return { label: e, active: false, category: "expertise" };
 31 |   });
 32 | 
 33 |   let locations = Array.from(uniqueLocation)
 34 |     .sort()
 35 |     .map((e) => {
 36 |       return { label: e, active: false, category: "location" };
 37 |     });
 38 | 
 39 |   let filters = expertises.concat(locations);
 40 | 
 41 |   return {
 42 |     props: {
 43 |       designers,
 44 |       filters,
 45 |     },
 46 |   };
 47 | }
 48 | 
 49 | export default function Home({ designers, filters }) {
 50 |   const [isReady, setIsReady] = useState(false);
 51 |   const [designersList, setDesignersList] = useState(null);
 52 |   const [filterIsOpen, setFilterIsOpen] = useState(false);
 53 |   const [filterList, setFilterList] = useState(filters);
 54 |   const [filterCategory, setFilterCategory] = useState(null);
 55 | 
 56 |   useEffect(() => {
 57 |     setDesignersList(shuffle(designers).sort((a, b) => a.order - b.order));
 58 |   }, []);
 59 | 
 60 |   // Filter
 61 |   const handleCloseFilter = (e) => {
 62 |     setFilterIsOpen(false);
 63 | 
 64 |     e.preventDefault();
 65 |     e.stopPropagation();
 66 |     return false;
 67 |   };
 68 | 
 69 |   const handleOpenFilter = (category) => {
 70 |     setFilterCategory(category);
 71 |     setFilterIsOpen(true);
 72 |   };
 73 | 
 74 |   const clearFilter = () => {
 75 |     let newFilter = filters.map(({ label }) => {
 76 |       return { label: label, active: false };
 77 |     });
 78 | 
 79 |     setFilterList(newFilter);
 80 |     setDesignersList(
 81 |       shuffle(designers).sort((a, b) => a.featured - b.featured)
 82 |     );
 83 |   };
 84 | 
 85 |   const handleFilterClick = (item) => {
 86 |     let indexof = filterList.indexOf(item);
 87 |     filterList[indexof].active = filterList[indexof].active ? false : true;
 88 |     setFilterList(filterList);
 89 | 
 90 |     // Get Each column
 91 |     let filterExpert = filterList
 92 |       .filter((f) => f.category == "expertise")
 93 |       .map((d) => d.label);
 94 |     let filterLocation = filterList
 95 |       .filter((f) => f.category == "location")
 96 |       .map((d) => d.label);
 97 | 
 98 |     // Find active
 99 |     let activeFilters = filterList
100 |       .filter((d) => d.active == true)
101 |       .map((d) => d.label);
102 | 
103 |     // If none in that category check all
104 |     if (filterExpert.filter((f) => activeFilters.includes(f)).length <= 0)
105 |       activeFilters = activeFilters.concat(filterExpert);
106 |     if (filterLocation.filter((f) => activeFilters.includes(f)).length <= 0)
107 |       activeFilters = activeFilters.concat(filterLocation);
108 | 
109 |     // Filter render list
110 |     if (activeFilters.length > 0)
111 |       setDesignersList(
112 |         designers.filter(
113 |           (d) =>
114 |             activeFilters.includes(d.expertise) &&
115 |             activeFilters.includes(d.location)
116 |         )
117 |       );
118 |     else clearFilter();
119 |   };
120 | 
121 |   return (
122 |     <div
123 |       className="container"
124 |       style={{
125 |         overflow: isReady ? "hidden" : "visible",
126 |       }}
127 |     >
128 |       <Head>
129 |         <title>Brazilians Who Design</title>
130 |         <link id="favicon" rel="alternate icon" href="/favicon.ico" />
131 |         <MetaTags />
132 |       </Head>
133 | 
134 |       {!isReady ? (
135 |         <Content
136 |           designers={designersList}
137 |           handleOpenFilter={handleOpenFilter}
138 |           onClick={filterIsOpen ? handleCloseFilter : undefined}
139 |           className={filterIsOpen ? "filterIsOpen" : ""}
140 |         />
141 |       ) : null}
142 | 
143 |       <AnimatePresence>
144 |         {filterIsOpen ? (
145 |           <Filter
146 |             items={filterList.filter((f) => f.category == filterCategory)}
147 |             handleFilterClick={handleFilterClick}
148 |             handleCloseFilter={handleCloseFilter}
149 |             categoryName={filterCategory}
150 |           />
151 |         ) : null}
152 |       </AnimatePresence>
153 | 
154 |       <style global jsx>{`
155 |         html,
156 |         body {
157 |           overflow: ${filterIsOpen ? "hidden" : "auto"};
158 |         }
159 |       `}</style>
160 |     </div>
161 |   );
162 | }
163 | 
164 | function Content({ designers, handleOpenFilter, className, onClick }) {
165 |   const tableHeaderRef = useRef();
166 | 
167 |   useEffect(() => {
168 |     const header = tableHeaderRef.current;
169 |     const sticky = header.getBoundingClientRect().top + 40;
170 |     const scrollCallBack = window.addEventListener("scroll", () => {
171 |       if (window.pageYOffset > sticky) {
172 |         header.classList.add("sticky");
173 |       } else {
174 |         header.classList.remove("sticky");
175 |       }
176 |     });
177 |     return () => {
178 |       window.removeEventListener("scroll", scrollCallBack);
179 |     };
180 |   }, []);
181 | 
182 |   return (
183 |     <div className={className} onClick={onClick}>
184 |       <Nav />
185 | 
186 |       <Title className="title m0 p0" text="Brazilians*who&nbsp;design" />
187 | 
188 |       <motion.div
189 |         initial={{ opacity: 0 }}
190 |         animate={{ opacity: 1 }}
191 |         exit={{ opacity: 0 }}
192 |       >
193 |         <table className="large tableContent" cellSpacing="0">
194 |           <thead id="tableHeader" ref={tableHeaderRef}>
195 |             <tr>
196 |               <td>Name</td>
197 |               <td
198 |                 className="thsize-aux dn filterTable"
199 |                 onClick={(e) => {
200 |                   handleOpenFilter("location");
201 | 
202 |                   e.preventDefault();
203 |                 }}
204 |               >
205 |                 Location <FilterSVG />
206 |               </td>
207 |               <td
208 |                 className="thsize-aux filterTable"
209 |                 onClick={(e) => {
210 |                   handleOpenFilter("expertise");
211 | 
212 |                   e.preventDefault();
213 |                 }}
214 |               >
215 |                 Expertise <FilterSVG />
216 |               </td>
217 |               <td className="thsize-link"></td>
218 |             </tr>
219 |           </thead>
220 |           {designers != null ? (
221 |             <tbody>
222 |               {designers.map((d, i) => (
223 |                 <tr key={`${d.name}-${i}`}>
224 |                   <td><a href={d.link}>{d.name}</a></td>
225 |                   <td className="thsize-aux dn"><a href={d.link}>{d.location}</a></td>
226 |                   <td className="thsize-aux"><a href={d.link}>{d.expertise}</a></td>
227 |                   <td className="thsize-link"><a href={d.link}>→</a></td>
228 |                 </tr>
229 |               ))}
230 |             </tbody>
231 |           ) : null}
232 |         </table>
233 |       </motion.div>
234 |       <style jsx>{`
235 |         .tableContent {
236 |           padding-top: 18vh;
237 |         }
238 | 
239 |         .filterTable {
240 |           cursor: pointer;
241 |         }
242 | 
243 |         thead {
244 |           height: 2.2rem;
245 |         }
246 | 
247 |         .thsize-aux {
248 |           width: 20%;
249 |         }
250 | 
251 |         .thsize-link {
252 |           width: 2rem;
253 |           text-align: right;
254 |         }
255 | 
256 |         @media (max-width: 480px) {
257 |           .thsize-aux {
258 |             width: 30%;
259 |           }
260 |         }
261 | 
262 |         tbody a {
263 |           width: 100%;
264 |           padding-bottom: 0.6em;
265 |           padding-top: 0.6em;
266 |           color: inherit;
267 |           display: inline-block;
268 |         }
269 | 
270 |         table tbody td {
271 |           padding-top: 0;
272 |           padding-bottom: 0;
273 |         }
274 |       `}</style>
275 | 
276 |       <Analytics />
277 |     </div>
278 |   );
279 | }
280 | 
281 | function shuffle(array) {
282 |   var m = array.length,
283 |     temp,
284 |     i;
285 | 
286 |   while (m) {
287 |     i = Math.floor(Math.random() * m--);
288 |     temp = array[m];
289 |     array[m] = array[i];
290 |     array[i] = temp;
291 |   }
292 | 
293 |   return array;
294 | }
295 | 


--------------------------------------------------------------------------------
/pages/about.js:
--------------------------------------------------------------------------------
  1 | import Head from "next/head";
  2 | import Link from "next/link";
  3 | import { motion } from "framer-motion";
  4 | import Title from "../components/Title.js";
  5 | import MetaTags from "../components/Metatags.js";
  6 | import Analytics from "../components/Analytics.js";
  7 | 
  8 | const item = {
  9 |   hidden: { opacity: 0, y: "15%" },
 10 |   show: { opacity: 1, y: "0%" },
 11 |   transition: {
 12 |     easing: "easeInOut",
 13 |   },
 14 | };
 15 | 
 16 | const container = {
 17 |   hidden: { opacity: 0 },
 18 |   show: {
 19 |     opacity: 1,
 20 |     transition: {
 21 |       staggerChildren: 0.15,
 22 |     },
 23 |   },
 24 | };
 25 | 
 26 | export default function Home({ designers }) {
 27 |   return (
 28 |     <div className="container">
 29 |       <Head>
 30 |         <title>Brazilians Who Design | About</title>
 31 |         <link rel="icon" href="/favicon.ico" />
 32 |         <MetaTags />
 33 |       </Head>
 34 | 
 35 |       <Link href="/" shallow={true}>
 36 |         <a className="auxNav arrowback">←</a>
 37 |       </Link>
 38 | 
 39 |       <Title
 40 |         className="title m0 p0"
 41 |         text="Brazilians*who&nbsp;design&nbsp;is&nbsp;a"
 42 |         noAnimation
 43 |       />
 44 | 
 45 |       <motion.div
 46 |         variants={container}
 47 |         initial="hidden"
 48 |         animate="show"
 49 |         exit="hidden"
 50 |       >
 51 |         <p className="f1 extend">
 52 |           <motion.span variants={item}>place to showcase</motion.span>{" "}
 53 |           <motion.span variants={item}>the work of talented</motion.span>{" "}
 54 |           <motion.span variants={item}>Brazilian designers to</motion.span>{" "}
 55 |           <motion.span variants={item}>the world. The goal</motion.span>{" "}
 56 |           <motion.span variants={item}>is to inspire new</motion.span>{" "}
 57 |           <motion.span variants={item}>designers to diversify</motion.span>{" "}
 58 |           <motion.span variants={item}>
 59 |             their references, experienced designers
 60 |           </motion.span>{" "}
 61 |           <motion.span variants={item}>
 62 |             to diversity their network, and companies to diversify their teams.
 63 |           </motion.span>
 64 |         </p>
 65 |       </motion.div>
 66 | 
 67 |       <div className="moreabout">
 68 |         <div className="col-left">
 69 |           <h3>How can I nominate someone?</h3>
 70 |           <p>
 71 |             If you know a Brazilian designer whose work or voice is valuable to
 72 |             the design industry, please{" "}
 73 |             <Link href="/nominate">
 74 |               <a className="link">fill out this form</a>
 75 |             </Link>{" "}
 76 |             with their information and a few words about why you're nominating
 77 |             them. You can choose to link to their portfolio, to their Linkedin,
 78 |             or to other social profiles — any link that you feel best represents
 79 |             how that person is making a difference in the industry. We decided
 80 |             not to collect or display the designer’s photo because we wanted the
 81 |             repository to be less about what someone looks like and more about
 82 |             how they’re making an impact in the industry.
 83 |           </p>
 84 | 
 85 |           <h3>Why are featuring artists as well?</h3>
 86 |           <p>
 87 |             We wanted to showcase not only contemporary Brazilian design, but
 88 |             also leverage all the visibility that this project is getting to
 89 |             celebrate the history of design in our country. Every time you
 90 |             reload the website there’s a new featured Brazilian designer you can
 91 |             learn more about.
 92 |           </p>
 93 | 
 94 |           <h3>How did you come up with this idea?</h3>
 95 |           <p>
 96 |             We didn’t. This project is inspired by our fantastic sibling sites:
 97 |           </p>
 98 |           <ul>
 99 |             <li>
100 |               <a className="link" href="https://womenwho.design/">
101 |                 Women Who Design
102 |               </a>
103 |             </li>
104 |             <li>
105 |               <a className="link" href="https://www.womenwhodraw.com/">
106 |                 Women Who Draw
107 |               </a>
108 |             </li>
109 |             <li>
110 |               <a className="link" href="http://www.28blacks.com/">
111 |                 28 Black Designers
112 |               </a>
113 |             </li>
114 |             <li>
115 |               <a className="link" href="https://www.latinxswhodesign.com/">
116 |                 Latinx Who Design
117 |               </a>
118 |             </li>
119 |             <li>
120 |               <a className="link" href="https://queerdesign.club/">
121 |                 Queer Design Club
122 |               </a>
123 |             </li>
124 |             <li>
125 |               <a
126 |                 className="link"
127 |                 href="https://filipinos-who-design.webflow.io/"
128 |               >
129 |                 Filipinos Who Design
130 |               </a>
131 |             </li>
132 |             <li>
133 |               <a
134 |                 className="link"
135 |                 href="https://filipinos-who-design.webflow.io/"
136 |               >
137 |                 People Of Craft
138 |               </a>
139 |             </li>
140 |             <li>
141 |               <a className="link" href="https://indianswhodesign.in/">
142 |                 Indians Who Design
143 |               </a>
144 |             </li>
145 |             <li>
146 |               <a className="link" href="https://www.apiwho.design/">
147 |                 Asian & Pacific Islanders Who Design
148 |               </a>
149 |             </li>
150 |           </ul>
151 | 
152 |           <h3>How did you build this?</h3>
153 |           <p>
154 |             Brazilians Who Design is{" "}
155 |             <a
156 |               className="link"
157 |               target="_blank"
158 |               href="https://github.com/zehfernandes/brazilianswhodesign"
159 |             >
160 |               open source
161 |             </a>{" "}
162 |             for you create your own showcase. It is built inspired by the tech
163 |             stack that Jules Forrest kindly made available on Github after
164 |             building{" "}
165 |             <a
166 |               className="link"
167 |               target="_blank"
168 |               href="https://github.com/julesforrest/womenwhodesign"
169 |             >
170 |               Women Who Design.
171 |             </a>
172 |             <br />
173 |             <br />
174 |             Sites built using our open-source platform:
175 |           </p>
176 |           <ul>
177 |             <li>
178 |               <a className="link" href="https://uruguayanswho.design/">
179 |                 uruguayanswho.design
180 |               </a>
181 |             </li>
182 |             <li>
183 |               <a className="link" href="https://spaniardswho.design/">
184 |                 spaniardswho.design
185 |               </a>
186 |             </li>
187 |             <li>
188 |               <a className="link" href="https://britswho.design/">
189 |                 britswho.design
190 |               </a>
191 |             </li>
192 |           </ul>
193 |           <br />
194 |           <p>
195 |             Thanks to Caio Braga, Rafael Frota, Karina Sirqueira, Al Lucca,
196 |             Bruno Oyama, Fabio Sasso, Daniel Furtado, Rodrigo Muniz, Lucas
197 |             Falcão, for the help of gathering the initial list of designers.
198 |           </p>
199 | 
200 |           <h3>Who’s behind this?</h3>
201 |           <ul>
202 |             <li>
203 |               <a className="link" href="https://twitter.com/zehf">
204 |                 Zeh Fernandes
205 |               </a>
206 |             </li>
207 |             <li>
208 |               <a className="link" href="http://twitter.com/fabriciot">
209 |                 Fabricio Teixeira
210 |               </a>
211 |             </li>
212 |             <li>
213 |               <a className="link" href="http://uxdesign.cc/">
214 |                 UX Collective
215 |               </a>
216 |             </li>
217 |           </ul>
218 |         </div>
219 |         <div className="col-right">
220 |           <h3>How can I remove my name?</h3>
221 |           <p>
222 |             If you’ve been added to the directory and would like to opt-out or
223 |             make an edit to your profile, please send us a message at
224 |             hello@uxdesign.cc.
225 |           </p>
226 |           <h3>Why is my nomination taking so long to show?</h3>
227 |           <p>
228 |             We update this website once a week to include new names. To ensure a
229 |             healthy gender balance on this website, some nominations might take
230 |             longer to appear. In the meantime, try nominating a designer who
231 |             identifies as a woman or non-binary.
232 |           </p>
233 |         </div>
234 | 
235 |         <Analytics />
236 |       </div>
237 | 
238 |       <style jsx>{`
239 |         .extend {
240 |           margin: 0;
241 |           max-width: 17ch;
242 |         }
243 | 
244 |         .moreabout {
245 |           font-weight: normal;
246 |           font-size: 1.5rem;
247 |           line-height: 140%;
248 |           letter-spacing: 0.01em;
249 |           display: flex;
250 |           margin-top: 8rem;
251 |         }
252 | 
253 |         .moreabout > div {
254 |           width: 50%;
255 |           max-width: 50ch;
256 |         }
257 | 
258 |         .col-right {
259 |           padding-left: 3rem;
260 |         }
261 |         .col-left {
262 |           padding-right: 3rem;
263 |         }
264 | 
265 |         .moreabout p {
266 |           margin: 0;
267 |           padding: 0;
268 |         }
269 | 
270 |         .moreabout h3 {
271 |           padding: 0;
272 |           margin: 0;
273 |           font-size: 1.5rem;
274 |         }
275 | 
276 |         .moreabout h3 {
277 |           margin: 4rem 0 0 0;
278 |         }
279 | 
280 |         ul,
281 |         li {
282 |           padding: 0;
283 |           margin: 0;
284 |           list-style: none;
285 |           margin-top: 0.3rem;
286 |         }
287 | 
288 |         @media (max-width: 480px) {
289 |           .moreabout {
290 |             display: block;
291 |           }
292 | 
293 |           .moreabout > div {
294 |             width: 100%;
295 |             max-width: 100%;
296 |             display: block;
297 |             padding: 0;
298 |           }
299 |         }
300 |       `}</style>
301 |     </div>
302 |   );
303 | }
304 | 


--------------------------------------------------------------------------------
/yarn.lock:
--------------------------------------------------------------------------------
  1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
  2 | # yarn lockfile v1
  3 | 
  4 | 
  5 | "@babel/helper-plugin-utils@^7.0.0":
  6 |   version "7.10.4"
  7 |   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz#2f75a831269d4f677de49986dff59927533cf375"
  8 |   integrity sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==
  9 | 
 10 | "@babel/parser@^7.0.0":
 11 |   version "7.11.3"
 12 |   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.11.3.tgz#9e1eae46738bcd08e23e867bab43e7b95299a8f9"
 13 |   integrity sha512-REo8xv7+sDxkKvoxEywIdsNFiZLybwdI7hcT5uEPyQrSMB4YQ973BfC9OOrD/81MaIjh6UxdulIQXkjmiH3PcA==
 14 | 
 15 | "@emotion/is-prop-valid@^0.8.2":
 16 |   version "0.8.8"
 17 |   resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a"
 18 |   integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==
 19 |   dependencies:
 20 |     "@emotion/memoize" "0.7.4"
 21 | 
 22 | "@emotion/memoize@0.7.4":
 23 |   version "0.7.4"
 24 |   resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb"
 25 |   integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
 26 | 
 27 | "@next/env@12.1.4":
 28 |   version "12.1.4"
 29 |   resolved "https://registry.yarnpkg.com/@next/env/-/env-12.1.4.tgz#5af629b43075281ecd7f87938802b7cf5b67e94b"
 30 |   integrity sha512-7gQwotJDKnfMxxXd8xJ2vsX5AzyDxO3zou0+QOXX8/unypA6icw5+wf6A62yKZ6qQ4UZHHxS68pb6UV+wNneXg==
 31 | 
 32 | "@next/swc-android-arm-eabi@12.1.4":
 33 |   version "12.1.4"
 34 |   resolved "https://registry.yarnpkg.com/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-12.1.4.tgz#c3dae178b7c15ad627d2e9b8dfb38caecb5c4ac7"
 35 |   integrity sha512-FJg/6a3s2YrUaqZ+/DJZzeZqfxbbWrynQMT1C5wlIEq9aDLXCFpPM/PiOyJh0ahxc0XPmi6uo38Poq+GJTuKWw==
 36 | 
 37 | "@next/swc-android-arm64@12.1.4":
 38 |   version "12.1.4"
 39 |   resolved "https://registry.yarnpkg.com/@next/swc-android-arm64/-/swc-android-arm64-12.1.4.tgz#f320d60639e19ecffa1f9034829f2d95502a9a51"
 40 |   integrity sha512-LXraazvQQFBgxIg3Htny6G5V5he9EK7oS4jWtMdTGIikmD/OGByOv8ZjLuVLZLtVm3UIvaAiGtlQSLecxJoJDw==
 41 | 
 42 | "@next/swc-darwin-arm64@12.1.4":
 43 |   version "12.1.4"
 44 |   resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.1.4.tgz#fd578278312613eddcf3aee26910100509941b63"
 45 |   integrity sha512-SSST/dBymecllZxcqTCcSTCu5o1NKk9I+xcvhn/O9nH6GWjgvGgGkNqLbCarCa0jJ1ukvlBA138FagyrmZ/4rQ==
 46 | 
 47 | "@next/swc-darwin-x64@12.1.4":
 48 |   version "12.1.4"
 49 |   resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-12.1.4.tgz#ace5f80d8c8348efe194f6d7074c6213c52b3944"
 50 |   integrity sha512-p1lwdX0TVjaoDXQVuAkjtxVBbCL/urgxiMCBwuPDO7TikpXtSRivi+mIzBj5q7ypgICFmIAOW3TyupXeoPRAnA==
 51 | 
 52 | "@next/swc-linux-arm-gnueabihf@12.1.4":
 53 |   version "12.1.4"
 54 |   resolved "https://registry.yarnpkg.com/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-12.1.4.tgz#2bf2c83863635f19c71c226a2df936e001cce29c"
 55 |   integrity sha512-67PZlgkCn3TDxacdVft0xqDCL7Io1/C4xbAs0+oSQ0xzp6OzN2RNpuKjHJrJgKd0DsE1XZ9sCP27Qv0591yfyg==
 56 | 
 57 | "@next/swc-linux-arm64-gnu@12.1.4":
 58 |   version "12.1.4"
 59 |   resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-12.1.4.tgz#d577190f641c9b4b463719dd6b8953b6ba9be8d9"
 60 |   integrity sha512-OnOWixhhw7aU22TQdQLYrgpgFq0oA1wGgnjAiHJ+St7MLj82KTDyM9UcymAMbGYy6nG/TFOOHdTmRMtCRNOw0g==
 61 | 
 62 | "@next/swc-linux-arm64-musl@12.1.4":
 63 |   version "12.1.4"
 64 |   resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-12.1.4.tgz#e70ffe70393d8f9242deecdb282ce5a8fd588b14"
 65 |   integrity sha512-UoRMzPZnsAavdWtVylYxH8DNC7Uy0i6RrvNwT4PyQVdfANBn2omsUkcH5lgS2O7oaz0nAYLk1vqyZDO7+tJotA==
 66 | 
 67 | "@next/swc-linux-x64-gnu@12.1.4":
 68 |   version "12.1.4"
 69 |   resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.1.4.tgz#91498a130387fb1961902f2bee55863f8e910cff"
 70 |   integrity sha512-nM+MA/frxlTLUKLJKorctdI20/ugfHRjVEEkcLp/58LGG7slNaP1E5d5dRA1yX6ISjPcQAkywas5VlGCg+uTvA==
 71 | 
 72 | "@next/swc-linux-x64-musl@12.1.4":
 73 |   version "12.1.4"
 74 |   resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.1.4.tgz#78057b03c148c121553d41521ad38f6c732762ff"
 75 |   integrity sha512-GoRHxkuW4u4yKw734B9SzxJwVdyEJosaZ62P7ifOwcujTxhgBt3y76V2nNUrsSuopcKI2ZTDjaa+2wd5zyeXbA==
 76 | 
 77 | "@next/swc-win32-arm64-msvc@12.1.4":
 78 |   version "12.1.4"
 79 |   resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-12.1.4.tgz#05bbaabacac23b8edf6caa99eb86b17550a09051"
 80 |   integrity sha512-6TQkQze0ievXwHJcVUrIULwCYVe3ccX6T0JgZ1SiMeXpHxISN7VJF/O8uSCw1JvXZYZ6ud0CJ7nfC5HXivgfPg==
 81 | 
 82 | "@next/swc-win32-ia32-msvc@12.1.4":
 83 |   version "12.1.4"
 84 |   resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-12.1.4.tgz#8fd2fb48f04a2802e51fc320878bf6b411c1c866"
 85 |   integrity sha512-CsbX/IXuZ5VSmWCpSetG2HD6VO5FTsO39WNp2IR2Ut/uom9XtLDJAZqjQEnbUTLGHuwDKFjrIO3LkhtROXLE/g==
 86 | 
 87 | "@next/swc-win32-x64-msvc@12.1.4":
 88 |   version "12.1.4"
 89 |   resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.1.4.tgz#a72ed44c9b1f850986a30fe36c59e01f8a79b5f3"
 90 |   integrity sha512-JtYuWzKXKLDMgE/xTcFtCm1MiCIRaAc5XYZfYX3n/ZWSI1SJS/GMm+Su0SAHJgRFavJh6U/p998YwO/iGTIgqQ==
 91 | 
 92 | "@popmotion/easing@^1.0.1", "@popmotion/easing@^1.0.2":
 93 |   version "1.0.2"
 94 |   resolved "https://registry.yarnpkg.com/@popmotion/easing/-/easing-1.0.2.tgz#17d925c45b4bf44189e5a38038d149df42d8c0b4"
 95 |   integrity sha512-IkdW0TNmRnWTeWI7aGQIVDbKXPWHVEYdGgd5ZR4SH/Ty/61p63jCjrPxX1XrR7IGkl08bjhJROStD7j+RKgoIw==
 96 | 
 97 | "@popmotion/popcorn@^0.4.2", "@popmotion/popcorn@^0.4.4":
 98 |   version "0.4.4"
 99 |   resolved "https://registry.yarnpkg.com/@popmotion/popcorn/-/popcorn-0.4.4.tgz#a5f906fccdff84526e3fcb892712d7d8a98d6adc"
100 |   integrity sha512-jYO/8319fKoNLMlY4ZJPiPu8Ea8occYwRZhxpaNn/kZsK4QG2E7XFlXZMJBsTWDw7I1i0uaqyC4zn1nwEezLzg==
101 |   dependencies:
102 |     "@popmotion/easing" "^1.0.1"
103 |     framesync "^4.0.1"
104 |     hey-listen "^1.0.8"
105 |     style-value-types "^3.1.7"
106 |     tslib "^1.10.0"
107 | 
108 | abort-controller@^3.0.0:
109 |   version "3.0.0"
110 |   resolved "https://registry.yarnpkg.com/abort-controller/-/abort-controller-3.0.0.tgz#eaf54d53b62bae4138e809ca225c8439a6efb392"
111 |   integrity sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==
112 |   dependencies:
113 |     event-target-shim "^5.0.0"
114 | 
115 | agent-base@6:
116 |   version "6.0.2"
117 |   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
118 |   integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
119 |   dependencies:
120 |     debug "4"
121 | 
122 | ansi-regex@^2.0.0:
123 |   version "2.1.1"
124 |   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
125 |   integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
126 | 
127 | ansi-styles@^2.2.1:
128 |   version "2.2.1"
129 |   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
130 |   integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
131 | 
132 | argparse@^1.0.7:
133 |   version "1.0.10"
134 |   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
135 |   integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
136 |   dependencies:
137 |     sprintf-js "~1.0.2"
138 | 
139 | arrify@^2.0.0:
140 |   version "2.0.1"
141 |   resolved "https://registry.yarnpkg.com/arrify/-/arrify-2.0.1.tgz#c9655e9331e0abcd588d2a7cad7e9956f66701fa"
142 |   integrity sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==
143 | 
144 | babel-plugin-inline-react-svg@^1.1.1:
145 |   version "1.1.1"
146 |   resolved "https://registry.yarnpkg.com/babel-plugin-inline-react-svg/-/babel-plugin-inline-react-svg-1.1.1.tgz#3fce30c5653a6c032c21ccc2b3e0141cd494b1d8"
147 |   integrity sha512-KCCzSKJUigDXd/dxJDE6uNyVTYE46FiTt8Md3vpYHtbADeTjOLJq5LkmaVpISplxKCK25VZU8sha2Km6uIEFJA==
148 |   dependencies:
149 |     "@babel/helper-plugin-utils" "^7.0.0"
150 |     "@babel/parser" "^7.0.0"
151 |     lodash.isplainobject "^4.0.6"
152 |     resolve "^1.10.0"
153 |     svgo "^0.7.2"
154 | 
155 | base64-js@^1.3.0:
156 |   version "1.5.1"
157 |   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
158 |   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
159 | 
160 | bignumber.js@^9.0.0:
161 |   version "9.0.2"
162 |   resolved "https://registry.yarnpkg.com/bignumber.js/-/bignumber.js-9.0.2.tgz#71c6c6bed38de64e24a65ebe16cfcf23ae693673"
163 |   integrity sha512-GAcQvbpsM0pUb0zw1EI0KhQEZ+lRwR5fYaAp3vPOYuP7aDvGy6cVN6XHLauvF8SOga2y0dcLcjt3iQDTSEliyw==
164 | 
165 | buffer-equal-constant-time@1.0.1:
166 |   version "1.0.1"
167 |   resolved "https://registry.yarnpkg.com/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz#f8e71132f7ffe6e01a5c9697a4c6f3e48d5cc819"
168 |   integrity sha1-+OcRMvf/5uAaXJaXpMbz5I1cyBk=
169 | 
170 | call-bind@^1.0.0:
171 |   version "1.0.2"
172 |   resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c"
173 |   integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==
174 |   dependencies:
175 |     function-bind "^1.1.1"
176 |     get-intrinsic "^1.0.2"
177 | 
178 | caniuse-lite@^1.0.30001283:
179 |   version "1.0.30001325"
180 |   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001325.tgz#2b4ad19b77aa36f61f2eaf72e636d7481d55e606"
181 |   integrity sha512-sB1bZHjseSjDtijV1Hb7PB2Zd58Kyx+n/9EotvZ4Qcz2K3d0lWB8dB4nb8wN/TsOGFq3UuAm0zQZNQ4SoR7TrQ==
182 | 
183 | chalk@^1.1.3:
184 |   version "1.1.3"
185 |   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
186 |   integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
187 |   dependencies:
188 |     ansi-styles "^2.2.1"
189 |     escape-string-regexp "^1.0.2"
190 |     has-ansi "^2.0.0"
191 |     strip-ansi "^3.0.0"
192 |     supports-color "^2.0.0"
193 | 
194 | clap@^1.0.9:
195 |   version "1.2.3"
196 |   resolved "https://registry.yarnpkg.com/clap/-/clap-1.2.3.tgz#4f36745b32008492557f46412d66d50cb99bce51"
197 |   integrity sha512-4CoL/A3hf90V3VIEjeuhSvlGFEHKzOz+Wfc2IVZc+FaUgU0ZQafJTP49fvnULipOPcAfqhyI2duwQyns6xqjYA==
198 |   dependencies:
199 |     chalk "^1.1.3"
200 | 
201 | coa@~1.0.1:
202 |   version "1.0.4"
203 |   resolved "https://registry.yarnpkg.com/coa/-/coa-1.0.4.tgz#a9ef153660d6a86a8bdec0289a5c684d217432fd"
204 |   integrity sha1-qe8VNmDWqGqL3sAomlxoTSF0Mv0=
205 |   dependencies:
206 |     q "^1.1.2"
207 | 
208 | colors@~1.1.2:
209 |   version "1.1.2"
210 |   resolved "https://registry.yarnpkg.com/colors/-/colors-1.1.2.tgz#168a4701756b6a7f51a12ce0c97bfa28c084ed63"
211 |   integrity sha1-FopHAXVran9RoSzgyXv6KMCE7WM=
212 | 
213 | csso@~2.3.1:
214 |   version "2.3.2"
215 |   resolved "https://registry.yarnpkg.com/csso/-/csso-2.3.2.tgz#ddd52c587033f49e94b71fc55569f252e8ff5f85"
216 |   integrity sha1-3dUsWHAz9J6Utx/FVWnyUuj/X4U=
217 |   dependencies:
218 |     clap "^1.0.9"
219 |     source-map "^0.5.3"
220 | 
221 | debug@4:
222 |   version "4.3.4"
223 |   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
224 |   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
225 |   dependencies:
226 |     ms "2.1.2"
227 | 
228 | ecdsa-sig-formatter@1.0.11, ecdsa-sig-formatter@^1.0.11:
229 |   version "1.0.11"
230 |   resolved "https://registry.yarnpkg.com/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz#ae0f0fa2d85045ef14a817daa3ce9acd0489e5bf"
231 |   integrity sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==
232 |   dependencies:
233 |     safe-buffer "^5.0.1"
234 | 
235 | escape-string-regexp@^1.0.2:
236 |   version "1.0.5"
237 |   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
238 |   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
239 | 
240 | esprima@^2.6.0:
241 |   version "2.7.3"
242 |   resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581"
243 |   integrity sha1-luO3DVd59q1JzQMmc9HDEnZ7pYE=
244 | 
245 | esprima@^4.0.0:
246 |   version "4.0.1"
247 |   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
248 |   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
249 | 
250 | event-target-shim@^5.0.0:
251 |   version "5.0.1"
252 |   resolved "https://registry.yarnpkg.com/event-target-shim/-/event-target-shim-5.0.1.tgz#5d4d3ebdf9583d63a5333ce2deb7480ab2b05789"
253 |   integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
254 | 
255 | extend@^3.0.2:
256 |   version "3.0.2"
257 |   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
258 |   integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
259 | 
260 | fast-text-encoding@^1.0.0:
261 |   version "1.0.3"
262 |   resolved "https://registry.yarnpkg.com/fast-text-encoding/-/fast-text-encoding-1.0.3.tgz#ec02ac8e01ab8a319af182dae2681213cfe9ce53"
263 |   integrity sha512-dtm4QZH9nZtcDt8qJiOH9fcQd1NAgi+K1O2DbE6GG1PPCK/BWfOH3idCTRQ4ImXRUOyopDEgDEnVEE7Y/2Wrig==
264 | 
265 | framer-motion@^1.11.1:
266 |   version "1.11.1"
267 |   resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-1.11.1.tgz#b031d1556a78854e0989b8c7e96418c6e15aa474"
268 |   integrity sha512-CP6aYLPSivAWkq9UoSurefHBggxG85IT8ObYyWYkcZppgtjHzpwRzhaA8P0ljMGRqtcpeQAIybiGgPioBPlOSw==
269 |   dependencies:
270 |     "@popmotion/easing" "^1.0.2"
271 |     "@popmotion/popcorn" "^0.4.2"
272 |     framesync "^4.0.4"
273 |     hey-listen "^1.0.8"
274 |     popmotion "9.0.0-beta-8"
275 |     style-value-types "^3.1.6"
276 |     stylefire "^7.0.2"
277 |     tslib "^1.10.0"
278 |   optionalDependencies:
279 |     "@emotion/is-prop-valid" "^0.8.2"
280 | 
281 | framesync@^4.0.0, framesync@^4.0.1, framesync@^4.0.4:
282 |   version "4.0.4"
283 |   resolved "https://registry.yarnpkg.com/framesync/-/framesync-4.0.4.tgz#79c42c0118f26821c078570db0ff81fb863516a2"
284 |   integrity sha512-mdP0WvVHe0/qA62KG2LFUAOiWLng5GLpscRlwzBxu2VXOp6B8hNs5C5XlFigsMgrfDrr2YbqTsgdWZTc4RXRMQ==
285 |   dependencies:
286 |     hey-listen "^1.0.8"
287 |     tslib "^1.10.0"
288 | 
289 | function-bind@^1.1.1:
290 |   version "1.1.1"
291 |   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
292 |   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
293 | 
294 | gaxios@^4.0.0:
295 |   version "4.3.2"
296 |   resolved "https://registry.yarnpkg.com/gaxios/-/gaxios-4.3.2.tgz#845827c2dc25a0213c8ab4155c7a28910f5be83f"
297 |   integrity sha512-T+ap6GM6UZ0c4E6yb1y/hy2UB6hTrqhglp3XfmU9qbLCGRYhLVV5aRPpC4EmoG8N8zOnkYCgoBz+ScvGAARY6Q==
298 |   dependencies:
299 |     abort-controller "^3.0.0"
300 |     extend "^3.0.2"
301 |     https-proxy-agent "^5.0.0"
302 |     is-stream "^2.0.0"
303 |     node-fetch "^2.6.1"
304 | 
305 | gcp-metadata@^4.2.0:
306 |   version "4.3.1"
307 |   resolved "https://registry.yarnpkg.com/gcp-metadata/-/gcp-metadata-4.3.1.tgz#fb205fe6a90fef2fd9c85e6ba06e5559ee1eefa9"
308 |   integrity sha512-x850LS5N7V1F3UcV7PoupzGsyD6iVwTVvsh3tbXfkctZnBnjW5yu5z1/3k3SehF7TyoTIe78rJs02GMMy+LF+A==
309 |   dependencies:
310 |     gaxios "^4.0.0"
311 |     json-bigint "^1.0.0"
312 | 
313 | get-intrinsic@^1.0.2:
314 |   version "1.1.1"
315 |   resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6"
316 |   integrity sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==
317 |   dependencies:
318 |     function-bind "^1.1.1"
319 |     has "^1.0.3"
320 |     has-symbols "^1.0.1"
321 | 
322 | google-auth-library@^7.0.2, google-auth-library@^7.14.0:
323 |   version "7.14.1"
324 |   resolved "https://registry.yarnpkg.com/google-auth-library/-/google-auth-library-7.14.1.tgz#e3483034162f24cc71b95c8a55a210008826213c"
325 |   integrity sha512-5Rk7iLNDFhFeBYc3s8l1CqzbEBcdhwR193RlD4vSNFajIcINKI8W8P0JLmBpwymHqqWbX34pJDQu39cSy/6RsA==
326 |   dependencies:
327 |     arrify "^2.0.0"
328 |     base64-js "^1.3.0"
329 |     ecdsa-sig-formatter "^1.0.11"
330 |     fast-text-encoding "^1.0.0"
331 |     gaxios "^4.0.0"
332 |     gcp-metadata "^4.2.0"
333 |     gtoken "^5.0.4"
334 |     jws "^4.0.0"
335 |     lru-cache "^6.0.0"
336 | 
337 | google-p12-pem@^3.1.3:
338 |   version "3.1.3"
339 |   resolved "https://registry.yarnpkg.com/google-p12-pem/-/google-p12-pem-3.1.3.tgz#5497998798ee86c2fc1f4bb1f92b7729baf37537"
340 |   integrity sha512-MC0jISvzymxePDVembypNefkAQp+DRP7dBE+zNUPaIjEspIlYg0++OrsNr248V9tPbz6iqtZ7rX1hxWA5B8qBQ==
341 |   dependencies:
342 |     node-forge "^1.0.0"
343 | 
344 | googleapis-common@^5.0.2:
345 |   version "5.1.0"
346 |   resolved "https://registry.yarnpkg.com/googleapis-common/-/googleapis-common-5.1.0.tgz#845a79471c787e522e03c50d415467140e9e356a"
347 |   integrity sha512-RXrif+Gzhq1QAzfjxulbGvAY3FPj8zq/CYcvgjzDbaBNCD6bUl+86I7mUs4DKWHGruuK26ijjR/eDpWIDgNROA==
348 |   dependencies:
349 |     extend "^3.0.2"
350 |     gaxios "^4.0.0"
351 |     google-auth-library "^7.14.0"
352 |     qs "^6.7.0"
353 |     url-template "^2.0.8"
354 |     uuid "^8.0.0"
355 | 
356 | googleapis@^91.0.0:
357 |   version "91.0.0"
358 |   resolved "https://registry.yarnpkg.com/googleapis/-/googleapis-91.0.0.tgz#c5e51ca568ed687f0694a082237c7b7b96a19b3b"
359 |   integrity sha512-iHqXZwgYam0g8n0Yyi+YHx8kgwT+H5O4k3fe0LB1JhWRp1dSKYu+ShY4PQbW584zLOE4kK3LHf2B+x1THx+ZPQ==
360 |   dependencies:
361 |     google-auth-library "^7.0.2"
362 |     googleapis-common "^5.0.2"
363 | 
364 | gtoken@^5.0.4:
365 |   version "5.3.2"
366 |   resolved "https://registry.yarnpkg.com/gtoken/-/gtoken-5.3.2.tgz#deb7dc876abe002178e0515e383382ea9446d58f"
367 |   integrity sha512-gkvEKREW7dXWF8NV8pVrKfW7WqReAmjjkMBh6lNCCGOM4ucS0r0YyXXl0r/9Yj8wcW/32ISkfc8h5mPTDbtifQ==
368 |   dependencies:
369 |     gaxios "^4.0.0"
370 |     google-p12-pem "^3.1.3"
371 |     jws "^4.0.0"
372 | 
373 | has-ansi@^2.0.0:
374 |   version "2.0.0"
375 |   resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
376 |   integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=
377 |   dependencies:
378 |     ansi-regex "^2.0.0"
379 | 
380 | has-symbols@^1.0.1:
381 |   version "1.0.1"
382 |   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
383 |   integrity sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==
384 | 
385 | has@^1.0.3:
386 |   version "1.0.3"
387 |   resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
388 |   integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
389 |   dependencies:
390 |     function-bind "^1.1.1"
391 | 
392 | hey-listen@^1.0.8:
393 |   version "1.0.8"
394 |   resolved "https://registry.yarnpkg.com/hey-listen/-/hey-listen-1.0.8.tgz#8e59561ff724908de1aa924ed6ecc84a56a9aa68"
395 |   integrity sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==
396 | 
397 | https-proxy-agent@^5.0.0:
398 |   version "5.0.0"
399 |   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz#e2a90542abb68a762e0a0850f6c9edadfd8506b2"
400 |   integrity sha512-EkYm5BcKUGiduxzSt3Eppko+PiNWNEpa4ySk9vTC6wDsQJW9rHSa+UhGNJoRYp7bz6Ht1eaRIa6QaJqO5rCFbA==
401 |   dependencies:
402 |     agent-base "6"
403 |     debug "4"
404 | 
405 | is-stream@^2.0.0:
406 |   version "2.0.1"
407 |   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
408 |   integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
409 | 
410 | "js-tokens@^3.0.0 || ^4.0.0":
411 |   version "4.0.0"
412 |   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
413 |   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
414 | 
415 | js-yaml@^3.13.1:
416 |   version "3.13.1"
417 |   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847"
418 |   integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==
419 |   dependencies:
420 |     argparse "^1.0.7"
421 |     esprima "^4.0.0"
422 | 
423 | js-yaml@~3.7.0:
424 |   version "3.7.0"
425 |   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.7.0.tgz#5c967ddd837a9bfdca5f2de84253abe8a1c03b80"
426 |   integrity sha1-XJZ93YN6m/3KXy3oQlOr6KHAO4A=
427 |   dependencies:
428 |     argparse "^1.0.7"
429 |     esprima "^2.6.0"
430 | 
431 | json-bigint@^1.0.0:
432 |   version "1.0.0"
433 |   resolved "https://registry.yarnpkg.com/json-bigint/-/json-bigint-1.0.0.tgz#ae547823ac0cad8398667f8cd9ef4730f5b01ff1"
434 |   integrity sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ==
435 |   dependencies:
436 |     bignumber.js "^9.0.0"
437 | 
438 | jwa@^2.0.0:
439 |   version "2.0.0"
440 |   resolved "https://registry.yarnpkg.com/jwa/-/jwa-2.0.0.tgz#a7e9c3f29dae94027ebcaf49975c9345593410fc"
441 |   integrity sha512-jrZ2Qx916EA+fq9cEAeCROWPTfCwi1IVHqT2tapuqLEVVDKFDENFw1oL+MwrTvH6msKxsd1YTDVw6uKEcsrLEA==
442 |   dependencies:
443 |     buffer-equal-constant-time "1.0.1"
444 |     ecdsa-sig-formatter "1.0.11"
445 |     safe-buffer "^5.0.1"
446 | 
447 | jws@^4.0.0:
448 |   version "4.0.0"
449 |   resolved "https://registry.yarnpkg.com/jws/-/jws-4.0.0.tgz#2d4e8cf6a318ffaa12615e9dec7e86e6c97310f4"
450 |   integrity sha512-KDncfTmOZoOMTFG4mBlG0qUIOlc03fmzH+ru6RgYVZhPkyiy/92Owlt/8UEN+a4TXR1FQetfIpJE8ApdvdVxTg==
451 |   dependencies:
452 |     jwa "^2.0.0"
453 |     safe-buffer "^5.0.1"
454 | 
455 | lodash.isplainobject@^4.0.6:
456 |   version "4.0.6"
457 |   resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb"
458 |   integrity sha1-fFJqUtibRcRcxpC4gWO+BJf1UMs=
459 | 
460 | loose-envify@^1.1.0, loose-envify@^1.4.0:
461 |   version "1.4.0"
462 |   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
463 |   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
464 |   dependencies:
465 |     js-tokens "^3.0.0 || ^4.0.0"
466 | 
467 | lru-cache@^6.0.0:
468 |   version "6.0.0"
469 |   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
470 |   integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
471 |   dependencies:
472 |     yallist "^4.0.0"
473 | 
474 | minimist@^1.2.5:
475 |   version "1.2.5"
476 |   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
477 |   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
478 | 
479 | mkdirp@~0.5.1:
480 |   version "0.5.5"
481 |   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
482 |   integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
483 |   dependencies:
484 |     minimist "^1.2.5"
485 | 
486 | ms@2.1.2:
487 |   version "2.1.2"
488 |   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
489 |   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
490 | 
491 | nanoid@^3.1.30:
492 |   version "3.3.2"
493 |   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.2.tgz#c89622fafb4381cd221421c69ec58547a1eec557"
494 |   integrity sha512-CuHBogktKwpm5g2sRgv83jEy2ijFzBwMoYA60orPDR7ynsLijJDqgsi4RDGj3OJpy3Ieb+LYwiRmIOGyytgITA==
495 | 
496 | next-absolute-url@^1.2.2:
497 |   version "1.2.2"
498 |   resolved "https://registry.yarnpkg.com/next-absolute-url/-/next-absolute-url-1.2.2.tgz#9aba5adcee8effcffd63271d99e13213ad04c23b"
499 |   integrity sha512-Z2+LZXQTthhw2je9u4eq8QWXxXd57a6b54x9exBfQX4Dct6YxaMjcXZWNLHd9AOlCue84EsMpdSGP7wACqUnPg==
500 | 
501 | next@^12.1.0:
502 |   version "12.1.4"
503 |   resolved "https://registry.yarnpkg.com/next/-/next-12.1.4.tgz#597a9bdec7aec778b442c4f6d41afd2c64a54b23"
504 |   integrity sha512-DA4g97BM4Z0nKtDvCTm58RxdvoQyYzeg0AeVbh0N4Y/D8ELrNu47lQeEgRGF8hV4eQ+Sal90zxrJQQG/mPQ8CQ==
505 |   dependencies:
506 |     "@next/env" "12.1.4"
507 |     caniuse-lite "^1.0.30001283"
508 |     postcss "8.4.5"
509 |     styled-jsx "5.0.1"
510 |   optionalDependencies:
511 |     "@next/swc-android-arm-eabi" "12.1.4"
512 |     "@next/swc-android-arm64" "12.1.4"
513 |     "@next/swc-darwin-arm64" "12.1.4"
514 |     "@next/swc-darwin-x64" "12.1.4"
515 |     "@next/swc-linux-arm-gnueabihf" "12.1.4"
516 |     "@next/swc-linux-arm64-gnu" "12.1.4"
517 |     "@next/swc-linux-arm64-musl" "12.1.4"
518 |     "@next/swc-linux-x64-gnu" "12.1.4"
519 |     "@next/swc-linux-x64-musl" "12.1.4"
520 |     "@next/swc-win32-arm64-msvc" "12.1.4"
521 |     "@next/swc-win32-ia32-msvc" "12.1.4"
522 |     "@next/swc-win32-x64-msvc" "12.1.4"
523 | 
524 | node-fetch@^2.6.1:
525 |   version "2.6.7"
526 |   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
527 |   integrity sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==
528 |   dependencies:
529 |     whatwg-url "^5.0.0"
530 | 
531 | node-forge@^1.0.0:
532 |   version "1.3.1"
533 |   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
534 |   integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
535 | 
536 | object-assign@^4.1.1:
537 |   version "4.1.1"
538 |   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
539 |   integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
540 | 
541 | object-inspect@^1.9.0:
542 |   version "1.11.0"
543 |   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.11.0.tgz#9dceb146cedd4148a0d9e51ab88d34cf509922b1"
544 |   integrity sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg==
545 | 
546 | path-parse@^1.0.6:
547 |   version "1.0.7"
548 |   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
549 |   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
550 | 
551 | picocolors@^1.0.0:
552 |   version "1.0.0"
553 |   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
554 |   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
555 | 
556 | popmotion@9.0.0-beta-8:
557 |   version "9.0.0-beta-8"
558 |   resolved "https://registry.yarnpkg.com/popmotion/-/popmotion-9.0.0-beta-8.tgz#f5a709f11737734e84f2a6b73f9bcf25ee30c388"
559 |   integrity sha512-6eQzqursPvnP7ePvdfPeY4wFHmS3OLzNP8rJRvmfFfEIfpFqrQgLsM50Gd9AOvGKJtYJOFknNG+dsnzCpgIdAA==
560 |   dependencies:
561 |     "@popmotion/easing" "^1.0.1"
562 |     "@popmotion/popcorn" "^0.4.2"
563 |     framesync "^4.0.4"
564 |     hey-listen "^1.0.8"
565 |     style-value-types "^3.1.6"
566 |     tslib "^1.10.0"
567 | 
568 | postcss@8.4.5:
569 |   version "8.4.5"
570 |   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.5.tgz#bae665764dfd4c6fcc24dc0fdf7e7aa00cc77f95"
571 |   integrity sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==
572 |   dependencies:
573 |     nanoid "^3.1.30"
574 |     picocolors "^1.0.0"
575 |     source-map-js "^1.0.1"
576 | 
577 | prop-types@^15.6.2:
578 |   version "15.7.2"
579 |   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
580 |   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
581 |   dependencies:
582 |     loose-envify "^1.4.0"
583 |     object-assign "^4.1.1"
584 |     react-is "^16.8.1"
585 | 
586 | q@^1.1.2:
587 |   version "1.5.1"
588 |   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
589 |   integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
590 | 
591 | qs@^6.7.0:
592 |   version "6.10.3"
593 |   resolved "https://registry.yarnpkg.com/qs/-/qs-6.10.3.tgz#d6cde1b2ffca87b5aa57889816c5f81535e22e8e"
594 |   integrity sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==
595 |   dependencies:
596 |     side-channel "^1.0.4"
597 | 
598 | react-dom@16.13.1:
599 |   version "16.13.1"
600 |   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.13.1.tgz#c1bd37331a0486c078ee54c4740720993b2e0e7f"
601 |   integrity sha512-81PIMmVLnCNLO/fFOQxdQkvEq/+Hfpv24XNJfpyZhTRfO0QcmQIF/PgCa1zCOj2w1hrn12MFLyaJ/G0+Mxtfag==
602 |   dependencies:
603 |     loose-envify "^1.1.0"
604 |     object-assign "^4.1.1"
605 |     prop-types "^15.6.2"
606 |     scheduler "^0.19.1"
607 | 
608 | react-is@^16.8.1:
609 |   version "16.13.1"
610 |   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
611 |   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
612 | 
613 | react@^17.0.2:
614 |   version "17.0.2"
615 |   resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
616 |   integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
617 |   dependencies:
618 |     loose-envify "^1.1.0"
619 |     object-assign "^4.1.1"
620 | 
621 | resolve@^1.10.0:
622 |   version "1.17.0"
623 |   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
624 |   integrity sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==
625 |   dependencies:
626 |     path-parse "^1.0.6"
627 | 
628 | safe-buffer@^5.0.1:
629 |   version "5.2.1"
630 |   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
631 |   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
632 | 
633 | sax@~1.2.1:
634 |   version "1.2.4"
635 |   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
636 |   integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
637 | 
638 | scheduler@^0.19.1:
639 |   version "0.19.1"
640 |   resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196"
641 |   integrity sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==
642 |   dependencies:
643 |     loose-envify "^1.1.0"
644 |     object-assign "^4.1.1"
645 | 
646 | side-channel@^1.0.4:
647 |   version "1.0.4"
648 |   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
649 |   integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
650 |   dependencies:
651 |     call-bind "^1.0.0"
652 |     get-intrinsic "^1.0.2"
653 |     object-inspect "^1.9.0"
654 | 
655 | source-map-js@^1.0.1:
656 |   version "1.0.2"
657 |   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
658 |   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
659 | 
660 | source-map@^0.5.3:
661 |   version "0.5.7"
662 |   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
663 |   integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
664 | 
665 | sprintf-js@~1.0.2:
666 |   version "1.0.3"
667 |   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
668 |   integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
669 | 
670 | strip-ansi@^3.0.0:
671 |   version "3.0.1"
672 |   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
673 |   integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
674 |   dependencies:
675 |     ansi-regex "^2.0.0"
676 | 
677 | style-value-types@^3.1.6, style-value-types@^3.1.7:
678 |   version "3.1.9"
679 |   resolved "https://registry.yarnpkg.com/style-value-types/-/style-value-types-3.1.9.tgz#faf7da660d3f284ed695cff61ea197d85b9122cc"
680 |   integrity sha512-050uqgB7WdvtgacoQKm+4EgKzJExVq0sieKBQQtJiU3Muh6MYcCp4T3M8+dfl6VOF2LR0NNwXBP1QYEed8DfIw==
681 |   dependencies:
682 |     hey-listen "^1.0.8"
683 |     tslib "^1.10.0"
684 | 
685 | styled-jsx@5.0.1:
686 |   version "5.0.1"
687 |   resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.0.1.tgz#78fecbbad2bf95ce6cd981a08918ce4696f5fc80"
688 |   integrity sha512-+PIZ/6Uk40mphiQJJI1202b+/dYeTVd9ZnMPR80pgiWbjIwvN2zIp4r9et0BgqBuShh48I0gttPlAXA7WVvBxw==
689 | 
690 | stylefire@^7.0.2:
691 |   version "7.0.3"
692 |   resolved "https://registry.yarnpkg.com/stylefire/-/stylefire-7.0.3.tgz#9120ecbb084111788e0ddaa04074799750f20d1d"
693 |   integrity sha512-Q0l7NSeFz/OkX+o6/7Zg3VZxSAZeQzQpYomWmIpOehFM/rJNMSLVX5fgg6Q48ut2ETNKwdhm97mPNU643EBCoQ==
694 |   dependencies:
695 |     "@popmotion/popcorn" "^0.4.4"
696 |     framesync "^4.0.0"
697 |     hey-listen "^1.0.8"
698 |     style-value-types "^3.1.7"
699 |     tslib "^1.10.0"
700 | 
701 | supports-color@^2.0.0:
702 |   version "2.0.0"
703 |   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
704 |   integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
705 | 
706 | svgo@^0.7.2:
707 |   version "0.7.2"
708 |   resolved "https://registry.yarnpkg.com/svgo/-/svgo-0.7.2.tgz#9f5772413952135c6fefbf40afe6a4faa88b4bb5"
709 |   integrity sha1-n1dyQTlSE1xv779Ar+ak+qiLS7U=
710 |   dependencies:
711 |     coa "~1.0.1"
712 |     colors "~1.1.2"
713 |     csso "~2.3.1"
714 |     js-yaml "~3.7.0"
715 |     mkdirp "~0.5.1"
716 |     sax "~1.2.1"
717 |     whet.extend "~0.9.9"
718 | 
719 | tr46@~0.0.3:
720 |   version "0.0.3"
721 |   resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
722 |   integrity sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=
723 | 
724 | tslib@^1.10.0:
725 |   version "1.13.0"
726 |   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
727 |   integrity sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==
728 | 
729 | url-template@^2.0.8:
730 |   version "2.0.8"
731 |   resolved "https://registry.yarnpkg.com/url-template/-/url-template-2.0.8.tgz#fc565a3cccbff7730c775f5641f9555791439f21"
732 |   integrity sha1-/FZaPMy/93MMd19WQflVV5FDnyE=
733 | 
734 | uuid@^8.0.0:
735 |   version "8.3.2"
736 |   resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
737 |   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
738 | 
739 | webidl-conversions@^3.0.0:
740 |   version "3.0.1"
741 |   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
742 |   integrity sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=
743 | 
744 | whatwg-url@^5.0.0:
745 |   version "5.0.0"
746 |   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
747 |   integrity sha1-lmRU6HZUYuN2RNNib2dCzotwll0=
748 |   dependencies:
749 |     tr46 "~0.0.3"
750 |     webidl-conversions "^3.0.0"
751 | 
752 | whet.extend@~0.9.9:
753 |   version "0.9.9"
754 |   resolved "https://registry.yarnpkg.com/whet.extend/-/whet.extend-0.9.9.tgz#f877d5bf648c97e5aa542fadc16d6a259b9c11a1"
755 |   integrity sha1-+HfVv2SMl+WqVC+twW1qJZucEaE=
756 | 
757 | yallist@^4.0.0:
758 |   version "4.0.0"
759 |   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
760 |   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
761 | 


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