diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 386acad21..1b3e1bf31 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -3,6 +3,7 @@
     "dbaeumer.vscode-eslint",
     "esbenp.prettier-vscode",
     "orta.vscode-jest",
-    "tlent.jest-snapshot-language-support"
+    "tlent.jest-snapshot-language-support",
+    "vespa-dev-works.jestrunit"
   ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index 25fa6215f..000000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "typescript.tsdk": "node_modules/typescript/lib"
-}
diff --git a/package.json b/package.json
index d0f695c77..6071bc2a2 100644
--- a/package.json
+++ b/package.json
@@ -127,19 +127,19 @@
     "@testing-library/dom": "^8.0.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
-    "@testing-library/react-hooks": "^7.0.1",
+    "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.2.1",
     "@types/jest": "27.0.1",
     "@types/jest-axe": "3.5.2",
     "@types/jest-in-case": "1.0.5",
     "@types/mockdate": "^3.0.0",
-    "@types/node": "^16.7.6",
+    "@types/node": "^16.7.10",
     "@types/react": "17.0.19",
     "@types/react-dom": "17.0.9",
     "@types/react-transition-group": "4.4.2",
     "@types/testing-library__jest-dom": "5.14.1",
-    "@typescript-eslint/eslint-plugin": "4.29.3",
-    "@typescript-eslint/parser": "4.29.3",
+    "@typescript-eslint/eslint-plugin": "4.30.0",
+    "@typescript-eslint/parser": "4.30.0",
     "all-contributors-cli": "^6.20.0",
     "ast-to-markdown": "^1.0.0",
     "autoprefixer": "^10.3.3",
@@ -155,22 +155,22 @@
     "eslint": "7.32.0",
     "eslint-config-prettier": "8.3.0",
     "eslint-config-react-app": "6.0.0",
-    "eslint-plugin-flowtype": "5.9.1",
+    "eslint-plugin-flowtype": "5.9.2",
     "eslint-plugin-import": "2.24.2",
     "eslint-plugin-jsx-a11y": "6.4.1",
-    "eslint-plugin-prettier": "3.4.1",
+    "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-react": "7.25.1",
     "eslint-plugin-react-hooks": "4.2.0",
     "gacp": "2.10.2",
     "glob": "^7.1.7",
     "glob-fs": "^0.1.7",
     "husky": "^7.0.2",
-    "jest": "27.1.0",
-    "jest-axe": "5.0.1",
-    "jest-in-case": "1.0.2",
-    "jest-matcher-utils": "27.1.0",
-    "lint-staged": "11.1.2",
-    "lodash": "4.17.21",
+    "jest": "^27.1.0",
+    "jest-axe": "^5.0.1",
+    "jest-in-case": "^1.0.2",
+    "jest-matcher-utils": "^27.1.0",
+    "lint-staged": "^11.1.2",
+    "lodash": "^4.17.21",
     "markdown-to-ast": "^6.0.3",
     "markdown-toc": "^1.2.0",
     "md-node-inject": "^1.0.1",
@@ -181,18 +181,18 @@
     "postcss": "^8.3.6",
     "postcss-import": "^14.0.2",
     "postcss-scopify": "^0.1.9",
-    "prettier": "2.2.1",
+    "prettier": "2.3.2",
     "raw-loader": "^4.0.2",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-hook-form": "7.14.1",
-    "react-test-renderer": "17.0.2",
-    "react-transition-group": "4.4.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-hook-form": "^7.14.2",
+    "react-test-renderer": "^17.0.2",
+    "react-transition-group": "^4.4.2",
     "react-virtual": "^2.8.1",
-    "reakit": "1.3.8",
+    "reakit": "^1.3.8",
     "reakit-test-utils": "^0.15.1",
     "release-it": "^14.11.5",
-    "rimraf": "3.0.2",
+    "rimraf": "^3.0.2",
     "sort-package-json": "^1.50.0",
     "storybook-addon-preview": "^2.1.2",
     "strip-comments": "^2.0.1",
@@ -200,7 +200,7 @@
     "ts-jest": "^27.0.5",
     "ts-morph": "^12.0.0",
     "ts-node": "^10.2.1",
-    "typescript": "4.4.2",
+    "typescript": "^4.4.2",
     "webpack": "^5.51.1",
     "yaml": "^1.10.2"
   },
diff --git a/scripts/utils/index.js b/scripts/utils/index.js
index 85f41e402..ce34d3b99 100644
--- a/scripts/utils/index.js
+++ b/scripts/utils/index.js
@@ -83,9 +83,8 @@ function getPublicFiles(rootPath, prefix = "") {
         isDirectory(path) && getPublicFiles(path, join(prefix, filename));
       return {
         ...(childFiles || {
-          [removeExt(normalizePath(join(prefix, filename)))]: normalizePath(
-            path,
-          ),
+          [removeExt(normalizePath(join(prefix, filename)))]:
+            normalizePath(path),
         }),
         ...acc,
       };
diff --git a/src/accordion/AccordionTrigger.ts b/src/accordion/AccordionTrigger.ts
index 80f0309e5..e302c7ebc 100644
--- a/src/accordion/AccordionTrigger.ts
+++ b/src/accordion/AccordionTrigger.ts
@@ -62,9 +62,10 @@ export const useAccordionTrigger = createHook<
       select?.(id);
     }, [id, select]);
 
