diff --git a/package.json b/package.json
index fc52ead..008f3ff 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/pashto-inflector",
-  "version": "4.9.9",
+  "version": "4.9.10",
   "author": "lingdocs.com",
   "description": "A Pashto inflection and verb conjugation engine, inculding React components for displaying Pashto text, inflections, and conjugations",
   "homepage": "https://verbs.lingdocs.com",
@@ -27,7 +27,8 @@
     "jsurl2": "^2.1.0",
     "lz-string": "^1.4.4",
     "pbf": "^3.2.1",
-    "rambda": "^6.7.0"
+    "rambda": "^6.7.0",
+    "react-select": "^5.4.0"
   },
   "devDependencies": {
     "@fortawesome/fontawesome-free": "^5.15.2",
diff --git a/src/components/EntrySelect.tsx b/src/components/EntrySelect.tsx
index a8bd96b..84c0e3b 100644
--- a/src/components/EntrySelect.tsx
+++ b/src/components/EntrySelect.tsx
@@ -1,31 +1,31 @@
 import * as T from "../types";
 import { StyleHTMLAttributes } from "react";
-// import Select, { StylesConfig } from "react-select";
-// import AsyncSelect from "react-select/async";
-// import {
-//     makeSelectOption,
-//     makeVerbSelectOption,
-// } from "./np-picker/picker-tools";
+import Select, { StylesConfig } from "react-select";
+import AsyncSelect from "react-select/async";
+import {
+    makeSelectOption,
+    makeVerbSelectOption,
+} from "./np-picker/picker-tools";
 
-// export const customStyles: StylesConfig = {
-//     menuPortal: (base) => ({
-//         ...base,
-//         zIndex: 99999,
-//     }),
-//     menu: (base) => ({
-//         ...base,
-//         zIndex: 999999,
-//     }),
-//     option: (provided, state) => ({
-//         ...provided,
-//         padding: "10px 5px",
-//         color: "#121418",
-//     }),
-//     input: (base) => ({
-//         ...base,
-//         padding: 0,
-//     }),
-// }
+export const customStyles: StylesConfig = {
+    menuPortal: (base) => ({
+        ...base,
+        zIndex: 99999,
+    }),
+    menu: (base) => ({
+        ...base,
+        zIndex: 999999,
+    }),
+    option: (provided, state) => ({
+        ...provided,
+        padding: "10px 5px",
+        color: "#121418",
+    }),
+    input: (base) => ({
+        ...base,
+        padding: 0,
+    }),
+}
 
 function EntrySelect<E extends T.DictionaryEntry | T.VerbEntry>(props: {
     entryFeeder: T.EntryFeederSingleType<E>,
@@ -36,80 +36,79 @@ function EntrySelect<E extends T.DictionaryEntry | T.VerbEntry>(props: {
     opts: T.TextOptions,
     style?: StyleHTMLAttributes<HTMLDivElement>,
 }) {
-    return <div>not here</div>;
-//     const divStyle = props.style || { width: "13rem" };
-//     // const placeholder = "entries" in props ? "Select…" : "Search Pashto";
-//     function makeOption(e: E | T.DictionaryEntry) {
-//         if ("entry" in e) {
-//             return (props.isVerbSelect ? makeVerbSelectOption : makeSelectOption)(e, props.opts);
-//         }
-//         return makeSelectOption(e, props.opts);
-//     }
-//     // const value = props.value ? makeOption(props.value) : undefined;
-//     if ("search" in props.entryFeeder) {
-//         // const search = props.entryFeeder.search;
-//         // const getByTs = props.entryFeeder.getByTs;
-//         // const options = (searchString: string) => 
-//         //     new Promise<{ value: string, label: string | JSX.Element }[]>(resolve => {
-//         //         resolve(search(searchString).map(makeOption));
-//         //     });
-//         // const onChange = (v: { label: string | JSX.Element, value: string } | null) => {
-//         //     if (!v) {
-//         //         props.onChange(undefined);
-//         //         return;
-//         //     }
-//         //     const s = getByTs(parseInt(v.value));
-//         //     if (!s) return;
-//         //     props.onChange(s);
-//         // }
-//         return <div style={divStyle}>
-//             {/* <AsyncSelect
-//                 styles={customStyles}
-//                 isSearchable={true}
-//                 className="mb-2"
-//                 value={value}
-//                 // @ts-ignore
-//                 onChange={onChange}
-//                 defaultOptions={[]}
-//                 loadOptions={options}
-//                 placeholder={placeholder}
-//             /> */}
-//         </div>;
-//     }
-//     const entries = props.entryFeeder;
-//     const options = entries
-//         .sort((a, b) => {
-//             if ("entry" in a) {
-//                 return a.entry.p.localeCompare("p" in b ? b.p : b.entry.p, "af-PS")
-//             }
-//             return a.p.localeCompare("p" in b ? b.p : b.entry.p, "af-PS");
-//         })
-//         .map(makeOption);
-//     const onChange = (v: { label: string | JSX.Element, value: string } | null) => {
-//         if (!v) {
-//             props.onChange(undefined);
-//             return;
-//         }
-//         const s = entries.find(e => (
-//             ("entry" in e) 
-//                 ? e.entry.ts.toString() === v.value
-//                 : e.ts.toString() === v.value
-//         ));
-//         if (!s) return;
-//         props.onChange(s);
-//     }
-//     return <div style={divStyle}>
-//         {/* <Select
-//             styles={customStyles}
-//             isSearchable={true}
-//             value={value}
-//             // @ts-ignore - gets messed up when using customStyles
-//             onChange={onChange}
-//             className="mb-2"
-//             options={options}
-//             placeholder={placeholder}
-//         /> */}
-//     </div>
+    const divStyle = props.style || { width: "13rem" };
+    const placeholder = "entries" in props ? "Select…" : "Search Pashto";
+    function makeOption(e: E | T.DictionaryEntry) {
+        if ("entry" in e) {
+            return (props.isVerbSelect ? makeVerbSelectOption : makeSelectOption)(e, props.opts);
+        }
+        return makeSelectOption(e, props.opts);
+    }
+    const value = props.value ? makeOption(props.value) : undefined;
+    if ("search" in props.entryFeeder) {
+        const search = props.entryFeeder.search;
+        const getByTs = props.entryFeeder.getByTs;
+        const options = (searchString: string) => 
+            new Promise<{ value: string, label: string | JSX.Element }[]>(resolve => {
+                resolve(search(searchString).map(makeOption));
+            });
+        const onChange = (v: { label: string | JSX.Element, value: string } | null) => {
+            if (!v) {
+                props.onChange(undefined);
+                return;
+            }
+            const s = getByTs(parseInt(v.value));
+            if (!s) return;
+            props.onChange(s);
+        }
+        return <div style={divStyle}>
+            <AsyncSelect
+                styles={customStyles}
+                isSearchable={true}
+                className="mb-2"
+                value={value}
+                // @ts-ignore
+                onChange={onChange}
+                defaultOptions={[]}
+                loadOptions={options}
+                placeholder={placeholder}
+            />
+        </div>;
+    }
+    const entries = props.entryFeeder;
+    const options = entries
+        .sort((a, b) => {
+            if ("entry" in a) {
+                return a.entry.p.localeCompare("p" in b ? b.p : b.entry.p, "af-PS")
+            }
+            return a.p.localeCompare("p" in b ? b.p : b.entry.p, "af-PS");
+        })
+        .map(makeOption);
+    const onChange = (v: { label: string | JSX.Element, value: string } | null) => {
+        if (!v) {
+            props.onChange(undefined);
+            return;
+        }
+        const s = entries.find(e => (
+            ("entry" in e) 
+                ? e.entry.ts.toString() === v.value
+                : e.ts.toString() === v.value
+        ));
+        if (!s) return;
+        props.onChange(s);
+    }
+    return <div style={divStyle}>
+        <Select
+            styles={customStyles}
+            isSearchable={true}
+            value={value}
+            // @ts-ignore - gets messed up when using customStyles
+            onChange={onChange}
+            className="mb-2"
+            options={options}
+            placeholder={placeholder}
+        />
+    </div>
 }
 
 export function SandwichSelect<E extends T.Sandwich>(props: {
@@ -120,63 +119,62 @@ export function SandwichSelect<E extends T.Sandwich>(props: {
     opts: T.TextOptions,
     style?: StyleHTMLAttributes<HTMLDivElement>,
 }) {
-    return <div>not here</div>;
-//     const divStyle = props.style || { width: "13rem" };
-//     const placeholder = "Select Sandwich…";
-//     const value = props.value ? makeSandwichOption(props.value) : undefined;
-//     const options = props.sandwiches
-//         // .sort((a, b) => {
-//         //     if ("entry" in a) {
-//         //         return a.before.p.localeCompare("p" in b ? b.p : b.entry.p, "af-PS")
-//         //     }
-//         //     return a.p.localeCompare("p" in b ? b.p : b.entry.p, "af-PS");
-//         // })
-//         .map(makeSandwichOption);
-//     // const onChange = (v: { label: string | JSX.Element, value: string } | null) => {
-//     //     if (!v) {
-//     //         props.onChange(undefined);
-//     //         return;
-//     //     }
-//     //     const s = props.sandwiches.find(e => {
-//     //         const sValue = JSON.parse(v.value) as T.Sandwich;
-//     //         if (sValue.type !== "sandwich") throw new Error("error converting selected sandwich value to a sandwich");
-//     //         return sandwichSideEq(e.before, sValue.before)
-//     //             && sandwichSideEq(e.after, sValue.after)
-//     //             && (e.e === sValue.e);
-//     //     });
-//     //     if (!s) return;
-//     //     props.onChange(s);
-//     // }
-//     return <div style={divStyle}>
-//         <div>Sandwich Base</div>
-//         {/* <Select
-//             styles={customStyles}
-//             isSearchable={true}
-//             value={value}
-//             // @ts-ignore - gets messed up when using customStyles
-//             onChange={onChange}
-//             className="mb-2"
-//             options={options}
-//             placeholder={placeholder}
-//         /> */}
-//     </div>
+    const divStyle = props.style || { width: "13rem" };
+    const placeholder = "Select Sandwich…";
+    const value = props.value ? makeSandwichOption(props.value) : undefined;
+    const options = props.sandwiches
+        // .sort((a, b) => {
+        //     if ("entry" in a) {
+        //         return a.before.p.localeCompare("p" in b ? b.p : b.entry.p, "af-PS")
+        //     }
+        //     return a.p.localeCompare("p" in b ? b.p : b.entry.p, "af-PS");
+        // })
+        .map(makeSandwichOption);
+    const onChange = (v: { label: string | JSX.Element, value: string } | null) => {
+        if (!v) {
+            props.onChange(undefined);
+            return;
+        }
+        const s = props.sandwiches.find(e => {
+            const sValue = JSON.parse(v.value) as T.Sandwich;
+            if (sValue.type !== "sandwich") throw new Error("error converting selected sandwich value to a sandwich");
+            return sandwichSideEq(e.before, sValue.before)
+                && sandwichSideEq(e.after, sValue.after)
+                && (e.e === sValue.e);
+        });
+        if (!s) return;
+        props.onChange(s);
+    }
+    return <div style={divStyle}>
+        <div>Sandwich Base</div>
+        <Select
+            styles={customStyles}
+            isSearchable={true}
+            value={value}
+            // @ts-ignore - gets messed up when using customStyles
+            onChange={onChange}
+            className="mb-2"
+            options={options}
+            placeholder={placeholder}
+        />
+    </div>
 }
 
-// function sandwichSideEq(s1: T.PsString | undefined, s2: T.PsString | undefined): boolean {
-//     if (s1 === undefined && s2 === undefined) {
-//         return true
-//     }
-//     if (typeof s1 === "object" && typeof s2 === "object" && s1.p === s2.p) {
-//         return true;
-//     }
-//     return false;
-// }
+function sandwichSideEq(s1: T.PsString | undefined, s2: T.PsString | undefined): boolean {
+    if (s1 === undefined && s2 === undefined) {
+        return true
+    }
+    if (typeof s1 === "object" && typeof s2 === "object" && s1.p === s2.p) {
+        return true;
+    }
+    return false;
+}
 
-// function makeSandwichOption(s: T.Sandwich): { label: string, value: string } {
-//     return {
-//         label: `${s.before ? s.before.p : ""} ... ${s.after ? s.after.p : ""} (${s.e})`,
-//         value: JSON.stringify(s),
-//     };
-// }
+function makeSandwichOption(s: T.Sandwich): { label: string, value: string } {
+    return {
+        label: `${s.before ? s.before.p : ""} ... ${s.after ? s.after.p : ""} (${s.e})`,
+        value: JSON.stringify(s),
+    };
+}
 
 export default EntrySelect;
\ No newline at end of file
diff --git a/src/components/ep-explorer/EquativePicker.tsx b/src/components/ep-explorer/EquativePicker.tsx
index 7278fe2..7709480 100644
--- a/src/components/ep-explorer/EquativePicker.tsx
+++ b/src/components/ep-explorer/EquativePicker.tsx
@@ -1,11 +1,11 @@
 import * as T from "../../types"
-// import Select from "react-select";
+import Select from "react-select";
 import ButtonSelect from "../ButtonSelect";
 
-// const zIndexProps = {
-//     menuPortalTarget: document.body, 
-//     styles: { menuPortal: (base: any) => ({ ...base, zIndex: 9999 }) },
-// };
+const zIndexProps = {
+    menuPortalTarget: document.body, 
+    styles: { menuPortal: (base: any) => ({ ...base, zIndex: 9999 }) },
+};
 
 const options: { label: string | JSX.Element, value: T.EquativeTense }[] = [{
     label: "Present",
@@ -38,16 +38,16 @@ function EquativePicker({ equative, onChange, hideNegative }: {
     onChange: (e: { tense: T.EquativeTense, negative: boolean }) => void,
     hideNegative?: boolean,
 }) {
-    // function onTenseSelect(o: { value: T.EquativeTense } | null) {
-    //     const value = o?.value ? o.value : undefined;
-    //     if (!value) {
-    //         return;
-    //     }
-    //     onChange({
-    //         ...equative,
-    //         tense: value,
-    //     });
-    // }
+    function onTenseSelect(o: { value: T.EquativeTense } | null) {
+        const value = o?.value ? o.value : undefined;
+        if (!value) {
+            return;
+        }
+        onChange({
+            ...equative,
+            tense: value,
+        });
+    }
     function moveTense(dir: "forward" | "back") {
         return () => {
             const currIndex = options.findIndex(tn => tn.value === equative.tense)
@@ -74,7 +74,7 @@ function EquativePicker({ equative, onChange, hideNegative }: {
     return <div>
         <div style={{ maxWidth: "300px", minWidth: "250px", margin: "0 auto" }}>
             <div className="h5">Tense:</div>
-            {/* <Select
+            <Select
                 isSearchable={false}
                 // for some reason can't use tOptions with find here;
                 value={options.find(o => o.value === equative.tense)}
@@ -82,7 +82,7 @@ function EquativePicker({ equative, onChange, hideNegative }: {
                 className="mb-2"
                 options={options}
                 {...zIndexProps}
-            /> */}
+            />
             {<div className="d-flex flex-row justify-content-between align-items-center mt-3 mb-1" style={{ width: "100%" }}>
                 <div className="btn btn-light clickable" onClick={moveTense("back")}>
                     <i className="fas fa-chevron-left" />
diff --git a/src/components/vp-explorer/TensePicker.tsx b/src/components/vp-explorer/TensePicker.tsx
index b1c845d..70f23ac 100644
--- a/src/components/vp-explorer/TensePicker.tsx
+++ b/src/components/vp-explorer/TensePicker.tsx
@@ -1,9 +1,9 @@
-// import Select from "react-select";
+import Select from "react-select";
 import * as T from "../../types";
 import ButtonSelect from "../ButtonSelect";
 import { isImperativeTense, isModalTense, isPerfectTense, isVerbTense } from "../../lib/type-predicates";
 import useStickyState from "../../lib/useStickyState";
-// import { customStyles } from "../EntrySelect";
+import { customStyles } from "../EntrySelect";
 import {
     VpsReducerAction
 } from "./vps-reducer";
@@ -176,11 +176,11 @@ function TensePicker(props: ({
             payload,
         });
     }
-    // const tOptions = ("vps" in props && (props.vps.verb?.tenseCategory === "perfect"))
-    //     ? perfectTenseOptions
-    //     : ("vps" in props && (props.vps.verb?.tenseCategory === "imperative"))
-    //     ? imperativeTenseOptions
-    //     : verbTenseOptions;
+    const tOptions = ("vps" in props && (props.vps.verb?.tenseCategory === "perfect"))
+        ? perfectTenseOptions
+        : ("vps" in props && (props.vps.verb?.tenseCategory === "imperative"))
+        ? imperativeTenseOptions
+        : verbTenseOptions;
     const showImperativeOption = ("vps" in props && props.vps.verb.voice === "active")
         || ("vpsComplete" in props && props.vpsComplete.verb.voice !== "active");
     const inPassiveVoice = ("vps" in props && props.vps.verb.voice === "passive") || ("vpsComplete" in props && props.vpsComplete.verb.voice === "passive");;
@@ -230,7 +230,7 @@ function TensePicker(props: ({
                     {[...verbTenseOptions, ...perfectTenseOptions, ...imperativeTenseOptions].find(o => o.value === props.vpsComplete.verb.tense)?.label}
                 </div>
             : <>
-                {/* <Select
+                <Select
                     isSearchable={false}
                     // for some reason can't use tOptions with find here;
                     value={props.vps.verb && ([...verbTenseOptions, ...perfectTenseOptions, ...imperativeTenseOptions].find(o => o.value === props.vps.verb[
@@ -245,7 +245,7 @@ function TensePicker(props: ({
                     className="mb-2"
                     options={tOptions}
                     styles={customStyles}
-                /> */}
+                />
             </>}
             {"vps" in props && props.vps.verb && (props.mode !== "quiz") && <div className="d-flex flex-row justify-content-between align-items-center mt-2 mb-1" style={{ width: "100%" }}>
                 <div className="btn btn-light clickable" onClick={moveTense("back")}>
diff --git a/yarn.lock b/yarn.lock
index 70d434b..b278458 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -183,6 +183,13 @@
   dependencies:
     "@babel/types" "^7.15.4"
 
+"@babel/helper-module-imports@^7.16.7":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
+  integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
 "@babel/helper-module-transforms@^7.12.1", "@babel/helper-module-transforms@^7.14.5", "@babel/helper-module-transforms@^7.15.4", "@babel/helper-module-transforms@^7.15.8":
   version "7.15.8"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.15.8.tgz#d8c0e75a87a52e374a8f25f855174786a09498b2"
@@ -209,6 +216,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.14.5.tgz#5ac822ce97eec46741ab70a517971e443a70c5a9"
   integrity sha512-/37qQCE3K0vvZKwoK4XU/irIJQdIfCJuhU5eKnNxpFDsOkgFaUAwbv+RYw6eYgsC0E4hS7r5KqGULUogqui0fQ==
 
+"@babel/helper-plugin-utils@^7.18.6":
+  version "7.19.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.19.0.tgz#4796bb14961521f0f8715990bee2fb6e51ce21bf"
+  integrity sha512-40Ryx7I8mT+0gaNxm8JGTZFUITNqdLAgdg0hXzeVZxVD6nFsdhQvip6v8dqkRHzsz1VFpFAaOCHNn0vKBL7Czw==
+
 "@babel/helper-remap-async-to-generator@^7.14.5", "@babel/helper-remap-async-to-generator@^7.15.4":
   version "7.15.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.15.4.tgz#2637c0731e4c90fbf58ac58b50b2b5a192fc970f"
@@ -249,11 +261,21 @@
   dependencies:
     "@babel/types" "^7.15.4"
 
+"@babel/helper-string-parser@^7.18.10":
+  version "7.18.10"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz#181f22d28ebe1b3857fa575f5c290b1aaf659b56"
+  integrity sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw==
+
 "@babel/helper-validator-identifier@^7.14.5", "@babel/helper-validator-identifier@^7.14.9", "@babel/helper-validator-identifier@^7.15.7":
   version "7.15.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz#220df993bfe904a4a6b02ab4f3385a5ebf6e2389"
   integrity sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==
 
+"@babel/helper-validator-identifier@^7.19.1":
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
+  integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
+
 "@babel/helper-validator-option@^7.12.1", "@babel/helper-validator-option@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.14.5.tgz#6e72a1fff18d5dfcb878e1e62f1a021c4b72d5a3"
@@ -548,6 +570,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
+"@babel/plugin-syntax-jsx@^7.17.12":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz#a8feef63b010150abd97f1649ec296e849943ca0"
+  integrity sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.18.6"
+
 "@babel/plugin-syntax-logical-assignment-operators@^7.10.4", "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
@@ -1164,6 +1193,13 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
+"@babel/runtime@^7.12.0", "@babel/runtime@^7.18.3":
+  version "7.19.0"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.19.0.tgz#22b11c037b094d27a8a2504ea4dcff00f50e2259"
+  integrity sha512-eR8Lo9hnDS7tqkO7NsV+mKvCmv5boaXFSZ70DnfhcgiEne8hv9oCEd36Klw74EtizEqLsy4YnW8UWwpBVolHZA==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/template@^7.10.4", "@babel/template@^7.15.4", "@babel/template@^7.3.3":
   version "7.15.4"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.15.4.tgz#51898d35dcf3faa670c4ee6afcfd517ee139f194"
@@ -1196,6 +1232,15 @@
     "@babel/helper-validator-identifier" "^7.14.9"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.18.6":
+  version "7.19.3"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.19.3.tgz#fc420e6bbe54880bce6779ffaf315f5e43ec9624"
+  integrity sha512-hGCaQzIY22DJlDh9CH7NOxgKkFjBk0Cw9xDO1Xmh2151ti7wiGfQ3LauXzL4HP1fmFlTX6XjpRETTpUcv7wQLw==
+  dependencies:
+    "@babel/helper-string-parser" "^7.18.10"
+    "@babel/helper-validator-identifier" "^7.19.1"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
@@ -1219,6 +1264,95 @@
   resolved "https://registry.yarnpkg.com/@csstools/normalize.css/-/normalize.css-10.1.0.tgz#f0950bba18819512d42f7197e56c518aa491cf18"
   integrity sha512-ij4wRiunFfaJxjB0BdrYHIH8FxBJpOwNPhhAcunlmPdXudL1WQV1qoP9un6JsEBAgQH+7UXyyjh0g7jTxXK6tg==
 
+"@emotion/babel-plugin@^11.10.0":
+  version "11.10.2"
+  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.10.2.tgz#879db80ba622b3f6076917a1e6f648b1c7d008c7"
+  integrity sha512-xNQ57njWTFVfPAc3cjfuaPdsgLp5QOSuRsj9MA6ndEhH/AzuZM86qIQzt6rq+aGBwj3n5/TkLmU5lhAfdRmogA==
+  dependencies:
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/plugin-syntax-jsx" "^7.17.12"
+    "@babel/runtime" "^7.18.3"
+    "@emotion/hash" "^0.9.0"
+    "@emotion/memoize" "^0.8.0"
+    "@emotion/serialize" "^1.1.0"
+    babel-plugin-macros "^3.1.0"
+    convert-source-map "^1.5.0"
+    escape-string-regexp "^4.0.0"
+    find-root "^1.1.0"
+    source-map "^0.5.7"
+    stylis "4.0.13"
+
+"@emotion/cache@^11.10.0", "@emotion/cache@^11.4.0":
+  version "11.10.3"
+  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.10.3.tgz#c4f67904fad10c945fea5165c3a5a0583c164b87"
+  integrity sha512-Psmp/7ovAa8appWh3g51goxu/z3iVms7JXOreq136D8Bbn6dYraPnmL6mdM8GThEx9vwSn92Fz+mGSjBzN8UPQ==
+  dependencies:
+    "@emotion/memoize" "^0.8.0"
+    "@emotion/sheet" "^1.2.0"
+    "@emotion/utils" "^1.2.0"
+    "@emotion/weak-memoize" "^0.3.0"
+    stylis "4.0.13"
+
+"@emotion/hash@^0.9.0":
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.0.tgz#c5153d50401ee3c027a57a177bc269b16d889cb7"
+  integrity sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ==
+
+"@emotion/memoize@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.0.tgz#f580f9beb67176fa57aae70b08ed510e1b18980f"
+  integrity sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==
+
+"@emotion/react@^11.8.1":
+  version "11.10.4"
+  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.10.4.tgz#9dc6bccbda5d70ff68fdb204746c0e8b13a79199"
+  integrity sha512-j0AkMpr6BL8gldJZ6XQsQ8DnS9TxEQu1R+OGmDZiWjBAJtCcbt0tS3I/YffoqHXxH6MjgI7KdMbYKw3MEiU9eA==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    "@emotion/babel-plugin" "^11.10.0"
+    "@emotion/cache" "^11.10.0"
+    "@emotion/serialize" "^1.1.0"
+    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.0"
+    "@emotion/utils" "^1.2.0"
+    "@emotion/weak-memoize" "^0.3.0"
+    hoist-non-react-statics "^3.3.1"
+
+"@emotion/serialize@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.0.tgz#b1f97b1011b09346a40e9796c37a3397b4ea8ea8"
+  integrity sha512-F1ZZZW51T/fx+wKbVlwsfchr5q97iW8brAnXmsskz4d0hVB4O3M/SiA3SaeH06x02lSNzkkQv+n3AX3kCXKSFA==
+  dependencies:
+    "@emotion/hash" "^0.9.0"
+    "@emotion/memoize" "^0.8.0"
+    "@emotion/unitless" "^0.8.0"
+    "@emotion/utils" "^1.2.0"
+    csstype "^3.0.2"
+
+"@emotion/sheet@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.0.tgz#771b1987855839e214fc1741bde43089397f7be5"
+  integrity sha512-OiTkRgpxescko+M51tZsMq7Puu/KP55wMT8BgpcXVG2hqXc0Vo0mfymJ/Uj24Hp0i083ji/o0aLddh08UEjq8w==
+
+"@emotion/unitless@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.0.tgz#a4a36e9cbdc6903737cd20d38033241e1b8833db"
+  integrity sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw==
+
+"@emotion/use-insertion-effect-with-fallbacks@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz#ffadaec35dbb7885bd54de3fa267ab2f860294df"
+  integrity sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==
+
+"@emotion/utils@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.2.0.tgz#9716eaccbc6b5ded2ea5a90d65562609aab0f561"
+  integrity sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw==
+
+"@emotion/weak-memoize@^0.3.0":
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz#ea89004119dc42db2e1dba0f97d553f7372f6fcb"
+  integrity sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg==
+
 "@eslint/eslintrc@^0.4.3":
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c"
@@ -1975,6 +2109,13 @@
   dependencies:
     "@types/react" "*"
 
+"@types/react-transition-group@^4.4.0":
+  version "4.4.5"
+  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.5.tgz#aae20dcf773c5aa275d5b9f7cdbca638abc5e416"
+  integrity sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react-transition-group@^4.4.1":
   version "4.4.3"
   resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.3.tgz#b0994da0a7023d67dbb4a8910a62112bc00d5688"
@@ -2807,6 +2948,15 @@ babel-plugin-macros@2.8.0:
     cosmiconfig "^6.0.0"
     resolve "^1.12.0"
 
+babel-plugin-macros@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
+  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    cosmiconfig "^7.0.0"
+    resolve "^1.19.0"
+
 babel-plugin-named-asset-import@^0.3.7:
   version "0.3.7"
   resolved "https://registry.yarnpkg.com/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.7.tgz#156cd55d3f1228a5765774340937afc8398067dd"
@@ -3670,7 +3820,7 @@ convert-source-map@^0.3.3:
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-0.3.5.tgz#f1d802950af7dd2631a1febe0596550c86ab3190"
   integrity sha1-8dgClQr33SYxof6+BZZVDIarMZA=
 
-convert-source-map@^1.4.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
+convert-source-map@^1.4.0, convert-source-map@^1.5.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.8.0.tgz#f3373c32d21b4d780dd8004514684fb791ca4369"
   integrity sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==
@@ -5211,6 +5361,11 @@ find-cache-dir@^3.3.1:
     make-dir "^3.0.2"
     pkg-dir "^4.1.0"
 
+find-root@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
+  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
+
 find-up@4.1.0, find-up@^4.0.0, find-up@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
@@ -5664,6 +5819,13 @@ hmac-drbg@^1.0.1:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
+hoist-non-react-statics@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
 hoopy@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/hoopy/-/hoopy-0.1.4.tgz#609207d661100033a9a9402ad3dea677381c1b1d"
@@ -7338,6 +7500,11 @@ media-typer@0.3.0:
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
   integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
 
+memoize-one@^5.0.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
+  integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==
+
 memory-fs@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
@@ -9118,6 +9285,15 @@ prop-types-extra@^1.1.0:
     react-is "^16.3.2"
     warning "^4.0.0"
 
+prop-types@^15.6.0:
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
 prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
@@ -9366,7 +9542,7 @@ react-error-overlay@^6.0.9:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.9.tgz#3c743010c9359608c375ecd6bc76f35d93995b0a"
   integrity sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==
 
-react-is@^16.3.2, react-is@^16.8.1:
+react-is@^16.13.1, react-is@^16.3.2, react-is@^16.7.0, react-is@^16.8.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -9466,6 +9642,29 @@ react-scripts@4.0.3:
   optionalDependencies:
     fsevents "^2.1.3"
 
+react-select@^5.4.0:
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.4.0.tgz#81f6ac73906126706f104751ee14437bd16798f4"
+  integrity sha512-CjE9RFLUvChd5SdlfG4vqxZd55AZJRrLrHzkQyTYeHlpOztqcgnyftYAolJ0SGsBev6zAs6qFrjm6KU3eo2hzg==
+  dependencies:
+    "@babel/runtime" "^7.12.0"
+    "@emotion/cache" "^11.4.0"
+    "@emotion/react" "^11.8.1"
+    "@types/react-transition-group" "^4.4.0"
+    memoize-one "^5.0.0"
+    prop-types "^15.6.0"
+    react-transition-group "^4.3.0"
+
+react-transition-group@^4.3.0:
+  version "4.4.5"
+  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1"
+  integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    dom-helpers "^5.0.1"
+    loose-envify "^1.4.0"
+    prop-types "^15.6.2"
+
 react-transition-group@^4.4.1:
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.2.tgz#8b59a56f09ced7b55cbd53c36768b922890d5470"
@@ -10326,10 +10525,10 @@ source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, sourc
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.5.0, source-map@^0.5.6:
+source-map@^0.5.0, source-map@^0.5.6, source-map@^0.5.7:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
-  integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
+  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
 
 source-map@^0.7.3, source-map@~0.7.2:
   version "0.7.3"
@@ -10652,6 +10851,11 @@ stylehacks@^4.0.0:
     postcss "^7.0.0"
     postcss-selector-parser "^3.0.0"
 
+stylis@4.0.13:
+  version "4.0.13"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.13.tgz#f5db332e376d13cc84ecfe5dace9a2a51d954c91"
+  integrity sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag==
+
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"