-    const onClick = React.useCallback(() => handleSelection(), [
-      handleSelection,
-    ]);
+    const onClick = React.useCallback(
+      () => handleSelection(),
+      [handleSelection],
+    );
 
     const onFocus = React.useCallback(() => {
       if (manual) return;
diff --git a/src/accordion/stories/AccordionBasic.component.tsx b/src/accordion/stories/AccordionBasic.component.tsx
index f21452f4a..c37651f78 100644
--- a/src/accordion/stories/AccordionBasic.component.tsx
+++ b/src/accordion/stories/AccordionBasic.component.tsx
@@ -5,7 +5,7 @@ import {
   AccordionPanel,
   AccordionTrigger,
   useAccordionState,
-} from "../index";
+} from "../../index";
 
 export function App(props: any) {
   const state = useAccordionState(props);
diff --git a/src/accordion/stories/AccordionMulti.component.tsx b/src/accordion/stories/AccordionMulti.component.tsx
index 21e005519..cd1886624 100644
--- a/src/accordion/stories/AccordionMulti.component.tsx
+++ b/src/accordion/stories/AccordionMulti.component.tsx
@@ -5,7 +5,7 @@ import {
   AccordionPanel,
   AccordionTrigger,
   useAccordionMultiState,
-} from "../index";
+} from "../../index";
 
 export function App(props: any) {
   const state = useAccordionMultiState(props);
diff --git a/src/accordion/stories/AccordionStyled.component.tsx b/src/accordion/stories/AccordionStyled.component.tsx
index 3280f519e..02fa57379 100644
--- a/src/accordion/stories/AccordionStyled.component.tsx
+++ b/src/accordion/stories/AccordionStyled.component.tsx
@@ -6,7 +6,7 @@ import {
   AccordionTrigger,
   useAccordionState,
   AccordionInitialState,
-} from "../index";
+} from "../../index";
 
 // Styled based on https://www.w3.org/TR/wai-aria-practices-1.2/examples/accordion/accordion.html
 export const App: React.FC<AccordionInitialState> = props => {
diff --git a/src/accordion/stories/AccordionZAuto.component.tsx b/src/accordion/stories/AccordionZAuto.component.tsx
index bd81d904c..26dca4a64 100644
--- a/src/accordion/stories/AccordionZAuto.component.tsx
+++ b/src/accordion/stories/AccordionZAuto.component.tsx
@@ -5,7 +5,7 @@ import {
   AccordionPanel,
   AccordionTrigger,
   useAccordionState,
-} from "../index";
+} from "../../index";
 
 export function App(props: any) {
   const initialProps = {
diff --git a/src/breadcrumbs/stories/Breadcrumbs.component.tsx b/src/breadcrumbs/stories/Breadcrumbs.component.tsx
index 4561dd967..a53358ce4 100644
--- a/src/breadcrumbs/stories/Breadcrumbs.component.tsx
+++ b/src/breadcrumbs/stories/Breadcrumbs.component.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { Breadcrumbs, BreadcrumbLink } from "../index";
+import { Breadcrumbs, BreadcrumbLink } from "../../index";
 
 export const App: React.FC = props => {
   return (
diff --git a/src/calendar/stories/CalendarBase.component.tsx b/src/calendar/stories/CalendarBase.component.tsx
index 206479a99..c3b1a8d15 100644
--- a/src/calendar/stories/CalendarBase.component.tsx
+++ b/src/calendar/stories/CalendarBase.component.tsx
@@ -10,7 +10,7 @@ import {
   CalendarHeader,
   CalendarWeekTitle,
   CalendarInitialState,
-} from "../index";
+} from "../../index";
 
 import {
   ChevronLeft,
diff --git a/src/calendar/stories/CalendarRange.component.tsx b/src/calendar/stories/CalendarRange.component.tsx
index ae5859485..b3797d81e 100644
--- a/src/calendar/stories/CalendarRange.component.tsx
+++ b/src/calendar/stories/CalendarRange.component.tsx
@@ -10,7 +10,7 @@ import {
   CalendarWeekTitle,
   useRangeCalendarState,
   RangeCalendarInitialState,
-} from "../index";
+} from "../../index";
 
 import {
   ChevronLeft,
diff --git a/src/checkbox/stories/Checkbox.component.tsx b/src/checkbox/stories/Checkbox.component.tsx
index 7776248a9..2bcf73db0 100644
--- a/src/checkbox/stories/Checkbox.component.tsx
+++ b/src/checkbox/stories/Checkbox.component.tsx
@@ -1,13 +1,13 @@
 import * as React from "react";
 
 import {
-  Checkbox as RenderlesskitCheckbox,
-  CheckboxProps as RenderlesskitCheckboxProps,
   useCheckboxState,
   CheckboxInitialState,
-} from "../index";
-import { splitStateProps } from "../../utils/index";
-import { USE_CHECKBOX_STATE_KEYS } from "../__keys";
+  Checkbox as RenderlesskitCheckbox,
+  CheckboxProps as RenderlesskitCheckboxProps,
+  USE_CHECKBOX_STATE_KEYS,
+  splitStateProps,
+} from "../../index";
 
 export type CheckboxProps = RenderlesskitCheckboxProps &
   CheckboxInitialState & {};
diff --git a/src/datepicker/stories/DatePickerBase.component.tsx b/src/datepicker/stories/DatePickerBase.component.tsx
index 58cab404e..b5754209f 100644
--- a/src/datepicker/stories/DatePickerBase.component.tsx
+++ b/src/datepicker/stories/DatePickerBase.component.tsx
@@ -8,7 +8,7 @@ import {
   useDatePickerState,
   DatePickerSegmentField,
   DatePickerInitialState,
-} from "../index";
+} from "../../index";
 import {
   Calendar as CalendarWrapper,
   CalendarButton,
diff --git a/src/datepicker/stories/DatePickerRange.component.tsx b/src/datepicker/stories/DatePickerRange.component.tsx
index 1c40dda00..451f146ad 100644
--- a/src/datepicker/stories/DatePickerRange.component.tsx
+++ b/src/datepicker/stories/DatePickerRange.component.tsx
@@ -8,7 +8,7 @@ import {
   DatePickerSegmentField,
   useDateRangePickerState,
   DateRangePickerInitialState,
-} from "../index";
+} from "../../index";
 import {
   Calendar,
   CalendarCell,
diff --git a/src/datepicker/stories/styled/Calendar.tsx b/src/datepicker/stories/styled/Calendar.tsx
index ce38d6130..3562f4183 100644
--- a/src/datepicker/stories/styled/Calendar.tsx
+++ b/src/datepicker/stories/styled/Calendar.tsx
@@ -8,7 +8,7 @@ import {
   CalendarCellButton,
   CalendarStateReturn,
   Calendar as CalendarWrapper,
-} from "../../../calendar/index";
+} from "../../../index";
 
 import {
   ChevronLeft,
diff --git a/src/datepicker/stories/styled/DatePicker.component.tsx b/src/datepicker/stories/styled/DatePicker.component.tsx
index 2b0c8547b..b072a0bbc 100644
--- a/src/datepicker/stories/styled/DatePicker.component.tsx
+++ b/src/datepicker/stories/styled/DatePicker.component.tsx
@@ -8,7 +8,7 @@ import {
   DatePickerSegmentField,
   DatePickerInitialState,
   DatePicker as DatePickerWrapper,
-} from "../../index";
+} from "../../../index";
 import { Calendar, CalendarIcon } from "./Calendar";
 
 export const DatePicker: React.FC<DatePickerInitialState> = props => {
diff --git a/src/datepicker/stories/styled/RangeDatePicker.component.tsx b/src/datepicker/stories/styled/RangeDatePicker.component.tsx
index 1398404f0..055d730e2 100644
--- a/src/datepicker/stories/styled/RangeDatePicker.component.tsx
+++ b/src/datepicker/stories/styled/RangeDatePicker.component.tsx
@@ -8,7 +8,7 @@ import {
   DatePicker as DatePickerWrapper,
   useDateRangePickerState,
   DateRangePickerInitialState,
-} from "../../index";
+} from "../../../index";
 import { Calendar, CalendarIcon } from "./Calendar";
 
 export const RangeDatePicker: React.FC<DateRangePickerInitialState> = props => {
diff --git a/src/drawer/stories/Drawer.component.tsx b/src/drawer/stories/Drawer.component.tsx
index 8eb696967..e8106acda 100644
--- a/src/drawer/stories/Drawer.component.tsx
+++ b/src/drawer/stories/Drawer.component.tsx
@@ -8,7 +8,7 @@ import {
   DrawerBackdrop,
   DrawerCloseButton,
   DrawerDisclosure,
-} from "../index";
+} from "../../index";
 
 export const App = () => {
   const dialog = useDrawerState({ animated: true });
diff --git a/src/link/stories/Link.component.tsx b/src/link/stories/Link.component.tsx
index 4ded71a2a..e05425e55 100644
--- a/src/link/stories/Link.component.tsx
+++ b/src/link/stories/Link.component.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { Link } from "../index";
+import { Link } from "../../index";
 
 export interface AppProps {
   /**
diff --git a/src/meter/stories/MeterBasic.component.tsx b/src/meter/stories/MeterBasic.component.tsx
index 17cd22615..14e7321d3 100644
--- a/src/meter/stories/MeterBasic.component.tsx
+++ b/src/meter/stories/MeterBasic.component.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { Meter, useMeterState, MeterInitialState } from "../index";
+import { Meter, useMeterState, MeterInitialState } from "../../index";
 
 export const App: React.FC<MeterInitialState> = props => {
   const state = useMeterState(props);
diff --git a/src/meter/stories/MeterStyled.component.tsx b/src/meter/stories/MeterStyled.component.tsx
index 30260101d..c15b7c6de 100644
--- a/src/meter/stories/MeterStyled.component.tsx
+++ b/src/meter/stories/MeterStyled.component.tsx
@@ -6,7 +6,7 @@ import {
   useMeterState,
   MeterStateReturn,
   MeterInitialState,
-} from "../index";
+} from "../../index";
 
 export interface AppProps extends MeterInitialState {
   /**
diff --git a/src/number-input/NumberInputDecrementButton.ts b/src/number-input/NumberInputDecrementButton.ts
index dc757c6a2..4e86ebd26 100644
--- a/src/number-input/NumberInputDecrementButton.ts
+++ b/src/number-input/NumberInputDecrementButton.ts
@@ -15,8 +15,8 @@ export type NumberInputDecrementButtonOptions = ButtonOptions &
 
 export type NumberInputDecrementButtonHTMLProps = ButtonHTMLProps;
 
-export type NumberInputDecrementButtonProps = NumberInputDecrementButtonOptions &
-  NumberInputDecrementButtonHTMLProps;
+export type NumberInputDecrementButtonProps =
+  NumberInputDecrementButtonOptions & NumberInputDecrementButtonHTMLProps;
 
 export const useNumberInputDecrementButton = createHook<
   NumberInputDecrementButtonOptions,
diff --git a/src/number-input/NumberInputIncrementButton.ts b/src/number-input/NumberInputIncrementButton.ts
index e65af7e0d..c30afcfa9 100644
--- a/src/number-input/NumberInputIncrementButton.ts
+++ b/src/number-input/NumberInputIncrementButton.ts
@@ -15,8 +15,8 @@ export type NumberInputIncrementButtonOptions = ButtonOptions &
 
 export type NumberInputIncrementButtonHTMLProps = ButtonHTMLProps;
 
-export type NumberInputIncrementButtonProps = NumberInputIncrementButtonOptions &
-  NumberInputIncrementButtonHTMLProps;
+export type NumberInputIncrementButtonProps =
+  NumberInputIncrementButtonOptions & NumberInputIncrementButtonHTMLProps;
 
 export const useNumberInputIncrementButton = createHook<
   NumberInputIncrementButtonOptions,
diff --git a/src/number-input/__keys.ts b/src/number-input/__keys.ts
index ffdd1c8fe..de6e1fe6d 100644
--- a/src/number-input/__keys.ts
+++ b/src/number-input/__keys.ts
@@ -48,4 +48,5 @@ export const NUMBER_INPUT_KEYS = [
   "allowMouseWheel",
 ] as const;
 export const NUMBER_INPUT_DECREMENT_BUTTON_KEYS = NUMBER_INPUT_STATE_KEYS;
-export const NUMBER_INPUT_INCREMENT_BUTTON_KEYS = NUMBER_INPUT_DECREMENT_BUTTON_KEYS;
+export const NUMBER_INPUT_INCREMENT_BUTTON_KEYS =
+  NUMBER_INPUT_DECREMENT_BUTTON_KEYS;
diff --git a/src/number-input/stories/NumberInput.component.tsx b/src/number-input/stories/NumberInput.component.tsx
index 0ef06a937..31cd41a90 100644
--- a/src/number-input/stories/NumberInput.component.tsx
+++ b/src/number-input/stories/NumberInput.component.tsx
@@ -6,7 +6,7 @@ import {
   NumberinputInitialState,
   NumberInputDecrementButton,
   NumberInputIncrementButton,
-} from "../index";
+} from "../../index";
 
 export interface AppProps extends NumberinputInitialState {
   /**
diff --git a/src/pagination/__tests__/PaginationState.test.ts b/src/pagination/__tests__/PaginationState.test.ts
index 49d6bd5e4..f7011b367 100644
--- a/src/pagination/__tests__/PaginationState.test.ts
+++ b/src/pagination/__tests__/PaginationState.test.ts
@@ -97,17 +97,15 @@ describe("usePaginationState", () => {
   });
 
   it("has no ellipses when count <= 7", () => {
-    const { pages } = renderHook(() =>
-      usePaginationState({ count: 7 }),
-    ).result.current;
+    const { pages } = renderHook(() => usePaginationState({ count: 7 })).result
+      .current;
 
     expect(pages).not.toContain("end-ellipsis");
   });
 
   it("should have end-ellipses when count >= 8", () => {
-    const { pages } = renderHook(() =>
-      usePaginationState({ count: 8 }),
-    ).result.current;
+    const { pages } = renderHook(() => usePaginationState({ count: 8 })).result
+      .current;
 
     expect(pages).toContain("end-ellipsis");
   });
diff --git a/src/pagination/stories/Pagination.component.tsx b/src/pagination/stories/Pagination.component.tsx
index 1ae7b812a..868e28298 100644
--- a/src/pagination/stories/Pagination.component.tsx
+++ b/src/pagination/stories/Pagination.component.tsx
@@ -6,7 +6,7 @@ import {
   usePaginationState,
   PaginationInitialState,
   TGoto,
-} from "../index";
+} from "../../index";
 
 export const App: React.FC<PaginationInitialState> = props => {
   const state = usePaginationState({ count: 10, ...props });
diff --git a/src/picker-base/stories/PickerBase.component.tsx b/src/picker-base/stories/PickerBase.component.tsx
index 5769fbcaa..7565a41cd 100644
--- a/src/picker-base/stories/PickerBase.component.tsx
+++ b/src/picker-base/stories/PickerBase.component.tsx
@@ -6,7 +6,7 @@ import {
   PickerBaseContent,
   usePickerBaseState,
   PickerBaseInitialState,
-} from "../index";
+} from "../../index";
 
 export const App: React.FC<PickerBaseInitialState> = props => {
   const state = usePickerBaseState(props);
diff --git a/src/progress/stories/CircularProgress.component.tsx b/src/progress/stories/CircularProgress.component.tsx
index 0baeb1c8a..186ae42b7 100644
--- a/src/progress/stories/CircularProgress.component.tsx
+++ b/src/progress/stories/CircularProgress.component.tsx
@@ -7,7 +7,7 @@ import {
   ProgressState,
   useProgressState,
   ProgressInitialState,
-} from "../index";
+} from "../../index";
 import { isNull } from "../../utils/index";
 
 export interface AppProps extends ProgressInitialState {
diff --git a/src/progress/stories/LinearProgress.component.tsx b/src/progress/stories/LinearProgress.component.tsx
index 8d21694cf..3cc6c595d 100644
--- a/src/progress/stories/LinearProgress.component.tsx
+++ b/src/progress/stories/LinearProgress.component.tsx
@@ -7,7 +7,7 @@ import {
   ProgressState,
   useProgressState,
   ProgressInitialState,
-} from "../index";
+} from "../../index";
 import { cx, isNull } from "../../utils/index";
 
 export interface AppProps extends ProgressInitialState {
diff --git a/src/progress/stories/ProgressBasic.component.tsx b/src/progress/stories/ProgressBasic.component.tsx
index 39d8d565f..3ef55dc6d 100644
--- a/src/progress/stories/ProgressBasic.component.tsx
+++ b/src/progress/stories/ProgressBasic.component.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { Progress, useProgressState, ProgressInitialState } from "../index";
+import { Progress, useProgressState, ProgressInitialState } from "../../index";
 
 export const App: React.FC<ProgressInitialState> = props => {
   const state = useProgressState(props);
diff --git a/src/segment/SegmentState.ts b/src/segment/SegmentState.ts
index a1a27bb5b..d2068d940 100644
--- a/src/segment/SegmentState.ts
+++ b/src/segment/SegmentState.ts
@@ -85,9 +85,10 @@ export function useSegmentState(props: SegmentInitialState) {
 
   // https://stackoverflow.com/a/9893752/10629172
   const dateFormatter = useDateFormatter(props.formatOptions);
-  const resolvedOptions = useMemo(() => dateFormatter.resolvedOptions(), [
-    dateFormatter,
-  ]);
+  const resolvedOptions = useMemo(
+    () => dateFormatter.resolvedOptions(),
+    [dateFormatter],
+  );
 
   // Determine how many editable segments there are for validation purposes.
   // The result is cached for performance.
diff --git a/src/segment/stories/Segment.component.tsx b/src/segment/stories/Segment.component.tsx
index 12c2ecee2..243509fa9 100644
--- a/src/segment/stories/Segment.component.tsx
+++ b/src/segment/stories/Segment.component.tsx
@@ -5,7 +5,7 @@ import {
   SegmentField,
   useSegmentState,
   SegmentInitialState,
-} from "../index";
+} from "../../index";
 
 export const App: React.FC<SegmentInitialState> = props => {
   const state = useSegmentState(props);
diff --git a/src/select/Select.ts b/src/select/Select.ts
index dcbd06b13..113f129f0 100644
--- a/src/select/Select.ts
+++ b/src/select/Select.ts
@@ -135,26 +135,25 @@ export const Select = createComponent({
   useHook: useSelect,
 });
 
-const handleCharacterPress = (options: SelectOptions) => (
-  character: string,
-) => {
-  /**
-   * Typeahead: Based on current character pressed,
-   * find the next item to be selected
-   */
-  const selectedValue = options.values.find(value =>
-    options.selectedValue?.includes(value),
-  );
-
-  const nextItem = getNextItemFromSearch(
-    options.values,
-    character,
-    item => item ?? "",
-    selectedValue,
-  );
-
-  if (nextItem) options.setSelectedValue(nextItem);
-};
+const handleCharacterPress =
+  (options: SelectOptions) => (character: string) => {
+    /**
+     * Typeahead: Based on current character pressed,
+     * find the next item to be selected
+     */
+    const selectedValue = options.values.find(value =>
+      options.selectedValue?.includes(value),
+    );
+
+    const nextItem = getNextItemFromSearch(
+      options.values,
+      character,
+      item => item ?? "",
+      selectedValue,
+    );
+
+    if (nextItem) options.setSelectedValue(nextItem);
+  };
 
 const noop = () => {};
 
diff --git a/src/select/SelectBaseState.ts b/src/select/SelectBaseState.ts
index 73ccabeff..fb508598a 100644
--- a/src/select/SelectBaseState.ts
+++ b/src/select/SelectBaseState.ts
@@ -44,9 +44,8 @@ export function useSelectBaseState(
     unregisterItem: compositeUnregisterItem,
   } = composite;
 
-  const [selectedValue, setSelectedValue] = React.useState(
-    initialSelectedValue,
-  );
+  const [selectedValue, setSelectedValue] =
+    React.useState(initialSelectedValue);
   const selectedId = React.useMemo(
     () => getIdFromValue(valuesById.current, selectedValue),
     [valuesById.current, selectedValue],
diff --git a/src/select/SelectListState.ts b/src/select/SelectListState.ts
index c778739b4..fe7e40893 100644
--- a/src/select/SelectListState.ts
+++ b/src/select/SelectListState.ts
@@ -14,9 +14,11 @@ import {
 export function useSelectListState(
   initialState: SealedInitialState<SelectListInitialState> = {},
 ): SelectListStateReturn {
-  const { orientation = "vertical", loop = true, ...sealed } = useSealedState(
-    initialState,
-  );
+  const {
+    orientation = "vertical",
+    loop = true,
+    ...sealed
+  } = useSealedState(initialState);
 
   const composite = useCompositeState({
     orientation,
diff --git a/src/select/helpers/useTypeaheadShortcut.ts b/src/select/helpers/useTypeaheadShortcut.ts
index 83b348401..172d50fcd 100644
--- a/src/select/helpers/useTypeaheadShortcut.ts
+++ b/src/select/helpers/useTypeaheadShortcut.ts
@@ -53,22 +53,21 @@ export function useTypeaheadShortcut({
   }, [onCharacterPress]);
 }
 
-const handleCharacterPress = (options: TypeAheadShortcutOption) => (
-  character: string,
-) => {
-  const selectedValue = options.values.find(value =>
-    options.currentValue?.includes(value),
-  );
+const handleCharacterPress =
+  (options: TypeAheadShortcutOption) => (character: string) => {
+    const selectedValue = options.values.find(value =>
+      options.currentValue?.includes(value),
+    );
 
-  const nextItem = getNextItemFromSearch(
-    options.values,
-    character,
-    item => item ?? "",
-    selectedValue,
-  );
+    const nextItem = getNextItemFromSearch(
+      options.values,
+      character,
+      item => item ?? "",
+      selectedValue,
+    );
 
-  if (nextItem) {
-    const nextId = getIdFromValue(options.valuesById, nextItem);
-    options.move?.(nextId);
-  }
-};
+    if (nextItem) {
+      const nextId = getIdFromValue(options.valuesById, nextItem);
+      options.move?.(nextId);
+    }
+  };
diff --git a/src/select/stories/Select.component.tsx b/src/select/stories/Select.component.tsx
index 7d3f974d6..e00d92a0a 100644
--- a/src/select/stories/Select.component.tsx
+++ b/src/select/stories/Select.component.tsx
@@ -6,7 +6,7 @@ import {
   SelectPopover,
   useSelectState,
   SelectInitialState,
-} from "../index";
+} from "../../index";
 
 export const App: React.FC<SelectInitialState> = props => {
   const select = useSelectState({ gutter: 8, ...props });
diff --git a/src/select/stories/SelectControlled.component.tsx b/src/select/stories/SelectControlled.component.tsx
index aced8146f..06283de8c 100644
--- a/src/select/stories/SelectControlled.component.tsx
+++ b/src/select/stories/SelectControlled.component.tsx
@@ -6,7 +6,7 @@ import {
   SelectPopover,
   useSelectState,
   SelectInitialState,
-} from "../index";
+} from "../../index";
 import { fruits } from "./Utils.component";
 
 export const App: React.FC = () => {
diff --git a/src/select/stories/SelectCustom.component.tsx b/src/select/stories/SelectCustom.component.tsx
index 332cc2e3d..44624fa35 100644
--- a/src/select/stories/SelectCustom.component.tsx
+++ b/src/select/stories/SelectCustom.component.tsx
@@ -6,7 +6,7 @@ import {
   SelectPopover,
   useSelectState,
   SelectInitialState,
-} from "../index";
+} from "../../index";
 import { fruits } from "./Utils.component";
 
 export const App: React.FC<SelectInitialState> = props => {
diff --git a/src/select/stories/SelectDynamic.component.tsx b/src/select/stories/SelectDynamic.component.tsx
index a58c45d64..3cba0278d 100644
--- a/src/select/stories/SelectDynamic.component.tsx
+++ b/src/select/stories/SelectDynamic.component.tsx
@@ -6,7 +6,7 @@ import {
   SelectPopover,
   useSelectState,
   SelectInitialState,
-} from "../index";
+} from "../../index";
 import { fruits } from "./Utils.component";
 
 export const App: React.FC<SelectInitialState> = props => {
diff --git a/src/select/stories/SelectFetch.component.tsx b/src/select/stories/SelectFetch.component.tsx
index 1b410ddfa..f93d967f5 100644
--- a/src/select/stories/SelectFetch.component.tsx
+++ b/src/select/stories/SelectFetch.component.tsx
@@ -6,7 +6,7 @@ import {
   SelectPopover,
   useSelectState,
   SelectInitialState,
-} from "../index";
+} from "../../index";
 
 type User = { value: string; label: string };
 
diff --git a/src/select/stories/SelectMultiple.component.tsx b/src/select/stories/SelectMultiple.component.tsx
index f41f13d71..b66b76935 100644
--- a/src/select/stories/SelectMultiple.component.tsx
+++ b/src/select/stories/SelectMultiple.component.tsx
@@ -6,7 +6,7 @@ import {
   SelectPopover,
   useSelectState,
   SelectInitialState,
-} from "../index";
+} from "../../index";
 import { fruits } from "./Utils.component";
 
 export const App: React.FC<SelectInitialState> = props => {
diff --git a/src/select/stories/SelectStyled.component.tsx b/src/select/stories/SelectStyled.component.tsx
index 9ad6baaf9..bc205c471 100644
--- a/src/select/stories/SelectStyled.component.tsx
+++ b/src/select/stories/SelectStyled.component.tsx
@@ -6,7 +6,7 @@ import {
   SelectPopover,
   useSelectState,
   SelectInitialState,
-} from "../index";
+} from "../../index";
 
 const people = [
   "Wade Cooper",
diff --git a/src/select/stories/SelectVirtual.component.tsx b/src/select/stories/SelectVirtual.component.tsx
index a105039d8..601d3e964 100644
--- a/src/select/stories/SelectVirtual.component.tsx
+++ b/src/select/stories/SelectVirtual.component.tsx
@@ -7,7 +7,7 @@ import {
   SelectPopover,
   useSelectState,
   SelectInitialState,
-} from "../index";
+} from "../../index";
 import { fruits } from "./Utils.component";
 
 export const App: React.FC<SelectInitialState> = props => {
diff --git a/src/select/stories/SelectWindows.component.tsx b/src/select/stories/SelectWindows.component.tsx
index 2f6255b60..163bd0fd0 100644
--- a/src/select/stories/SelectWindows.component.tsx
+++ b/src/select/stories/SelectWindows.component.tsx
@@ -6,7 +6,7 @@ import {
   SelectPopover,
   useSelectState,
   SelectInitialState,
-} from "../index";
+} from "../../index";
 import { fruits } from "./Utils.component";
 
 export const App: React.FC<SelectInitialState> = props => {
diff --git a/src/slider/SliderTrack.ts b/src/slider/SliderTrack.ts
index e474116b8..8f697b157 100644
--- a/src/slider/SliderTrack.ts
+++ b/src/slider/SliderTrack.ts
@@ -124,9 +124,10 @@ export const useSliderTrack = createHook<
           ? options.trackRef.current.offsetHeight
           : options.trackRef.current.offsetWidth;
         // Find the closest thumb
-        const trackPosition = options.trackRef.current.getBoundingClientRect()[
-          isVertical ? "top" : "left"
-        ];
+        const trackPosition =
+          options.trackRef.current.getBoundingClientRect()[
+            isVertical ? "top" : "left"
+          ];
         const clickPosition = isVertical ? clientY : clientX;
         const offset = clickPosition - trackPosition;
 
diff --git a/src/slider/__tests__/MultiSlider.test.tsx b/src/slider/__tests__/MultiSlider.test.tsx
index b7dbff4b0..b88422b69 100644
--- a/src/slider/__tests__/MultiSlider.test.tsx
+++ b/src/slider/__tests__/MultiSlider.test.tsx
@@ -60,12 +60,8 @@ export const MultiSliderComponent = (
 
   const state = useSliderState({ reversed: reversed, ...rest });
   const origin = originProp ?? state.min ?? 0;
-  const {
-    values,
-    getValuePercent,
-    getThumbValueLabel,
-    getThumbPercent,
-  } = state;
+  const { values, getValuePercent, getThumbValueLabel, getThumbPercent } =
+    state;
 
   const isVertical = false;
   const isRange = values.length === 2;
diff --git a/src/slider/__tests__/Slider.test.tsx b/src/slider/__tests__/Slider.test.tsx
index db9daa893..7a536c3f8 100644
--- a/src/slider/__tests__/Slider.test.tsx
+++ b/src/slider/__tests__/Slider.test.tsx
@@ -55,12 +55,8 @@ export const SliderComponent = (
 ) => {
   const state = useSliderState(props);
   const originProp = props.origin ?? state.min ?? 0;
-  const {
-    values,
-    getValuePercent,
-    getThumbPercent,
-    getThumbValueLabel,
-  } = state;
+  const { values, getValuePercent, getThumbPercent, getThumbValueLabel } =
+    state;
 
   const trackWidth = `${
     (getValuePercent(Math.max(values[0], originProp)) -
diff --git a/src/slider/stories/components/MultiSlider.component.tsx b/src/slider/stories/components/MultiSlider.component.tsx
index c867e7687..5cf5e2e49 100644
--- a/src/slider/stories/components/MultiSlider.component.tsx
+++ b/src/slider/stories/components/MultiSlider.component.tsx
@@ -7,7 +7,7 @@ import {
   SliderInput,
   useSliderState,
   SliderInitialState,
-} from "../../index";
+} from "../../../index";
 
 interface AppProps extends SliderInitialState {
   /**
diff --git a/src/slider/stories/components/RangeSlider.component.tsx b/src/slider/stories/components/RangeSlider.component.tsx
index 686cc3bc8..ce520edee 100644
--- a/src/slider/stories/components/RangeSlider.component.tsx
+++ b/src/slider/stories/components/RangeSlider.component.tsx
@@ -7,7 +7,7 @@ import {
   SliderInput,
   useSliderState,
   SliderInitialState,
-} from "../../index";
+} from "../../../index";
 
 interface AppProps extends SliderInitialState {
   /**
diff --git a/src/slider/stories/components/SingleOriginSlider.component.tsx b/src/slider/stories/components/SingleOriginSlider.component.tsx
index 8e12c9660..640886896 100644
--- a/src/slider/stories/components/SingleOriginSlider.component.tsx
+++ b/src/slider/stories/components/SingleOriginSlider.component.tsx
@@ -7,7 +7,7 @@ import {
   SliderInput,
   useSliderState,
   SliderInitialState,
-} from "../../index";
+} from "../../../index";
 
 interface AppProps extends SliderInitialState {
   /**
@@ -26,12 +26,8 @@ export const App: React.FC<AppProps> = args => {
   const { label, ...rest } = args;
 
   const state = useSliderState(rest);
-  const {
-    values,
-    getValuePercent,
-    getThumbValueLabel,
-    getThumbPercent,
-  } = state;
+  const { values, getValuePercent, getThumbValueLabel, getThumbPercent } =
+    state;
   const origin = 0;
 
   return (
diff --git a/src/slider/stories/components/SingleReversedSlider.component.tsx b/src/slider/stories/components/SingleReversedSlider.component.tsx
index fa10be251..3d6cbb952 100644
--- a/src/slider/stories/components/SingleReversedSlider.component.tsx
+++ b/src/slider/stories/components/SingleReversedSlider.component.tsx
@@ -7,7 +7,7 @@ import {
   SliderInput,
   useSliderState,
   SliderInitialState,
-} from "../../index";
+} from "../../../index";
 
 interface AppProps extends SliderInitialState {
   /**
@@ -26,12 +26,8 @@ export const App: React.FC<AppProps> = args => {
   const { label, ...rest } = args;
 
   const state = useSliderState(rest);
-  const {
-    values,
-    getValuePercent,
-    getThumbValueLabel,
-    getThumbPercent,
-  } = state;
+  const { values, getValuePercent, getThumbValueLabel, getThumbPercent } =
+    state;
 
   return (
     <div
diff --git a/src/slider/stories/components/SingleSlider.component.tsx b/src/slider/stories/components/SingleSlider.component.tsx
index 6550448eb..3c231e72e 100644
--- a/src/slider/stories/components/SingleSlider.component.tsx
+++ b/src/slider/stories/components/SingleSlider.component.tsx
@@ -7,7 +7,7 @@ import {
   SliderInput,
   useSliderState,
   SliderInitialState,
-} from "../../index";
+} from "../../../index";
 
 interface AppProps extends SliderInitialState {
   /**
@@ -31,12 +31,8 @@ export const App: React.FC<AppProps> = args => {
   const { label, ...rest } = args;
 
   const state = useSliderState(rest);
-  const {
-    values,
-    getValuePercent,
-    getThumbValueLabel,
-    getThumbPercent,
-  } = state;
+  const { values, getValuePercent, getThumbValueLabel, getThumbPercent } =
+    state;
 
   return (
     <div
diff --git a/src/slider/stories/components/SingleVerticalSlider.component.tsx b/src/slider/stories/components/SingleVerticalSlider.component.tsx
index 8ea045772..de2be5a40 100644
--- a/src/slider/stories/components/SingleVerticalSlider.component.tsx
+++ b/src/slider/stories/components/SingleVerticalSlider.component.tsx
@@ -7,7 +7,7 @@ import {
   SliderInput,
   useSliderState,
   SliderInitialState,
-} from "../../index";
+} from "../../../index";
 
 interface AppProps extends SliderInitialState {
   /**
@@ -31,12 +31,8 @@ export const App: React.FC<AppProps> = args => {
   const { label, ...rest } = args;
 
   const state = useSliderState(rest);
-  const {
-    values,
-    getValuePercent,
-    getThumbValueLabel,
-    getThumbPercent,
-  } = state;
+  const { values, getValuePercent, getThumbValueLabel, getThumbPercent } =
+    state;
 
   return (
     <div
diff --git a/src/slider/stories/components/Slider.component.tsx b/src/slider/stories/components/Slider.component.tsx
index f5340d8e2..d67fe50b5 100644
--- a/src/slider/stories/components/Slider.component.tsx
+++ b/src/slider/stories/components/Slider.component.tsx
@@ -7,7 +7,7 @@ import {
   SliderInput,
   useSliderState,
   SliderInitialState,
-} from "../../index";
+} from "../../../index";
 
 interface AppProps extends SliderInitialState {
   /**
@@ -36,12 +36,8 @@ export const App: React.FC<AppProps> = args => {
   const origin = originProp ?? args.min ?? 0;
 
   const state = useSliderState({ reversed: isReversed, ...rest });
-  const {
-    values,
-    getValuePercent,
-    getThumbValueLabel,
-    getThumbPercent,
-  } = state;
+  const { values, getValuePercent, getThumbValueLabel, getThumbPercent } =
+    state;
 
   const isVertical = args.orientation === "vertical";
   const isRange = values.length === 2;
diff --git a/src/timepicker/stories/TimePicker.component.tsx b/src/timepicker/stories/TimePicker.component.tsx
index 4130a0abd..149772b6d 100644
--- a/src/timepicker/stories/TimePicker.component.tsx
+++ b/src/timepicker/stories/TimePicker.component.tsx
@@ -10,7 +10,7 @@ import {
   TimePickerColumnValue,
   TimePickerSegmentField,
   TimePickerStateProps,
-} from "../index";
+} from "../../index";
 
 import { CalendarIcon } from "./Utils.component";
 
diff --git a/src/toast/CreateToastContext.tsx b/src/toast/CreateToastContext.tsx
index c3dbd419e..777e65cc7 100644
--- a/src/toast/CreateToastContext.tsx
+++ b/src/toast/CreateToastContext.tsx
@@ -57,7 +57,7 @@ export function createToastStore<T extends DefaultToast, Content>(
 
     const createToast = React.useCallback(
       (content: Content, opts?: ToastOptions<T>) =>
-        (({
+        ({
           visible: false,
           reverseOrder: true,
           createdAt: Date.now(),
@@ -66,7 +66,7 @@ export function createToastStore<T extends DefaultToast, Content>(
           ...opts,
           content,
           id: opts?.id || genId(),
-        } as unknown) as T),
+        } as unknown as T),
       // Since its only a few object https://twitter.com/dan_abramov/status/1104414272753487872
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [JSON.stringify(rest)],
diff --git a/src/toast/__tests__/ToastState.test.tsx b/src/toast/__tests__/ToastState.test.tsx
index 331a7e010..f2dd9b9cd 100644
--- a/src/toast/__tests__/ToastState.test.tsx
+++ b/src/toast/__tests__/ToastState.test.tsx
@@ -8,13 +8,13 @@ const createToast = <T extends DefaultToast>(
   content: Content,
   opts?: ToastOptions<T>,
 ) =>
-  (({
+  ({
     content,
     visible: true,
     reverseOrder: true,
     animationDuration: 100,
     ...opts,
-  } as unknown) as T);
+  } as unknown as T);
 
 describe("Toast State Reducer", () => {
   it("should pass smoke test", () => {
diff --git a/src/toast/stories/ToastBasic.component.tsx b/src/toast/stories/ToastBasic.component.tsx
index e14024d5d..518db9207 100644
--- a/src/toast/stories/ToastBasic.component.tsx
+++ b/src/toast/stories/ToastBasic.component.tsx
@@ -25,25 +25,24 @@ export const App = () => {
 
 export default App;
 
-const alert = (content: any, type?: AlertType) => ({
-  toast,
-  handlers,
-}: ContentType) => {
-  const { pauseTimer, resumeTimer, removeToast } = handlers;
+const alert =
+  (content: any, type?: AlertType) =>
+  ({ toast, handlers }: ContentType) => {
+    const { pauseTimer, resumeTimer, removeToast } = handlers;
 
-  return (
-    <Alert
-      toast={toast}
-      type={type}
-      hideToast={removeToast}
-      content={content}
-      onMouseEnter={() => pauseTimer(toast.id)}
-      onMouseLeave={() => resumeTimer(toast.id)}
-    >
-      <AlertIndicator toast={toast} type={type} />
-    </Alert>
-  );
-};
+    return (
+      <Alert
+        toast={toast}
+        type={type}
+        hideToast={removeToast}
+        content={content}
+        onMouseEnter={() => pauseTimer(toast.id)}
+        onMouseLeave={() => resumeTimer(toast.id)}
+      >
+        <AlertIndicator toast={toast} type={type} />
+      </Alert>
+    );
+  };
 
 function ToastTriggers() {
   const { addToast, removeToast } = useToastHandlers();
diff --git a/src/toast/stories/ToastCSSAnimated.component.tsx b/src/toast/stories/ToastCSSAnimated.component.tsx
index 09b3a8ed2..714696bc4 100644
--- a/src/toast/stories/ToastCSSAnimated.component.tsx
+++ b/src/toast/stories/ToastCSSAnimated.component.tsx
@@ -25,27 +25,26 @@ export const App = () => {
 
 export default App;
 
-const alert = (content: any, type?: AlertType) => ({
-  toast,
-  handlers,
-}: ContentType) => {
-  const { pauseTimer, resumeTimer, dismissToast } = handlers;
+const alert =
+  (content: any, type?: AlertType) =>
+  ({ toast, handlers }: ContentType) => {
+    const { pauseTimer, resumeTimer, dismissToast } = handlers;
 
-  return (
-    <ToastWrapper toast={toast}>
-      <Alert
-        toast={toast}
-        type={type}
-        hideToast={dismissToast}
-        content={content}
-        onMouseEnter={() => pauseTimer(toast.id)}
-        onMouseLeave={() => resumeTimer(toast.id)}
-      >
-        <AlertIndicator toast={toast} type={type} />
-      </Alert>
-    </ToastWrapper>
-  );
-};
+    return (
+      <ToastWrapper toast={toast}>
+        <Alert
+          toast={toast}
+          type={type}
+          hideToast={dismissToast}
+          content={content}
+          onMouseEnter={() => pauseTimer(toast.id)}
+          onMouseLeave={() => resumeTimer(toast.id)}
+        >
+          <AlertIndicator toast={toast} type={type} />
+        </Alert>
+      </ToastWrapper>
+    );
+  };
 
 export function ToastTriggers() {
   const { showToast } = useToastHandlers();
diff --git a/src/toast/stories/ToastCSSTransition.component.tsx b/src/toast/stories/ToastCSSTransition.component.tsx
index 57285fa0d..09d2f885a 100644
--- a/src/toast/stories/ToastCSSTransition.component.tsx
+++ b/src/toast/stories/ToastCSSTransition.component.tsx
@@ -13,7 +13,6 @@ import {
   getRandomContent,
   useToastHandlers,
 } from "./Utils.component";
-import {} from "../index";
 
 export const App = () => {
   return (
@@ -26,32 +25,31 @@ export const App = () => {
 
 export default App;
 
-const alert = (content: any, type?: AlertType) => ({
-  toast,
-  handlers,
-}: ContentType) => {
-  const { pauseTimer, resumeTimer, dismissToast } = handlers;
+const alert =
+  (content: any, type?: AlertType) =>
+  ({ toast, handlers }: ContentType) => {
+    const { pauseTimer, resumeTimer, dismissToast } = handlers;
 
-  return (
-    <CSSTransition
-      in={toast.visible}
-      classNames="alert"
-      timeout={300}
-      mountOnEnter
-    >
-      <Alert
-        toast={toast}
-        type={type}
-        hideToast={dismissToast}
-        content={content}
-        onMouseEnter={() => pauseTimer(toast.id)}
-        onMouseLeave={() => resumeTimer(toast.id)}
+    return (
+      <CSSTransition
+        in={toast.visible}
+        classNames="alert"
+        timeout={300}
+        mountOnEnter
       >
-        <AlertIndicator toast={toast} type={type} />
-      </Alert>
-    </CSSTransition>
-  );
-};
+        <Alert
+          toast={toast}
+          type={type}
+          hideToast={dismissToast}
+          content={content}
+          onMouseEnter={() => pauseTimer(toast.id)}
+          onMouseLeave={() => resumeTimer(toast.id)}
+        >
+          <AlertIndicator toast={toast} type={type} />
+        </Alert>
+      </CSSTransition>
+    );
+  };
 
 export function ToastTriggers() {
   const { showToast } = useToastHandlers();
diff --git a/src/toast/stories/ToastReactSpring.component.tsx b/src/toast/stories/ToastReactSpring.component.tsx
index 25be03273..bbb3079a4 100644
--- a/src/toast/stories/ToastReactSpring.component.tsx
+++ b/src/toast/stories/ToastReactSpring.component.tsx
@@ -26,27 +26,26 @@ export const App = () => {
 
 export default App;
 
-const alert = (content: any, type?: AlertType) => ({
-  toast,
-  handlers,
-}: ContentType) => {
-  const { pauseTimer, resumeTimer, dismissToast } = handlers;
+const alert =
+  (content: any, type?: AlertType) =>
+  ({ toast, handlers }: ContentType) => {
+    const { pauseTimer, resumeTimer, dismissToast } = handlers;
 
-  return (
-    <SpringAnimationWrapper toast={toast}>
-      <Alert
-        toast={toast}
-        type={type}
-        hideToast={dismissToast}
-        content={content}
-        onMouseEnter={() => pauseTimer(toast.id)}
-        onMouseLeave={() => resumeTimer(toast.id)}
-      >
-        <AlertIndicator toast={toast} type={type} />
-      </Alert>
-    </SpringAnimationWrapper>
-  );
-};
+    return (
+      <SpringAnimationWrapper toast={toast}>
+        <Alert
+          toast={toast}
+          type={type}
+          hideToast={dismissToast}
+          content={content}
+          onMouseEnter={() => pauseTimer(toast.id)}
+          onMouseLeave={() => resumeTimer(toast.id)}
+        >
+          <AlertIndicator toast={toast} type={type} />
+        </Alert>
+      </SpringAnimationWrapper>
+    );
+  };
 
 export function ToastTriggers() {
   const { showToast } = useToastHandlers();
diff --git a/src/toast/stories/Utils.component.tsx b/src/toast/stories/Utils.component.tsx
index 60eddf3da..2f90d1631 100644
--- a/src/toast/stories/Utils.component.tsx
+++ b/src/toast/stories/Utils.component.tsx
@@ -6,7 +6,7 @@ import {
   createToastStore,
   DefaultToastOptions,
   useToastTimer,
-} from "../index";
+} from "../../index";
 
 export interface Toast extends TimerToast {
   content?: Content;
@@ -46,12 +46,8 @@ const defaultOptions: DefaultToastOptions<Toast> = {
   dismissDuration: 3000,
 };
 
-const [
-  ToastProvider,
-  useToastStore,
-  useCreateToast,
-  useToastHandlers,
-] = createToastStore<Toast, Content>(defaultOptions);
+const [ToastProvider, useToastStore, useCreateToast, useToastHandlers] =
+  createToastStore<Toast, Content>(defaultOptions);
 
 export { ToastProvider, useToastStore, useCreateToast, useToastHandlers };
 
@@ -78,45 +74,44 @@ export type useToastsReturnType = ReturnType<typeof useToasts>;
 /* =========================================================================
   Components - Trigger
   ========================================================================== */
-export const TriggerButton: React.FC<
-  React.HTMLAttributes<HTMLButtonElement>
-> = props => {
-  const { style, ...rest } = props;
+export const TriggerButton: React.FC<React.HTMLAttributes<HTMLButtonElement>> =
+  props => {
+    const { style, ...rest } = props;
 
-  return (
-    <button
-      style={{
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: "auto",
-        height: "1rem",
-        minWidth: "1rem",
-        paddingTop: "1rem",
-        paddingBottom: "1rem",
-        paddingRight: "0.5rem",
-        paddingLeft: "0.5rem",
-        fontSize: "14px",
-        lineHeight: "20px",
-        fontWeight: 500,
-        boxShadow: "none",
-        border: "none",
-        color: "white",
-        verticalAlign: "middle",
-        transition: "all 0.3s ease",
-        background: "black",
-        borderRadius: "6px",
-        appearance: "none",
-        whiteSpace: "nowrap",
-        marginTop: "0.5rem",
-        marginBottom: "0.5rem",
-        cursor: "pointer",
-        ...style,
-      }}
-      {...rest}
-    />
-  );
-};
+    return (
+      <button
+        style={{
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          width: "auto",
+          height: "1rem",
+          minWidth: "1rem",
+          paddingTop: "1rem",
+          paddingBottom: "1rem",
+          paddingRight: "0.5rem",
+          paddingLeft: "0.5rem",
+          fontSize: "14px",
+          lineHeight: "20px",
+          fontWeight: 500,
+          boxShadow: "none",
+          border: "none",
+          color: "white",
+          verticalAlign: "middle",
+          transition: "all 0.3s ease",
+          background: "black",
+          borderRadius: "6px",
+          appearance: "none",
+          whiteSpace: "nowrap",
+          marginTop: "0.5rem",
+          marginBottom: "0.5rem",
+          cursor: "pointer",
+          ...style,
+        }}
+        {...rest}
+      />
+    );
+  };
 
 const contents = [
   "Amet soufflé carrot cake tootsie roll jelly-o chocolate cake.",
diff --git a/yarn.lock b/yarn.lock
index 3236dea0b..bd77cd777 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3765,10 +3765,10 @@
     lodash "^4.17.15"
     redent "^3.0.0"
 
-"@testing-library/react-hooks@^7.0.1":
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/@testing-library/react-hooks/-/react-hooks-7.0.1.tgz#8429d8bf55bfe82e486bd582dd06457c2464900a"
-  integrity sha512-bpEQ2SHSBSzBmfJ437NmnP+oArQ7aVmmULiAp6Ag2rtyLBLPNFSMmgltUbFGmQOJdPWo4Ub31kpUC5T46zXNwQ==
+"@testing-library/react-hooks@^7.0.2":
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/@testing-library/react-hooks/-/react-hooks-7.0.2.tgz#3388d07f562d91e7f2431a4a21b5186062ecfee0"
+  integrity sha512-dYxpz8u9m4q1TuzfcUApqi8iFfR6R0FaMbr2hjZJy1uC8z+bO/K4v8Gs9eogGKYQop7QsrBTFkv/BCF7MzD2Cg==
   dependencies:
     "@babel/runtime" "^7.12.5"
     "@types/react" ">=16.9.0"
@@ -4117,10 +4117,10 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-14.17.3.tgz#6d327abaa4be34a74e421ed6409a0ae2f47f4c3d"
   integrity sha512-e6ZowgGJmTuXa3GyaPbTGxX17tnThl2aSSizrFthQ7m9uLGZBXiGhgE55cjRZTF5kjZvYn9EOPOMljdjwbflxw==
 
-"@types/node@^16.7.6":
-  version "16.7.6"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.7.6.tgz#8666478db8095aa66e25b7e469f3e7b53ea2855e"
-  integrity sha512-VESVNFoa/ahYA62xnLBjo5ur6gPsgEE5cNRy8SrdnkZ2nwJSW0kJ4ufbFr2zuU9ALtHM8juY53VcRoTA7htXSg==
+"@types/node@^16.7.10":
+  version "16.7.10"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.7.10.tgz#7aa732cc47341c12a16b7d562f519c2383b6d4fc"
+  integrity sha512-S63Dlv4zIPb8x6MMTgDq5WWRJQe56iBEY0O3SOFA9JrRienkOVDXSXBjjJw6HTNQYSE2JI6GMCR6LVbIMHJVvA==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.0"
@@ -4337,73 +4337,73 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@4.29.3":
-  version "4.29.3"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.29.3.tgz#95cb8029a8bd8bd9c7f4ab95074a7cb2115adefa"
-  integrity sha512-tBgfA3K/3TsZY46ROGvoRxQr1wBkclbVqRQep97MjVHJzcRBURRY3sNFqLk0/Xr//BY5hM9H2p/kp+6qim85SA==
+"@typescript-eslint/eslint-plugin@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.30.0.tgz#4a0c1ae96b953f4e67435e20248d812bfa55e4fb"
+  integrity sha512-NgAnqk55RQ/SD+tZFD9aPwNSeHmDHHe5rtUyhIq0ZeCWZEvo4DK9rYz7v9HDuQZFvn320Ot+AikaCKMFKLlD0g==
   dependencies:
-    "@typescript-eslint/experimental-utils" "4.29.3"
-    "@typescript-eslint/scope-manager" "4.29.3"
+    "@typescript-eslint/experimental-utils" "4.30.0"
+    "@typescript-eslint/scope-manager" "4.30.0"
     debug "^4.3.1"
     functional-red-black-tree "^1.0.1"
     regexpp "^3.1.0"
     semver "^7.3.5"
     tsutils "^3.21.0"
 
-"@typescript-eslint/experimental-utils@4.29.3":
-  version "4.29.3"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.29.3.tgz#52e437a689ccdef73e83c5106b34240a706f15e1"
-  integrity sha512-ffIvbytTVWz+3keg+Sy94FG1QeOvmV9dP2YSdLFHw/ieLXWCa3U1TYu8IRCOpMv2/SPS8XqhM1+ou1YHsdzKrg==
+"@typescript-eslint/experimental-utils@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.30.0.tgz#9e49704fef568432ae16fc0d6685c13d67db0fd5"
+  integrity sha512-K8RNIX9GnBsv5v4TjtwkKtqMSzYpjqAQg/oSphtxf3xxdt6T0owqnpojztjjTcatSteH3hLj3t/kklKx87NPqw==
   dependencies:
     "@types/json-schema" "^7.0.7"
-    "@typescript-eslint/scope-manager" "4.29.3"
-    "@typescript-eslint/types" "4.29.3"
-    "@typescript-eslint/typescript-estree" "4.29.3"
+    "@typescript-eslint/scope-manager" "4.30.0"
+    "@typescript-eslint/types" "4.30.0"
+    "@typescript-eslint/typescript-estree" "4.30.0"
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
-"@typescript-eslint/parser@4.29.3":
-  version "4.29.3"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.29.3.tgz#2ac25535f34c0e98f50c0e6b28c679c2357d45f2"
-  integrity sha512-jrHOV5g2u8ROghmspKoW7pN8T/qUzk0+DITun0MELptvngtMrwUJ1tv5zMI04CYVEUsSrN4jV7AKSv+I0y0EfQ==
+"@typescript-eslint/parser@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.30.0.tgz#6abd720f66bd790f3e0e80c3be77180c8fcb192d"
+  integrity sha512-HJ0XuluSZSxeboLU7Q2VQ6eLlCwXPBOGnA7CqgBnz2Db3JRQYyBDJgQnop6TZ+rsbSx5gEdWhw4rE4mDa1FnZg==
   dependencies:
-    "@typescript-eslint/scope-manager" "4.29.3"
-    "@typescript-eslint/types" "4.29.3"
-    "@typescript-eslint/typescript-estree" "4.29.3"
+    "@typescript-eslint/scope-manager" "4.30.0"
+    "@typescript-eslint/types" "4.30.0"
+    "@typescript-eslint/typescript-estree" "4.30.0"
     debug "^4.3.1"
 
-"@typescript-eslint/scope-manager@4.29.3":
-  version "4.29.3"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.29.3.tgz#497dec66f3a22e459f6e306cf14021e40ec86e19"
-  integrity sha512-x+w8BLXO7iWPkG5mEy9bA1iFRnk36p/goVlYobVWHyDw69YmaH9q6eA+Fgl7kYHmFvWlebUTUfhtIg4zbbl8PA==
+"@typescript-eslint/scope-manager@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.30.0.tgz#1a3ffbb385b1a06be85cd5165a22324f069a85ee"
+  integrity sha512-VJ/jAXovxNh7rIXCQbYhkyV2Y3Ac/0cVHP/FruTJSAUUm4Oacmn/nkN5zfWmWFEanN4ggP0vJSHOeajtHq3f8A==
   dependencies:
-    "@typescript-eslint/types" "4.29.3"
-    "@typescript-eslint/visitor-keys" "4.29.3"
+    "@typescript-eslint/types" "4.30.0"
+    "@typescript-eslint/visitor-keys" "4.30.0"
 
-"@typescript-eslint/types@4.29.3":
-  version "4.29.3"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.29.3.tgz#d7980c49aef643d0af8954c9f14f656b7fd16017"
-  integrity sha512-s1eV1lKNgoIYLAl1JUba8NhULmf+jOmmeFO1G5MN/RBCyyzg4TIOfIOICVNC06lor+Xmy4FypIIhFiJXOknhIg==
+"@typescript-eslint/types@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.30.0.tgz#fb9d9b0358426f18687fba82eb0b0f869780204f"
+  integrity sha512-YKldqbNU9K4WpTNwBqtAerQKLLW/X2A/j4yw92e3ZJYLx+BpKLeheyzoPfzIXHfM8BXfoleTdiYwpsvVPvHrDw==
 
-"@typescript-eslint/typescript-estree@4.29.3":
-  version "4.29.3"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.29.3.tgz#1bafad610015c4ded35c85a70b6222faad598b40"
-  integrity sha512-45oQJA0bxna4O5TMwz55/TpgjX1YrAPOI/rb6kPgmdnemRZx/dB0rsx+Ku8jpDvqTxcE1C/qEbVHbS3h0hflag==
+"@typescript-eslint/typescript-estree@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.30.0.tgz#ae57833da72a753f4846cd3053758c771670c2ac"
+  integrity sha512-6WN7UFYvykr/U0Qgy4kz48iGPWILvYL34xXJxvDQeiRE018B7POspNRVtAZscWntEPZpFCx4hcz/XBT+erenfg==
   dependencies:
-    "@typescript-eslint/types" "4.29.3"
-    "@typescript-eslint/visitor-keys" "4.29.3"
+    "@typescript-eslint/types" "4.30.0"
+    "@typescript-eslint/visitor-keys" "4.30.0"
     debug "^4.3.1"
     globby "^11.0.3"
     is-glob "^4.0.1"
     semver "^7.3.5"
     tsutils "^3.21.0"
 
-"@typescript-eslint/visitor-keys@4.29.3":
-  version "4.29.3"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.29.3.tgz#c691760a00bd86bf8320d2a90a93d86d322f1abf"
-  integrity sha512-MGGfJvXT4asUTeVs0Q2m+sY63UsfnA+C/FDgBKV3itLBmM9H0u+URcneePtkd0at1YELmZK6HSolCqM4Fzs6yA==
+"@typescript-eslint/visitor-keys@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.30.0.tgz#a47c6272fc71b0c627d1691f68eaecf4ad71445e"
+  integrity sha512-pNaaxDt/Ol/+JZwzP7MqWc8PJQTUhZwoee/PVlQ+iYoYhagccvoHnC9e4l+C/krQYYkENxznhVSDwClIbZVxRw==
   dependencies:
-    "@typescript-eslint/types" "4.29.3"
+    "@typescript-eslint/types" "4.30.0"
     eslint-visitor-keys "^2.0.0"
 
 "@vivaxy/git@^4.1.1":
@@ -8337,10 +8337,10 @@ eslint-module-utils@^2.6.2:
     debug "^3.2.7"
     pkg-dir "^2.0.0"
 
-eslint-plugin-flowtype@5.9.1:
-  version "5.9.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-5.9.1.tgz#21ae5c5063cb87d80ad740611761b0cfeea0738f"
-  integrity sha512-ncUBL9lbhrcOlM5p6xQJT2c0z9co/FlP0mXdva6FrkvtzOoN7wdc8ioASonEpcWffOxnJPFPI8N0sHCavE6NAg==
+eslint-plugin-flowtype@5.9.2:
+  version "5.9.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-5.9.2.tgz#aac08cd26ee4da79cba0e40c3877bb4d96a74ebc"
+  integrity sha512-qxE/eo9DCN7800MIB/O1ToOiFuOPOlaMJWQY2BEm69oY7RCm3s2X1z4CdgtFvDDWf9RSSugZm1KRhdBMBueKbg==
   dependencies:
     lodash "^4.17.15"
     string-natural-compare "^3.0.1"
@@ -8383,10 +8383,10 @@ eslint-plugin-jsx-a11y@6.4.1:
     jsx-ast-utils "^3.1.0"
     language-tags "^1.0.5"
 
-eslint-plugin-prettier@3.4.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.4.1.tgz#e9ddb200efb6f3d05ffe83b1665a716af4a387e5"
-  integrity sha512-htg25EUYUeIhKHXjOinK4BgCcDwtLHjqaxCDsMy5nbnUMkKFvIhMVCp+5GFUXQ4Nr8lBsPqtGAqBenbpFqAA2g==
+eslint-plugin-prettier@4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.0.0.tgz#8b99d1e4b8b24a762472b4567992023619cb98e0"
+  integrity sha512-98MqmCJ7vJodoQK359bqQWaxOE0CS8paAz/GgjaZLyex4TTk3g9HugoO89EqWCrFiOqn9EVvcoo7gZzONCWVwQ==
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
@@ -11277,7 +11277,7 @@ jest-axe@4.1.0:
     jest-matcher-utils "^26.0.1"
     lodash.merge "^4.6.2"
 
-jest-axe@5.0.1:
+jest-axe@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/jest-axe/-/jest-axe-5.0.1.tgz#26c43643b2e5f2bd4900c1ab36f8283635957a6e"
   integrity sha512-MMOWA6gT4pcZGbTLS8ZEqABH08Lnj5bInfLPpn9ADWX2wFF++odbbh8csmSfkwKjHaioVPzlCtIypAtxFDx/rw==
@@ -11505,7 +11505,7 @@ jest-haste-map@^27.1.0:
   optionalDependencies:
     fsevents "^2.3.2"
 
-jest-in-case@1.0.2:
+jest-in-case@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/jest-in-case/-/jest-in-case-1.0.2.tgz#56744b5af33222bd0abab70cf919f1d170ab75cc"
   integrity sha1-VnRLWvMyIr0KurcM+Rnx0XCrdcw=
@@ -11552,16 +11552,6 @@ jest-matcher-utils@27.0.2:
     jest-get-type "^27.0.1"
     pretty-format "^27.0.2"
 
-jest-matcher-utils@27.1.0, jest-matcher-utils@^27.1.0:
-  version "27.1.0"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.1.0.tgz#68afda0885db1f0b9472ce98dc4c535080785301"
-  integrity sha512-VmAudus2P6Yt/JVBRdTPFhUzlIN8DYJd+et5Rd9QDsO/Z82Z4iwGjo43U8Z+PTiz8CBvKvlb6Fh3oKy39hykkQ==
-  dependencies:
-    chalk "^4.0.0"
-    jest-diff "^27.1.0"
-    jest-get-type "^27.0.6"
-    pretty-format "^27.1.0"
-
 jest-matcher-utils@^26.0.1:
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-26.6.2.tgz#8e6fd6e863c8b2d31ac6472eeb237bc595e53e7a"
@@ -11572,6 +11562,16 @@ jest-matcher-utils@^26.0.1:
     jest-get-type "^26.3.0"
     pretty-format "^26.6.2"
 
+jest-matcher-utils@^27.1.0:
+  version "27.1.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.1.0.tgz#68afda0885db1f0b9472ce98dc4c535080785301"
+  integrity sha512-VmAudus2P6Yt/JVBRdTPFhUzlIN8DYJd+et5Rd9QDsO/Z82Z4iwGjo43U8Z+PTiz8CBvKvlb6Fh3oKy39hykkQ==
+  dependencies:
+    chalk "^4.0.0"
+    jest-diff "^27.1.0"
+    jest-get-type "^27.0.6"
+    pretty-format "^27.1.0"
+
 jest-message-util@^27.1.0:
   version "27.1.0"
   resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-27.1.0.tgz#e77692c84945d1d10ef00afdfd3d2c20bd8fb468"
@@ -11830,7 +11830,7 @@ jest-worker@^27.1.0:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest@27.1.0:
+jest@^27.1.0:
   version "27.1.0"
   resolved "https://registry.yarnpkg.com/jest/-/jest-27.1.0.tgz#eaab62dfdc02d8b7c814cd27b8d2d92bc46d3d69"
   integrity sha512-pSQDVwRSwb109Ss13lcMtdfS9r8/w2Zz8+mTUA9VORD66GflCdl8nUFCqM96geOD2EBwWCNURrNAfQsLIDNBdg==
@@ -12182,7 +12182,7 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
   integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
 
-lint-staged@11.1.2:
+lint-staged@^11.1.2:
   version "11.1.2"
   resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-11.1.2.tgz#4dd78782ae43ee6ebf2969cad9af67a46b33cd90"
   integrity sha512-6lYpNoA9wGqkL6Hew/4n1H6lRqF3qCsujVT0Oq5Z4hiSAM7S6NksPJ3gnr7A7R52xCtiZMcEUNNQ6d6X5Bvh9w==
@@ -14493,7 +14493,12 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@2.2.1, prettier@~2.2.1:
+prettier@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.2.tgz#ef280a05ec253712e486233db5c6f23441e7342d"
+  integrity sha512-lnJzDfJ66zkMy58OL5/NY5zp70S7Nz6KqcKkXYzn2tMVrNxvbqaBpg7H3qHaLxCJ5lNMsGuM8+ohS7cZrthdLQ==
+
+prettier@~2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.2.1.tgz#795a1a78dd52f073da0cd42b21f9c91381923ff5"
   integrity sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q==
@@ -14941,7 +14946,7 @@ react-docgen@^5.0.0:
     node-dir "^0.1.10"
     strip-indent "^3.0.0"
 
-react-dom@17.0.2:
+react-dom@^17.0.2:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23"
   integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==
@@ -14994,10 +14999,10 @@ react-helmet-async@^1.0.7:
     react-fast-compare "^3.2.0"
     shallowequal "^1.1.0"
 
-react-hook-form@7.14.1:
-  version "7.14.1"
-  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.14.1.tgz#e52d346d1e436f299cd6d08598b6f2d2edcc7ee9"
-  integrity sha512-NcKsxUokZhvpKBdxjnpIn/9v6IlmML63I3PI5aWlnI75ptswYvQeIaaOK8fMohr9Z2HZeeiYBjYDlv+ooffI4Q==
+react-hook-form@^7.14.2:
+  version "7.14.2"
+  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.14.2.tgz#e5615ba883588a6dd73bbbbbd7d3bb71b73440e3"
+  integrity sha512-32uvgKkaE/0vOncfnJdwQhfahhocPpcb5c7F4j9Eq7dOnqS2Hg8h70Bmt6KXb6veLSWJultc1+ik9QSfqXFmLA==
 
 react-input-autosize@^3.0.0:
   version "3.0.0"
@@ -15103,7 +15108,7 @@ react-tabs@^3.0.0:
     clsx "^1.1.0"
     prop-types "^15.5.0"
 
-react-test-renderer@17.0.2:
+react-test-renderer@^17.0.2:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-17.0.2.tgz#4cd4ae5ef1ad5670fc0ef776e8cc7e1231d9866c"
   integrity sha512-yaQ9cB89c17PUb0x6UfWRs7kQCorVdHlutU1boVPEsB8IDZH6n9tHxMacc3y0JoXOJUsZb/t/Mb8FUWMKaM7iQ==
@@ -15122,7 +15127,7 @@ react-textarea-autosize@^8.3.0:
     use-composed-ref "^1.0.0"
     use-latest "^1.0.0"
 
-react-transition-group@4.4.2, react-transition-group@^4.3.0:
+react-transition-group@^4.3.0, react-transition-group@^4.4.2:
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.2.tgz#8b59a56f09ced7b55cbd53c36768b922890d5470"
   integrity sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==
@@ -15139,7 +15144,7 @@ react-virtual@^2.8.1:
   dependencies:
     "@reach/observe-rect" "^1.1.0"
 
-react@17.0.2:
+react@^17.0.2:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
   integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
@@ -15273,7 +15278,7 @@ reakit-warning@^0.6.1:
   dependencies:
     reakit-utils "^0.15.1"
 
-reakit@1.3.8:
+reakit@^1.3.8:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/reakit/-/reakit-1.3.8.tgz#717e1a3b7cc6da803362a0edc2c55d2b6a001baf"
   integrity sha512-8SVejx6FUaFi2+Q9eXoDAd4wWi/xAn6v8JgXH8x2xnzye8pb6v5bYvegACVpYVZnrS5w/JUgMTGh1Xy8MkkPww==
@@ -15790,13 +15795,6 @@ right-pad@^1.0.1:
   resolved "https://registry.yarnpkg.com/right-pad/-/right-pad-1.0.1.tgz#8ca08c2cbb5b55e74dafa96bf7fd1a27d568c8d0"
   integrity sha1-jKCMLLtbVedNr6lr9/0aJ9VoyNA=
 
-rimraf@3.0.2, rimraf@^3.0.0, rimraf@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
-  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
-  dependencies:
-    glob "^7.1.3"
-
 rimraf@^2.2.8, rimraf@^2.5.4, rimraf@^2.6.1, rimraf@^2.6.2, rimraf@^2.6.3:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
@@ -15804,6 +15802,13 @@ rimraf@^2.2.8, rimraf@^2.5.4, rimraf@^2.6.1, rimraf@^2.6.2, rimraf@^2.6.3:
   dependencies:
     glob "^7.1.3"
 
+rimraf@^3.0.0, rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
 ripemd160@^2.0.0, ripemd160@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
@@ -17440,7 +17445,7 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@4.4.2:
+typescript@^4.4.2:
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.4.2.tgz#6d618640d430e3569a1dfb44f7d7e600ced3ee86"
   integrity sha512-gzP+t5W4hdy4c+68bfcv0t400HVJMMd2+H9B7gae1nQlBzCqvrXX+6GL/b3GAgyTH966pzrZ70/fRjwAtZksSQ==