diff --git a/packages/components/.storybook/fix-actions.js b/app/.storybook/fix-actions.js
similarity index 100%
rename from packages/components/.storybook/fix-actions.js
rename to app/.storybook/fix-actions.js
diff --git a/app/.storybook/main.js b/app/.storybook/main.js
new file mode 100644
index 0000000000..33ecce2df6
--- /dev/null
+++ b/app/.storybook/main.js
@@ -0,0 +1,22 @@
+const path = require('path');
+const { mergeConfig } = require('vite');
+
+module.exports = {
+	async viteFinal(config) {
+		return mergeConfig(config, {
+			resolve: {
+				dedupe: ['@storybook/client-api'],
+				alias: [
+					{ find: '@', replacement: path.resolve(__dirname, '..', 'src') },
+					// { find: 'json2csv', replacement: 'json2csv/dist/json2csv.umd.js' },
+				],
+			},
+		});
+	},
+	stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+	addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-actions'],
+	core: {
+		builder: '@storybook/builder-vite',
+	},
+	framework: '@storybook/vue3',
+};
diff --git a/packages/components/.storybook/preview-body.html b/app/.storybook/preview-body.html
similarity index 100%
rename from packages/components/.storybook/preview-body.html
rename to app/.storybook/preview-body.html
diff --git a/app/.storybook/preview.js b/app/.storybook/preview.js
new file mode 100644
index 0000000000..9699f0d722
--- /dev/null
+++ b/app/.storybook/preview.js
@@ -0,0 +1,45 @@
+import '../src/styles/main.scss';
+import './styles.scss';
+import { useArgs } from '@storybook/client-api';
+import { app } from '@storybook/vue3';
+import { createRouter, createWebHistory } from 'vue-router';
+import { createI18n } from 'vue-i18n';
+import { register } from './register';
+import { fix } from './fix-actions';
+
+const router = createRouter({
+	history: createWebHistory(),
+	routes: [
+		{
+			path: '/',
+		},
+	],
+});
+
+const i18n = createI18n();
+
+export const decorators = [
+	(Story, { args, argTypes }) => {
+		const [_, update] = useArgs();
+		const newArgs = fix(args, argTypes, update);
+		return {
+			args: newArgs,
+			template: '<story />',
+		};
+	},
+];
+
+export const parameters = {
+	// actions: { argTypesRegex: "(change|emoji-selected|update:.*?)" },
+	controls: {
+		matchers: {
+			color: /(background|color)$/i,
+			date: /Date$/,
+		},
+	},
+};
+
+app.use(router);
+app.use(i18n);
+
+register(app);
diff --git a/packages/components/.storybook/register.js b/app/.storybook/register.js
similarity index 95%
rename from packages/components/.storybook/register.js
rename to app/.storybook/register.js
index 7c31f2fd5a..a83877afa2 100644
--- a/packages/components/.storybook/register.js
+++ b/app/.storybook/register.js
@@ -62,16 +62,16 @@ import VWorkspaceTile from '../src/components/v-workspace-tile.vue';
 // import VForm from './v-form/v-form.vue';
 // import VImage from './v-image.vue';
 
-import Focus from '../../../app/src/directives/focus';
-import Tooltip from '../../../app/src/directives/tooltip';
-import ClickOutside from '../../../app/src/directives/click-outside';
+import Focus from '../src/directives/focus';
+import Tooltip from '../src/directives/tooltip';
+import ClickOutside from '../src/directives/click-outside';
 
 export function register(app) {
-    app.directive('focus', Focus);
-    app.directive('tooltip', Tooltip);
+	app.directive('focus', Focus);
+	app.directive('tooltip', Tooltip);
 	app.directive('click-outside', ClickOutside);
-    
-    app.component('VAvatar', VAvatar);
+
+	app.component('VAvatar', VAvatar);
 	app.component('VBadge', VBadge);
 	app.component('VBreadcrumb', VBreadcrumb);
 	app.component('VButton', VButton);
@@ -135,4 +135,4 @@ export function register(app) {
 	app.component('TransitionBounce', TransitionBounce);
 	app.component('TransitionDialog', TransitionDialog);
 	app.component('TransitionExpand', TransitionExpand);
-}
\ No newline at end of file
+}
diff --git a/packages/components/.storybook/styles.scss b/app/.storybook/styles.scss
similarity index 100%
rename from packages/components/.storybook/styles.scss
rename to app/.storybook/styles.scss
diff --git a/app/package.json b/app/package.json
index fe85fcdb7b..8d088d0992 100644
--- a/app/package.json
+++ b/app/package.json
@@ -27,14 +27,17 @@
 		"serve": "vite preview",
 		"test": "vitest run",
 		"test:coverage": "vitest run --coverage",
-		"test:watch": "vitest"
+		"test:watch": "vitest",
+		"storybook": "start-storybook -p 6006",
+		"build-storybook": "build-storybook"
 	},
 	"devDependencies": {
+		"@babel/core": "^7.18.13",
+		"@babel/preset-env": "^7.18.10",
 		"@directus/docs": "9.16.0",
 		"@directus/extensions-sdk": "^9.14.1",
 		"@directus/format-title": "^9.15.0",
 		"@directus/shared": "workspace:*",
-		"@directus/components": "workspace:*",
 		"@fortawesome/fontawesome-svg-core": "1.2.36",
 		"@fortawesome/free-brands-svg-icons": "5.15.4",
 		"@fullcalendar/core": "5.11.0",
@@ -42,6 +45,7 @@
 		"@fullcalendar/interaction": "5.11.0",
 		"@fullcalendar/list": "5.11.0",
 		"@fullcalendar/timegrid": "5.11.0",
+		"@joeattardi/emoji-button": "^4.6.4",
 		"@mapbox/mapbox-gl-draw": "1.3.0",
 		"@mapbox/mapbox-gl-draw-static-mode": "1.0.1",
 		"@mapbox/mapbox-gl-geocoder": "4.7.4",
@@ -49,6 +53,19 @@
 		"@popperjs/core": "2.10.2",
 		"@rollup/plugin-yaml": "3.1.0",
 		"@sindresorhus/slugify": "2.1.0",
+		"@storybook/addon-actions": "6.5.10",
+		"@storybook/addon-backgrounds": "6.5.10",
+		"@storybook/addon-docs": "6.5.10",
+		"@storybook/addon-essentials": "6.5.10",
+		"@storybook/addon-links": "6.5.10",
+		"@storybook/addon-measure": "6.5.10",
+		"@storybook/addon-outline": "6.5.10",
+		"@storybook/builder-vite": "^0.1.41",
+		"@storybook/client-api": "6.5.10",
+		"@storybook/client-logger": "6.5.10",
+		"@storybook/core-common": "6.5.10",
+		"@storybook/node-logger": "^6.5.10",
+		"@storybook/vue3": "6.5.10",
 		"@tinymce/tinymce-vue": "4.0.5",
 		"@turf/meta": "6.5.0",
 		"@types/base-64": "1.0.0",
@@ -75,6 +92,7 @@
 		"@vue/test-utils": "^2.0.2",
 		"apexcharts": "3.30.0",
 		"axios": "0.24.0",
+		"babel-loader": "8",
 		"base-64": "1.0.0",
 		"bytes": "^3.1.2",
 		"c8": "^7.12.0",
@@ -118,6 +136,8 @@
 		"prettier": "2.4.1",
 		"pretty-ms": "7.0.1",
 		"qrcode": "1.4.4",
+		"react": "17",
+		"react-dom": "17",
 		"rimraf": "3.0.2",
 		"rollup": "^2.75.6",
 		"sass": "1.43.4",
@@ -131,6 +151,7 @@
 		"vue-i18n": "9.1.10",
 		"vue-router": "4.0.15",
 		"vuedraggable": "4.1.0",
+		"webpack": "^5.74.0",
 		"wellknown": "0.5.0"
 	}
 }
diff --git a/packages/components/src/__utils__/focus.ts b/app/src/__utils__/focus.ts
similarity index 100%
rename from packages/components/src/__utils__/focus.ts
rename to app/src/__utils__/focus.ts
diff --git a/packages/components/src/__utils__/router.ts b/app/src/__utils__/router.ts
similarity index 100%
rename from packages/components/src/__utils__/router.ts
rename to app/src/__utils__/router.ts
diff --git a/packages/components/src/__utils__/tooltip.ts b/app/src/__utils__/tooltip.ts
similarity index 100%
rename from packages/components/src/__utils__/tooltip.ts
rename to app/src/__utils__/tooltip.ts
diff --git a/packages/components/src/components/__snapshots__/v-avatar.test.ts.snap b/app/src/components/__snapshots__/v-avatar.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-avatar.test.ts.snap
rename to app/src/components/__snapshots__/v-avatar.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-badge.test.ts.snap b/app/src/components/__snapshots__/v-badge.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-badge.test.ts.snap
rename to app/src/components/__snapshots__/v-badge.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-breadcrumb.test.ts.snap b/app/src/components/__snapshots__/v-breadcrumb.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-breadcrumb.test.ts.snap
rename to app/src/components/__snapshots__/v-breadcrumb.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-button.test.ts.snap b/app/src/components/__snapshots__/v-button.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-button.test.ts.snap
rename to app/src/components/__snapshots__/v-button.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-card-actions.test.ts.snap b/app/src/components/__snapshots__/v-card-actions.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-card-actions.test.ts.snap
rename to app/src/components/__snapshots__/v-card-actions.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-card-subtitle.test.ts.snap b/app/src/components/__snapshots__/v-card-subtitle.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-card-subtitle.test.ts.snap
rename to app/src/components/__snapshots__/v-card-subtitle.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-card-text.test.ts.snap b/app/src/components/__snapshots__/v-card-text.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-card-text.test.ts.snap
rename to app/src/components/__snapshots__/v-card-text.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-card-title.test.ts.snap b/app/src/components/__snapshots__/v-card-title.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-card-title.test.ts.snap
rename to app/src/components/__snapshots__/v-card-title.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-card.test.ts.snap b/app/src/components/__snapshots__/v-card.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-card.test.ts.snap
rename to app/src/components/__snapshots__/v-card.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-checkbox.test.ts.snap b/app/src/components/__snapshots__/v-checkbox.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-checkbox.test.ts.snap
rename to app/src/components/__snapshots__/v-checkbox.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-chip.test.ts.snap b/app/src/components/__snapshots__/v-chip.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-chip.test.ts.snap
rename to app/src/components/__snapshots__/v-chip.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-divider.test.ts.snap b/app/src/components/__snapshots__/v-divider.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-divider.test.ts.snap
rename to app/src/components/__snapshots__/v-divider.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-fancy-select.test.ts.snap b/app/src/components/__snapshots__/v-fancy-select.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-fancy-select.test.ts.snap
rename to app/src/components/__snapshots__/v-fancy-select.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-highlight.test.ts.snap b/app/src/components/__snapshots__/v-highlight.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-highlight.test.ts.snap
rename to app/src/components/__snapshots__/v-highlight.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-hover.test.ts.snap b/app/src/components/__snapshots__/v-hover.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-hover.test.ts.snap
rename to app/src/components/__snapshots__/v-hover.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-icon-file.test.ts.snap b/app/src/components/__snapshots__/v-icon-file.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-icon-file.test.ts.snap
rename to app/src/components/__snapshots__/v-icon-file.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-info.test.ts.snap b/app/src/components/__snapshots__/v-info.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-info.test.ts.snap
rename to app/src/components/__snapshots__/v-info.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-input.test.ts.snap b/app/src/components/__snapshots__/v-input.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-input.test.ts.snap
rename to app/src/components/__snapshots__/v-input.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-notice.test.ts.snap b/app/src/components/__snapshots__/v-notice.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-notice.test.ts.snap
rename to app/src/components/__snapshots__/v-notice.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-overlay.test.ts.snap b/app/src/components/__snapshots__/v-overlay.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-overlay.test.ts.snap
rename to app/src/components/__snapshots__/v-overlay.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-pagination.test.ts.snap b/app/src/components/__snapshots__/v-pagination.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-pagination.test.ts.snap
rename to app/src/components/__snapshots__/v-pagination.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-progress-circular.test.ts.snap b/app/src/components/__snapshots__/v-progress-circular.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-progress-circular.test.ts.snap
rename to app/src/components/__snapshots__/v-progress-circular.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-progress-linear.test.ts.snap b/app/src/components/__snapshots__/v-progress-linear.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-progress-linear.test.ts.snap
rename to app/src/components/__snapshots__/v-progress-linear.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-radio.test.ts.snap b/app/src/components/__snapshots__/v-radio.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-radio.test.ts.snap
rename to app/src/components/__snapshots__/v-radio.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-skeleton-loader.test.ts.snap b/app/src/components/__snapshots__/v-skeleton-loader.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-skeleton-loader.test.ts.snap
rename to app/src/components/__snapshots__/v-skeleton-loader.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-slider.test.ts.snap b/app/src/components/__snapshots__/v-slider.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-slider.test.ts.snap
rename to app/src/components/__snapshots__/v-slider.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-tabs.test.ts.snap b/app/src/components/__snapshots__/v-tabs.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-tabs.test.ts.snap
rename to app/src/components/__snapshots__/v-tabs.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-text-overflow.test.ts.snap b/app/src/components/__snapshots__/v-text-overflow.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-text-overflow.test.ts.snap
rename to app/src/components/__snapshots__/v-text-overflow.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-textarea.test.ts.snap b/app/src/components/__snapshots__/v-textarea.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-textarea.test.ts.snap
rename to app/src/components/__snapshots__/v-textarea.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-workspace-tile.test.ts.snap b/app/src/components/__snapshots__/v-workspace-tile.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-workspace-tile.test.ts.snap
rename to app/src/components/__snapshots__/v-workspace-tile.test.ts.snap
diff --git a/packages/components/src/components/__snapshots__/v-workspace.test.ts.snap b/app/src/components/__snapshots__/v-workspace.test.ts.snap
similarity index 100%
rename from packages/components/src/components/__snapshots__/v-workspace.test.ts.snap
rename to app/src/components/__snapshots__/v-workspace.test.ts.snap
diff --git a/app/src/components/register.ts b/app/src/components/register.ts
index 9daf9a85c0..555411c4e4 100644
--- a/app/src/components/register.ts
+++ b/app/src/components/register.ts
@@ -8,69 +8,69 @@ import DocsWrapper from '@/views/private/components/docs-wrapper.vue';
 import DrawerItem from '@/views/private/components/drawer-item.vue';
 import DrawerBatch from '@/views/private/components/drawer-batch.vue';
 import { App } from 'vue';
-import TransitionBounce from '@directus/components/transition/bounce.vue';
-import TransitionDialog from '@directus/components/transition/dialog.vue';
-import TransitionExpand from '@directus/components/transition/expand.vue';
-import VAvatar from '@directus/components/v-avatar.vue';
-import VBadge from '@directus/components/v-badge.vue';
-import VBreadcrumb from '@directus/components/v-breadcrumb.vue';
-import VButton from '@directus/components/v-button.vue';
-import VCard from '@directus/components/v-card.vue';
-import VCardActions from '@directus/components/v-card-actions.vue';
-import VCardSubtitle from '@directus/components/v-card-subtitle.vue';
-import VCardText from '@directus/components/v-card-text.vue';
-import VCardTitle from '@directus/components/v-card-title.vue';
-import VCheckbox from '@directus/components/v-checkbox.vue';
-import VCheckboxTree from '@directus/components/v-checkbox-tree/v-checkbox-tree.vue';
-import VChip from '@directus/components/v-chip.vue';
+import TransitionBounce from './transition/bounce.vue';
+import TransitionDialog from './transition/dialog.vue';
+import TransitionExpand from './transition/expand.vue';
+import VAvatar from './v-avatar.vue';
+import VBadge from './v-badge.vue';
+import VBreadcrumb from './v-breadcrumb.vue';
+import VButton from './v-button.vue';
+import VCard from './v-card.vue';
+import VCardActions from './v-card-actions.vue';
+import VCardSubtitle from './v-card-subtitle.vue';
+import VCardText from './v-card-text.vue';
+import VCardTitle from './v-card-title.vue';
+import VCheckbox from './v-checkbox.vue';
+import VCheckboxTree from './v-checkbox-tree/v-checkbox-tree.vue';
+import VChip from './v-chip.vue';
 import VDetail from './v-detail.vue';
 import VDialog from './v-dialog.vue';
-import VDivider from '@directus/components/v-divider.vue';
+import VDivider from './v-divider.vue';
 import VDrawer from './v-drawer.vue';
 import VError from './v-error.vue';
-import VFancySelect from '@directus/components/v-fancy-select.vue';
+import VFancySelect from './v-fancy-select.vue';
 import VFieldTemplate from './v-field-template/v-field-template.vue';
 import VFieldList from './v-field-list/v-field-list.vue';
 import VForm from './v-form/v-form.vue';
-import VHover from '@directus/components/v-hover.vue';
-import VHighlight from '@directus/components/v-highlight.vue';
-import VIcon from '@directus/components/v-icon/v-icon.vue';
+import VHover from './v-hover.vue';
+import VHighlight from './v-highlight.vue';
+import VIcon from './v-icon/v-icon.vue';
 import VImage from './v-image.vue';
-import VIconFile from '@directus/components/v-icon-file.vue';
-import VInfo from '@directus/components/v-info.vue';
-import VInput from '@directus/components/v-input.vue';
-import VItemGroup from '@directus/components/v-item-group.vue';
-import VItem from '@directus/components/v-item.vue';
-import VList from '@directus/components/v-list.vue';
-import VListGroup from '@directus/components/v-list-group.vue';
-import VListItem from '@directus/components/v-list-item.vue';
-import VListItemContent from '@directus/components/v-list-item-content.vue';
-import VListItemHint from '@directus/components/v-list-item-hint.vue';
-import VListItemIcon from '@directus/components/v-list-item-icon.vue';
-import VMenu from '@directus/components/v-menu.vue';
-import VNotice from '@directus/components/v-notice.vue';
-import VOverlay from '@directus/components/v-overlay.vue';
-import VPagination from '@directus/components/v-pagination.vue';
-import VProgressCircular from '@directus/components/v-progress-circular.vue';
-import VProgressLinear from '@directus/components/v-progress-linear.vue';
-import VRadio from '@directus/components/v-radio.vue';
-import VSelect from '@directus/components/v-select/v-select.vue';
-import VSheet from '@directus/components/v-sheet.vue';
-import VSkeletonLoader from '@directus/components/v-skeleton-loader.vue';
-import VSlider from '@directus/components/v-slider.vue';
+import VIconFile from './v-icon-file.vue';
+import VInfo from './v-info.vue';
+import VInput from './v-input.vue';
+import VItemGroup from './v-item-group.vue';
+import VItem from './v-item.vue';
+import VList from './v-list.vue';
+import VListGroup from './v-list-group.vue';
+import VListItem from './v-list-item.vue';
+import VListItemContent from './v-list-item-content.vue';
+import VListItemHint from './v-list-item-hint.vue';
+import VListItemIcon from './v-list-item-icon.vue';
+import VMenu from './v-menu.vue';
+import VNotice from './v-notice.vue';
+import VOverlay from './v-overlay.vue';
+import VPagination from './v-pagination.vue';
+import VProgressCircular from './v-progress-circular.vue';
+import VProgressLinear from './v-progress-linear.vue';
+import VRadio from './v-radio.vue';
+import VSelect from './v-select/v-select.vue';
+import VSheet from './v-sheet.vue';
+import VSkeletonLoader from './v-skeleton-loader.vue';
+import VSlider from './v-slider.vue';
 import VTable from './v-table/v-table.vue';
-import VTabs from '@directus/components/v-tabs.vue';
-import VTab from '@directus/components/v-tab.vue';
-import VTabItem from '@directus/components/v-tab-item.vue';
-import VTabsItems from '@directus/components/v-tabs-items.vue';
-import VTemplateInput from '@directus/components/v-template-input.vue';
-import VTextOverflow from '@directus/components/v-text-overflow.vue';
-import VTextarea from '@directus/components/v-textarea.vue';
+import VTabs from './v-tabs.vue';
+import VTab from './v-tab.vue';
+import VTabItem from './v-tab-item.vue';
+import VTabsItems from './v-tabs-items.vue';
+import VTemplateInput from './v-template-input.vue';
+import VTextOverflow from './v-text-overflow.vue';
+import VTextarea from './v-textarea.vue';
 import VUpload from './v-upload.vue';
 import VDatePicker from './v-date-picker.vue';
-import VEmojiPicker from '@directus/components/v-emoji-picker.vue';
-import VWorkspace from '@directus/components/v-workspace.vue';
-import VWorkspaceTile from '@directus/components/v-workspace-tile.vue';
+import VEmojiPicker from './v-emoji-picker.vue';
+import VWorkspace from './v-workspace.vue';
+import VWorkspaceTile from './v-workspace-tile.vue';
 
 export function registerComponents(app: App): void {
 	app.component('VAvatar', VAvatar);
diff --git a/packages/components/src/components/transition/bounce.vue b/app/src/components/transition/bounce.vue
similarity index 100%
rename from packages/components/src/components/transition/bounce.vue
rename to app/src/components/transition/bounce.vue
diff --git a/packages/components/src/components/transition/dialog.vue b/app/src/components/transition/dialog.vue
similarity index 100%
rename from packages/components/src/components/transition/dialog.vue
rename to app/src/components/transition/dialog.vue
diff --git a/packages/components/src/components/transition/expand-methods.ts b/app/src/components/transition/expand-methods.ts
similarity index 100%
rename from packages/components/src/components/transition/expand-methods.ts
rename to app/src/components/transition/expand-methods.ts
diff --git a/packages/components/src/components/transition/expand.vue b/app/src/components/transition/expand.vue
similarity index 100%
rename from packages/components/src/components/transition/expand.vue
rename to app/src/components/transition/expand.vue
diff --git a/app/src/components/transition/transition-bounce.stories.ts b/app/src/components/transition/transition-bounce.stories.ts
new file mode 100644
index 0000000000..f4838c707b
--- /dev/null
+++ b/app/src/components/transition/transition-bounce.stories.ts
@@ -0,0 +1,19 @@
+import TransitionBounce from './bounce.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/Transition/TransitionBounce',
+	component: TransitionBounce,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template:
+		'<v-hover v-slot="{ hover }">Hover me!<transition-bounce v-bind="args" v-on="args"><div v-if="hover" style="background-color: var(--background-normal); height: 200px; width: 400px; display: flex; justify-content: center; align-items: center">This is only shown on hover.</div></transition-bounce></v-hover>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/app/src/components/transition/transition-dialog.stories.ts b/app/src/components/transition/transition-dialog.stories.ts
new file mode 100644
index 0000000000..5c584b7a8f
--- /dev/null
+++ b/app/src/components/transition/transition-dialog.stories.ts
@@ -0,0 +1,19 @@
+import TransitionDialog from './dialog.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/Transition/TransitionDialog',
+	component: TransitionDialog,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template:
+		'<v-hover v-slot="{ hover }">Hover me!<transition-dialog v-bind="args" v-on="args"><div v-if="hover" style="background-color: var(--background-normal); height: 200px; width: 400px; display: flex; justify-content: center; align-items: center">This is only shown on hover.</div></transition-dialog></v-hover>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/app/src/components/transition/transition-expand.stories.ts b/app/src/components/transition/transition-expand.stories.ts
new file mode 100644
index 0000000000..f123022190
--- /dev/null
+++ b/app/src/components/transition/transition-expand.stories.ts
@@ -0,0 +1,19 @@
+import TransitionExpand from './expand.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/Transition/TransitionExpand',
+	component: TransitionExpand,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template:
+		'<v-hover v-slot="{ hover }">Hover me!<transition-expand v-bind="args" v-on="args"><div v-if="hover" style="background-color: var(--background-normal); height: 200px; width: 400px; display: flex; justify-content: center; align-items: center">This is only shown on hover.</div></transition-expand></v-hover>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/app/src/components/v-avatar.stories.ts b/app/src/components/v-avatar.stories.ts
new file mode 100644
index 0000000000..408232858a
--- /dev/null
+++ b/app/src/components/v-avatar.stories.ts
@@ -0,0 +1,18 @@
+import VAvatar from './v-avatar.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VAvatar',
+	component: VAvatar,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-avatar v-bind="args" v-on="args" ><v-icon name="person" /></v-avatar>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/packages/components/src/components/v-avatar.test.ts b/app/src/components/v-avatar.test.ts
similarity index 100%
rename from packages/components/src/components/v-avatar.test.ts
rename to app/src/components/v-avatar.test.ts
diff --git a/packages/components/src/components/v-avatar.vue b/app/src/components/v-avatar.vue
similarity index 100%
rename from packages/components/src/components/v-avatar.vue
rename to app/src/components/v-avatar.vue
diff --git a/app/src/components/v-badge.stories.ts b/app/src/components/v-badge.stories.ts
new file mode 100644
index 0000000000..db1252600e
--- /dev/null
+++ b/app/src/components/v-badge.stories.ts
@@ -0,0 +1,20 @@
+import VBadge from './v-badge.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VBadge',
+	component: VBadge,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-badge v-bind="args" v-on="args" ><v-icon name="notifications_active" /></v-badge>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	value: '+9',
+};
diff --git a/packages/components/src/components/v-badge.test.ts b/app/src/components/v-badge.test.ts
similarity index 100%
rename from packages/components/src/components/v-badge.test.ts
rename to app/src/components/v-badge.test.ts
diff --git a/packages/components/src/components/v-badge.vue b/app/src/components/v-badge.vue
similarity index 100%
rename from packages/components/src/components/v-badge.vue
rename to app/src/components/v-badge.vue
diff --git a/app/src/components/v-breadcrumb.stories.ts b/app/src/components/v-breadcrumb.stories.ts
new file mode 100644
index 0000000000..562ffdd243
--- /dev/null
+++ b/app/src/components/v-breadcrumb.stories.ts
@@ -0,0 +1,36 @@
+import VBreadcrumb from './v-breadcrumb.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VBreadcrumb',
+	component: VBreadcrumb,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-breadcrumb v-bind="args" v-on="args" />',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	items: [
+		{
+			to: '/',
+			name: 'Home',
+		},
+		{
+			to: '/settings',
+			name: 'settings',
+			icon: 'settings',
+		},
+		{
+			to: '/settings/profile',
+			name: 'Profile',
+			icon: 'person',
+			disabled: true,
+		},
+	],
+};
diff --git a/packages/components/src/components/v-breadcrumb.test.ts b/app/src/components/v-breadcrumb.test.ts
similarity index 100%
rename from packages/components/src/components/v-breadcrumb.test.ts
rename to app/src/components/v-breadcrumb.test.ts
diff --git a/packages/components/src/components/v-breadcrumb.vue b/app/src/components/v-breadcrumb.vue
similarity index 100%
rename from packages/components/src/components/v-breadcrumb.vue
rename to app/src/components/v-breadcrumb.vue
diff --git a/app/src/components/v-button.stories.ts b/app/src/components/v-button.stories.ts
new file mode 100644
index 0000000000..a80cbc20e4
--- /dev/null
+++ b/app/src/components/v-button.stories.ts
@@ -0,0 +1,22 @@
+import VButton from './v-button.vue';
+
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VButton',
+	component: VButton,
+
+	argTypes: {
+		click: { action: 'clicked' },
+	},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-button v-bind="args" v-on="args">My Button{{args.onClick}}</v-button>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/packages/components/src/components/v-button.test.ts b/app/src/components/v-button.test.ts
similarity index 100%
rename from packages/components/src/components/v-button.test.ts
rename to app/src/components/v-button.test.ts
diff --git a/packages/components/src/components/v-button.vue b/app/src/components/v-button.vue
similarity index 100%
rename from packages/components/src/components/v-button.vue
rename to app/src/components/v-button.vue
diff --git a/packages/components/src/components/v-card-actions.test.ts b/app/src/components/v-card-actions.test.ts
similarity index 100%
rename from packages/components/src/components/v-card-actions.test.ts
rename to app/src/components/v-card-actions.test.ts
diff --git a/packages/components/src/components/v-card-actions.vue b/app/src/components/v-card-actions.vue
similarity index 100%
rename from packages/components/src/components/v-card-actions.vue
rename to app/src/components/v-card-actions.vue
diff --git a/packages/components/src/components/v-card-subtitle.test.ts b/app/src/components/v-card-subtitle.test.ts
similarity index 100%
rename from packages/components/src/components/v-card-subtitle.test.ts
rename to app/src/components/v-card-subtitle.test.ts
diff --git a/packages/components/src/components/v-card-subtitle.vue b/app/src/components/v-card-subtitle.vue
similarity index 100%
rename from packages/components/src/components/v-card-subtitle.vue
rename to app/src/components/v-card-subtitle.vue
diff --git a/packages/components/src/components/v-card-text.test.ts b/app/src/components/v-card-text.test.ts
similarity index 100%
rename from packages/components/src/components/v-card-text.test.ts
rename to app/src/components/v-card-text.test.ts
diff --git a/packages/components/src/components/v-card-text.vue b/app/src/components/v-card-text.vue
similarity index 100%
rename from packages/components/src/components/v-card-text.vue
rename to app/src/components/v-card-text.vue
diff --git a/packages/components/src/components/v-card-title.test.ts b/app/src/components/v-card-title.test.ts
similarity index 100%
rename from packages/components/src/components/v-card-title.test.ts
rename to app/src/components/v-card-title.test.ts
diff --git a/packages/components/src/components/v-card-title.vue b/app/src/components/v-card-title.vue
similarity index 100%
rename from packages/components/src/components/v-card-title.vue
rename to app/src/components/v-card-title.vue
diff --git a/packages/components/stories/v-card.stories.ts b/app/src/components/v-card.stories.ts
similarity index 60%
rename from packages/components/stories/v-card.stories.ts
rename to app/src/components/v-card.stories.ts
index b09f8f78c6..1d745f7d26 100644
--- a/packages/components/stories/v-card.stories.ts
+++ b/app/src/components/v-card.stories.ts
@@ -1,21 +1,17 @@
-import VCard from '../src/components/v-card.vue';
-document.body.classList.add('light')
-
-
+import VCard from './v-card.vue';
+document.body.classList.add('light');
 
 export default {
-    title: 'Components/VCard',
-    component: VCard,
-    argTypes: {
-
-    },
+	title: 'Components/VCard',
+	component: VCard,
+	argTypes: {},
 };
 
 const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: `<v-card v-bind="args" v-on="args" >
+	setup() {
+		return { args };
+	},
+	template: `<v-card v-bind="args" v-on="args" >
     <v-card-title>Want a cake?</v-card-title>
     <v-card-text>
         If you want a cake, you have to click on accept.
@@ -29,5 +25,4 @@ const Template = (args) => ({
 });
 
 export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
+Primary.args = {};
diff --git a/packages/components/src/components/v-card.test.ts b/app/src/components/v-card.test.ts
similarity index 100%
rename from packages/components/src/components/v-card.test.ts
rename to app/src/components/v-card.test.ts
diff --git a/packages/components/src/components/v-card.vue b/app/src/components/v-card.vue
similarity index 100%
rename from packages/components/src/components/v-card.vue
rename to app/src/components/v-card.vue
diff --git a/app/src/components/v-checkbox-tree.stories.ts b/app/src/components/v-checkbox-tree.stories.ts
new file mode 100644
index 0000000000..6ff187c966
--- /dev/null
+++ b/app/src/components/v-checkbox-tree.stories.ts
@@ -0,0 +1,44 @@
+import VCheckboxTree from './v-checkbox-tree/v-checkbox-tree.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VCheckboxTree',
+	component: VCheckboxTree,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-checkbox-tree v-bind="args" v-on="args" />',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	choices: [
+		{
+			text: 'Choice 1',
+			value: 'choice-1',
+			children: [
+				{
+					text: 'Choice 1.1',
+					value: 'choice-1.1',
+				},
+				{
+					text: 'Choice 1.2',
+					value: 'choice-1.2',
+				},
+			],
+		},
+		{
+			text: 'Choice 2',
+			value: 'choice-2',
+		},
+		{
+			text: 'Choice 3',
+			value: 'choice-3',
+		},
+	],
+	modelValue: ['choice-1.1', 'choice-3'],
+};
diff --git a/packages/components/src/components/v-checkbox-tree/__snapshots__/v-checkbox-tree.test.ts.snap b/app/src/components/v-checkbox-tree/__snapshots__/v-checkbox-tree.test.ts.snap
similarity index 100%
rename from packages/components/src/components/v-checkbox-tree/__snapshots__/v-checkbox-tree.test.ts.snap
rename to app/src/components/v-checkbox-tree/__snapshots__/v-checkbox-tree.test.ts.snap
diff --git a/packages/components/src/components/v-checkbox-tree/use-visible-children.ts b/app/src/components/v-checkbox-tree/use-visible-children.ts
similarity index 100%
rename from packages/components/src/components/v-checkbox-tree/use-visible-children.ts
rename to app/src/components/v-checkbox-tree/use-visible-children.ts
diff --git a/packages/components/src/components/v-checkbox-tree/v-checkbox-tree-checkbox.vue b/app/src/components/v-checkbox-tree/v-checkbox-tree-checkbox.vue
similarity index 100%
rename from packages/components/src/components/v-checkbox-tree/v-checkbox-tree-checkbox.vue
rename to app/src/components/v-checkbox-tree/v-checkbox-tree-checkbox.vue
diff --git a/packages/components/src/components/v-checkbox-tree/v-checkbox-tree.test.ts b/app/src/components/v-checkbox-tree/v-checkbox-tree.test.ts
similarity index 100%
rename from packages/components/src/components/v-checkbox-tree/v-checkbox-tree.test.ts
rename to app/src/components/v-checkbox-tree/v-checkbox-tree.test.ts
diff --git a/packages/components/src/components/v-checkbox-tree/v-checkbox-tree.vue b/app/src/components/v-checkbox-tree/v-checkbox-tree.vue
similarity index 100%
rename from packages/components/src/components/v-checkbox-tree/v-checkbox-tree.vue
rename to app/src/components/v-checkbox-tree/v-checkbox-tree.vue
diff --git a/app/src/components/v-checkbox.stories.ts b/app/src/components/v-checkbox.stories.ts
new file mode 100644
index 0000000000..7f68833b60
--- /dev/null
+++ b/app/src/components/v-checkbox.stories.ts
@@ -0,0 +1,22 @@
+import VCheckbox from './v-checkbox.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VCheckbox',
+	component: VCheckbox,
+	argTypes: {
+		modelValue: { action: 'updateModelValue' },
+	},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-checkbox v-bind="args" v-on="args">My Checkbox</v-checkbox>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	modelValue: true,
+};
diff --git a/packages/components/src/components/v-checkbox.test.ts b/app/src/components/v-checkbox.test.ts
similarity index 100%
rename from packages/components/src/components/v-checkbox.test.ts
rename to app/src/components/v-checkbox.test.ts
diff --git a/packages/components/src/components/v-checkbox.vue b/app/src/components/v-checkbox.vue
similarity index 98%
rename from packages/components/src/components/v-checkbox.vue
rename to app/src/components/v-checkbox.vue
index ce1bc55a35..66f3ce3ec7 100644
--- a/packages/components/src/components/v-checkbox.vue
+++ b/app/src/components/v-checkbox.vue
@@ -116,7 +116,7 @@ body {
 </style>
 
 <style lang="scss" scoped>
-@import '../styles/no-wrap'; // TODO: this has to be thought trough
+@import '@/styles/mixins/no-wrap';
 
 .v-checkbox {
 	--v-icon-color: var(--v-checkbox-unchecked-color);
diff --git a/app/src/components/v-chip.stories.ts b/app/src/components/v-chip.stories.ts
new file mode 100644
index 0000000000..9c6fb44473
--- /dev/null
+++ b/app/src/components/v-chip.stories.ts
@@ -0,0 +1,20 @@
+import VChip from './v-chip.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VChip',
+	component: VChip,
+	argTypes: {
+		close: { control: 'boolean' },
+	},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-chip v-bind="args" v-on="args" >Cake</v-chip>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/packages/components/src/components/v-chip.test.ts b/app/src/components/v-chip.test.ts
similarity index 100%
rename from packages/components/src/components/v-chip.test.ts
rename to app/src/components/v-chip.test.ts
diff --git a/packages/components/src/components/v-chip.vue b/app/src/components/v-chip.vue
similarity index 100%
rename from packages/components/src/components/v-chip.vue
rename to app/src/components/v-chip.vue
diff --git a/app/src/components/v-divider.stories.ts b/app/src/components/v-divider.stories.ts
new file mode 100644
index 0000000000..e367f9735b
--- /dev/null
+++ b/app/src/components/v-divider.stories.ts
@@ -0,0 +1,18 @@
+import VDivider from './v-divider.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VDivider',
+	component: VDivider,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-divider v-bind="args" v-on="args" />',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/packages/components/src/components/v-divider.test.ts b/app/src/components/v-divider.test.ts
similarity index 100%
rename from packages/components/src/components/v-divider.test.ts
rename to app/src/components/v-divider.test.ts
diff --git a/packages/components/src/components/v-divider.vue b/app/src/components/v-divider.vue
similarity index 100%
rename from packages/components/src/components/v-divider.vue
rename to app/src/components/v-divider.vue
diff --git a/app/src/components/v-emoji-picker.stories.ts b/app/src/components/v-emoji-picker.stories.ts
new file mode 100644
index 0000000000..ece37301c7
--- /dev/null
+++ b/app/src/components/v-emoji-picker.stories.ts
@@ -0,0 +1,18 @@
+import VEmojiPicker from './v-emoji-picker.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VEmojiPicker',
+	component: VEmojiPicker,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-emoji-picker v-bind="args" v-on="args" >My Button</v-emoji-picker>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/packages/components/src/components/v-emoji-picker.vue b/app/src/components/v-emoji-picker.vue
similarity index 100%
rename from packages/components/src/components/v-emoji-picker.vue
rename to app/src/components/v-emoji-picker.vue
diff --git a/app/src/components/v-fancy-select.stories.ts b/app/src/components/v-fancy-select.stories.ts
new file mode 100644
index 0000000000..7c6e79695b
--- /dev/null
+++ b/app/src/components/v-fancy-select.stories.ts
@@ -0,0 +1,39 @@
+import VFancySelect from './v-fancy-select.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VFancySelect',
+	component: VFancySelect,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-fancy-select v-bind="args" v-on="args" >My Button</v-fancy-select>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	items: [
+		{
+			icon: 'person',
+			value: 'person',
+			text: 'Person',
+		},
+		{
+			icon: 'directions_car',
+			value: 'car',
+			text: 'Car',
+		},
+		{
+			divider: true,
+		},
+		{
+			icon: 'home',
+			value: 'home',
+			text: 'Home',
+		},
+	],
+};
diff --git a/packages/components/src/components/v-fancy-select.test.ts b/app/src/components/v-fancy-select.test.ts
similarity index 100%
rename from packages/components/src/components/v-fancy-select.test.ts
rename to app/src/components/v-fancy-select.test.ts
diff --git a/packages/components/src/components/v-fancy-select.vue b/app/src/components/v-fancy-select.vue
similarity index 100%
rename from packages/components/src/components/v-fancy-select.vue
rename to app/src/components/v-fancy-select.vue
diff --git a/app/src/components/v-highlight.stories.ts b/app/src/components/v-highlight.stories.ts
new file mode 100644
index 0000000000..51ee9d7e69
--- /dev/null
+++ b/app/src/components/v-highlight.stories.ts
@@ -0,0 +1,21 @@
+import VHighlight from './v-highlight.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VHighlight',
+	component: VHighlight,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-highlight v-bind="args" v-on="args" />',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	text: 'The cake is a lie.',
+	query: ['cake', 'lie'],
+};
diff --git a/packages/components/src/components/v-highlight.test.ts b/app/src/components/v-highlight.test.ts
similarity index 100%
rename from packages/components/src/components/v-highlight.test.ts
rename to app/src/components/v-highlight.test.ts
diff --git a/packages/components/src/components/v-highlight.vue b/app/src/components/v-highlight.vue
similarity index 100%
rename from packages/components/src/components/v-highlight.vue
rename to app/src/components/v-highlight.vue
diff --git a/app/src/components/v-hover.stories.ts b/app/src/components/v-hover.stories.ts
new file mode 100644
index 0000000000..fc972b1f63
--- /dev/null
+++ b/app/src/components/v-hover.stories.ts
@@ -0,0 +1,19 @@
+import VHover from './v-hover.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VHover',
+	component: VHover,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template:
+		'<v-hover v-bind="args" v-on="args" v-slot="{ hover }">Hover me!<div v-if="hover">This is only shown on hover.</div></v-hover>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/packages/components/src/components/v-hover.test.ts b/app/src/components/v-hover.test.ts
similarity index 100%
rename from packages/components/src/components/v-hover.test.ts
rename to app/src/components/v-hover.test.ts
diff --git a/packages/components/src/components/v-hover.vue b/app/src/components/v-hover.vue
similarity index 100%
rename from packages/components/src/components/v-hover.vue
rename to app/src/components/v-hover.vue
diff --git a/app/src/components/v-icon-file.stories.ts b/app/src/components/v-icon-file.stories.ts
new file mode 100644
index 0000000000..a84d384467
--- /dev/null
+++ b/app/src/components/v-icon-file.stories.ts
@@ -0,0 +1,20 @@
+import VIconFile from './v-icon-file.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VIconFile',
+	component: VIconFile,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-icon-file v-bind="args" v-on="args" >My Button</v-icon-file>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	ext: 'png',
+};
diff --git a/packages/components/src/components/v-icon-file.test.ts b/app/src/components/v-icon-file.test.ts
similarity index 100%
rename from packages/components/src/components/v-icon-file.test.ts
rename to app/src/components/v-icon-file.test.ts
diff --git a/packages/components/src/components/v-icon-file.vue b/app/src/components/v-icon-file.vue
similarity index 100%
rename from packages/components/src/components/v-icon-file.vue
rename to app/src/components/v-icon-file.vue
diff --git a/app/src/components/v-icon.stories.ts b/app/src/components/v-icon.stories.ts
new file mode 100644
index 0000000000..5f100059aa
--- /dev/null
+++ b/app/src/components/v-icon.stories.ts
@@ -0,0 +1,20 @@
+import VIcon from './v-icon/v-icon.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VIcon',
+	component: VIcon,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-icon v-bind="args" v-on="args" />',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	name: 'delete',
+};
diff --git a/packages/components/src/components/v-icon/__snapshots__/v-icon.test.ts.snap b/app/src/components/v-icon/__snapshots__/v-icon.test.ts.snap
similarity index 100%
rename from packages/components/src/components/v-icon/__snapshots__/v-icon.test.ts.snap
rename to app/src/components/v-icon/__snapshots__/v-icon.test.ts.snap
diff --git a/packages/components/src/components/v-icon/custom-icons/bookmark_save.vue b/app/src/components/v-icon/custom-icons/bookmark_save.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/bookmark_save.vue
rename to app/src/components/v-icon/custom-icons/bookmark_save.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/box.vue b/app/src/components/v-icon/custom-icons/box.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/box.vue
rename to app/src/components/v-icon/custom-icons/box.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/commit_node.vue b/app/src/components/v-icon/custom-icons/commit_node.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/commit_node.vue
rename to app/src/components/v-icon/custom-icons/commit_node.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/directus.vue b/app/src/components/v-icon/custom-icons/directus.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/directus.vue
rename to app/src/components/v-icon/custom-icons/directus.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/flip_horizontal.vue b/app/src/components/v-icon/custom-icons/flip_horizontal.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/flip_horizontal.vue
rename to app/src/components/v-icon/custom-icons/flip_horizontal.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/flip_vertical.vue b/app/src/components/v-icon/custom-icons/flip_vertical.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/flip_vertical.vue
rename to app/src/components/v-icon/custom-icons/flip_vertical.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/folder_lock.vue b/app/src/components/v-icon/custom-icons/folder_lock.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/folder_lock.vue
rename to app/src/components/v-icon/custom-icons/folder_lock.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/folder_move.vue b/app/src/components/v-icon/custom-icons/folder_move.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/folder_move.vue
rename to app/src/components/v-icon/custom-icons/folder_move.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/grid_1.vue b/app/src/components/v-icon/custom-icons/grid_1.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/grid_1.vue
rename to app/src/components/v-icon/custom-icons/grid_1.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/grid_2.vue b/app/src/components/v-icon/custom-icons/grid_2.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/grid_2.vue
rename to app/src/components/v-icon/custom-icons/grid_2.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/grid_3.vue b/app/src/components/v-icon/custom-icons/grid_3.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/grid_3.vue
rename to app/src/components/v-icon/custom-icons/grid_3.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/grid_4.vue b/app/src/components/v-icon/custom-icons/grid_4.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/grid_4.vue
rename to app/src/components/v-icon/custom-icons/grid_4.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/grid_5.vue b/app/src/components/v-icon/custom-icons/grid_5.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/grid_5.vue
rename to app/src/components/v-icon/custom-icons/grid_5.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/grid_6.vue b/app/src/components/v-icon/custom-icons/grid_6.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/grid_6.vue
rename to app/src/components/v-icon/custom-icons/grid_6.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/logout.vue b/app/src/components/v-icon/custom-icons/logout.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/logout.vue
rename to app/src/components/v-icon/custom-icons/logout.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/signal_wifi_1_bar.vue b/app/src/components/v-icon/custom-icons/signal_wifi_1_bar.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/signal_wifi_1_bar.vue
rename to app/src/components/v-icon/custom-icons/signal_wifi_1_bar.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/signal_wifi_2_bar.vue b/app/src/components/v-icon/custom-icons/signal_wifi_2_bar.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/signal_wifi_2_bar.vue
rename to app/src/components/v-icon/custom-icons/signal_wifi_2_bar.vue
diff --git a/packages/components/src/components/v-icon/custom-icons/signal_wifi_3_bar.vue b/app/src/components/v-icon/custom-icons/signal_wifi_3_bar.vue
similarity index 100%
rename from packages/components/src/components/v-icon/custom-icons/signal_wifi_3_bar.vue
rename to app/src/components/v-icon/custom-icons/signal_wifi_3_bar.vue
diff --git a/packages/components/src/components/v-icon/social-icon.vue b/app/src/components/v-icon/social-icon.vue
similarity index 100%
rename from packages/components/src/components/v-icon/social-icon.vue
rename to app/src/components/v-icon/social-icon.vue
diff --git a/packages/components/src/components/v-icon/v-icon.test.ts b/app/src/components/v-icon/v-icon.test.ts
similarity index 100%
rename from packages/components/src/components/v-icon/v-icon.test.ts
rename to app/src/components/v-icon/v-icon.test.ts
diff --git a/packages/components/src/components/v-icon/v-icon.vue b/app/src/components/v-icon/v-icon.vue
similarity index 100%
rename from packages/components/src/components/v-icon/v-icon.vue
rename to app/src/components/v-icon/v-icon.vue
diff --git a/app/src/components/v-info.stories.ts b/app/src/components/v-info.stories.ts
new file mode 100644
index 0000000000..f4cb4f87c4
--- /dev/null
+++ b/app/src/components/v-info.stories.ts
@@ -0,0 +1,21 @@
+import VInfo from './v-info.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VInfo',
+	component: VInfo,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-info v-bind="args" v-on="args" >You have sadly eaten all the cookies!</v-info>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	title: 'No more cookies',
+	icon: 'cookie',
+};
diff --git a/packages/components/src/components/v-info.test.ts b/app/src/components/v-info.test.ts
similarity index 100%
rename from packages/components/src/components/v-info.test.ts
rename to app/src/components/v-info.test.ts
diff --git a/packages/components/src/components/v-info.vue b/app/src/components/v-info.vue
similarity index 100%
rename from packages/components/src/components/v-info.vue
rename to app/src/components/v-info.vue
diff --git a/app/src/components/v-input.stories.ts b/app/src/components/v-input.stories.ts
new file mode 100644
index 0000000000..f7bbdc6d0f
--- /dev/null
+++ b/app/src/components/v-input.stories.ts
@@ -0,0 +1,21 @@
+import VInput from './v-input.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VInput',
+	component: VInput,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-input v-bind="args" v-on="args" />',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	modelValue: 'Shut up and take my money. 💸',
+	disabled: false,
+};
diff --git a/packages/components/src/components/v-input.test.ts b/app/src/components/v-input.test.ts
similarity index 100%
rename from packages/components/src/components/v-input.test.ts
rename to app/src/components/v-input.test.ts
diff --git a/packages/components/src/components/v-input.vue b/app/src/components/v-input.vue
similarity index 100%
rename from packages/components/src/components/v-input.vue
rename to app/src/components/v-input.vue
diff --git a/app/src/components/v-item-group.stories.ts b/app/src/components/v-item-group.stories.ts
new file mode 100644
index 0000000000..7c14c1d2f7
--- /dev/null
+++ b/app/src/components/v-item-group.stories.ts
@@ -0,0 +1,21 @@
+import VItemGroup from './v-item-group.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VItemGroup',
+	component: VItemGroup,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template:
+		'<v-item-group v-bind="args" v-on="args" ><v-item watch value="item1" v-slot="{active}">First item is active: {{active}}</v-item><v-item value="item2" v-slot="{active}">Second item is active: {{active}}</v-item></v-item-group>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	modelValue: ['item1'],
+};
diff --git a/packages/components/src/components/v-item-group.vue b/app/src/components/v-item-group.vue
similarity index 100%
rename from packages/components/src/components/v-item-group.vue
rename to app/src/components/v-item-group.vue
diff --git a/packages/components/src/components/v-item.vue b/app/src/components/v-item.vue
similarity index 100%
rename from packages/components/src/components/v-item.vue
rename to app/src/components/v-item.vue
diff --git a/packages/components/stories/v-list-group.stories.ts b/app/src/components/v-list-group.stories.ts
similarity index 66%
rename from packages/components/stories/v-list-group.stories.ts
rename to app/src/components/v-list-group.stories.ts
index 5fa6ea18de..7e146d4544 100644
--- a/packages/components/stories/v-list-group.stories.ts
+++ b/app/src/components/v-list-group.stories.ts
@@ -1,21 +1,17 @@
-import VListGroup from '../src/components/v-list-group.vue';
-document.body.classList.add('light')
-
-
+import VListGroup from './v-list-group.vue';
+document.body.classList.add('light');
 
 export default {
-    title: 'Components/List/VListGroup',
-    component: VListGroup,
-    argTypes: {
-
-    },
+	title: 'Components/List/VListGroup',
+	component: VListGroup,
+	argTypes: {},
 };
 
 const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: `
+	setup() {
+		return { args };
+	},
+	template: `
 <v-list>
     <v-list-item>Item 1 </v-list-item>
     <v-list-item>Item 2 </v-list-item>
@@ -36,5 +32,5 @@ const Template = (args) => ({
 
 export const Primary = Template.bind({});
 Primary.args = {
-    open: true
-};
\ No newline at end of file
+	open: true,
+};
diff --git a/packages/components/src/components/v-list-group.vue b/app/src/components/v-list-group.vue
similarity index 100%
rename from packages/components/src/components/v-list-group.vue
rename to app/src/components/v-list-group.vue
diff --git a/packages/components/src/components/v-list-item-content.vue b/app/src/components/v-list-item-content.vue
similarity index 100%
rename from packages/components/src/components/v-list-item-content.vue
rename to app/src/components/v-list-item-content.vue
diff --git a/packages/components/src/components/v-list-item-hint.vue b/app/src/components/v-list-item-hint.vue
similarity index 100%
rename from packages/components/src/components/v-list-item-hint.vue
rename to app/src/components/v-list-item-hint.vue
diff --git a/packages/components/src/components/v-list-item-icon.vue b/app/src/components/v-list-item-icon.vue
similarity index 100%
rename from packages/components/src/components/v-list-item-icon.vue
rename to app/src/components/v-list-item-icon.vue
diff --git a/app/src/components/v-list-item.stories.ts b/app/src/components/v-list-item.stories.ts
new file mode 100644
index 0000000000..d58d3506b6
--- /dev/null
+++ b/app/src/components/v-list-item.stories.ts
@@ -0,0 +1,20 @@
+import VListItem from './v-list-item.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/List/VListItem',
+	component: VListItem,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: `
+<v-list-item v-bind="args" v-on="args" >List Item 1</v-list-item>
+    `,
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/packages/components/src/components/v-list-item.vue b/app/src/components/v-list-item.vue
similarity index 100%
rename from packages/components/src/components/v-list-item.vue
rename to app/src/components/v-list-item.vue
diff --git a/packages/components/stories/v-list.stories.ts b/app/src/components/v-list.stories.ts
similarity index 52%
rename from packages/components/stories/v-list.stories.ts
rename to app/src/components/v-list.stories.ts
index 5b59cda8b2..42aeb7703d 100644
--- a/packages/components/stories/v-list.stories.ts
+++ b/app/src/components/v-list.stories.ts
@@ -1,21 +1,17 @@
-import VList from '../src/components/v-list.vue';
-document.body.classList.add('light')
-
-
+import VList from './v-list.vue';
+document.body.classList.add('light');
 
 export default {
-    title: 'Components/List/VList',
-    component: VList,
-    argTypes: {
-
-    },
+	title: 'Components/List/VList',
+	component: VList,
+	argTypes: {},
 };
 
 const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: `
+	setup() {
+		return { args };
+	},
+	template: `
 <v-list v-bind="args" v-on="args" >
     <v-list-item>Item 1 </v-list-item>
     <v-list-item>Item 2 </v-list-item>
@@ -26,5 +22,5 @@ const Template = (args) => ({
 
 export const Primary = Template.bind({});
 Primary.args = {
-    modelValue: [1]
-};
\ No newline at end of file
+	modelValue: [1],
+};
diff --git a/packages/components/src/components/v-list.vue b/app/src/components/v-list.vue
similarity index 100%
rename from packages/components/src/components/v-list.vue
rename to app/src/components/v-list.vue
diff --git a/packages/components/src/components/v-menu._test.ts b/app/src/components/v-menu._test.ts
similarity index 100%
rename from packages/components/src/components/v-menu._test.ts
rename to app/src/components/v-menu._test.ts
diff --git a/packages/components/stories/v-menu.stories.ts b/app/src/components/v-menu.stories.ts
similarity index 75%
rename from packages/components/stories/v-menu.stories.ts
rename to app/src/components/v-menu.stories.ts
index 69540d8632..5214df8818 100644
--- a/packages/components/stories/v-menu.stories.ts
+++ b/app/src/components/v-menu.stories.ts
@@ -1,21 +1,17 @@
-import VMenu from '../src/components/v-menu.vue';
-document.body.classList.add('light')
-
-
+import VMenu from './v-menu.vue';
+document.body.classList.add('light');
 
 export default {
-    title: 'Components/VMenu',
-    component: VMenu,
-    argTypes: {
-
-    },
+	title: 'Components/VMenu',
+	component: VMenu,
+	argTypes: {},
 };
 
 const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: `
+	setup() {
+		return { args };
+	},
+	template: `
 <v-menu v-bind="args" v-on="args" >
     <template #activator="{ toggle }">
         <v-icon clickable class="options" name="more_vert" @click="toggle" />
@@ -39,5 +35,4 @@ const Template = (args) => ({
 });
 
 export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
+Primary.args = {};
diff --git a/packages/components/src/components/v-menu.vue b/app/src/components/v-menu.vue
similarity index 100%
rename from packages/components/src/components/v-menu.vue
rename to app/src/components/v-menu.vue
diff --git a/app/src/components/v-notice.stories.ts b/app/src/components/v-notice.stories.ts
new file mode 100644
index 0000000000..bd6d392c9d
--- /dev/null
+++ b/app/src/components/v-notice.stories.ts
@@ -0,0 +1,22 @@
+import VNotice from './v-notice.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VNotice',
+	component: VNotice,
+	argTypes: {
+		type: {
+			control: { type: 'select', options: ['normal', 'info', 'success', 'warning', 'danger'] },
+		},
+	},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-notice v-bind="args" v-on="args" >Making a pizza ist best done without ordering a pizza.</v-notice>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/packages/components/src/components/v-notice.test.ts b/app/src/components/v-notice.test.ts
similarity index 100%
rename from packages/components/src/components/v-notice.test.ts
rename to app/src/components/v-notice.test.ts
diff --git a/packages/components/src/components/v-notice.vue b/app/src/components/v-notice.vue
similarity index 100%
rename from packages/components/src/components/v-notice.vue
rename to app/src/components/v-notice.vue
diff --git a/app/src/components/v-overlay.stories.ts b/app/src/components/v-overlay.stories.ts
new file mode 100644
index 0000000000..cec8a43a9e
--- /dev/null
+++ b/app/src/components/v-overlay.stories.ts
@@ -0,0 +1,20 @@
+import VOverlay from './v-overlay.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VOverlay',
+	component: VOverlay,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<div>This is hidden behind the overlay.</div><v-overlay v-bind="args" v-on="args" />',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	active: true,
+};
diff --git a/packages/components/src/components/v-overlay.test.ts b/app/src/components/v-overlay.test.ts
similarity index 100%
rename from packages/components/src/components/v-overlay.test.ts
rename to app/src/components/v-overlay.test.ts
diff --git a/packages/components/src/components/v-overlay.vue b/app/src/components/v-overlay.vue
similarity index 100%
rename from packages/components/src/components/v-overlay.vue
rename to app/src/components/v-overlay.vue
diff --git a/app/src/components/v-pagination.stories.ts b/app/src/components/v-pagination.stories.ts
new file mode 100644
index 0000000000..90e821569b
--- /dev/null
+++ b/app/src/components/v-pagination.stories.ts
@@ -0,0 +1,22 @@
+import VPagination from './v-pagination.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VPagination',
+	component: VPagination,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-pagination v-bind="args" v-on="args" />',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	length: 7,
+	totalVisible: 4,
+	modelValue: 3,
+};
diff --git a/packages/components/src/components/v-pagination.test.ts b/app/src/components/v-pagination.test.ts
similarity index 100%
rename from packages/components/src/components/v-pagination.test.ts
rename to app/src/components/v-pagination.test.ts
diff --git a/packages/components/src/components/v-pagination.vue b/app/src/components/v-pagination.vue
similarity index 100%
rename from packages/components/src/components/v-pagination.vue
rename to app/src/components/v-pagination.vue
diff --git a/app/src/components/v-progress-circular.stories.ts b/app/src/components/v-progress-circular.stories.ts
new file mode 100644
index 0000000000..83180bc491
--- /dev/null
+++ b/app/src/components/v-progress-circular.stories.ts
@@ -0,0 +1,20 @@
+import VProgressCircular from './v-progress-circular.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VProgressCircular',
+	component: VProgressCircular,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-progress-circular v-bind="args" v-on="args" />',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	value: 70,
+};
diff --git a/packages/components/src/components/v-progress-circular.test.ts b/app/src/components/v-progress-circular.test.ts
similarity index 100%
rename from packages/components/src/components/v-progress-circular.test.ts
rename to app/src/components/v-progress-circular.test.ts
diff --git a/packages/components/src/components/v-progress-circular.vue b/app/src/components/v-progress-circular.vue
similarity index 100%
rename from packages/components/src/components/v-progress-circular.vue
rename to app/src/components/v-progress-circular.vue
diff --git a/app/src/components/v-progress-linear.stories.ts b/app/src/components/v-progress-linear.stories.ts
new file mode 100644
index 0000000000..6e0dd7ad8f
--- /dev/null
+++ b/app/src/components/v-progress-linear.stories.ts
@@ -0,0 +1,21 @@
+import VProgressLinear from './v-progress-linear.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VProgressLinear',
+	component: VProgressLinear,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-progress-linear v-bind="args" v-on="args" />',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	value: 70,
+	colorful: true,
+};
diff --git a/packages/components/src/components/v-progress-linear.test.ts b/app/src/components/v-progress-linear.test.ts
similarity index 100%
rename from packages/components/src/components/v-progress-linear.test.ts
rename to app/src/components/v-progress-linear.test.ts
diff --git a/packages/components/src/components/v-progress-linear.vue b/app/src/components/v-progress-linear.vue
similarity index 100%
rename from packages/components/src/components/v-progress-linear.vue
rename to app/src/components/v-progress-linear.vue
diff --git a/app/src/components/v-radio.stories.ts b/app/src/components/v-radio.stories.ts
new file mode 100644
index 0000000000..2597747e50
--- /dev/null
+++ b/app/src/components/v-radio.stories.ts
@@ -0,0 +1,22 @@
+import VRadio from './v-radio.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VRadio',
+	component: VRadio,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-radio v-bind="args" v-on="args"/>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	value: '1',
+	label: 'My Radio',
+	modelValue: '1',
+};
diff --git a/packages/components/src/components/v-radio.test.ts b/app/src/components/v-radio.test.ts
similarity index 100%
rename from packages/components/src/components/v-radio.test.ts
rename to app/src/components/v-radio.test.ts
diff --git a/packages/components/src/components/v-radio.vue b/app/src/components/v-radio.vue
similarity index 98%
rename from packages/components/src/components/v-radio.vue
rename to app/src/components/v-radio.vue
index 7c65237847..51d109ea16 100644
--- a/packages/components/src/components/v-radio.vue
+++ b/app/src/components/v-radio.vue
@@ -65,7 +65,7 @@ body {
 </style>
 
 <style lang="scss" scoped>
-@import '../styles/no-wrap';
+@import '@/styles/mixins/no-wrap';
 
 .v-radio {
 	display: flex;
diff --git a/app/src/components/v-select.stories.ts b/app/src/components/v-select.stories.ts
new file mode 100644
index 0000000000..29b2c3131c
--- /dev/null
+++ b/app/src/components/v-select.stories.ts
@@ -0,0 +1,35 @@
+import VSelect from './v-select/v-select.vue';
+
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VSelect',
+	component: VSelect,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: `<v-select v-bind="args" v-on="args"></v-select>`,
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	items: [
+		{
+			text: 'Item 1',
+			value: 'item1',
+		},
+		{
+			text: 'Item 2',
+			value: 'item2',
+		},
+		{
+			text: 'Item 3',
+			value: 'item3',
+		},
+	],
+	modelValue: 'item2',
+};
diff --git a/packages/components/src/components/v-select/__snapshots__/v-select.test.ts.snap b/app/src/components/v-select/__snapshots__/v-select.test.ts.snap
similarity index 100%
rename from packages/components/src/components/v-select/__snapshots__/v-select.test.ts.snap
rename to app/src/components/v-select/__snapshots__/v-select.test.ts.snap
diff --git a/packages/components/src/components/v-select/select-list-item-group.vue b/app/src/components/v-select/select-list-item-group.vue
similarity index 100%
rename from packages/components/src/components/v-select/select-list-item-group.vue
rename to app/src/components/v-select/select-list-item-group.vue
diff --git a/packages/components/src/components/v-select/select-list-item.vue b/app/src/components/v-select/select-list-item.vue
similarity index 100%
rename from packages/components/src/components/v-select/select-list-item.vue
rename to app/src/components/v-select/select-list-item.vue
diff --git a/packages/components/src/components/v-select/types.ts b/app/src/components/v-select/types.ts
similarity index 100%
rename from packages/components/src/components/v-select/types.ts
rename to app/src/components/v-select/types.ts
diff --git a/packages/components/src/components/v-select/v-select.test.ts b/app/src/components/v-select/v-select.test.ts
similarity index 100%
rename from packages/components/src/components/v-select/v-select.test.ts
rename to app/src/components/v-select/v-select.test.ts
diff --git a/packages/components/src/components/v-select/v-select.vue b/app/src/components/v-select/v-select.vue
similarity index 100%
rename from packages/components/src/components/v-select/v-select.vue
rename to app/src/components/v-select/v-select.vue
diff --git a/app/src/components/v-sheet.stories.ts b/app/src/components/v-sheet.stories.ts
new file mode 100644
index 0000000000..3bee4daeab
--- /dev/null
+++ b/app/src/components/v-sheet.stories.ts
@@ -0,0 +1,19 @@
+import VSheet from './v-sheet.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VSheet',
+	component: VSheet,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template:
+		'<v-sheet v-bind="args" v-on="args" >This is some wanky sheet that is not even used inside Directus.</v-sheet>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/packages/components/src/components/v-sheet.test.ts b/app/src/components/v-sheet.test.ts
similarity index 100%
rename from packages/components/src/components/v-sheet.test.ts
rename to app/src/components/v-sheet.test.ts
diff --git a/packages/components/src/components/v-sheet.vue b/app/src/components/v-sheet.vue
similarity index 100%
rename from packages/components/src/components/v-sheet.vue
rename to app/src/components/v-sheet.vue
diff --git a/app/src/components/v-skeleton-loader.stories.ts b/app/src/components/v-skeleton-loader.stories.ts
new file mode 100644
index 0000000000..ebfeda7196
--- /dev/null
+++ b/app/src/components/v-skeleton-loader.stories.ts
@@ -0,0 +1,25 @@
+import VSkeletonLoader from './v-skeleton-loader.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VSkeletonLoader',
+	component: VSkeletonLoader,
+	argTypes: {
+		type: {
+			control: {
+				type: 'select',
+				options: ['input', 'input-tall', 'block-list-item', 'block-list-item-dense', 'text', 'list-item-icon'],
+			},
+		},
+	},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-skeleton-loader v-bind="args" v-on="args"  />',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {};
diff --git a/packages/components/src/components/v-skeleton-loader.test.ts b/app/src/components/v-skeleton-loader.test.ts
similarity index 100%
rename from packages/components/src/components/v-skeleton-loader.test.ts
rename to app/src/components/v-skeleton-loader.test.ts
diff --git a/packages/components/src/components/v-skeleton-loader.vue b/app/src/components/v-skeleton-loader.vue
similarity index 100%
rename from packages/components/src/components/v-skeleton-loader.vue
rename to app/src/components/v-skeleton-loader.vue
diff --git a/app/src/components/v-slider.stories.ts b/app/src/components/v-slider.stories.ts
new file mode 100644
index 0000000000..a216516049
--- /dev/null
+++ b/app/src/components/v-slider.stories.ts
@@ -0,0 +1,30 @@
+import VSlider from './v-slider.vue';
+
+document.body.classList.add('light');
+
+// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
+
+export default {
+	title: 'Components/VSlider',
+	component: VSlider,
+	// More on argTypes: https://storybook.js.org/docs/vue/api/argtypes
+	argTypes: {
+		'update:modelValue': { action: 'update:modelValue' },
+	},
+};
+
+// More on component templates: https://storybook.js.org/docs/vue/writing-stories/introduction#using-args
+const Template = (args) => ({
+	// The story's `args` need to be mapped into the template through the `setup()` method
+	setup() {
+		return { args };
+	},
+	// And then the `args` are bound to your component with `v-bind="args" v-on="args"`
+	template: '<v-slider v-bind="args" v-on="args" />',
+});
+
+export const Primary = Template.bind({});
+// More on args: https://storybook.js.org/docs/vue/writing-stories/args
+Primary.args = {
+	modelValue: 50,
+};
diff --git a/packages/components/src/components/v-slider.test.ts b/app/src/components/v-slider.test.ts
similarity index 100%
rename from packages/components/src/components/v-slider.test.ts
rename to app/src/components/v-slider.test.ts
diff --git a/packages/components/src/components/v-slider.vue b/app/src/components/v-slider.vue
similarity index 100%
rename from packages/components/src/components/v-slider.vue
rename to app/src/components/v-slider.vue
diff --git a/packages/components/src/components/v-tab-item.vue b/app/src/components/v-tab-item.vue
similarity index 100%
rename from packages/components/src/components/v-tab-item.vue
rename to app/src/components/v-tab-item.vue
diff --git a/packages/components/src/components/v-tab.vue b/app/src/components/v-tab.vue
similarity index 100%
rename from packages/components/src/components/v-tab.vue
rename to app/src/components/v-tab.vue
diff --git a/packages/components/src/components/v-tabs-items.vue b/app/src/components/v-tabs-items.vue
similarity index 100%
rename from packages/components/src/components/v-tabs-items.vue
rename to app/src/components/v-tabs-items.vue
diff --git a/packages/components/stories/v-tabs.stories.ts b/app/src/components/v-tabs.stories.ts
similarity index 70%
rename from packages/components/stories/v-tabs.stories.ts
rename to app/src/components/v-tabs.stories.ts
index 11712825e0..ec031bfa61 100644
--- a/packages/components/stories/v-tabs.stories.ts
+++ b/app/src/components/v-tabs.stories.ts
@@ -1,21 +1,17 @@
-import VTabs from '../src/components/v-tabs.vue';
-document.body.classList.add('light')
-
-
+import VTabs from './v-tabs.vue';
+document.body.classList.add('light');
 
 export default {
-    title: 'Components/VTabs',
-    component: VTabs,
-    argTypes: {
-
-    },
+	title: 'Components/VTabs',
+	component: VTabs,
+	argTypes: {},
 };
 
 const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: `
+	setup() {
+		return { args };
+	},
+	template: `
 <div>
     <v-tabs v-bind="args" v-on="args" >
         <v-tab>Foods</v-tab>
@@ -39,5 +35,5 @@ const Template = (args) => ({
 
 export const Primary = Template.bind({});
 Primary.args = {
-    modelValue: [1]
-};
\ No newline at end of file
+	modelValue: [1],
+};
diff --git a/packages/components/src/components/v-tabs.test.ts b/app/src/components/v-tabs.test.ts
similarity index 100%
rename from packages/components/src/components/v-tabs.test.ts
rename to app/src/components/v-tabs.test.ts
diff --git a/packages/components/src/components/v-tabs.vue b/app/src/components/v-tabs.vue
similarity index 100%
rename from packages/components/src/components/v-tabs.vue
rename to app/src/components/v-tabs.vue
diff --git a/app/src/components/v-template-input.stories.ts b/app/src/components/v-template-input.stories.ts
new file mode 100644
index 0000000000..8bbdc128c6
--- /dev/null
+++ b/app/src/components/v-template-input.stories.ts
@@ -0,0 +1,27 @@
+import VTemplateInput from './v-template-input.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VTemplateInput',
+	component: VTemplateInput,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-template-input v-bind="args" v-on="args" >My Template Input</v-template-input>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	modelValue: 'Hey ho everyone, I am a new comment!',
+	multiline: true,
+	'trigger-character': '@',
+	items: {
+		item1: 'Test1',
+		item2: 'Test2',
+	},
+	captureGroup: '(@[0-9A-F]{8}-[0-9A-F]{4}-4[0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12})',
+};
diff --git a/packages/components/src/components/v-template-input.vue b/app/src/components/v-template-input.vue
similarity index 100%
rename from packages/components/src/components/v-template-input.vue
rename to app/src/components/v-template-input.vue
diff --git a/app/src/components/v-text-overflow.stories.ts b/app/src/components/v-text-overflow.stories.ts
new file mode 100644
index 0000000000..50fc552184
--- /dev/null
+++ b/app/src/components/v-text-overflow.stories.ts
@@ -0,0 +1,20 @@
+import VTextOverflow from './v-text-overflow.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VTextOverflow',
+	component: VTextOverflow,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-text-overflow v-bind="args" v-on="args"></v-text-overflow>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	text: 'This text should not wrap to a new line!',
+};
diff --git a/packages/components/src/components/v-text-overflow.test.ts b/app/src/components/v-text-overflow.test.ts
similarity index 100%
rename from packages/components/src/components/v-text-overflow.test.ts
rename to app/src/components/v-text-overflow.test.ts
diff --git a/packages/components/src/components/v-text-overflow.vue b/app/src/components/v-text-overflow.vue
similarity index 100%
rename from packages/components/src/components/v-text-overflow.vue
rename to app/src/components/v-text-overflow.vue
diff --git a/app/src/components/v-textarea.stories.ts b/app/src/components/v-textarea.stories.ts
new file mode 100644
index 0000000000..dfb103c6ca
--- /dev/null
+++ b/app/src/components/v-textarea.stories.ts
@@ -0,0 +1,21 @@
+import VTextarea from './v-textarea.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VTextarea',
+	component: VTextarea,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-textarea v-bind="args" v-on="args" >My Button</v-textarea>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	modelValue: `This is some text that will be displayed in the textarea.
+This is a new line.`,
+};
diff --git a/packages/components/src/components/v-textarea.test.ts b/app/src/components/v-textarea.test.ts
similarity index 100%
rename from packages/components/src/components/v-textarea.test.ts
rename to app/src/components/v-textarea.test.ts
diff --git a/packages/components/src/components/v-textarea.vue b/app/src/components/v-textarea.vue
similarity index 100%
rename from packages/components/src/components/v-textarea.vue
rename to app/src/components/v-textarea.vue
diff --git a/app/src/components/v-workspace-tile.stories.ts b/app/src/components/v-workspace-tile.stories.ts
new file mode 100644
index 0000000000..430fb0b7b7
--- /dev/null
+++ b/app/src/components/v-workspace-tile.stories.ts
@@ -0,0 +1,20 @@
+import VWorkspaceTile from './v-workspace-tile.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VWorkspaceTile',
+	component: VWorkspaceTile,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-workspace-tile v-bind="args" v-on="args" >Contents of the tile</v-workspace-tile>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	name: 'My Tile',
+};
diff --git a/packages/components/src/components/v-workspace-tile.test.ts b/app/src/components/v-workspace-tile.test.ts
similarity index 100%
rename from packages/components/src/components/v-workspace-tile.test.ts
rename to app/src/components/v-workspace-tile.test.ts
diff --git a/packages/components/src/components/v-workspace-tile.vue b/app/src/components/v-workspace-tile.vue
similarity index 100%
rename from packages/components/src/components/v-workspace-tile.vue
rename to app/src/components/v-workspace-tile.vue
diff --git a/app/src/components/v-workspace.stories.ts b/app/src/components/v-workspace.stories.ts
new file mode 100644
index 0000000000..20d350e5a8
--- /dev/null
+++ b/app/src/components/v-workspace.stories.ts
@@ -0,0 +1,37 @@
+import VWorkspace from './v-workspace.vue';
+document.body.classList.add('light');
+
+export default {
+	title: 'Components/VWorkspace',
+	component: VWorkspace,
+	argTypes: {},
+};
+
+const Template = (args) => ({
+	setup() {
+		return { args };
+	},
+	template: '<v-workspace v-bind="args" v-on="args" ></v-workspace>',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+	tiles: [
+		{
+			id: '1',
+			x: 1,
+			y: 1,
+			width: 10,
+			height: 10,
+			name: 'My Tile 1',
+		},
+		{
+			id: '2',
+			x: 15,
+			y: 5,
+			width: 10,
+			height: 10,
+			name: 'My Tile 2',
+		},
+	],
+};
diff --git a/packages/components/src/components/v-workspace.test.ts b/app/src/components/v-workspace.test.ts
similarity index 100%
rename from packages/components/src/components/v-workspace.test.ts
rename to app/src/components/v-workspace.test.ts
diff --git a/packages/components/src/components/v-workspace.vue b/app/src/components/v-workspace.vue
similarity index 100%
rename from packages/components/src/components/v-workspace.vue
rename to app/src/components/v-workspace.vue
diff --git a/app/src/modules/insights/routes/dashboard.vue b/app/src/modules/insights/routes/dashboard.vue
index 20dc8660a2..a2be52476e 100644
--- a/app/src/modules/insights/routes/dashboard.vue
+++ b/app/src/modules/insights/routes/dashboard.vue
@@ -191,7 +191,7 @@
 </template>
 
 <script lang="ts" setup>
-import { AppTile } from '@directus/components/v-workspace-tile.vue';
+import { AppTile } from '@/components/v-workspace-tile.vue';
 import { useEditsGuard } from '@/composables/use-edits-guard';
 import { useShortcut } from '@/composables/use-shortcut';
 import { getPanels } from '@/panels';
diff --git a/app/src/modules/settings/routes/flows/flow.vue b/app/src/modules/settings/routes/flows/flow.vue
index ed391455ab..3e6ae07e04 100644
--- a/app/src/modules/settings/routes/flows/flow.vue
+++ b/app/src/modules/settings/routes/flows/flow.vue
@@ -194,7 +194,7 @@ import { nanoid, customAlphabet } from 'nanoid';
 import SettingsNotFound from '../not-found.vue';
 import SettingsNavigation from '../../components/navigation.vue';
 import Operation, { ArrowInfo, Target } from './components/operation.vue';
-import { AppTile } from '@directus/components/v-workspace-tile.vue';
+import { AppTile } from '@/components/v-workspace-tile.vue';
 import { ATTACHMENT_OFFSET, PANEL_HEIGHT, PANEL_WIDTH } from './constants';
 import Arrows from './components/arrows.vue';
 import { Vector2 } from '@/utils/vector2';
diff --git a/packages/components/.gitignore b/packages/components/.gitignore
deleted file mode 100644
index 02f605b146..0000000000
--- a/packages/components/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-storybook-static/
\ No newline at end of file
diff --git a/packages/components/.storybook/main.js b/packages/components/.storybook/main.js
deleted file mode 100644
index eb0624c205..0000000000
--- a/packages/components/.storybook/main.js
+++ /dev/null
@@ -1,15 +0,0 @@
-module.exports = {
-    stories: [
-        '../stories/**/*.stories.mdx',
-        '../stories/**/*.stories.@(js|jsx|ts|tsx)',
-    ],
-    addons: [
-        '@storybook/addon-links',
-        '@storybook/addon-essentials',
-        '@storybook/addon-actions'
-    ],
-    core: {
-        builder: '@storybook/builder-vite',
-    },
-    framework: '@storybook/vue3'
-}
\ No newline at end of file
diff --git a/packages/components/.storybook/preview.js b/packages/components/.storybook/preview.js
deleted file mode 100644
index a1fd19ac8a..0000000000
--- a/packages/components/.storybook/preview.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import '../../../app/src/styles/main.scss';
-import './styles.scss';
-import { useArgs } from '@storybook/client-api';
-import { app } from "@storybook/vue3";
-import { createRouter, createWebHistory } from 'vue-router';
-import { createI18n } from 'vue-i18n';
-import { register } from './register';
-import { fix } from './fix-actions';
-
-const router = createRouter({
-    history: createWebHistory(),
-    routes: [
-        {
-            path: '/',
-        }
-    ],
-});
-
-const i18n = createI18n();
-
-export const decorators = [
-    (Story, { args, argTypes }) => {
-        const [_, update] = useArgs()
-        const newArgs = fix(args, argTypes, update)
-        return {
-            args: newArgs,
-            template: '<story />'
-        };
-    }
-]
-
-export const parameters = {
-    // actions: { argTypesRegex: "(change|emoji-selected|update:.*?)" },
-    controls: {
-        matchers: {
-            color: /(background|color)$/i,
-            date: /Date$/,
-        },
-    },
-}
-
-app.use(router)
-app.use(i18n)
-
-
-register(app)
\ No newline at end of file
diff --git a/packages/components/package.json b/packages/components/package.json
deleted file mode 100644
index 2db35a4530..0000000000
--- a/packages/components/package.json
+++ /dev/null
@@ -1,77 +0,0 @@
-{
-	"name": "@directus/components",
-	"version": "9.16.1",
-	"description": "Components of the Directus App.",
-	"exports": {
-		"./": "./src/components/"
-	},
-	"sideEffects": false,
-	"scripts": {
-		"test": "vitest run",
-		"test:coverage": "vitest run --coverage",
-		"test:watch": "vitest",
-		"storybook": "start-storybook -p 6006",
-		"build-storybook": "build-storybook"
-	},
-	"author": "Nils Twelker",
-	"maintainers": [
-		"Rijk van Zanten <rijkvanzanten@me.com>"
-	],
-	"dependencies": {
-		"lodash": "4.17.21",
-		"micromustache": "^8.0.3",
-		"vite": "2.9.9",
-		"vue": "3.2.37",
-		"vue-i18n": "9.1.10",
-		"vue-router": "4.0.15"
-	},
-	"peerDependencies": {
-		"vue": "3.2.37",
-		"@storybook/node-logger": ">=6.4.3"
-	},
-	"devDependencies": {
-		"@babel/core": "^7.17.9",
-		"@babel/preset-env": "7.16.11",
-		"@fortawesome/fontawesome-svg-core": "1.2.36",
-		"@fortawesome/free-brands-svg-icons": "5.15.4",
-		"@joeattardi/emoji-button": "^4.6.2",
-		"@mdx-js/react": "1.6.22",
-		"@popperjs/core": "2.10.2",
-		"@sindresorhus/slugify": "2.1.0",
-		"@storybook/addon-actions": "6.5.10",
-		"@storybook/addon-backgrounds": "6.5.10",
-		"@storybook/addon-docs": "6.5.10",
-		"@storybook/addon-essentials": "6.5.10",
-		"@storybook/addon-links": "6.5.10",
-		"@storybook/addon-measure": "6.5.10",
-		"@storybook/addon-outline": "6.5.10",
-		"@storybook/builder-vite": "^0.1.41",
-		"@storybook/client-api": "6.5.10",
-		"@storybook/client-logger": "6.5.10",
-		"@storybook/core-common": "6.5.10",
-		"@storybook/vue3": "6.5.10",
-		"@types/diacritics": "1.3.1",
-		"@types/lodash": "^4.14.182",
-		"@vitejs/plugin-vue": "2.3.3",
-		"@vitest/ui": "^0.22.0",
-		"@vue/compiler-sfc": "3.2.31",
-		"@vue/test-utils": "^2.0.2",
-		"babel-loader": "^8.2.4",
-		"c8": "^7.12.0",
-		"caret-pos": "2.0.0",
-		"css-loader": "^6.7.1",
-		"diacritics": "1.3.0",
-		"nanoid": "3.1.30",
-		"npm-run-all": "4.1.5",
-		"react": "16.14.0",
-		"react-dom": "16.14.0",
-		"rimraf": "3.0.2",
-		"sass-loader": "^13.0.2",
-		"style-loader": "^3.3.1",
-		"typescript": "4.5.2",
-		"vitest": "^0.18.1",
-		"vue-loader": "^16.8.3",
-		"vue-tsc": "^0.34.5",
-		"webpack": "5.72.0"
-	}
-}
diff --git a/packages/components/shim.d.ts b/packages/components/shim.d.ts
deleted file mode 100644
index 34a8ce94e8..0000000000
--- a/packages/components/shim.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-declare module '*.vue' {
-	import { DefineComponent } from 'vue';
-	// eslint-disable-next-line @typescript-eslint/ban-types
-	const component: DefineComponent<{}, {}, any>;
-	export default component;
-}
diff --git a/packages/components/src/components/__snapshots__/V-tab.test.ts.snap b/packages/components/src/components/__snapshots__/V-tab.test.ts.snap
deleted file mode 100644
index 7097a66509..0000000000
--- a/packages/components/src/components/__snapshots__/V-tab.test.ts.snap
+++ /dev/null
@@ -1,3 +0,0 @@
-// Vitest Snapshot v1
-
-exports[`Mount component 1`] = `"<div class=\\"v-tab horizontal\\" data-v-964c7244=\\"\\">Slot Content</div>"`;
diff --git a/packages/components/src/components/__snapshots__/v-menu.test.ts.snap b/packages/components/src/components/__snapshots__/v-menu.test.ts.snap
deleted file mode 100644
index 5ec3dec128..0000000000
--- a/packages/components/src/components/__snapshots__/v-menu.test.ts.snap
+++ /dev/null
@@ -1,9 +0,0 @@
-// Vitest Snapshot v1
-
-exports[`Mount component 1`] = `
-"<div class=\\"v-menu\\" data-v-09dc8134=\\"\\">
-  <div class=\\"v-menu-activator\\" data-v-09dc8134=\\"\\"></div>
-  <!--teleport start-->
-  <!--teleport end-->
-</div>"
-`;
diff --git a/packages/components/src/components/__snapshots__/v-sheet.test.ts.snap b/packages/components/src/components/__snapshots__/v-sheet.test.ts.snap
deleted file mode 100644
index 138cb1f1d9..0000000000
--- a/packages/components/src/components/__snapshots__/v-sheet.test.ts.snap
+++ /dev/null
@@ -1,3 +0,0 @@
-// Vitest Snapshot v1
-
-exports[`Mount component 1`] = `"<div class=\\"v-sheet\\" data-v-24b86768=\\"\\">Slot Content</div>"`;
diff --git a/packages/components/src/shims.d.ts b/packages/components/src/shims.d.ts
deleted file mode 100644
index 34a8ce94e8..0000000000
--- a/packages/components/src/shims.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-declare module '*.vue' {
-	import { DefineComponent } from 'vue';
-	// eslint-disable-next-line @typescript-eslint/ban-types
-	const component: DefineComponent<{}, {}, any>;
-	export default component;
-}
diff --git a/packages/components/src/styles/no-wrap.scss b/packages/components/src/styles/no-wrap.scss
deleted file mode 100644
index 2ad932991b..0000000000
--- a/packages/components/src/styles/no-wrap.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-@mixin no-wrap {
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-}
diff --git a/packages/components/stories/transition-bounce.stories.ts b/packages/components/stories/transition-bounce.stories.ts
deleted file mode 100644
index 304ee6f34f..0000000000
--- a/packages/components/stories/transition-bounce.stories.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import TransitionBounce from '../src/components/transition/bounce.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/Transition/TransitionBounce',
-    component: TransitionBounce,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-hover v-slot="{ hover }">Hover me!<transition-bounce v-bind="args" v-on="args"><div v-if="hover" style="background-color: var(--background-normal); height: 200px; width: 400px; display: flex; justify-content: center; align-items: center">This is only shown on hover.</div></transition-bounce></v-hover>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
diff --git a/packages/components/stories/transition-dialog.stories.ts b/packages/components/stories/transition-dialog.stories.ts
deleted file mode 100644
index 3d21b28c10..0000000000
--- a/packages/components/stories/transition-dialog.stories.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import TransitionDialog from '../src/components/transition/dialog.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/Transition/TransitionDialog',
-    component: TransitionDialog,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-hover v-slot="{ hover }">Hover me!<transition-dialog v-bind="args" v-on="args"><div v-if="hover" style="background-color: var(--background-normal); height: 200px; width: 400px; display: flex; justify-content: center; align-items: center">This is only shown on hover.</div></transition-dialog></v-hover>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
diff --git a/packages/components/stories/transition-expand.stories.ts b/packages/components/stories/transition-expand.stories.ts
deleted file mode 100644
index f6595f6a9a..0000000000
--- a/packages/components/stories/transition-expand.stories.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import TransitionExpand from '../src/components/transition/expand.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/Transition/TransitionExpand',
-    component: TransitionExpand,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-hover v-slot="{ hover }">Hover me!<transition-expand v-bind="args" v-on="args"><div v-if="hover" style="background-color: var(--background-normal); height: 200px; width: 400px; display: flex; justify-content: center; align-items: center">This is only shown on hover.</div></transition-expand></v-hover>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-avatar.stories.ts b/packages/components/stories/v-avatar.stories.ts
deleted file mode 100644
index 8e55a3b6c0..0000000000
--- a/packages/components/stories/v-avatar.stories.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import VAvatar from '../src/components/v-avatar.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-  title: 'Components/VAvatar',
-  component: VAvatar,
-  argTypes: {
-    
-  },
-};
-
-const Template = (args) => ({
-  setup() {
-    return { args };
-  },
-  template: '<v-avatar v-bind="args" v-on="args" ><v-icon name="person" /></v-avatar>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-badge.stories.ts b/packages/components/stories/v-badge.stories.ts
deleted file mode 100644
index 106e22b2ea..0000000000
--- a/packages/components/stories/v-badge.stories.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import VBadge from '../src/components/v-badge.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-  title: 'Components/VBadge',
-  component: VBadge,
-  argTypes: {
-    
-  },
-};
-
-const Template = (args) => ({
-  setup() {
-    return { args };
-  },
-  template: '<v-badge v-bind="args" v-on="args" ><v-icon name="notifications_active" /></v-badge>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    value: '+9'
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-breadcrumb.stories.ts b/packages/components/stories/v-breadcrumb.stories.ts
deleted file mode 100644
index 97ec9860ea..0000000000
--- a/packages/components/stories/v-breadcrumb.stories.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import VBreadcrumb from '../src/components/v-breadcrumb.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-  title: 'Components/VBreadcrumb',
-  component: VBreadcrumb,
-  argTypes: {
-    
-  },
-};
-
-const Template = (args) => ({
-  setup() {
-    return { args };
-  },
-  template: '<v-breadcrumb v-bind="args" v-on="args" />',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    items: [
-        {
-            to: '/',
-            name: 'Home'
-        }, {
-            to: '/settings',
-            name: 'settings',
-            icon: 'settings'
-        }, {
-            to: '/settings/profile',
-            name: 'Profile',
-            icon: 'person',
-            disabled: true
-        }
-    ]
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-button.stories.ts b/packages/components/stories/v-button.stories.ts
deleted file mode 100644
index 54b4a22f27..0000000000
--- a/packages/components/stories/v-button.stories.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import VButton from '../src/components/v-button.vue';
-
-
-document.body.classList.add('light')
-
-export default {
-    title: 'Components/VButton',
-    component: VButton,
-    
-    argTypes: {
-        click: { action: 'clicked' },
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-button v-bind="args" v-on="args">My Button{{args.onClick}}</v-button>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-checkbox-tree.stories.ts b/packages/components/stories/v-checkbox-tree.stories.ts
deleted file mode 100644
index 4e5930e068..0000000000
--- a/packages/components/stories/v-checkbox-tree.stories.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import VCheckboxTree from '../src/components/v-checkbox-tree/v-checkbox-tree.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VCheckboxTree',
-    component: VCheckboxTree,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-checkbox-tree v-bind="args" v-on="args" />',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    choices: [
-        {
-            text: 'Choice 1',
-            value: 'choice-1',
-            children: [
-                {
-                    text: 'Choice 1.1',
-                    value: 'choice-1.1',
-                }, {
-                    text: 'Choice 1.2',
-                    value: 'choice-1.2',
-                }
-            ],
-        }, {
-            text: 'Choice 2',
-            value: 'choice-2',
-        }, {
-            text: 'Choice 3',
-            value: 'choice-3',
-        }
-    ],
-    modelValue: ['choice-1.1', 'choice-3'],
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-checkbox.stories.ts b/packages/components/stories/v-checkbox.stories.ts
deleted file mode 100644
index 20243a78b2..0000000000
--- a/packages/components/stories/v-checkbox.stories.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import VCheckbox from '../src/components/v-checkbox.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VCheckbox',
-    component: VCheckbox,
-    argTypes: {
-        'modelValue': { action: 'updateModelValue' },
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-checkbox v-bind="args" v-on="args">My Checkbox</v-checkbox>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    modelValue: true
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-chip.stories.ts b/packages/components/stories/v-chip.stories.ts
deleted file mode 100644
index 30e1adc46f..0000000000
--- a/packages/components/stories/v-chip.stories.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import VChip from '../src/components/v-chip.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VChip',
-    component: VChip,
-    argTypes: {
-        close: { 'control': 'boolean' }
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-chip v-bind="args" v-on="args" >Cake</v-chip>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-divider.stories.ts b/packages/components/stories/v-divider.stories.ts
deleted file mode 100644
index a3c08873e0..0000000000
--- a/packages/components/stories/v-divider.stories.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import VDivider from '../src/components/v-divider.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VDivider',
-    component: VDivider,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-divider v-bind="args" v-on="args" />',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-emoji-picker.stories.ts b/packages/components/stories/v-emoji-picker.stories.ts
deleted file mode 100644
index dd047837c6..0000000000
--- a/packages/components/stories/v-emoji-picker.stories.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import VEmojiPicker from '../src/components/v-emoji-picker.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VEmojiPicker',
-    component: VEmojiPicker,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-emoji-picker v-bind="args" v-on="args" >My Button</v-emoji-picker>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-fancy-select.stories.ts b/packages/components/stories/v-fancy-select.stories.ts
deleted file mode 100644
index 947e2b4057..0000000000
--- a/packages/components/stories/v-fancy-select.stories.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import VFancySelect from '../src/components/v-fancy-select.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VFancySelect',
-    component: VFancySelect,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-fancy-select v-bind="args" v-on="args" >My Button</v-fancy-select>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    items: [
-        {
-            icon: 'person',
-            value: 'person',
-            text: 'Person',
-        }, {
-            icon: 'directions_car',
-            value: 'car',
-            text: 'Car',
-        }, {
-            divider: true
-        }, {
-            icon: 'home',
-            value: 'home',
-            text: 'Home',
-        }
-    ]
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-highlight.stories.ts b/packages/components/stories/v-highlight.stories.ts
deleted file mode 100644
index ca574d9944..0000000000
--- a/packages/components/stories/v-highlight.stories.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import VHighlight from '../src/components/v-highlight.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VHighlight',
-    component: VHighlight,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-highlight v-bind="args" v-on="args" />',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    text: 'The cake is a lie.',
-    query: ['cake','lie'],
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-hover.stories.ts b/packages/components/stories/v-hover.stories.ts
deleted file mode 100644
index 1ad55289ef..0000000000
--- a/packages/components/stories/v-hover.stories.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import VHover from '../src/components/v-hover.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VHover',
-    component: VHover,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-hover v-bind="args" v-on="args" v-slot="{ hover }">Hover me!<div v-if="hover">This is only shown on hover.</div></v-hover>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-icon-file.stories.ts b/packages/components/stories/v-icon-file.stories.ts
deleted file mode 100644
index 1476060cef..0000000000
--- a/packages/components/stories/v-icon-file.stories.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import VIconFile from '../src/components/v-icon-file.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VIconFile',
-    component: VIconFile,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-icon-file v-bind="args" v-on="args" >My Button</v-icon-file>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    ext: "png"
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-icon.stories.ts b/packages/components/stories/v-icon.stories.ts
deleted file mode 100644
index 17c689a538..0000000000
--- a/packages/components/stories/v-icon.stories.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import VIcon from '../src/components/v-icon/v-icon.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-  title: 'Components/VIcon',
-  component: VIcon,
-  argTypes: {
-    
-  },
-};
-
-const Template = (args) => ({
-  setup() {
-    return { args };
-  },
-  template: '<v-icon v-bind="args" v-on="args" />',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-  name: 'delete'
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-info.stories.ts b/packages/components/stories/v-info.stories.ts
deleted file mode 100644
index c09efd35fd..0000000000
--- a/packages/components/stories/v-info.stories.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import VInfo from '../src/components/v-info.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VInfo',
-    component: VInfo,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-info v-bind="args" v-on="args" >You have sadly eaten all the cookies!</v-info>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    title: 'No more cookies',
-    icon: 'cookie'
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-input.stories.ts b/packages/components/stories/v-input.stories.ts
deleted file mode 100644
index 3bf35eb16e..0000000000
--- a/packages/components/stories/v-input.stories.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import VInput from '../src/components/v-input.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VInput',
-    component: VInput,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-input v-bind="args" v-on="args" />',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    modelValue: 'Shut up and take my money. 💸',
-    disabled: false
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-item-group.stories.ts b/packages/components/stories/v-item-group.stories.ts
deleted file mode 100644
index 978c06dffd..0000000000
--- a/packages/components/stories/v-item-group.stories.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import VItemGroup from '../src/components/v-item-group.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VItemGroup',
-    component: VItemGroup,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-item-group v-bind="args" v-on="args" ><v-item watch value="item1" v-slot="{active}">First item is active: {{active}}</v-item><v-item value="item2" v-slot="{active}">Second item is active: {{active}}</v-item></v-item-group>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    modelValue: ['item1']
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-list-item.stories.ts b/packages/components/stories/v-list-item.stories.ts
deleted file mode 100644
index 2118d78e15..0000000000
--- a/packages/components/stories/v-list-item.stories.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import VListItem from '../src/components/v-list-item.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/List/VListItem',
-    component: VListItem,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: `
-<v-list-item v-bind="args" v-on="args" >List Item 1</v-list-item>
-    `,
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-notice.stories.ts b/packages/components/stories/v-notice.stories.ts
deleted file mode 100644
index c760db1ed9..0000000000
--- a/packages/components/stories/v-notice.stories.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import VNotice from '../src/components/v-notice.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VNotice',
-    component: VNotice,
-    argTypes: {
-        type: {
-            control: { type: 'select', options: ['normal','info', 'success', 'warning', 'danger'] },
-        }
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-notice v-bind="args" v-on="args" >Making a pizza ist best done without ordering a pizza.</v-notice>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-overlay.stories.ts b/packages/components/stories/v-overlay.stories.ts
deleted file mode 100644
index 70990342fa..0000000000
--- a/packages/components/stories/v-overlay.stories.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import VOverlay from '../src/components/v-overlay.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VOverlay',
-    component: VOverlay,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<div>This is hidden behind the overlay.</div><v-overlay v-bind="args" v-on="args" />',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    active: true
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-pagination.stories.ts b/packages/components/stories/v-pagination.stories.ts
deleted file mode 100644
index 5f3473d631..0000000000
--- a/packages/components/stories/v-pagination.stories.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import VPagination from '../src/components/v-pagination.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VPagination',
-    component: VPagination,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-pagination v-bind="args" v-on="args" />',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    length: 7,
-    totalVisible: 4,
-    modelValue: 3
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-progress-circular.stories.ts b/packages/components/stories/v-progress-circular.stories.ts
deleted file mode 100644
index f473b6834c..0000000000
--- a/packages/components/stories/v-progress-circular.stories.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import VProgressCircular from '../src/components/v-progress-circular.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VProgressCircular',
-    component: VProgressCircular,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-progress-circular v-bind="args" v-on="args" />',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    value: 70
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-progress-linear.stories.ts b/packages/components/stories/v-progress-linear.stories.ts
deleted file mode 100644
index fc28f02c01..0000000000
--- a/packages/components/stories/v-progress-linear.stories.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import VProgressLinear from '../src/components/v-progress-linear.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VProgressLinear',
-    component: VProgressLinear,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-progress-linear v-bind="args" v-on="args" />',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    value: 70,
-    colorful: true
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-radio.stories.ts b/packages/components/stories/v-radio.stories.ts
deleted file mode 100644
index dd437d912e..0000000000
--- a/packages/components/stories/v-radio.stories.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import VRadio from '../src/components/v-radio.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VRadio',
-    component: VRadio,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-radio v-bind="args" v-on="args"/>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    value: '1',
-    label: 'My Radio',
-    modelValue: '1'
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-select.stories.ts b/packages/components/stories/v-select.stories.ts
deleted file mode 100644
index 9b32cbeca9..0000000000
--- a/packages/components/stories/v-select.stories.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import VSelect from '../src/components/v-select/v-select.vue';
-
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VSelect',
-    component: VSelect,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: `<v-select v-bind="args" v-on="args"></v-select>`,
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    items: [
-        {
-            text: 'Item 1',
-            value: 'item1',
-        }, {
-            text: 'Item 2',
-            value: 'item2',
-        }, {
-            text: 'Item 3',
-            value: 'item3',
-        }
-    ],
-    modelValue: 'item2',
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-sheet.stories.ts b/packages/components/stories/v-sheet.stories.ts
deleted file mode 100644
index 27db9669d8..0000000000
--- a/packages/components/stories/v-sheet.stories.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import VSheet from '../src/components/v-sheet.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VSheet',
-    component: VSheet,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-sheet v-bind="args" v-on="args" >This is some wanky sheet that is not even used inside Directus.</v-sheet>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-skeleton-loader.stories.ts b/packages/components/stories/v-skeleton-loader.stories.ts
deleted file mode 100644
index 011c42c489..0000000000
--- a/packages/components/stories/v-skeleton-loader.stories.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import VSkeletonLoader from '../src/components/v-skeleton-loader.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VSkeletonLoader',
-    component: VSkeletonLoader,
-    argTypes: {
-        type: {
-            control: {
-                type: 'select',
-                options: ['input','input-tall','block-list-item','block-list-item-dense','text','list-item-icon']
-            }
-        }
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-skeleton-loader v-bind="args" v-on="args"  />',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-slider.stories.ts b/packages/components/stories/v-slider.stories.ts
deleted file mode 100644
index 767036b133..0000000000
--- a/packages/components/stories/v-slider.stories.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import VSlider from '../src/components/v-slider.vue';
-
-document.body.classList.add('light')
-
-// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
-
-
-export default {
-  title: 'Components/VSlider',
-  component: VSlider,
-  // More on argTypes: https://storybook.js.org/docs/vue/api/argtypes
-  argTypes: {
-    'update:modelValue': { action: 'update:modelValue' },
-  },
-};
-
-// More on component templates: https://storybook.js.org/docs/vue/writing-stories/introduction#using-args
-const Template = (args) => ({
-  // The story's `args` need to be mapped into the template through the `setup()` method
-  setup() {
-    return { args };
-  },
-  // And then the `args` are bound to your component with `v-bind="args" v-on="args"`
-  template: '<v-slider v-bind="args" v-on="args" />',
-});
-
-export const Primary = Template.bind({});
-// More on args: https://storybook.js.org/docs/vue/writing-stories/args
-Primary.args = {
-  modelValue: 50,
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-template-input.stories.ts b/packages/components/stories/v-template-input.stories.ts
deleted file mode 100644
index e68b43f26e..0000000000
--- a/packages/components/stories/v-template-input.stories.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import VTemplateInput from '../src/components/v-template-input.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VTemplateInput',
-    component: VTemplateInput,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-template-input v-bind="args" v-on="args" >My Template Input</v-template-input>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    modelValue: 'Hey ho everyone, I am a new comment!',
-    multiline: true,
-    'trigger-character': '@',
-    items: {
-        item1: 'Test1',
-        item2: 'Test2',
-    },
-    captureGroup: '(@[0-9A-F]{8}-[0-9A-F]{4}-4[0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12})'
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-text-overflow.stories.ts b/packages/components/stories/v-text-overflow.stories.ts
deleted file mode 100644
index 837258a75c..0000000000
--- a/packages/components/stories/v-text-overflow.stories.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import VTextOverflow from '../src/components/v-text-overflow.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VTextOverflow',
-    component: VTextOverflow,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-text-overflow v-bind="args" v-on="args"></v-text-overflow>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    text: "This text should not wrap to a new line!"
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-textarea.stories.ts b/packages/components/stories/v-textarea.stories.ts
deleted file mode 100644
index d23c41d92c..0000000000
--- a/packages/components/stories/v-textarea.stories.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import VTextarea from '../src/components/v-textarea.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-  title: 'Components/VTextarea',
-  component: VTextarea,
-  argTypes: {
-    
-  },
-};
-
-const Template = (args) => ({
-  setup() {
-    return { args };
-  },
-  template: '<v-textarea v-bind="args" v-on="args" >My Button</v-textarea>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    modelValue: `This is some text that will be displayed in the textarea.
-This is a new line.`
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-workspace-tile.stories.ts b/packages/components/stories/v-workspace-tile.stories.ts
deleted file mode 100644
index 52119e8831..0000000000
--- a/packages/components/stories/v-workspace-tile.stories.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import VWorkspaceTile from '../src/components/v-workspace-tile.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VWorkspaceTile',
-    component: VWorkspaceTile,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-workspace-tile v-bind="args" v-on="args" >Contents of the tile</v-workspace-tile>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    name: 'My Tile'
-};
\ No newline at end of file
diff --git a/packages/components/stories/v-workspace.stories.ts b/packages/components/stories/v-workspace.stories.ts
deleted file mode 100644
index bcc3a67026..0000000000
--- a/packages/components/stories/v-workspace.stories.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import VWorkspace from '../src/components/v-workspace.vue';
-document.body.classList.add('light')
-
-
-
-export default {
-    title: 'Components/VWorkspace',
-    component: VWorkspace,
-    argTypes: {
-
-    },
-};
-
-const Template = (args) => ({
-    setup() {
-        return { args };
-    },
-    template: '<v-workspace v-bind="args" v-on="args" ></v-workspace>',
-});
-
-export const Primary = Template.bind({});
-Primary.args = {
-    tiles: [
-        {
-            id: '1',
-            x: 1,
-            y: 1,
-            width: 10,
-            height: 10,
-            name: 'My Tile 1',
-        }, {
-            id: '2',
-            x: 15,
-            y: 5,
-            width: 10,
-            height: 10,
-            name: 'My Tile 2',
-        }
-    ]
-};
\ No newline at end of file
diff --git a/packages/components/stub/empty.d.ts b/packages/components/stub/empty.d.ts
deleted file mode 100644
index cb0ff5c3b5..0000000000
--- a/packages/components/stub/empty.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {};
diff --git a/packages/components/tsconfig.json b/packages/components/tsconfig.json
deleted file mode 100644
index c62607f201..0000000000
--- a/packages/components/tsconfig.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-	"compilerOptions": {
-		"target": "esnext",
-		"module": "esnext",
-		"strict": true,
-		"jsx": "preserve",
-		"importHelpers": true,
-		"skipLibCheck": true,
-		"moduleResolution": "node",
-		"esModuleInterop": true,
-		"allowSyntheticDefaultImports": true,
-		"resolveJsonModule": true,
-		"sourceMap": true,
-		"baseUrl": ".",
-		"types": ["vite/client"],
-		"paths": {
-			"@/*": ["src/*"],
-			"preact/*": ["stub/empty.d.ts"],
-		},
-		"lib": ["esnext", "dom", "dom.iterable", "scripthost"]
-	},
-	"include": ["src/**/*.ts", "src/**/*.vue"],
-	"exclude": ["node_modules"]
-}
diff --git a/packages/components/vite.config.js b/packages/components/vite.config.js
deleted file mode 100644
index 261dc48367..0000000000
--- a/packages/components/vite.config.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import vue from '@vitejs/plugin-vue';
-import path from 'path';
-import { defineConfig } from 'vitest/config';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-	plugins: [vue()],
-	optimizeDeps: {
-		exclude: ['@directus/docs'],
-	},
-	resolve: {
-		alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
-	},
-	test: {
-		environment: 'happy-dom',
-	},
-});
diff --git a/packages/extensions-sdk/package.json b/packages/extensions-sdk/package.json
index 42599967a7..c7e47efecd 100644
--- a/packages/extensions-sdk/package.json
+++ b/packages/extensions-sdk/package.json
@@ -33,7 +33,6 @@
 	"gitHead": "24621f3934dc77eb23441331040ed13c676ceffd",
 	"dependencies": {
 		"@directus/shared": "workspace:*",
-		"@directus/components": "workspace:*",
 		"@rollup/plugin-commonjs": "^21.0.1",
 		"@rollup/plugin-json": "^4.1.0",
 		"@rollup/plugin-node-resolve": "^13.1.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f11706df22..f826768545 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -371,7 +371,8 @@ importers:
 
   app:
     specifiers:
-      '@directus/components': workspace:*
+      '@babel/core': ^7.18.13
+      '@babel/preset-env': ^7.18.10
       '@directus/docs': 9.16.0
       '@directus/extensions-sdk': ^9.14.1
       '@directus/format-title': ^9.15.0
@@ -383,6 +384,7 @@ importers:
       '@fullcalendar/interaction': 5.11.0
       '@fullcalendar/list': 5.11.0
       '@fullcalendar/timegrid': 5.11.0
+      '@joeattardi/emoji-button': ^4.6.4
       '@mapbox/mapbox-gl-draw': 1.3.0
       '@mapbox/mapbox-gl-draw-static-mode': 1.0.1
       '@mapbox/mapbox-gl-geocoder': 4.7.4
@@ -390,6 +392,19 @@ importers:
       '@popperjs/core': 2.10.2
       '@rollup/plugin-yaml': 3.1.0
       '@sindresorhus/slugify': 2.1.0
+      '@storybook/addon-actions': 6.5.10
+      '@storybook/addon-backgrounds': 6.5.10
+      '@storybook/addon-docs': 6.5.10
+      '@storybook/addon-essentials': 6.5.10
+      '@storybook/addon-links': 6.5.10
+      '@storybook/addon-measure': 6.5.10
+      '@storybook/addon-outline': 6.5.10
+      '@storybook/builder-vite': ^0.1.41
+      '@storybook/client-api': 6.5.10
+      '@storybook/client-logger': 6.5.10
+      '@storybook/core-common': 6.5.10
+      '@storybook/node-logger': ^6.5.10
+      '@storybook/vue3': 6.5.10
       '@tinymce/tinymce-vue': 4.0.5
       '@turf/meta': 6.5.0
       '@types/base-64': 1.0.0
@@ -416,6 +431,7 @@ importers:
       '@vue/test-utils': ^2.0.2
       apexcharts: 3.30.0
       axios: 0.24.0
+      babel-loader: '8'
       base-64: 1.0.0
       bytes: ^3.1.2
       c8: ^7.12.0
@@ -459,6 +475,8 @@ importers:
       prettier: 2.4.1
       pretty-ms: 7.0.1
       qrcode: 1.4.4
+      react: '17'
+      react-dom: '17'
       rimraf: 3.0.2
       rollup: ^2.75.6
       sass: 1.43.4
@@ -472,9 +490,11 @@ importers:
       vue-i18n: 9.1.10
       vue-router: 4.0.15
       vuedraggable: 4.1.0
+      webpack: ^5.74.0
       wellknown: 0.5.0
     devDependencies:
-      '@directus/components': link:../packages/components
+      '@babel/core': 7.18.13
+      '@babel/preset-env': 7.18.10_@babel+core@7.18.13
       '@directus/docs': 9.16.0
       '@directus/extensions-sdk': link:../packages/extensions-sdk
       '@directus/format-title': 9.15.0
@@ -486,6 +506,7 @@ importers:
       '@fullcalendar/interaction': 5.11.0
       '@fullcalendar/list': 5.11.0
       '@fullcalendar/timegrid': 5.11.0
+      '@joeattardi/emoji-button': 4.6.4
       '@mapbox/mapbox-gl-draw': 1.3.0
       '@mapbox/mapbox-gl-draw-static-mode': 1.0.1
       '@mapbox/mapbox-gl-geocoder': 4.7.4_mapbox-gl@2.9.2
@@ -493,6 +514,19 @@ importers:
       '@popperjs/core': 2.10.2
       '@rollup/plugin-yaml': 3.1.0_rollup@2.77.0
       '@sindresorhus/slugify': 2.1.0
+      '@storybook/addon-actions': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/addon-backgrounds': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/addon-docs': 6.5.10_qihzleufkih3oy23gkc4ga7uze
+      '@storybook/addon-essentials': 6.5.10_uxfxplszg62jy4shg6ec7na6l4
+      '@storybook/addon-links': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/addon-measure': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/addon-outline': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/builder-vite': 0.1.41_2arupyhypjeqyj2ohjm3hk7lim
+      '@storybook/client-api': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/client-logger': 6.5.10
+      '@storybook/core-common': 6.5.10_3j5kiqpkwml5zzfuaom7hdylau
+      '@storybook/node-logger': 6.5.10
+      '@storybook/vue3': 6.5.10_vllvz6yxwyse4tzuh4nvfqetsm
       '@tinymce/tinymce-vue': 4.0.5_vue@3.2.36
       '@turf/meta': 6.5.0
       '@types/base-64': 1.0.0
@@ -519,6 +553,7 @@ importers:
       '@vue/test-utils': 2.0.2_vue@3.2.36
       apexcharts: 3.30.0
       axios: 0.24.0
+      babel-loader: 8.2.5_tb6moc662p5idmcg3l5ipbhpta
       base-64: 1.0.0
       bytes: 3.1.2
       c8: 7.12.0
@@ -562,6 +597,8 @@ importers:
       prettier: 2.4.1
       pretty-ms: 7.0.1
       qrcode: 1.4.4
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
       rimraf: 3.0.2
       rollup: 2.77.0
       sass: 1.43.4
@@ -575,111 +612,9 @@ importers:
       vue-i18n: 9.1.10_vue@3.2.36
       vue-router: 4.0.15_vue@3.2.36
       vuedraggable: 4.1.0_vue@3.2.36
+      webpack: 5.74.0
       wellknown: 0.5.0
 
-  packages/components:
-    specifiers:
-      '@babel/core': ^7.17.9
-      '@babel/preset-env': 7.16.11
-      '@fortawesome/fontawesome-svg-core': 1.2.36
-      '@fortawesome/free-brands-svg-icons': 5.15.4
-      '@joeattardi/emoji-button': ^4.6.2
-      '@mdx-js/react': 1.6.22
-      '@popperjs/core': 2.10.2
-      '@sindresorhus/slugify': 2.1.0
-      '@storybook/addon-actions': 6.5.10
-      '@storybook/addon-backgrounds': 6.5.10
-      '@storybook/addon-docs': 6.5.10
-      '@storybook/addon-essentials': 6.5.10
-      '@storybook/addon-links': 6.5.10
-      '@storybook/addon-measure': 6.5.10
-      '@storybook/addon-outline': 6.5.10
-      '@storybook/builder-vite': ^0.1.41
-      '@storybook/client-api': 6.5.10
-      '@storybook/client-logger': 6.5.10
-      '@storybook/core-common': 6.5.10
-      '@storybook/vue3': 6.5.10
-      '@types/diacritics': 1.3.1
-      '@types/lodash': ^4.14.182
-      '@vitejs/plugin-vue': 2.3.3
-      '@vitest/ui': ^0.22.0
-      '@vue/compiler-sfc': 3.2.31
-      '@vue/test-utils': ^2.0.2
-      babel-loader: ^8.2.4
-      c8: ^7.12.0
-      caret-pos: 2.0.0
-      css-loader: ^6.7.1
-      diacritics: 1.3.0
-      lodash: 4.17.21
-      micromustache: ^8.0.3
-      nanoid: 3.1.30
-      npm-run-all: 4.1.5
-      react: 16.14.0
-      react-dom: 16.14.0
-      rimraf: 3.0.2
-      sass-loader: ^13.0.2
-      style-loader: ^3.3.1
-      typescript: 4.5.2
-      vite: 2.9.9
-      vitest: ^0.18.1
-      vue: 3.2.37
-      vue-i18n: 9.1.10
-      vue-loader: ^16.8.3
-      vue-router: 4.0.15
-      vue-tsc: ^0.34.5
-      webpack: 5.72.0
-    dependencies:
-      lodash: 4.17.21
-      micromustache: 8.0.3
-      vite: 2.9.9
-      vue: 3.2.37
-      vue-i18n: 9.1.10_vue@3.2.37
-      vue-router: 4.0.15_vue@3.2.37
-    devDependencies:
-      '@babel/core': 7.18.6
-      '@babel/preset-env': 7.16.11_@babel+core@7.18.6
-      '@fortawesome/fontawesome-svg-core': 1.2.36
-      '@fortawesome/free-brands-svg-icons': 5.15.4
-      '@joeattardi/emoji-button': 4.6.4
-      '@mdx-js/react': 1.6.22_react@16.14.0
-      '@popperjs/core': 2.10.2
-      '@sindresorhus/slugify': 2.1.0
-      '@storybook/addon-actions': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/addon-backgrounds': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/addon-docs': 6.5.10_mxtbvbyeconf3ozmvtckayjtx4
-      '@storybook/addon-essentials': 6.5.10_q7blm2c46brqbndav6364dm75q
-      '@storybook/addon-links': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/addon-measure': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/addon-outline': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/builder-vite': 0.1.41_p5cdmbnbwksbdiptqbtw3aheee
-      '@storybook/client-api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/client-logger': 6.5.10
-      '@storybook/core-common': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
-      '@storybook/vue3': 6.5.10_ozji4kp7bdtbjefnvy5lbyf6p4
-      '@types/diacritics': 1.3.1
-      '@types/lodash': 4.14.182
-      '@vitejs/plugin-vue': 2.3.3_vite@2.9.9+vue@3.2.37
-      '@vitest/ui': 0.22.1
-      '@vue/compiler-sfc': 3.2.31
-      '@vue/test-utils': 2.0.2_vue@3.2.37
-      babel-loader: 8.2.5_hdaic33o4wf65p5shr3xepeg4m
-      c8: 7.12.0
-      caret-pos: 2.0.0
-      css-loader: 6.7.1_webpack@5.72.0
-      diacritics: 1.3.0
-      nanoid: 3.1.30
-      npm-run-all: 4.1.5
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
-      rimraf: 3.0.2
-      sass-loader: 13.0.2_webpack@5.72.0
-      style-loader: 3.3.1_webpack@5.72.0
-      typescript: 4.5.2
-      vitest: 0.18.1_4dctpwuq6wm6e2nilfwb6wz7rm
-      vue-loader: 16.8.3_6oodguqmvfajneapkegdgbg6h4
-      vue-tsc: 0.34.17_typescript@4.5.2
-      webpack: 5.72.0
-
   packages/create-directus-extension:
     specifiers:
       '@directus/extensions-sdk': workspace:*
@@ -816,7 +751,6 @@ importers:
 
   packages/extensions-sdk:
     specifiers:
-      '@directus/components': workspace:*
       '@directus/shared': workspace:*
       '@rollup/plugin-commonjs': ^21.0.1
       '@rollup/plugin-json': ^4.1.0
@@ -838,7 +772,6 @@ importers:
       rollup-plugin-vue: ^6.0.0
       typescript: 4.5.2
     dependencies:
-      '@directus/components': link:../components
       '@directus/shared': link:../shared
       '@rollup/plugin-commonjs': 21.1.0_rollup@2.77.0
       '@rollup/plugin-json': 4.1.0_rollup@2.77.0
@@ -1944,7 +1877,7 @@ packages:
       '@babel/code-frame': 7.18.6
       '@babel/generator': 7.18.13
       '@babel/helper-module-transforms': 7.18.9
-      '@babel/helpers': 7.18.6
+      '@babel/helpers': 7.18.9
       '@babel/parser': 7.18.13
       '@babel/template': 7.18.10
       '@babel/traverse': 7.18.13
@@ -2074,28 +2007,14 @@ packages:
       semver: 6.3.0
     dev: true
 
-  /@babel/helper-compilation-targets/7.18.9_@babel+core@7.18.6:
-    resolution:
-      { integrity: sha512-tzLCyVmqUiFlcFoAPLA/gL9TeYrF61VLNtb+hvkuVaB5SUjW7jcfrglBIX1vUIoT7CLP3bBlIMeyEsIl2eFQNg== }
-    engines: { node: '>=6.9.0' }
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/compat-data': 7.18.13
-      '@babel/core': 7.18.6
-      '@babel/helper-validator-option': 7.18.6
-      browserslist: 4.21.3
-      semver: 6.3.0
-    dev: true
-
-  /@babel/helper-create-class-features-plugin/7.18.13_@babel+core@7.18.6:
+  /@babel/helper-create-class-features-plugin/7.18.13_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-hDvXp+QYxSRL+23mpAlSGxHMDyIGChm0/AwTfTAAK5Ufe40nCsyNdaYCGuK91phn/fVu9kqayImRDkvNAgdrsA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-annotate-as-pure': 7.18.6
       '@babel/helper-environment-visitor': 7.18.9
       '@babel/helper-function-name': 7.18.9
@@ -2107,26 +2026,26 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/helper-create-regexp-features-plugin/7.18.6_@babel+core@7.18.6:
+  /@babel/helper-create-regexp-features-plugin/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-7LcpH1wnQLGrI+4v+nPp+zUvIkF9x0ddv1Hkdue10tg3gmRnLy97DXh4STiOf1qeIInyD69Qv5kKSZzKD8B/7A== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-annotate-as-pure': 7.18.6
       regexpu-core: 5.1.0
     dev: true
 
-  /@babel/helper-define-polyfill-provider/0.1.5_@babel+core@7.18.6:
+  /@babel/helper-define-polyfill-provider/0.1.5_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-nXuzCSwlJ/WKr8qxzW816gwyT6VZgiJG17zR40fou70yfAcqjoNyTLl/DQ+FExw5Hx5KNqshmN8Ldl/r2N7cTg== }
     peerDependencies:
       '@babel/core': ^7.4.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-compilation-targets': 7.18.9_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-compilation-targets': 7.18.9_@babel+core@7.18.13
       '@babel/helper-module-imports': 7.18.6
       '@babel/helper-plugin-utils': 7.18.9
       '@babel/traverse': 7.18.13
@@ -2138,14 +2057,14 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/helper-define-polyfill-provider/0.3.2_@babel+core@7.18.6:
+  /@babel/helper-define-polyfill-provider/0.3.2_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-r9QJJ+uDWrd+94BSPcP6/de67ygLtvVy6cK4luE6MOuDsZIdoaPBnfSpbO/+LTifjPckbKXRuI9BB/Z2/y3iTg== }
     peerDependencies:
       '@babel/core': ^7.4.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-compilation-targets': 7.18.9_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-compilation-targets': 7.18.9_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
       debug: 4.3.4
       lodash.debounce: 4.0.8
@@ -2255,14 +2174,14 @@ packages:
     engines: { node: '>=6.9.0' }
     dev: true
 
-  /@babel/helper-remap-async-to-generator/7.18.9_@babel+core@7.18.6:
+  /@babel/helper-remap-async-to-generator/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-annotate-as-pure': 7.18.6
       '@babel/helper-environment-visitor': 7.18.9
       '@babel/helper-wrap-function': 7.18.11
@@ -2378,7 +2297,6 @@ packages:
     hasBin: true
     dependencies:
       '@babel/types': 7.18.13
-    dev: true
 
   /@babel/parser/7.18.8:
     resolution:
@@ -2388,174 +2306,174 @@ packages:
     dependencies:
       '@babel/types': 7.18.13
 
-  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-AHrP9jadvH7qlOj6PINbgSuphjQUAK7AOT7DPjBo9EHoLhQTnnK5u45e1Hd4DbSQEO9nqPWtQ89r+XEOWFScKg== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.13.0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
       '@babel/helper-skip-transparent-expression-wrappers': 7.18.9
-      '@babel/plugin-proposal-optional-chaining': 7.18.9_@babel+core@7.18.6
+      '@babel/plugin-proposal-optional-chaining': 7.18.9_@babel+core@7.18.13
     dev: true
 
-  /@babel/plugin-proposal-async-generator-functions/7.18.10_@babel+core@7.18.6:
+  /@babel/plugin-proposal-async-generator-functions/7.18.10_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-1mFuY2TOsR1hxbjCo4QL+qlIjV07p4H4EUYw2J/WCqsvFV6V9X9z9YhXbWndc/4fw+hYGlDT7egYxliMp5O6Ew== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-environment-visitor': 7.18.9
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/helper-remap-async-to-generator': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.18.6
+      '@babel/helper-remap-async-to-generator': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.18.13
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-class-properties/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-proposal-class-properties/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-create-class-features-plugin': 7.18.13_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-create-class-features-plugin': 7.18.13_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-class-static-block/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-proposal-class-static-block/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-+I3oIiNxrCpup3Gi8n5IGMwj0gOCAjcJUSQEcotNnCCPMEnixawOQ+KeJPlgfjzx+FKQ1QSyZOWe7wmoJp7vhw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.12.0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-create-class-features-plugin': 7.18.13_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-create-class-features-plugin': 7.18.13_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-class-static-block': 7.14.5_@babel+core@7.18.6
+      '@babel/plugin-syntax-class-static-block': 7.14.5_@babel+core@7.18.13
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-decorators/7.18.10_@babel+core@7.18.6:
+  /@babel/plugin-proposal-decorators/7.18.10_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-wdGTwWF5QtpTY/gbBtQLAiCnoxfD4qMbN87NYZle1dOZ9Os8Y6zXcKrIaOU8W+TIvFUWVGG9tUgNww3CjXRVVw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-create-class-features-plugin': 7.18.13_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-create-class-features-plugin': 7.18.13_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
       '@babel/helper-replace-supers': 7.18.9
       '@babel/helper-split-export-declaration': 7.18.6
-      '@babel/plugin-syntax-decorators': 7.18.6_@babel+core@7.18.6
+      '@babel/plugin-syntax-decorators': 7.18.6_@babel+core@7.18.13
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-dynamic-import/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-proposal-dynamic-import/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-1auuwmK+Rz13SJj36R+jqFPMJWyKEDd7lLSdOj4oJK0UTgGueSAtkrCvz9ewmgyU/P941Rv2fQwZJN8s6QruXw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.18.6
+      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.18.13
     dev: true
 
-  /@babel/plugin-proposal-export-default-from/7.18.10_@babel+core@7.18.6:
+  /@babel/plugin-proposal-export-default-from/7.18.10_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-5H2N3R2aQFxkV4PIBUR/i7PUSwgTZjouJKzI8eKswfIjT0PhvzkPn0t0wIS5zn6maQuvtT0t1oHtMUz61LOuow== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-export-default-from': 7.18.6_@babel+core@7.18.6
+      '@babel/plugin-syntax-export-default-from': 7.18.6_@babel+core@7.18.13
     dev: true
 
-  /@babel/plugin-proposal-export-namespace-from/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-proposal-export-namespace-from/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.18.6
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.18.13
     dev: true
 
-  /@babel/plugin-proposal-json-strings/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-proposal-json-strings/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-lr1peyn9kOdbYc0xr0OdHTZ5FMqS6Di+H0Fz2I/JwMzGmzJETNeOFq2pBySw6X/KFL5EWDjlJuMsUGRFb8fQgQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.18.6
+      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.18.13
     dev: true
 
-  /@babel/plugin-proposal-logical-assignment-operators/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-proposal-logical-assignment-operators/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-128YbMpjCrP35IOExw2Fq+x55LMP42DzhOhX2aNNIdI9avSWl2PI0yuBWarr3RYpZBSPtabfadkH2yeRiMD61Q== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.18.6
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.18.13
     dev: true
 
-  /@babel/plugin-proposal-nullish-coalescing-operator/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-proposal-nullish-coalescing-operator/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.18.6
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.18.13
     dev: true
 
-  /@babel/plugin-proposal-numeric-separator/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-proposal-numeric-separator/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.18.6
+      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.18.13
     dev: true
 
   /@babel/plugin-proposal-object-rest-spread/7.12.1_@babel+core@7.12.9:
@@ -2570,85 +2488,85 @@ packages:
       '@babel/plugin-transform-parameters': 7.18.8_@babel+core@7.12.9
     dev: true
 
-  /@babel/plugin-proposal-object-rest-spread/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-proposal-object-rest-spread/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-kDDHQ5rflIeY5xl69CEqGEZ0KY369ehsCIEbTGb4siHG5BE9sga/T0r0OUwyZNLMmZE79E1kbsqAjwFCW4ds6Q== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/compat-data': 7.18.8
-      '@babel/core': 7.18.6
-      '@babel/helper-compilation-targets': 7.18.9_@babel+core@7.18.6
+      '@babel/compat-data': 7.18.13
+      '@babel/core': 7.18.13
+      '@babel/helper-compilation-targets': 7.18.9_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.18.6
-      '@babel/plugin-transform-parameters': 7.18.8_@babel+core@7.18.6
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.18.13
+      '@babel/plugin-transform-parameters': 7.18.8_@babel+core@7.18.13
     dev: true
 
-  /@babel/plugin-proposal-optional-catch-binding/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-proposal-optional-catch-binding/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.18.6
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.18.13
     dev: true
 
-  /@babel/plugin-proposal-optional-chaining/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-proposal-optional-chaining/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-v5nwt4IqBXihxGsW2QmCWMDS3B3bzGIk/EQVZz2ei7f3NJl8NzAJVvUmpDW5q1CRNY+Beb/k58UAH1Km1N411w== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
       '@babel/helper-skip-transparent-expression-wrappers': 7.18.9
-      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.18.6
+      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.18.13
     dev: true
 
-  /@babel/plugin-proposal-private-methods/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-proposal-private-methods/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-create-class-features-plugin': 7.18.13_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-create-class-features-plugin': 7.18.13_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-private-property-in-object/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-proposal-private-property-in-object/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-9Rysx7FOctvT5ouj5JODjAFAkgGoudQuLPamZb0v1TGLpapdNaftzifU8NTWQm0IRjqoYypdrSmyWgkocDQ8Dw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-annotate-as-pure': 7.18.6
-      '@babel/helper-create-class-features-plugin': 7.18.13_@babel+core@7.18.6
+      '@babel/helper-create-class-features-plugin': 7.18.13_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5_@babel+core@7.18.6
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5_@babel+core@7.18.13
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-unicode-property-regex/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-proposal-unicode-property-regex/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w== }
     engines: { node: '>=4' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-create-regexp-features-plugin': 7.18.6_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-create-regexp-features-plugin': 7.18.6_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
@@ -2712,67 +2630,78 @@ packages:
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-syntax-class-static-block/7.14.5_@babel+core@7.18.6:
+  /@babel/plugin-syntax-class-static-block/7.14.5_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-syntax-decorators/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-syntax-decorators/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-fqyLgjcxf/1yhyZ6A+yo1u9gJ7eleFQod2lkaUsF9DQ7sbbY3Ligym3L0+I2c0WmqNKDpoD9UTb1AKP3qRMOAQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-syntax-dynamic-import/7.8.3_@babel+core@7.18.6:
+  /@babel/plugin-syntax-dynamic-import/7.8.3_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ== }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-syntax-export-default-from/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-syntax-export-default-from/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-Kr//z3ujSVNx6E9z9ih5xXXMqK07VVTuqPmqGe6Mss/zW5XPeLZeSDZoP9ab/hT4wPKqAgjl2PnhPrcpk8Seew== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-syntax-export-namespace-from/7.8.3_@babel+core@7.18.6:
+  /@babel/plugin-syntax-export-namespace-from/7.8.3_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q== }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-syntax-flow/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-syntax-flow/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-LUbR+KNTBWCUAqRG9ex5Gnzu2IOkt8jRJbHHXFT9q+L9zm7M/QQbEqXyw1n1pohYvOyWC8CjeyjrSaIwiYjK7A== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-plugin-utils': 7.18.9
+    dev: true
+
+  /@babel/plugin-syntax-import-assertions/7.18.6_@babel+core@7.18.13:
+    resolution:
+      { integrity: sha512-/DU3RXad9+bZwrgWJQKbr39gYbJpLJHezqEzRzi/BHRlJ9zsQb4CK2CA/5apllXNomwA1qHwzvHl+AdEmC5krQ== }
+    engines: { node: '>=6.9.0' }
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
@@ -2826,14 +2755,14 @@ packages:
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-syntax-jsx/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-syntax-jsx/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
@@ -2967,14 +2896,14 @@ packages:
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-syntax-private-property-in-object/7.14.5_@babel+core@7.18.6:
+  /@babel/plugin-syntax-private-property-in-object/7.14.5_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
@@ -3022,62 +2951,62 @@ packages:
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-arrow-functions/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-arrow-functions/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-9S9X9RUefzrsHZmKMbDXxweEH+YlE8JJEuat9FdvW9Qh1cw7W64jELCtWNkPBPX5En45uy28KGvA/AySqUh8CQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-async-to-generator/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-async-to-generator/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-ARE5wZLKnTgPW7/1ftQmSi1CmkqqHo2DNmtztFhvgtOWSDfq0Cq9/9L+KnZNYSNrydBekhW3rwShduf59RoXag== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-module-imports': 7.18.6
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/helper-remap-async-to-generator': 7.18.9_@babel+core@7.18.6
+      '@babel/helper-remap-async-to-generator': 7.18.9_@babel+core@7.18.13
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-block-scoped-functions/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-block-scoped-functions/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-ExUcOqpPWnliRcPqves5HJcJOvHvIIWfuS4sroBUenPuMdmW+SMHDakmtS7qOo13sVppmUijqeTv7qqGsvURpQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-block-scoping/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-transform-block-scoping/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-5sDIJRV1KtQVEbt/EIBwGy4T01uYIo4KRB3VUqzkhrAIOGx7AoctL9+Ux88btY0zXdDyPJ9mW+bg+v+XEkGmtw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-classes/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-transform-classes/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-EkRQxsxoytpTlKJmSPYrsOMjCILacAjtSVkd4gChEe2kXjFCun3yohhW5I7plXJhCemM0gKsaGMcO8tinvCA5g== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-annotate-as-pure': 7.18.6
       '@babel/helper-environment-visitor': 7.18.9
       '@babel/helper-function-name': 7.18.9
@@ -3090,145 +3019,145 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-computed-properties/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-transform-computed-properties/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-+i0ZU1bCDymKakLxn5srGHrsAPRELC2WIbzwjLhHW9SIE1cPYkLCL0NlnXMZaM1vhfgA2+M7hySk42VBvrkBRw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-destructuring/7.18.13_@babel+core@7.18.6:
+  /@babel/plugin-transform-destructuring/7.18.13_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-TodpQ29XekIsex2A+YJPj5ax2plkGa8YYY6mFjCohk/IG9IY42Rtuj1FuDeemfg2ipxIFLzPeA83SIBnlhSIow== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-dotall-regex/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-dotall-regex/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-6S3jpun1eEbAxq7TdjLotAsl4WpQI9DxfkycRcKrjhQYzU87qpXdknpBg/e+TdcMehqGnLFi7tnFUBR02Vq6wg== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-create-regexp-features-plugin': 7.18.6_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-create-regexp-features-plugin': 7.18.6_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-duplicate-keys/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-transform-duplicate-keys/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-d2bmXCtZXYc59/0SanQKbiWINadaJXqtvIQIzd4+hNwkWBgyCd5F/2t1kXoUdvPMrxzPvhK6EMQRROxsue+mfw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-exponentiation-operator/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-exponentiation-operator/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-wzEtc0+2c88FVR34aQmiz56dxEkxr2g8DQb/KfaFa1JYXOFVsbhvAonFN6PwVWj++fKmku8NP80plJ5Et4wqHw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-builder-binary-assignment-operator-visitor': 7.18.9
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-flow-strip-types/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-transform-flow-strip-types/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-+G6rp2zRuOAInY5wcggsx4+QVao1qPM0osC9fTUVlAV3zOrzTCnrMAFVnR6+a3T8wz1wFIH7KhYMcMB3u1n80A== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-flow': 7.18.6_@babel+core@7.18.6
+      '@babel/plugin-syntax-flow': 7.18.6_@babel+core@7.18.13
     dev: true
 
-  /@babel/plugin-transform-for-of/7.18.8_@babel+core@7.18.6:
+  /@babel/plugin-transform-for-of/7.18.8_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-yEfTRnjuskWYo0k1mHUqrVWaZwrdq8AYbfrpqULOJOaucGSp4mNMVps+YtA8byoevxS/urwU75vyhQIxcCgiBQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-function-name/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-transform-function-name/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-WvIBoRPaJQ5yVHzcnJFor7oS5Ls0PYixlTYE63lCj2RtdQEl15M68FXQlxnG6wdraJIXRdR7KI+hQ7q/9QjrCQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-compilation-targets': 7.18.9_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-compilation-targets': 7.18.9_@babel+core@7.18.13
       '@babel/helper-function-name': 7.18.9
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-literals/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-transform-literals/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-IFQDSRoTPnrAIrI5zoZv73IFeZu2dhu6irxQjY9rNjTT53VmKg9fenjvoiOWOkJ6mm4jKVPtdMzBY98Fp4Z4cg== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-member-expression-literals/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-member-expression-literals/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-qSF1ihLGO3q+/g48k85tUjD033C29TNTVB2paCwZPVmOsjn9pClvYYrM2VeJpBY2bcNkuny0YUyTNRyRxJ54KA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-modules-amd/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-modules-amd/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-Pra5aXsmTsOnjM3IajS8rTaLCy++nGM4v3YR4esk5PCsyg9z8NA5oQLwxzMUtDBd8F+UmVza3VxoAaWCbzH1rg== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-module-transforms': 7.18.8
+      '@babel/core': 7.18.13
+      '@babel/helper-module-transforms': 7.18.9
       '@babel/helper-plugin-utils': 7.18.9
       babel-plugin-dynamic-import-node: 2.3.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-commonjs/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-modules-commonjs/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-Qfv2ZOWikpvmedXQJDSbxNqy7Xr/j2Y8/KfijM0iJyKkBTmWuvCA1yeH1yDM7NJhBW/2aXxeucLj6i80/LAJ/Q== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-module-transforms': 7.18.8
+      '@babel/core': 7.18.13
+      '@babel/helper-module-transforms': 7.18.9
       '@babel/helper-plugin-utils': 7.18.9
       '@babel/helper-simple-access': 7.18.6
       babel-plugin-dynamic-import-node: 2.3.3
@@ -3236,14 +3165,14 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-systemjs/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-transform-modules-systemjs/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-zY/VSIbbqtoRoJKo2cDTewL364jSlZGvn0LKOf9ntbfxOvjfmyrdtEEOAdswOswhZEb8UH3jDkCKHd1sPgsS0A== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-hoist-variables': 7.18.6
       '@babel/helper-module-transforms': 7.18.9
       '@babel/helper-plugin-utils': 7.18.9
@@ -3253,51 +3182,51 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-umd/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-modules-umd/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-dcegErExVeXcRqNtkRU/z8WlBLnvD4MRnHgNs3MytRO1Mn1sHRyhbcpYbVMGclAqOjdW+9cfkdZno9dFdfKLfQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-module-transforms': 7.18.8
+      '@babel/core': 7.18.13
+      '@babel/helper-module-transforms': 7.18.9
       '@babel/helper-plugin-utils': 7.18.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-named-capturing-groups-regex/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-named-capturing-groups-regex/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-UmEOGF8XgaIqD74bC8g7iV3RYj8lMf0Bw7NJzvnS9qQhM4mg+1WHKotUIdjxgD2RGrgFLZZPCFPFj3P/kVDYhg== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-create-regexp-features-plugin': 7.18.6_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-create-regexp-features-plugin': 7.18.6_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-new-target/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-new-target/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-DjwFA/9Iu3Z+vrAn+8pBUGcjhxKguSMlsFqeCKbhb9BAV756v0krzVK04CRDi/4aqmk8BsHb4a/gFcaA5joXRw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-object-super/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-object-super/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-uvGz6zk+pZoS1aTZrOvrbj6Pp/kK2mp45t2B+bTDre2UgsZZ8EZLSJtUg7m/no0zOJUWgFONpB7Zv9W2tSaFlA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
       '@babel/helper-replace-supers': 7.18.9
     transitivePeerDependencies:
@@ -3315,368 +3244,369 @@ packages:
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-parameters/7.18.8_@babel+core@7.18.6:
+  /@babel/plugin-transform-parameters/7.18.8_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-ivfbE3X2Ss+Fj8nnXvKJS6sjRG4gzwPMsP+taZC+ZzEGjAYlvENixmt1sZ5Ca6tWls+BlKSGKPJ6OOXvXCbkFg== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-property-literals/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-property-literals/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-cYcs6qlgafTud3PAzrrRNbQtfpQ8+y/+M5tKmksS9+M1ckbH6kzY8MrexEM9mcA6JDsukE19iIRvAyYl463sMg== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-react-display-name/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-react-display-name/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-TV4sQ+T013n61uMoygyMRm+xf04Bd5oqFpv2jAEQwSZ8NwQA7zeRPg1LMVg2PWi3zWBz+CLKD+v5bcpZ/BS0aA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-react-jsx-development/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-react-jsx-development/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-SA6HEjwYFKF7WDjWcMcMGUimmw/nhNRDWxr+KaLSCrkD/LMDBvWRmHAYgE1HDeF8KUuI8OAu+RT6EOtKxSW2qA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/plugin-transform-react-jsx': 7.18.10_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/plugin-transform-react-jsx': 7.18.10_@babel+core@7.18.13
     dev: true
 
-  /@babel/plugin-transform-react-jsx-self/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-react-jsx-self/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-A0LQGx4+4Jv7u/tWzoJF7alZwnBDQd6cGLh9P+Ttk4dpiL+J5p7NSNv/9tlEFFJDq3kjxOavWmbm6t0Gk+A3Ig== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-react-jsx-source/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-react-jsx-source/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-utZmlASneDfdaMh0m/WausbjUjEdGrQJz0vFK93d7wD3xf5wBtX219+q6IlCNZeguIcxS2f/CvLZrlLSvSHQXw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-react-jsx/7.18.10_@babel+core@7.18.6:
+  /@babel/plugin-transform-react-jsx/7.18.10_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-gCy7Iikrpu3IZjYZolFE4M1Sm+nrh1/6za2Ewj77Z+XirT4TsbJcvOFOyF+fRPwU6AKKK136CZxx6L8AbSFG6A== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-annotate-as-pure': 7.18.6
       '@babel/helper-module-imports': 7.18.6
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-jsx': 7.18.6_@babel+core@7.18.6
+      '@babel/plugin-syntax-jsx': 7.18.6_@babel+core@7.18.13
       '@babel/types': 7.18.13
     dev: true
 
-  /@babel/plugin-transform-react-pure-annotations/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-react-pure-annotations/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-I8VfEPg9r2TRDdvnHgPepTKvuRomzA8+u+nhY7qSI1fR2hRNebasZEETLyM5mAUr0Ku56OkXJ0I7NHJnO6cJiQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-annotate-as-pure': 7.18.6
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-regenerator/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-regenerator/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-poqRI2+qiSdeldcz4wTSTXBRryoq3Gc70ye7m7UD5Ww0nE29IXqMl6r7Nd15WBgRd74vloEMlShtH6CKxVzfmQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
       regenerator-transform: 0.15.0
     dev: true
 
-  /@babel/plugin-transform-reserved-words/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-reserved-words/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-oX/4MyMoypzHjFrT1CdivfKZ+XvIPMFXwwxHp/r0Ddy2Vuomt4HDFGmft1TAY2yiTKiNSsh3kjBAzcM8kSdsjA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-shorthand-properties/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-shorthand-properties/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-eCLXXJqv8okzg86ywZJbRn19YJHU4XUa55oz2wbHhaQVn/MM+XhukiT7SYqp/7o00dg52Rj51Ny+Ecw4oyoygw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-spread/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-transform-spread/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-39Q814wyoOPtIB/qGopNIL9xDChOE1pNU0ZY5dO0owhiVt/5kFm4li+/bBtwc7QotG0u5EPzqhZdjMtmqBqyQA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
       '@babel/helper-skip-transparent-expression-wrappers': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-sticky-regex/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-sticky-regex/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-kfiDrDQ+PBsQDO85yj1icueWMfGfJFKN1KCkndygtu/C9+XUfydLC8Iv5UYJqRwy4zk8EcplRxEOeLyjq1gm6Q== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-template-literals/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-transform-template-literals/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-S8cOWfT82gTezpYOiVaGHrCbhlHgKhQt8XH5ES46P2XWmX92yisoZywf5km75wv5sYcXDUCLMmMxOLCtthDgMA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-typeof-symbol/7.18.9_@babel+core@7.18.6:
+  /@babel/plugin-transform-typeof-symbol/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-SRfwTtF11G2aemAZWivL7PD+C9z52v9EvMqH9BuYbabyPuKUvSWks3oCg6041pT925L4zVFqaVBeECwsmlguEw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-typescript/7.18.12_@babel+core@7.18.6:
+  /@babel/plugin-transform-typescript/7.18.12_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-2vjjam0cum0miPkenUbQswKowuxs/NjMwIKEq0zwegRxXk12C9YOF9STXnaUptITOtOJHKHpzvvWYOjbm6tc0w== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-create-class-features-plugin': 7.18.13_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-create-class-features-plugin': 7.18.13_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-syntax-typescript': 7.18.6_@babel+core@7.18.6
+      '@babel/plugin-syntax-typescript': 7.18.6_@babel+core@7.18.13
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-unicode-escapes/7.18.10_@babel+core@7.18.6:
+  /@babel/plugin-transform-unicode-escapes/7.18.10_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-kKAdAI+YzPgGY/ftStBFXTI1LZFju38rYThnfMykS+IXy8BVx+res7s2fxf1l8I35DV2T97ezo6+SGrXz6B3iQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/plugin-transform-unicode-regex/7.18.6_@babel+core@7.18.6:
+  /@babel/plugin-transform-unicode-regex/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-gE7A6Lt7YLnNOL3Pb9BNeZvi+d8l7tcRrG4+pwJjK9hD2xX4mEvjlQW60G9EEmfXVYRPv9VRQcyegIVHCql/AA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-create-regexp-features-plugin': 7.18.6_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-create-regexp-features-plugin': 7.18.6_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
     dev: true
 
-  /@babel/preset-env/7.16.11_@babel+core@7.18.6:
+  /@babel/preset-env/7.18.10_@babel+core@7.18.13:
     resolution:
-      { integrity: sha512-qcmWG8R7ZW6WBRPZK//y+E3Cli151B20W1Rv7ln27vuPaXU/8TKms6jFdiJtF7UDTxcrb7mZd88tAeK9LjdT8g== }
+      { integrity: sha512-wVxs1yjFdW3Z/XkNfXKoblxoHgbtUF7/l3PvvP4m02Qz9TZ6uZGxRVYjSQeR87oQmHco9zWitW5J82DJ7sCjvA== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/compat-data': 7.18.8
-      '@babel/core': 7.18.6
-      '@babel/helper-compilation-targets': 7.18.6_@babel+core@7.18.6
+      '@babel/compat-data': 7.18.13
+      '@babel/core': 7.18.13
+      '@babel/helper-compilation-targets': 7.18.9_@babel+core@7.18.13
       '@babel/helper-plugin-utils': 7.18.9
       '@babel/helper-validator-option': 7.18.6
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-proposal-async-generator-functions': 7.18.10_@babel+core@7.18.6
-      '@babel/plugin-proposal-class-properties': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-class-static-block': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-dynamic-import': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-export-namespace-from': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-proposal-json-strings': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-logical-assignment-operators': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-numeric-separator': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-object-rest-spread': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-proposal-optional-catch-binding': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-optional-chaining': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-proposal-private-methods': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-private-property-in-object': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-unicode-property-regex': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.18.6
-      '@babel/plugin-syntax-class-properties': 7.12.13_@babel+core@7.18.6
-      '@babel/plugin-syntax-class-static-block': 7.14.5_@babel+core@7.18.6
-      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.18.6
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.18.6
-      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.18.6
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.18.6
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.18.6
-      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.18.6
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.18.6
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.18.6
-      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.18.6
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5_@babel+core@7.18.6
-      '@babel/plugin-syntax-top-level-await': 7.14.5_@babel+core@7.18.6
-      '@babel/plugin-transform-arrow-functions': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-async-to-generator': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-block-scoped-functions': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-block-scoping': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-classes': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-computed-properties': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-destructuring': 7.18.13_@babel+core@7.18.6
-      '@babel/plugin-transform-dotall-regex': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-duplicate-keys': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-exponentiation-operator': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-for-of': 7.18.8_@babel+core@7.18.6
-      '@babel/plugin-transform-function-name': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-literals': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-member-expression-literals': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-modules-amd': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-modules-commonjs': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-modules-systemjs': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-modules-umd': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-new-target': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-object-super': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-parameters': 7.18.8_@babel+core@7.18.6
-      '@babel/plugin-transform-property-literals': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-regenerator': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-reserved-words': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-shorthand-properties': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-spread': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-sticky-regex': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-template-literals': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-typeof-symbol': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-unicode-escapes': 7.18.10_@babel+core@7.18.6
-      '@babel/plugin-transform-unicode-regex': 7.18.6_@babel+core@7.18.6
-      '@babel/preset-modules': 0.1.5_@babel+core@7.18.6
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-proposal-async-generator-functions': 7.18.10_@babel+core@7.18.13
+      '@babel/plugin-proposal-class-properties': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-class-static-block': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-dynamic-import': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-export-namespace-from': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-proposal-json-strings': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-logical-assignment-operators': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-numeric-separator': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-object-rest-spread': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-proposal-optional-catch-binding': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-optional-chaining': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-proposal-private-methods': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-private-property-in-object': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-unicode-property-regex': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.18.13
+      '@babel/plugin-syntax-class-properties': 7.12.13_@babel+core@7.18.13
+      '@babel/plugin-syntax-class-static-block': 7.14.5_@babel+core@7.18.13
+      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.18.13
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.18.13
+      '@babel/plugin-syntax-import-assertions': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.18.13
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.18.13
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.18.13
+      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.18.13
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.18.13
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.18.13
+      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.18.13
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5_@babel+core@7.18.13
+      '@babel/plugin-syntax-top-level-await': 7.14.5_@babel+core@7.18.13
+      '@babel/plugin-transform-arrow-functions': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-async-to-generator': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-block-scoped-functions': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-block-scoping': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-classes': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-computed-properties': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-destructuring': 7.18.13_@babel+core@7.18.13
+      '@babel/plugin-transform-dotall-regex': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-duplicate-keys': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-exponentiation-operator': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-for-of': 7.18.8_@babel+core@7.18.13
+      '@babel/plugin-transform-function-name': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-literals': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-member-expression-literals': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-modules-amd': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-modules-commonjs': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-modules-systemjs': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-modules-umd': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-new-target': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-object-super': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-parameters': 7.18.8_@babel+core@7.18.13
+      '@babel/plugin-transform-property-literals': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-regenerator': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-reserved-words': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-shorthand-properties': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-spread': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-sticky-regex': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-template-literals': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-typeof-symbol': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-unicode-escapes': 7.18.10_@babel+core@7.18.13
+      '@babel/plugin-transform-unicode-regex': 7.18.6_@babel+core@7.18.13
+      '@babel/preset-modules': 0.1.5_@babel+core@7.18.13
       '@babel/types': 7.18.13
-      babel-plugin-polyfill-corejs2: 0.3.2_@babel+core@7.18.6
-      babel-plugin-polyfill-corejs3: 0.5.3_@babel+core@7.18.6
-      babel-plugin-polyfill-regenerator: 0.3.1_@babel+core@7.18.6
+      babel-plugin-polyfill-corejs2: 0.3.2_@babel+core@7.18.13
+      babel-plugin-polyfill-corejs3: 0.5.3_@babel+core@7.18.13
+      babel-plugin-polyfill-regenerator: 0.4.0_@babel+core@7.18.13
       core-js-compat: 3.25.0
       semver: 6.3.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/preset-flow/7.18.6_@babel+core@7.18.6:
+  /@babel/preset-flow/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-E7BDhL64W6OUqpuyHnSroLnqyRTcG6ZdOBl1OKI/QK/HJfplqK/S3sq1Cckx7oTodJ5yOXyfw7rEADJ6UjoQDQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
       '@babel/helper-validator-option': 7.18.6
-      '@babel/plugin-transform-flow-strip-types': 7.18.9_@babel+core@7.18.6
+      '@babel/plugin-transform-flow-strip-types': 7.18.9_@babel+core@7.18.13
     dev: true
 
-  /@babel/preset-modules/0.1.5_@babel+core@7.18.6:
+  /@babel/preset-modules/0.1.5_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-A57th6YRG7oR3cq/yt/Y84MvGgE0eJG2F1JLhKuyG+jFxEgrd/HAMJatiFtmOiZurz+0DkrvbheCLaV5f2JfjA== }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
-      '@babel/plugin-proposal-unicode-property-regex': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-dotall-regex': 7.18.6_@babel+core@7.18.6
+      '@babel/plugin-proposal-unicode-property-regex': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-dotall-regex': 7.18.6_@babel+core@7.18.13
       '@babel/types': 7.18.13
       esutils: 2.0.3
     dev: true
 
-  /@babel/preset-react/7.18.6_@babel+core@7.18.6:
+  /@babel/preset-react/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-zXr6atUmyYdiWRVLOZahakYmOBHtWc2WGCkP8PYTgZi0iJXDY2CN180TdrIW4OGOAdLc7TifzDIvtx6izaRIzg== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
       '@babel/helper-validator-option': 7.18.6
-      '@babel/plugin-transform-react-display-name': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-react-jsx': 7.18.10_@babel+core@7.18.6
-      '@babel/plugin-transform-react-jsx-development': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-react-pure-annotations': 7.18.6_@babel+core@7.18.6
+      '@babel/plugin-transform-react-display-name': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-react-jsx': 7.18.10_@babel+core@7.18.13
+      '@babel/plugin-transform-react-jsx-development': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-react-pure-annotations': 7.18.6_@babel+core@7.18.13
     dev: true
 
-  /@babel/preset-typescript/7.18.6_@babel+core@7.18.6:
+  /@babel/preset-typescript/7.18.6_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-s9ik86kXBAnD760aybBucdpnLsAt0jK1xqJn2juOn9lkOvSHV60os5hxoVJsPzMQxvnUJFAlkont2DvvaYEBtQ== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/helper-plugin-utils': 7.18.9
       '@babel/helper-validator-option': 7.18.6
-      '@babel/plugin-transform-typescript': 7.18.12_@babel+core@7.18.6
+      '@babel/plugin-transform-typescript': 7.18.12_@babel+core@7.18.13
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/register/7.18.9_@babel+core@7.18.6:
+  /@babel/register/7.18.9_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-ZlbnXDcNYHMR25ITwwNKT88JiaukkdVj/nG7r3wnuXkOTHc60Uy05PwMCPre0hSkY68E6zK3xz+vUJSP2jWmcw== }
     engines: { node: '>=6.9.0' }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       clone-deep: 4.0.1
       find-cache-dir: 2.1.0
       make-dir: 2.1.0
@@ -3708,7 +3638,7 @@ packages:
     engines: { node: '>=6.9.0' }
     dependencies:
       '@babel/code-frame': 7.18.6
-      '@babel/parser': 7.18.8
+      '@babel/parser': 7.18.13
       '@babel/types': 7.18.13
     dev: true
 
@@ -3742,7 +3672,7 @@ packages:
       '@babel/helper-function-name': 7.18.9
       '@babel/helper-hoist-variables': 7.18.6
       '@babel/helper-split-export-declaration': 7.18.6
-      '@babel/parser': 7.18.8
+      '@babel/parser': 7.18.13
       '@babel/types': 7.18.13
       debug: 4.3.4
       globals: 11.12.0
@@ -3815,24 +3745,6 @@ packages:
     engines: { node: '>=10.0.0' }
     dev: true
 
-  /@eslint/eslintrc/1.3.0:
-    resolution:
-      { integrity: sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw== }
-    engines: { node: ^12.22.0 || ^14.17.0 || >=16.0.0 }
-    dependencies:
-      ajv: 6.12.6
-      debug: 4.3.4
-      espree: 9.3.2
-      globals: 13.16.0
-      ignore: 5.2.0
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
-      minimatch: 3.1.2
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@eslint/eslintrc/1.3.1:
     resolution:
       { integrity: sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ== }
@@ -4544,7 +4456,7 @@ packages:
       { integrity: sha512-E9JjhUgNzvuQ+vVAL21vlyfy12gP0GhazGgJC4h6qUt1jSdUXGWJ1wfu/X7Sd8etSgxV4ovT1pb9v5D6QW4XgA== }
     engines: { node: '>= 10.14.2' }
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@jest/types': 26.6.2
       babel-plugin-istanbul: 6.1.1
       chalk: 4.1.2
@@ -4618,7 +4530,7 @@ packages:
     dependencies:
       '@types/istanbul-lib-coverage': 2.0.4
       '@types/istanbul-reports': 3.0.1
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
       '@types/yargs': 15.0.14
       chalk: 4.1.2
     dev: true
@@ -4665,7 +4577,7 @@ packages:
       twemoji: 12.1.6
     dev: true
 
-  /@joshwooding/vite-plugin-react-docgen-typescript/0.0.4_v7l6wjf37eg7lmzcxn4fl266ma:
+  /@joshwooding/vite-plugin-react-docgen-typescript/0.0.4_w2ia2u24h3y5wbn5vvjywyz3ga:
     resolution:
       { integrity: sha512-ezL7SU//1OV4Oyt/zQ3CsX8uLujVEYUHuULkqgcW6wOuQfRnvgkn99HZtLWwS257GmZVwszGQzhL7VE3PbMAYw== }
     peerDependencies:
@@ -4675,9 +4587,9 @@ packages:
       glob: 7.2.3
       glob-promise: 4.2.2_glob@7.2.3
       magic-string: 0.26.3
-      react-docgen-typescript: 2.2.2_typescript@4.5.2
-      typescript: 4.5.2
-      vite: 2.9.9
+      react-docgen-typescript: 2.2.2_typescript@4.7.3
+      typescript: 4.7.3
+      vite: 2.9.9_sass@1.43.4
     dev: true
 
   /@jridgewell/gen-mapping/0.1.1:
@@ -4713,19 +4625,12 @@ packages:
       { integrity: sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw== }
     dependencies:
       '@jridgewell/gen-mapping': 0.3.2
-      '@jridgewell/trace-mapping': 0.3.14
+      '@jridgewell/trace-mapping': 0.3.15
 
   /@jridgewell/sourcemap-codec/1.4.14:
     resolution:
       { integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw== }
 
-  /@jridgewell/trace-mapping/0.3.14:
-    resolution:
-      { integrity: sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ== }
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.0
-      '@jridgewell/sourcemap-codec': 1.4.14
-
   /@jridgewell/trace-mapping/0.3.15:
     resolution:
       { integrity: sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g== }
@@ -4997,13 +4902,13 @@ packages:
       - supports-color
     dev: true
 
-  /@mdx-js/react/1.6.22_react@16.14.0:
+  /@mdx-js/react/1.6.22_react@17.0.2:
     resolution:
       { integrity: sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg== }
     peerDependencies:
       react: ^16.13.1 || ^17.0.0
     dependencies:
-      react: 16.14.0
+      react: 17.0.2
     dev: true
 
   /@mdx-js/util/1.6.22:
@@ -5250,11 +5155,6 @@ packages:
       - vue
     dev: true
 
-  /@polka/url/1.0.0-next.21:
-    resolution:
-      { integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g== }
-    dev: true
-
   /@popperjs/core/2.10.2:
     resolution:
       { integrity: sha512-IXf3XA7+XyN7CP9gGh/XB0UxVMlvARGEgGXLubFICsUMGz6Q+DU+i4gGlpOxTjKvXjkJDJC8YdqdKkDj9qZHEQ== }
@@ -5451,7 +5351,7 @@ packages:
       '@sinonjs/commons': 1.8.3
     dev: true
 
-  /@storybook/addon-actions/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
+  /@storybook/addon-actions/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
     resolution:
       { integrity: sha512-vpCnEu81fmtYzOf0QsRYoDuf9wXgVVl2VysE1dWRebRhIUDU0JurrthTnw322e38D4FzaoNGqZE7wnBYBohzZA== }
     peerDependencies:
@@ -5463,22 +5363,22 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/api': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/client-logger': 6.5.10
-      '@storybook/components': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/components': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/core-events': 6.5.10
       '@storybook/csf': 0.0.2--canary.4566f4d.1
-      '@storybook/theming': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/theming': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       core-js: 3.25.0
       fast-deep-equal: 3.1.3
       global: 4.4.0
       lodash: 4.17.21
       polished: 4.2.2
       prop-types: 15.8.1
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
-      react-inspector: 5.1.1_react@16.14.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      react-inspector: 5.1.1_react@17.0.2
       regenerator-runtime: 0.13.9
       telejson: 6.0.8
       ts-dedent: 2.2.0
@@ -5486,7 +5386,7 @@ packages:
       uuid-browser: 3.1.0
     dev: true
 
-  /@storybook/addon-backgrounds/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
+  /@storybook/addon-backgrounds/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
     resolution:
       { integrity: sha512-5uzQda3dh891h7BL8e9Ymk7BI+QgkkzDJXuA4mHjOXfIiD3S3efhJI8amXuBC2ZpIr6zmVit0MqZVyoVve46cQ== }
     peerDependencies:
@@ -5498,24 +5398,24 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/api': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/client-logger': 6.5.10
-      '@storybook/components': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/components': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/core-events': 6.5.10
       '@storybook/csf': 0.0.2--canary.4566f4d.1
-      '@storybook/theming': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/theming': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       core-js: 3.25.0
       global: 4.4.0
       memoizerific: 1.11.3
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
       regenerator-runtime: 0.13.9
       ts-dedent: 2.2.0
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/addon-controls/6.5.10_sk7tiidch4ak35d54sr6tbdsmy:
+  /@storybook/addon-controls/6.5.10_3j5kiqpkwml5zzfuaom7hdylau:
     resolution:
       { integrity: sha512-lC2y3XcolmQAJwFurIyGrynAHPWmfNtTCdu3rQBTVGwyxCoNwdOOeC2jV0BRqX2+CW6OHzJr9frNWXPSaZ8c4w== }
     peerDependencies:
@@ -5527,19 +5427,19 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/api': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/client-logger': 6.5.10
-      '@storybook/components': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/core-common': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
+      '@storybook/components': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/core-common': 6.5.10_3j5kiqpkwml5zzfuaom7hdylau
       '@storybook/csf': 0.0.2--canary.4566f4d.1
       '@storybook/node-logger': 6.5.10
-      '@storybook/store': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/theming': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/store': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/theming': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       core-js: 3.25.0
       lodash: 4.17.21
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - eslint
@@ -5550,7 +5450,7 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/addon-docs/6.5.10_mxtbvbyeconf3ozmvtckayjtx4:
+  /@storybook/addon-docs/6.5.10_qihzleufkih3oy23gkc4ga7uze:
     resolution:
       { integrity: sha512-1kgjo3f0vL6GN8fTwLL05M/q/kDdzvuqwhxPY/v5hubFb3aQZGr2yk9pRBaLAbs4bez0yG0ASXcwhYnrEZUppg== }
     peerDependencies:
@@ -5565,31 +5465,31 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@babel/plugin-transform-react-jsx': 7.18.10_@babel+core@7.18.6
-      '@babel/preset-env': 7.16.11_@babel+core@7.18.6
+      '@babel/plugin-transform-react-jsx': 7.18.10_@babel+core@7.18.13
+      '@babel/preset-env': 7.18.10_@babel+core@7.18.13
       '@jest/transform': 26.6.2
-      '@mdx-js/react': 1.6.22_react@16.14.0
-      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/components': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/core-common': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
+      '@mdx-js/react': 1.6.22_react@17.0.2
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/api': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/components': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/core-common': 6.5.10_3j5kiqpkwml5zzfuaom7hdylau
       '@storybook/core-events': 6.5.10
       '@storybook/csf': 0.0.2--canary.4566f4d.1
-      '@storybook/docs-tools': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/mdx1-csf': 0.0.1_@babel+core@7.18.6
+      '@storybook/docs-tools': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/mdx1-csf': 0.0.1_@babel+core@7.18.13
       '@storybook/node-logger': 6.5.10
       '@storybook/postinstall': 6.5.10
-      '@storybook/preview-web': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/source-loader': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/store': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/theming': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      babel-loader: 8.2.5_hdaic33o4wf65p5shr3xepeg4m
+      '@storybook/preview-web': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/source-loader': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/store': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/theming': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      babel-loader: 8.2.5_tb6moc662p5idmcg3l5ipbhpta
       core-js: 3.25.0
       fast-deep-equal: 3.1.3
       global: 4.4.0
       lodash: 4.17.21
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
       regenerator-runtime: 0.13.9
       remark-external-links: 8.0.0
       remark-slug: 6.1.0
@@ -5606,7 +5506,7 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/addon-essentials/6.5.10_q7blm2c46brqbndav6364dm75q:
+  /@storybook/addon-essentials/6.5.10_uxfxplszg62jy4shg6ec7na6l4:
     resolution:
       { integrity: sha512-PT2aiR4vgAyB0pl3HNBUa4/a7NDRxASxAazz7zt9ZDirkipDKfxwdcLeRoJzwSngVDWEhuz5/paN5x4eNp4Hww== }
     peerDependencies:
@@ -5664,27 +5564,27 @@ packages:
       webpack:
         optional: true
     dependencies:
-      '@babel/core': 7.18.6
-      '@storybook/addon-actions': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/addon-backgrounds': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/addon-controls': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
-      '@storybook/addon-docs': 6.5.10_mxtbvbyeconf3ozmvtckayjtx4
-      '@storybook/addon-measure': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/addon-outline': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/addon-toolbars': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/addon-viewport': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/core-common': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
+      '@babel/core': 7.18.13
+      '@storybook/addon-actions': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/addon-backgrounds': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/addon-controls': 6.5.10_3j5kiqpkwml5zzfuaom7hdylau
+      '@storybook/addon-docs': 6.5.10_qihzleufkih3oy23gkc4ga7uze
+      '@storybook/addon-measure': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/addon-outline': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/addon-toolbars': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/addon-viewport': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/api': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/core-common': 6.5.10_3j5kiqpkwml5zzfuaom7hdylau
       '@storybook/node-logger': 6.5.10
-      '@storybook/vue3': 6.5.10_ozji4kp7bdtbjefnvy5lbyf6p4
+      '@storybook/vue3': 6.5.10_vllvz6yxwyse4tzuh4nvfqetsm
       core-js: 3.25.0
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
       regenerator-runtime: 0.13.9
       ts-dedent: 2.2.0
-      vue: 3.2.37
-      webpack: 5.72.0
+      vue: 3.2.36
+      webpack: 5.74.0
     transitivePeerDependencies:
       - '@storybook/mdx2-csf'
       - eslint
@@ -5695,7 +5595,7 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/addon-links/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
+  /@storybook/addon-links/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
     resolution:
       { integrity: sha512-r3WzYIPz7WjHiaPObC2Tg6bHuZRBb/Kt/X+Eitw+jTqBel7ksvkO36tn81q8Eyj61qIdNQmUWAaX/0aewT0kLA== }
     peerDependencies:
@@ -5707,23 +5607,23 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/client-logger': 6.5.10
       '@storybook/core-events': 6.5.10
       '@storybook/csf': 0.0.2--canary.4566f4d.1
-      '@storybook/router': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/router': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@types/qs': 6.9.7
       core-js: 3.25.0
       global: 4.4.0
       prop-types: 15.8.1
       qs: 6.11.0
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
       regenerator-runtime: 0.13.9
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-measure/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
+  /@storybook/addon-measure/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
     resolution:
       { integrity: sha512-ss7L1H5K5hXygDIoVwj+QyVXbve5V67x7CofLiLCgQYuJzfO16+sPGjiTGWMpTb4ijox2uKWnTkpilt5bCjXgw== }
     peerDependencies:
@@ -5735,19 +5635,19 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/api': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/client-logger': 6.5.10
-      '@storybook/components': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/components': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/core-events': 6.5.10
       '@storybook/csf': 0.0.2--canary.4566f4d.1
       core-js: 3.25.0
       global: 4.4.0
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
     dev: true
 
-  /@storybook/addon-outline/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
+  /@storybook/addon-outline/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
     resolution:
       { integrity: sha512-AjdaeQ+/iBKmGrAqRW4niwMB6AkgGnYmSzVs5Cf6F/Sb4Dp+vzgLNOwLABD9qs8Ri8dvHl5J4QpVwQKUhYZaOQ== }
     peerDependencies:
@@ -5759,21 +5659,21 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/api': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/client-logger': 6.5.10
-      '@storybook/components': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/components': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/core-events': 6.5.10
       '@storybook/csf': 0.0.2--canary.4566f4d.1
       core-js: 3.25.0
       global: 4.4.0
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
       regenerator-runtime: 0.13.9
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-toolbars/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
+  /@storybook/addon-toolbars/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
     resolution:
       { integrity: sha512-S0Ljc6Wv+bPbx2e0iTveJ6bBDqjsemu+FZD4qDLsHreoI7DAcqyrF5Def1l8xNohixIVpx8dQpYXRtyzNlXekg== }
     peerDependencies:
@@ -5785,18 +5685,18 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/api': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/client-logger': 6.5.10
-      '@storybook/components': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/theming': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/components': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/theming': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       core-js: 3.25.0
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
       regenerator-runtime: 0.13.9
     dev: true
 
-  /@storybook/addon-viewport/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
+  /@storybook/addon-viewport/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
     resolution:
       { integrity: sha512-RFMd+4kZljyuJjR9OJ2bFXHrSG7VTi5FDZYWEU+4W1sBxzC+JhnVnUP+HJH3gUxEFIRQC5neRzwWRE9RUUoALQ== }
     peerDependencies:
@@ -5808,18 +5708,40 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/api': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/client-logger': 6.5.10
-      '@storybook/components': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/components': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/core-events': 6.5.10
-      '@storybook/theming': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/theming': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       core-js: 3.25.0
       global: 4.4.0
       memoizerific: 1.11.3
       prop-types: 15.8.1
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      regenerator-runtime: 0.13.9
+    dev: true
+
+  /@storybook/addons/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
+    resolution:
+      { integrity: sha512-VD4tBCQ23PkSeDoxuHcKy0RfhIs3oMYjBacOZx7d0bvOzK9WjPyvE2ysDAh7r/ceqnwmWHAScIpE+I1RU7gl+g== }
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/api': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/channels': 6.5.10
+      '@storybook/client-logger': 6.5.10
+      '@storybook/core-events': 6.5.10
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/router': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/theming': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@types/webpack-env': 1.18.0
+      core-js: 3.25.0
+      global: 4.4.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
       regenerator-runtime: 0.13.9
     dev: true
 
@@ -5845,6 +5767,34 @@ packages:
       regenerator-runtime: 0.13.9
     dev: true
 
+  /@storybook/api/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
+    resolution:
+      { integrity: sha512-AkmgSPNEGdKp4oZA4KQ+RJsacw7GwfvjsVDnCkcXqS9zmSr/RNL0fhpcd60KKkmx/hGKPTDFpK3ZayxDrJ/h4A== }
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/channels': 6.5.10
+      '@storybook/client-logger': 6.5.10
+      '@storybook/core-events': 6.5.10
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/router': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/semver': 7.3.2
+      '@storybook/theming': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      core-js: 3.25.0
+      fast-deep-equal: 3.1.3
+      global: 4.4.0
+      lodash: 4.17.21
+      memoizerific: 1.11.3
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      regenerator-runtime: 0.13.9
+      store2: 2.14.2
+      telejson: 6.0.8
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
   /@storybook/api/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
     resolution:
       { integrity: sha512-AkmgSPNEGdKp4oZA4KQ+RJsacw7GwfvjsVDnCkcXqS9zmSr/RNL0fhpcd60KKkmx/hGKPTDFpK3ZayxDrJ/h4A== }
@@ -5873,7 +5823,7 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/builder-vite/0.1.41_p5cdmbnbwksbdiptqbtw3aheee:
+  /@storybook/builder-vite/0.1.41_2arupyhypjeqyj2ohjm3hk7lim:
     resolution:
       { integrity: sha512-h/7AgEUfSuVexTD6LuJ6BCNu+FSo/+IKYBQ1O3TyF2BEgcob5/BGrx9QcwM0LJCF44L1zNKaxkKpCZs9p+LRRA== }
     peerDependencies:
@@ -5885,10 +5835,11 @@ packages:
       '@storybook/mdx2-csf':
         optional: true
     dependencies:
-      '@joshwooding/vite-plugin-react-docgen-typescript': 0.0.4_v7l6wjf37eg7lmzcxn4fl266ma
-      '@storybook/core-common': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
-      '@storybook/mdx1-csf': 0.0.4_v2wnvfwwhgapxbqqkw3slx2zde
-      '@storybook/source-loader': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.0.4_w2ia2u24h3y5wbn5vvjywyz3ga
+      '@storybook/core-common': 6.5.10_3j5kiqpkwml5zzfuaom7hdylau
+      '@storybook/mdx1-csf': 0.0.4_u2aypivye4tius5ftakppbroiy
+      '@storybook/node-logger': 6.5.10
+      '@storybook/source-loader': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@vitejs/plugin-react': 1.3.2
       ast-types: 0.14.2
       es-module-lexer: 0.9.3
@@ -5898,7 +5849,7 @@ packages:
       react-docgen: 6.0.0-alpha.3
       slash: 3.0.0
       sveltedoc-parser: 4.2.1
-      vite: 2.9.9
+      vite: 2.9.9_sass@1.43.4
     transitivePeerDependencies:
       - '@babel/core'
       - react
@@ -5907,7 +5858,7 @@ packages:
       - typescript
     dev: true
 
-  /@storybook/builder-webpack4/6.5.10_sk7tiidch4ak35d54sr6tbdsmy:
+  /@storybook/builder-webpack4/6.5.10_kafbb5fhgcbjh46q5wa4cbscru:
     resolution:
       { integrity: sha512-AoKjsCNoQQoZXYwBDxO8s+yVEd5FjBJAaysEuUTHq2fb81jwLrGcEOo6hjw4jqfugZQIzYUEjPazlvubS78zpw== }
     peerDependencies:
@@ -5918,7 +5869,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
       '@storybook/api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
       '@storybook/channel-postmessage': 6.5.10
@@ -5926,7 +5877,7 @@ packages:
       '@storybook/client-api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
       '@storybook/client-logger': 6.5.10
       '@storybook/components': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/core-common': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
+      '@storybook/core-common': 6.5.10_kafbb5fhgcbjh46q5wa4cbscru
       '@storybook/core-events': 6.5.10
       '@storybook/node-logger': 6.5.10
       '@storybook/preview-web': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
@@ -5938,18 +5889,18 @@ packages:
       '@types/node': 16.11.9
       '@types/webpack': 4.41.32
       autoprefixer: 9.8.8
-      babel-loader: 8.2.5_xcbjw3zjektbxpb7yraegegdpi
+      babel-loader: 8.2.5_li4tts7salxwv3rbqjnooz7t7e
       case-sensitive-paths-webpack-plugin: 2.4.0
       core-js: 3.25.0
       css-loader: 3.6.0_webpack@4.46.0
       file-loader: 6.2.0_webpack@4.46.0
       find-up: 5.0.0
-      fork-ts-checker-webpack-plugin: 4.1.6_nsd4r6eogdup74sdidtzttwbxi
+      fork-ts-checker-webpack-plugin: 4.1.6_dvmr7237w4nbgagxzx7pybrm5y
       glob: 7.2.3
       glob-promise: 3.4.0_glob@7.2.3
       global: 4.4.0
       html-webpack-plugin: 4.5.2_webpack@4.46.0
-      pnp-webpack-plugin: 1.6.4_typescript@4.5.2
+      pnp-webpack-plugin: 1.6.4_typescript@4.7.3
       postcss: 7.0.39
       postcss-flexbugs-fixes: 4.2.1
       postcss-loader: 4.3.0_gzaxsinx64nntyd3vmdqwl7coe
@@ -5960,7 +5911,7 @@ packages:
       style-loader: 1.3.0_webpack@4.46.0
       terser-webpack-plugin: 4.2.3_webpack@4.46.0
       ts-dedent: 2.2.0
-      typescript: 4.5.2
+      typescript: 4.7.3
       url-loader: 4.1.1_lit45vopotvaqup7lrvlnvtxwy
       util-deprecate: 1.0.2
       webpack: 4.46.0
@@ -6010,6 +5961,37 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
+  /@storybook/client-api/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
+    resolution:
+      { integrity: sha512-3wBWZl3NvMFgMovgEh+euiARAT2FXzpvTF4Q1gerGMNNDlrGxHnFvSuy4FHg/irtOGLa4yLz43ULFbYtpKw0Lg== }
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/channel-postmessage': 6.5.10
+      '@storybook/channels': 6.5.10
+      '@storybook/client-logger': 6.5.10
+      '@storybook/core-events': 6.5.10
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/store': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@types/qs': 6.9.7
+      '@types/webpack-env': 1.18.0
+      core-js: 3.25.0
+      fast-deep-equal: 3.1.3
+      global: 4.4.0
+      lodash: 4.17.21
+      memoizerific: 1.11.3
+      qs: 6.11.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      regenerator-runtime: 0.13.9
+      store2: 2.14.2
+      synchronous-promise: 2.0.16
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
   /@storybook/client-api/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
     resolution:
       { integrity: sha512-3wBWZl3NvMFgMovgEh+euiARAT2FXzpvTF4Q1gerGMNNDlrGxHnFvSuy4FHg/irtOGLa4yLz43ULFbYtpKw0Lg== }
@@ -6049,6 +6031,25 @@ packages:
       global: 4.4.0
     dev: true
 
+  /@storybook/components/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
+    resolution:
+      { integrity: sha512-9OhgB8YQfGwOKjo/N96N5mrtJ6qDVVoEM1zuhea32tJUd2eYf0aSWpryA9VnOM0V1q/8DAoCg5rPBMYWMBU5uw== }
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/client-logger': 6.5.10
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/theming': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      core-js: 3.25.0
+      memoizerific: 1.11.3
+      qs: 6.11.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      regenerator-runtime: 0.13.9
+      util-deprecate: 1.0.2
+    dev: true
+
   /@storybook/components/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
     resolution:
       { integrity: sha512-9OhgB8YQfGwOKjo/N96N5mrtJ6qDVVoEM1zuhea32tJUd2eYf0aSWpryA9VnOM0V1q/8DAoCg5rPBMYWMBU5uw== }
@@ -6068,7 +6069,7 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/core-client/6.5.10_mdh2ssybvg4xieq3smw3zfcquy:
+  /@storybook/core-client/6.5.10_4dh7mcyi44acs3o7ckjzgw3mum:
     resolution:
       { integrity: sha512-THsIjNrOrampTl0Lgfjvfjk1JnktKb4CQLOM80KpQb4cjDqorBjJmErzUkUQ2y3fXvrDmQ/kUREkShET4XEdtA== }
     peerDependencies:
@@ -6100,51 +6101,51 @@ packages:
       react-dom: 16.14.0_react@16.14.0
       regenerator-runtime: 0.13.9
       ts-dedent: 2.2.0
-      typescript: 4.5.2
-      unfetch: 4.2.0
-      util-deprecate: 1.0.2
-      webpack: 5.72.0
-    dev: true
-
-  /@storybook/core-client/6.5.10_v7xolpmq63rzdbty7huqtq5j6a:
-    resolution:
-      { integrity: sha512-THsIjNrOrampTl0Lgfjvfjk1JnktKb4CQLOM80KpQb4cjDqorBjJmErzUkUQ2y3fXvrDmQ/kUREkShET4XEdtA== }
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-      typescript: '*'
-      webpack: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/channel-postmessage': 6.5.10
-      '@storybook/channel-websocket': 6.5.10
-      '@storybook/client-api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/client-logger': 6.5.10
-      '@storybook/core-events': 6.5.10
-      '@storybook/csf': 0.0.2--canary.4566f4d.1
-      '@storybook/preview-web': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/store': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/ui': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      airbnb-js-shims: 2.2.1
-      ansi-to-html: 0.6.15
-      core-js: 3.25.0
-      global: 4.4.0
-      lodash: 4.17.21
-      qs: 6.11.0
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
-      regenerator-runtime: 0.13.9
-      ts-dedent: 2.2.0
-      typescript: 4.5.2
+      typescript: 4.7.3
       unfetch: 4.2.0
       util-deprecate: 1.0.2
       webpack: 4.46.0
     dev: true
 
-  /@storybook/core-common/6.5.10_sk7tiidch4ak35d54sr6tbdsmy:
+  /@storybook/core-client/6.5.10_douow6rpi2ugmdfc7vbrt33eoi:
+    resolution:
+      { integrity: sha512-THsIjNrOrampTl0Lgfjvfjk1JnktKb4CQLOM80KpQb4cjDqorBjJmErzUkUQ2y3fXvrDmQ/kUREkShET4XEdtA== }
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+      typescript: '*'
+      webpack: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/channel-postmessage': 6.5.10
+      '@storybook/channel-websocket': 6.5.10
+      '@storybook/client-api': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/client-logger': 6.5.10
+      '@storybook/core-events': 6.5.10
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/preview-web': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/store': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/ui': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      airbnb-js-shims: 2.2.1
+      ansi-to-html: 0.6.15
+      core-js: 3.25.0
+      global: 4.4.0
+      lodash: 4.17.21
+      qs: 6.11.0
+      react: 16.14.0
+      react-dom: 16.14.0_react@16.14.0
+      regenerator-runtime: 0.13.9
+      ts-dedent: 2.2.0
+      typescript: 4.7.3
+      unfetch: 4.2.0
+      util-deprecate: 1.0.2
+      webpack: 5.74.0
+    dev: true
+
+  /@storybook/core-common/6.5.10_3j5kiqpkwml5zzfuaom7hdylau:
     resolution:
       { integrity: sha512-Bx+VKkfWdrAmD8T51Sjq/mMhRaiapBHcpG4cU5bc3DMbg+LF2/yrgqv/cjVu+m5gHAzYCac5D7gqzBgvG7Myww== }
     peerDependencies:
@@ -6155,41 +6156,113 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/plugin-proposal-class-properties': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-decorators': 7.18.10_@babel+core@7.18.6
-      '@babel/plugin-proposal-export-default-from': 7.18.10_@babel+core@7.18.6
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-object-rest-spread': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-proposal-optional-chaining': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-proposal-private-methods': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-private-property-in-object': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.18.6
-      '@babel/plugin-transform-arrow-functions': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-block-scoping': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-classes': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-destructuring': 7.18.13_@babel+core@7.18.6
-      '@babel/plugin-transform-for-of': 7.18.8_@babel+core@7.18.6
-      '@babel/plugin-transform-parameters': 7.18.8_@babel+core@7.18.6
-      '@babel/plugin-transform-shorthand-properties': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-spread': 7.18.9_@babel+core@7.18.6
-      '@babel/preset-env': 7.16.11_@babel+core@7.18.6
-      '@babel/preset-react': 7.18.6_@babel+core@7.18.6
-      '@babel/preset-typescript': 7.18.6_@babel+core@7.18.6
-      '@babel/register': 7.18.9_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/plugin-proposal-class-properties': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-decorators': 7.18.10_@babel+core@7.18.13
+      '@babel/plugin-proposal-export-default-from': 7.18.10_@babel+core@7.18.13
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-object-rest-spread': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-proposal-optional-chaining': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-proposal-private-methods': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-private-property-in-object': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.18.13
+      '@babel/plugin-transform-arrow-functions': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-block-scoping': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-classes': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-destructuring': 7.18.13_@babel+core@7.18.13
+      '@babel/plugin-transform-for-of': 7.18.8_@babel+core@7.18.13
+      '@babel/plugin-transform-parameters': 7.18.8_@babel+core@7.18.13
+      '@babel/plugin-transform-shorthand-properties': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-spread': 7.18.9_@babel+core@7.18.13
+      '@babel/preset-env': 7.18.10_@babel+core@7.18.13
+      '@babel/preset-react': 7.18.6_@babel+core@7.18.13
+      '@babel/preset-typescript': 7.18.6_@babel+core@7.18.13
+      '@babel/register': 7.18.9_@babel+core@7.18.13
       '@storybook/node-logger': 6.5.10
       '@storybook/semver': 7.3.2
       '@types/node': 16.11.9
       '@types/pretty-hrtime': 1.0.1
-      babel-loader: 8.2.5_xcbjw3zjektbxpb7yraegegdpi
+      babel-loader: 8.2.5_li4tts7salxwv3rbqjnooz7t7e
       babel-plugin-macros: 3.1.0
-      babel-plugin-polyfill-corejs3: 0.1.7_@babel+core@7.18.6
+      babel-plugin-polyfill-corejs3: 0.1.7_@babel+core@7.18.13
       chalk: 4.1.2
       core-js: 3.25.0
       express: 4.18.1
       file-system-cache: 1.1.0
       find-up: 5.0.0
-      fork-ts-checker-webpack-plugin: 6.5.2_nsd4r6eogdup74sdidtzttwbxi
+      fork-ts-checker-webpack-plugin: 6.5.2_dvmr7237w4nbgagxzx7pybrm5y
+      fs-extra: 9.1.0
+      glob: 7.2.3
+      handlebars: 4.7.7
+      interpret: 2.2.0
+      json5: 2.2.1
+      lazy-universal-dotenv: 3.0.1
+      picomatch: 2.3.1
+      pkg-dir: 5.0.0
+      pretty-hrtime: 1.0.3
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      resolve-from: 5.0.0
+      slash: 3.0.0
+      telejson: 6.0.8
+      ts-dedent: 2.2.0
+      typescript: 4.7.3
+      util-deprecate: 1.0.2
+      webpack: 4.46.0
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - vue-template-compiler
+      - webpack-cli
+      - webpack-command
+    dev: true
+
+  /@storybook/core-common/6.5.10_kafbb5fhgcbjh46q5wa4cbscru:
+    resolution:
+      { integrity: sha512-Bx+VKkfWdrAmD8T51Sjq/mMhRaiapBHcpG4cU5bc3DMbg+LF2/yrgqv/cjVu+m5gHAzYCac5D7gqzBgvG7Myww== }
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@babel/core': 7.18.13
+      '@babel/plugin-proposal-class-properties': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-decorators': 7.18.10_@babel+core@7.18.13
+      '@babel/plugin-proposal-export-default-from': 7.18.10_@babel+core@7.18.13
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-object-rest-spread': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-proposal-optional-chaining': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-proposal-private-methods': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-private-property-in-object': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.18.13
+      '@babel/plugin-transform-arrow-functions': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-block-scoping': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-classes': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-destructuring': 7.18.13_@babel+core@7.18.13
+      '@babel/plugin-transform-for-of': 7.18.8_@babel+core@7.18.13
+      '@babel/plugin-transform-parameters': 7.18.8_@babel+core@7.18.13
+      '@babel/plugin-transform-shorthand-properties': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-spread': 7.18.9_@babel+core@7.18.13
+      '@babel/preset-env': 7.18.10_@babel+core@7.18.13
+      '@babel/preset-react': 7.18.6_@babel+core@7.18.13
+      '@babel/preset-typescript': 7.18.6_@babel+core@7.18.13
+      '@babel/register': 7.18.9_@babel+core@7.18.13
+      '@storybook/node-logger': 6.5.10
+      '@storybook/semver': 7.3.2
+      '@types/node': 16.11.9
+      '@types/pretty-hrtime': 1.0.1
+      babel-loader: 8.2.5_li4tts7salxwv3rbqjnooz7t7e
+      babel-plugin-macros: 3.1.0
+      babel-plugin-polyfill-corejs3: 0.1.7_@babel+core@7.18.13
+      chalk: 4.1.2
+      core-js: 3.25.0
+      express: 4.18.1
+      file-system-cache: 1.1.0
+      find-up: 5.0.0
+      fork-ts-checker-webpack-plugin: 6.5.2_dvmr7237w4nbgagxzx7pybrm5y
       fs-extra: 9.1.0
       glob: 7.2.3
       handlebars: 4.7.7
@@ -6205,7 +6278,7 @@ packages:
       slash: 3.0.0
       telejson: 6.0.8
       ts-dedent: 2.2.0
-      typescript: 4.5.2
+      typescript: 4.7.3
       util-deprecate: 1.0.2
       webpack: 4.46.0
     transitivePeerDependencies:
@@ -6223,7 +6296,7 @@ packages:
       core-js: 3.25.0
     dev: true
 
-  /@storybook/core-server/6.5.10_sk7tiidch4ak35d54sr6tbdsmy:
+  /@storybook/core-server/6.5.10_kafbb5fhgcbjh46q5wa4cbscru:
     resolution:
       { integrity: sha512-jqwpA0ccA8X5ck4esWBid04+cEIVqirdAcqJeNb9IZAD+bRreO4Im8ilzr7jc5AmQ9fkqHs2NByFKh9TITp8NQ== }
     peerDependencies:
@@ -6241,17 +6314,17 @@ packages:
         optional: true
     dependencies:
       '@discoveryjs/json-ext': 0.5.7
-      '@storybook/builder-webpack4': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
-      '@storybook/core-client': 6.5.10_v7xolpmq63rzdbty7huqtq5j6a
-      '@storybook/core-common': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
+      '@storybook/builder-webpack4': 6.5.10_kafbb5fhgcbjh46q5wa4cbscru
+      '@storybook/core-client': 6.5.10_4dh7mcyi44acs3o7ckjzgw3mum
+      '@storybook/core-common': 6.5.10_kafbb5fhgcbjh46q5wa4cbscru
       '@storybook/core-events': 6.5.10
       '@storybook/csf': 0.0.2--canary.4566f4d.1
       '@storybook/csf-tools': 6.5.10
-      '@storybook/manager-webpack4': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
+      '@storybook/manager-webpack4': 6.5.10_kafbb5fhgcbjh46q5wa4cbscru
       '@storybook/node-logger': 6.5.10
       '@storybook/semver': 7.3.2
       '@storybook/store': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/telemetry': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
+      '@storybook/telemetry': 6.5.10_kafbb5fhgcbjh46q5wa4cbscru
       '@types/node': 16.11.9
       '@types/node-fetch': 2.6.2
       '@types/pretty-hrtime': 1.0.1
@@ -6282,7 +6355,7 @@ packages:
       slash: 3.0.0
       telejson: 6.0.8
       ts-dedent: 2.2.0
-      typescript: 4.5.2
+      typescript: 4.7.3
       util-deprecate: 1.0.2
       watchpack: 2.4.0
       webpack: 4.46.0
@@ -6301,7 +6374,7 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/core/6.5.10_mdh2ssybvg4xieq3smw3zfcquy:
+  /@storybook/core/6.5.10_douow6rpi2ugmdfc7vbrt33eoi:
     resolution:
       { integrity: sha512-K86yYa0tYlMxADlwQTculYvPROokQau09SCVqpsLg3wJCTvYFL4+SIqcYoyBSbFmHOdnYbJgPydjN33MYLiOZQ== }
     peerDependencies:
@@ -6319,12 +6392,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@storybook/core-client': 6.5.10_mdh2ssybvg4xieq3smw3zfcquy
-      '@storybook/core-server': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
+      '@storybook/core-client': 6.5.10_douow6rpi2ugmdfc7vbrt33eoi
+      '@storybook/core-server': 6.5.10_kafbb5fhgcbjh46q5wa4cbscru
       react: 16.14.0
       react-dom: 16.14.0_react@16.14.0
-      typescript: 4.5.2
-      webpack: 5.72.0
+      typescript: 4.7.3
+      webpack: 5.74.0
     transitivePeerDependencies:
       - '@storybook/mdx2-csf'
       - bluebird
@@ -6347,15 +6420,15 @@ packages:
       '@storybook/mdx2-csf':
         optional: true
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@babel/generator': 7.18.13
       '@babel/parser': 7.18.13
-      '@babel/plugin-transform-react-jsx': 7.18.10_@babel+core@7.18.6
-      '@babel/preset-env': 7.16.11_@babel+core@7.18.6
+      '@babel/plugin-transform-react-jsx': 7.18.10_@babel+core@7.18.13
+      '@babel/preset-env': 7.18.10_@babel+core@7.18.13
       '@babel/traverse': 7.18.13
       '@babel/types': 7.18.13
       '@storybook/csf': 0.0.2--canary.4566f4d.1
-      '@storybook/mdx1-csf': 0.0.1_@babel+core@7.18.6
+      '@storybook/mdx1-csf': 0.0.1_@babel+core@7.18.13
       core-js: 3.25.0
       fs-extra: 9.1.0
       global: 4.4.0
@@ -6372,11 +6445,28 @@ packages:
       lodash: 4.17.21
     dev: true
 
+  /@storybook/docs-tools/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
+    resolution:
+      { integrity: sha512-/bvYgOO+CxMEcHifkjJg0A60OTGOhcjGxnsB1h0gJuxMrqA/7Qwc108bFmPiX0eiD1BovFkZLJV4O6OY7zP5Vw== }
+    dependencies:
+      '@babel/core': 7.18.13
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/store': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      core-js: 3.25.0
+      doctrine: 3.0.0
+      lodash: 4.17.21
+      regenerator-runtime: 0.13.9
+    transitivePeerDependencies:
+      - react
+      - react-dom
+      - supports-color
+    dev: true
+
   /@storybook/docs-tools/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
     resolution:
       { integrity: sha512-/bvYgOO+CxMEcHifkjJg0A60OTGOhcjGxnsB1h0gJuxMrqA/7Qwc108bFmPiX0eiD1BovFkZLJV4O6OY7zP5Vw== }
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@storybook/csf': 0.0.2--canary.4566f4d.1
       '@storybook/store': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
       core-js: 3.25.0
@@ -6389,7 +6479,7 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/manager-webpack4/6.5.10_sk7tiidch4ak35d54sr6tbdsmy:
+  /@storybook/manager-webpack4/6.5.10_kafbb5fhgcbjh46q5wa4cbscru:
     resolution:
       { integrity: sha512-N/TlNDhuhARuFipR/ZJ/xEVESz23iIbCsZ4VNehLHm8PpiGlQUehk+jMjWmz5XV0bJItwjRclY+CU3GjZKblfQ== }
     peerDependencies:
@@ -6400,18 +6490,18 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/plugin-transform-template-literals': 7.18.9_@babel+core@7.18.6
-      '@babel/preset-react': 7.18.6_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/plugin-transform-template-literals': 7.18.9_@babel+core@7.18.13
+      '@babel/preset-react': 7.18.6_@babel+core@7.18.13
       '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/core-client': 6.5.10_v7xolpmq63rzdbty7huqtq5j6a
-      '@storybook/core-common': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
+      '@storybook/core-client': 6.5.10_4dh7mcyi44acs3o7ckjzgw3mum
+      '@storybook/core-common': 6.5.10_kafbb5fhgcbjh46q5wa4cbscru
       '@storybook/node-logger': 6.5.10
       '@storybook/theming': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
       '@storybook/ui': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
       '@types/node': 16.11.9
       '@types/webpack': 4.41.32
-      babel-loader: 8.2.5_xcbjw3zjektbxpb7yraegegdpi
+      babel-loader: 8.2.5_li4tts7salxwv3rbqjnooz7t7e
       case-sensitive-paths-webpack-plugin: 2.4.0
       chalk: 4.1.2
       core-js: 3.25.0
@@ -6422,7 +6512,7 @@ packages:
       fs-extra: 9.1.0
       html-webpack-plugin: 4.5.2_webpack@4.46.0
       node-fetch: 2.6.7
-      pnp-webpack-plugin: 1.6.4_typescript@4.5.2
+      pnp-webpack-plugin: 1.6.4_typescript@4.7.3
       react: 16.14.0
       react-dom: 16.14.0_react@16.14.0
       read-pkg-up: 7.0.1
@@ -6432,7 +6522,7 @@ packages:
       telejson: 6.0.8
       terser-webpack-plugin: 4.2.3_webpack@4.46.0
       ts-dedent: 2.2.0
-      typescript: 4.5.2
+      typescript: 4.7.3
       url-loader: 4.1.1_lit45vopotvaqup7lrvlnvtxwy
       util-deprecate: 1.0.2
       webpack: 4.46.0
@@ -6448,16 +6538,16 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/mdx1-csf/0.0.1_@babel+core@7.18.6:
+  /@storybook/mdx1-csf/0.0.1_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-4biZIWWzoWlCarMZmTpqcJNgo/RBesYZwGFbQeXiGYsswuvfWARZnW9RE9aUEMZ4XPn7B1N3EKkWcdcWe/K2tg== }
     dependencies:
-      '@babel/generator': 7.18.7
-      '@babel/parser': 7.18.8
-      '@babel/preset-env': 7.16.11_@babel+core@7.18.6
+      '@babel/generator': 7.18.13
+      '@babel/parser': 7.18.13
+      '@babel/preset-env': 7.18.10_@babel+core@7.18.13
       '@babel/types': 7.18.13
       '@mdx-js/mdx': 1.6.22
-      '@types/lodash': 4.14.182
+      '@types/lodash': 4.14.184
       js-string-escape: 1.0.1
       loader-utils: 2.0.2
       lodash: 4.17.21
@@ -6468,17 +6558,17 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/mdx1-csf/0.0.4_v2wnvfwwhgapxbqqkw3slx2zde:
+  /@storybook/mdx1-csf/0.0.4_u2aypivye4tius5ftakppbroiy:
     resolution:
       { integrity: sha512-xxUEMy0D+0G1aSYxbeVNbs+XBU5nCqW4I7awpBYSTywXDv/MJWeC6FDRpj5P1pgfq8j8jWDD5ZDvBQ7syFg0LQ== }
     dependencies:
-      '@babel/generator': 7.18.7
-      '@babel/parser': 7.18.8
-      '@babel/preset-env': 7.16.11_@babel+core@7.18.6
+      '@babel/generator': 7.18.13
+      '@babel/parser': 7.18.13
+      '@babel/preset-env': 7.18.10_@babel+core@7.18.13
       '@babel/types': 7.18.13
       '@mdx-js/mdx': 1.6.22
-      '@mdx-js/react': 1.6.22_react@16.14.0
-      '@types/lodash': 4.14.182
+      '@mdx-js/react': 1.6.22_react@17.0.2
+      '@types/lodash': 4.14.184
       js-string-escape: 1.0.1
       loader-utils: 2.0.2
       lodash: 4.17.21
@@ -6508,6 +6598,33 @@ packages:
       core-js: 3.25.0
     dev: true
 
+  /@storybook/preview-web/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
+    resolution:
+      { integrity: sha512-sTC/o5gkvALOtcNgtApGKGN9EavvSxRHBeBh+5BQjV2qQ8ap+26RsfUizNBECAa2Jrn4osaDYn9HRhJLFL69WA== }
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/channel-postmessage': 6.5.10
+      '@storybook/client-logger': 6.5.10
+      '@storybook/core-events': 6.5.10
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/store': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      ansi-to-html: 0.6.15
+      core-js: 3.25.0
+      global: 4.4.0
+      lodash: 4.17.21
+      qs: 6.11.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      regenerator-runtime: 0.13.9
+      synchronous-promise: 2.0.16
+      ts-dedent: 2.2.0
+      unfetch: 4.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
   /@storybook/preview-web/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
     resolution:
       { integrity: sha512-sTC/o5gkvALOtcNgtApGKGN9EavvSxRHBeBh+5BQjV2qQ8ap+26RsfUizNBECAa2Jrn4osaDYn9HRhJLFL69WA== }
@@ -6535,6 +6652,22 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
+  /@storybook/router/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
+    resolution:
+      { integrity: sha512-O+vNW/eEpYFF8eCg5jZjNQ6q2DKQVxqDRPCy9pJdEbvavMDZn6AFYgVK+VJe5F4211WW2yncOu922xObCxXJYg== }
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/client-logger': 6.5.10
+      core-js: 3.25.0
+      memoizerific: 1.11.3
+      qs: 6.11.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      regenerator-runtime: 0.13.9
+    dev: true
+
   /@storybook/router/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
     resolution:
       { integrity: sha512-O+vNW/eEpYFF8eCg5jZjNQ6q2DKQVxqDRPCy9pJdEbvavMDZn6AFYgVK+VJe5F4211WW2yncOu922xObCxXJYg== }
@@ -6561,14 +6694,14 @@ packages:
       find-up: 4.1.0
     dev: true
 
-  /@storybook/source-loader/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
+  /@storybook/source-loader/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
     resolution:
       { integrity: sha512-1RxxRumpjs8VUUwES9LId+cuNQnixhZAcwCxd6jaKkTZbjiQCtAhXX6DBTjJGV1u/JnCsqEp5b1wB8j/EioNHw== }
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/client-logger': 6.5.10
       '@storybook/csf': 0.0.2--canary.4566f4d.1
       core-js: 3.25.0
@@ -6577,11 +6710,37 @@ packages:
       loader-utils: 2.0.2
       lodash: 4.17.21
       prettier: 2.3.0
-      react: 16.14.0
-      react-dom: 16.14.0_react@16.14.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
       regenerator-runtime: 0.13.9
     dev: true
 
+  /@storybook/store/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
+    resolution:
+      { integrity: sha512-RswrSYh2IiKkytFPxP9AvP+hekjrvHK2ILvyDk2ZgduCN4n5ivsekOb+N3M2t+dq1eLuW9or5n2T4OWwAwjxxQ== }
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/addons': 6.5.10_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/client-logger': 6.5.10
+      '@storybook/core-events': 6.5.10
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      core-js: 3.25.0
+      fast-deep-equal: 3.1.3
+      global: 4.4.0
+      lodash: 4.17.21
+      memoizerific: 1.11.3
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      regenerator-runtime: 0.13.9
+      slash: 3.0.0
+      stable: 0.1.8
+      synchronous-promise: 2.0.16
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
   /@storybook/store/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
     resolution:
       { integrity: sha512-RswrSYh2IiKkytFPxP9AvP+hekjrvHK2ILvyDk2ZgduCN4n5ivsekOb+N3M2t+dq1eLuW9or5n2T4OWwAwjxxQ== }
@@ -6608,12 +6767,12 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/telemetry/6.5.10_sk7tiidch4ak35d54sr6tbdsmy:
+  /@storybook/telemetry/6.5.10_kafbb5fhgcbjh46q5wa4cbscru:
     resolution:
       { integrity: sha512-+M5HILDFS8nDumLxeSeAwi1MTzIuV6UWzV4yB2wcsEXOBTdplcl9oYqFKtlst78oOIdGtpPYxYfivDlqxC2K4g== }
     dependencies:
       '@storybook/client-logger': 6.5.10
-      '@storybook/core-common': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
+      '@storybook/core-common': 6.5.10_kafbb5fhgcbjh46q5wa4cbscru
       chalk: 4.1.2
       core-js: 3.25.0
       detect-package-manager: 2.0.1
@@ -6636,6 +6795,21 @@ packages:
       - webpack-command
     dev: true
 
+  /@storybook/theming/6.5.10_sfoxds7t5ydpegc3knd667wn6m:
+    resolution:
+      { integrity: sha512-BvTQBBcSEwKKcsVmF+Ol6v0RIQUr+bxP7gb10wtfBd23mZTEFA0C1N5FnZr/dDeiBKG1pvf1UKvoYA731y0BsA== }
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/client-logger': 6.5.10
+      core-js: 3.25.0
+      memoizerific: 1.11.3
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      regenerator-runtime: 0.13.9
+    dev: true
+
   /@storybook/theming/6.5.10_wcqkhtmu7mswc6yz4uyexck3ty:
     resolution:
       { integrity: sha512-BvTQBBcSEwKKcsVmF+Ol6v0RIQUr+bxP7gb10wtfBd23mZTEFA0C1N5FnZr/dDeiBKG1pvf1UKvoYA731y0BsA== }
@@ -6676,7 +6850,7 @@ packages:
       resolve-from: 5.0.0
     dev: true
 
-  /@storybook/vue3/6.5.10_ozji4kp7bdtbjefnvy5lbyf6p4:
+  /@storybook/vue3/6.5.10_vllvz6yxwyse4tzuh4nvfqetsm:
     resolution:
       { integrity: sha512-pIPiEeKrBLlJkkruzcLCmz1Mbku9wFEsNMlQaw0gPB/GuhZOf2xcoWxogfC2Yw2raUHZMQ5jO2rXAimtbrzq5g== }
     engines: { node: '>=10.13.0' }
@@ -6687,17 +6861,17 @@ packages:
       babel-loader: ^7.0.0 || ^8.0.0
       vue: ^3.0.0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       '@storybook/addons': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
-      '@storybook/core': 6.5.10_mdh2ssybvg4xieq3smw3zfcquy
-      '@storybook/core-common': 6.5.10_sk7tiidch4ak35d54sr6tbdsmy
+      '@storybook/core': 6.5.10_douow6rpi2ugmdfc7vbrt33eoi
+      '@storybook/core-common': 6.5.10_kafbb5fhgcbjh46q5wa4cbscru
       '@storybook/csf': 0.0.2--canary.4566f4d.1
       '@storybook/docs-tools': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
       '@storybook/store': 6.5.10_wcqkhtmu7mswc6yz4uyexck3ty
       '@types/node': 16.11.9
       '@types/webpack-env': 1.18.0
-      '@vue/compiler-sfc': 3.2.31
-      babel-loader: 8.2.5_hdaic33o4wf65p5shr3xepeg4m
+      '@vue/compiler-sfc': 3.2.36
+      babel-loader: 8.2.5_tb6moc662p5idmcg3l5ipbhpta
       core-js: 3.25.0
       global: 4.4.0
       react: 16.14.0
@@ -6705,12 +6879,12 @@ packages:
       read-pkg-up: 7.0.1
       regenerator-runtime: 0.13.9
       ts-dedent: 2.2.0
-      ts-loader: 8.4.0_x3ag2alrxtrovqdhtvz743erxe
-      vue: 3.2.37
-      vue-docgen-api: 4.52.0_vue@3.2.37
-      vue-docgen-loader: 1.5.1_sx2vwv4fhewfcfcbfmmreozr6y
-      vue-loader: 16.8.3_6oodguqmvfajneapkegdgbg6h4
-      webpack: 5.72.0
+      ts-loader: 8.4.0_6v7vfmkd6sh5yynqtgaaorgznq
+      vue: 3.2.36
+      vue-docgen-api: 4.52.0_vue@3.2.36
+      vue-docgen-loader: 1.5.1_u6ntrrg6cu7c3fxorgftsbbb5m
+      vue-loader: 16.8.3_c7ar6g4aal2bzqrdtivuyudqmu
+      webpack: 5.74.0
     transitivePeerDependencies:
       - '@babel/preset-env'
       - '@storybook/builder-webpack5'
@@ -6874,7 +7048,7 @@ packages:
     dependencies:
       '@types/http-cache-semantics': 4.0.1
       '@types/keyv': 3.1.4
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
       '@types/responselike': 1.0.0
     dev: true
 
@@ -6925,7 +7099,7 @@ packages:
     resolution:
       { integrity: sha512-eHE4cQPoj6ngxBZMvVf6Hw7Mh4jMW4U9lpGmS5GBPB9RYxlFg+CHaVN7ErNY4W9XfLIEn20b4VDYaIrbq0q4uA== }
     dependencies:
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
     dev: true
 
   /@types/connect/3.4.35:
@@ -7084,7 +7258,7 @@ packages:
     resolution:
       { integrity: sha512-8BSvG1kGm83cyJITQMZSulnl6QV8jqAGreJsc5tPu1Jq0vTSOiY/k24Wx82JRpWwZSqrala6sd5rWi6aNXvqcw== }
     dependencies:
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
     dev: true
 
   /@types/fs-extra/9.0.13:
@@ -7104,7 +7278,7 @@ packages:
       { integrity: sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA== }
     dependencies:
       '@types/minimatch': 5.1.2
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
     dev: true
 
   /@types/glob/8.0.0:
@@ -7112,7 +7286,7 @@ packages:
       { integrity: sha512-l6NQsDDyQUVeoTynNpC9uRvCUint/gSUXQA2euwmTuWGvPY5LSDUu6tkCtJB2SvGQlJQzLaKqcGZP4//7EDveA== }
     dependencies:
       '@types/minimatch': 5.1.2
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
     dev: true
 
   /@types/graceful-fs/4.1.5:
@@ -7226,7 +7400,7 @@ packages:
     resolution:
       { integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg== }
     dependencies:
-      '@types/node': 16.11.9
+      '@types/node': 18.7.14
     dev: true
 
   /@types/ldapjs/2.2.2:
@@ -7358,7 +7532,7 @@ packages:
     resolution:
       { integrity: sha512-DHqhlq5jeESLy19TYhLakJ07kNumXWjcDdxXsLUMJZ6ue8VZJj4kLPQVE/2mdHh3xZziNF1xppu5lwmS53HR+A== }
     dependencies:
-      '@types/node': 16.11.9
+      '@types/node': 18.7.14
       form-data: 3.0.1
 
   /@types/node/10.17.60:
@@ -7377,7 +7551,6 @@ packages:
   /@types/node/18.7.14:
     resolution:
       { integrity: sha512-6bbDaETVi8oyIARulOE9qF1/Qdi/23z6emrUh0fNJRUmjznqrixD4MpGDdgOFk5Xb0m2H6Xu42JGdvAxaJR/wA== }
-    dev: true
 
   /@types/node/8.10.66:
     resolution:
@@ -7495,7 +7668,7 @@ packages:
     resolution:
       { integrity: sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA== }
     dependencies:
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
     dev: true
 
   /@types/sanitize-html/2.6.2:
@@ -7652,7 +7825,7 @@ packages:
     resolution:
       { integrity: sha512-Ft7YH3lEVRQ6ls8k4Ff1oB4jN6oy/XmU6tQISKdhfh+1mR+viZFphS6WL0IrtDOzvefmJg5a0s7ZQoRXwqTEFg== }
     dependencies:
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
       '@types/source-list-map': 0.1.2
       source-map: 0.7.4
     dev: true
@@ -7661,7 +7834,7 @@ packages:
     resolution:
       { integrity: sha512-cb+0ioil/7oz5//7tZUSwbrSAN/NWHrQylz5cW8G0dWTcF/g+/dSdMlKVZspBYuMAN1+WnwHrkxiRrLcwd0Heg== }
     dependencies:
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
       '@types/tapable': 1.0.8
       '@types/uglify-js': 3.17.0
       '@types/webpack-sources': 3.2.0
@@ -7845,11 +8018,11 @@ packages:
       { integrity: sha512-aurBNmMo0kz1O4qRoY+FM4epSA39y3ShWGuqfLRA/3z0oEJAdtoSfgA3aO98/PCCHAqMaduLxIxErWrVKIFzXA== }
     engines: { node: '>=12.0.0' }
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/plugin-transform-react-jsx': 7.18.10_@babel+core@7.18.6
-      '@babel/plugin-transform-react-jsx-development': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-react-jsx-self': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-transform-react-jsx-source': 7.18.6_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/plugin-transform-react-jsx': 7.18.10_@babel+core@7.18.13
+      '@babel/plugin-transform-react-jsx-development': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-react-jsx-self': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-transform-react-jsx-source': 7.18.6_@babel+core@7.18.13
       '@rollup/pluginutils': 4.2.1
       react-refresh: 0.13.0
       resolve: 1.22.1
@@ -7869,74 +8042,11 @@ packages:
       vue: 3.2.36
     dev: true
 
-  /@vitejs/plugin-vue/2.3.3_vite@2.9.9+vue@3.2.37:
-    resolution:
-      { integrity: sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw== }
-    engines: { node: '>=12.0.0' }
-    peerDependencies:
-      vite: ^2.5.10
-      vue: ^3.2.25
-    dependencies:
-      vite: 2.9.9
-      vue: 3.2.37
-    dev: true
-
-  /@vitest/ui/0.22.1:
-    resolution:
-      { integrity: sha512-iiM2JN+vzY8pEejUbPPi0EgkEselI3RvrgMPNUOalxQRgtlNVGyMsM0Re99xQsrZ/eBkHgWrlW216gNDoeD5cA== }
-    dependencies:
-      sirv: 2.0.2
-    dev: true
-
-  /@volar/code-gen/0.34.17:
-    resolution:
-      { integrity: sha512-rHR7BA71BJ/4S7xUOPMPiB7uk6iU9oTWpEMZxFi5VGC9iJmDncE82WzU5iYpcbOBCVHsOjMh0+5CGMgdO6SaPA== }
-    dependencies:
-      '@volar/source-map': 0.34.17
-    dev: true
-
-  /@volar/source-map/0.34.17:
-    resolution:
-      { integrity: sha512-3yn1IMXJGGWB/G817/VFlFMi8oh5pmE7VzUqvgMZMrppaZpKj6/juvJIEiXNxRsgWc0RxIO8OSp4htdPUg1Raw== }
-    dev: true
-
-  /@volar/vue-code-gen/0.34.17:
-    resolution:
-      { integrity: sha512-17pzcK29fyFWUc+C82J3JYSnA+jy3QNrIldb9kPaP9Itbik05ZjEIyEue9FjhgIAuHeYSn4LDM5s6nGjxyfhsQ== }
-    dependencies:
-      '@volar/code-gen': 0.34.17
-      '@volar/source-map': 0.34.17
-      '@vue/compiler-core': 3.2.37
-      '@vue/compiler-dom': 3.2.37
-      '@vue/shared': 3.2.37
-    dev: true
-
-  /@volar/vue-typescript/0.34.17:
-    resolution:
-      { integrity: sha512-U0YSVIBPRWVPmgJHNa4nrfq88+oS+tmyZNxmnfajIw9A/GOGZQiKXHC0k09SVvbYXlsjgJ6NIjhm9NuAhGRQjg== }
-    dependencies:
-      '@volar/code-gen': 0.34.17
-      '@volar/source-map': 0.34.17
-      '@volar/vue-code-gen': 0.34.17
-      '@vue/compiler-sfc': 3.2.37
-      '@vue/reactivity': 3.2.37
-    dev: true
-
-  /@vue/compiler-core/3.2.31:
-    resolution:
-      { integrity: sha512-aKno00qoA4o+V/kR6i/pE+aP+esng5siNAVQ422TkBNM6qA4veXiZbSe8OTXHXquEi/f6Akc+nLfB4JGfe4/WQ== }
-    dependencies:
-      '@babel/parser': 7.18.8
-      '@vue/shared': 3.2.31
-      estree-walker: 2.0.2
-      source-map: 0.6.1
-    dev: true
-
   /@vue/compiler-core/3.2.36:
     resolution:
       { integrity: sha512-bbyZM5hvBicv0PW3KUfVi+x3ylHnfKG7DOn5wM+f2OztTzTjLEyBb/5yrarIYpmnGitVGbjZqDbODyW4iK8hqw== }
     dependencies:
-      '@babel/parser': 7.18.8
+      '@babel/parser': 7.18.13
       '@vue/shared': 3.2.36
       estree-walker: 2.0.2
       source-map: 0.6.1
@@ -7945,19 +8055,11 @@ packages:
     resolution:
       { integrity: sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg== }
     dependencies:
-      '@babel/parser': 7.18.8
+      '@babel/parser': 7.18.13
       '@vue/shared': 3.2.37
       estree-walker: 2.0.2
       source-map: 0.6.1
 
-  /@vue/compiler-dom/3.2.31:
-    resolution:
-      { integrity: sha512-60zIlFfzIDf3u91cqfqy9KhCKIJgPeqxgveH2L+87RcGU/alT6BRrk5JtUso0OibH3O7NXuNOQ0cDc9beT0wrg== }
-    dependencies:
-      '@vue/compiler-core': 3.2.31
-      '@vue/shared': 3.2.31
-    dev: true
-
   /@vue/compiler-dom/3.2.36:
     resolution:
       { integrity: sha512-tcOTAOiW4s24QLnq+ON6J+GRONXJ+A/mqKCORi0LSlIh8XQlNnlm24y8xIL8la+ZDgkdbjarQ9ZqYSvEja6gVA== }
@@ -7972,22 +8074,6 @@ packages:
       '@vue/compiler-core': 3.2.37
       '@vue/shared': 3.2.37
 
-  /@vue/compiler-sfc/3.2.31:
-    resolution:
-      { integrity: sha512-748adc9msSPGzXgibHiO6T7RWgfnDcVQD+VVwYgSsyyY8Ans64tALHZANrKtOzvkwznV/F4H7OAod/jIlp/dkQ== }
-    dependencies:
-      '@babel/parser': 7.18.8
-      '@vue/compiler-core': 3.2.31
-      '@vue/compiler-dom': 3.2.31
-      '@vue/compiler-ssr': 3.2.31
-      '@vue/reactivity-transform': 3.2.31
-      '@vue/shared': 3.2.31
-      estree-walker: 2.0.2
-      magic-string: 0.25.9
-      postcss: 8.4.14
-      source-map: 0.6.1
-    dev: true
-
   /@vue/compiler-sfc/3.2.36:
     resolution:
       { integrity: sha512-AvGb4bTj4W8uQ4BqaSxo7UwTEqX5utdRSMyHy58OragWlt8nEACQ9mIeQh3K4di4/SX+41+pJrLIY01lHAOFOA== }
@@ -8007,7 +8093,7 @@ packages:
     resolution:
       { integrity: sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg== }
     dependencies:
-      '@babel/parser': 7.18.8
+      '@babel/parser': 7.18.13
       '@vue/compiler-core': 3.2.37
       '@vue/compiler-dom': 3.2.37
       '@vue/compiler-ssr': 3.2.37
@@ -8018,14 +8104,6 @@ packages:
       postcss: 8.4.14
       source-map: 0.6.1
 
-  /@vue/compiler-ssr/3.2.31:
-    resolution:
-      { integrity: sha512-mjN0rqig+A8TVDnsGPYJM5dpbjlXeHUm2oZHZwGyMYiGT/F4fhJf/cXy8QpjnLQK4Y9Et4GWzHn9PS8AHUnSkw== }
-    dependencies:
-      '@vue/compiler-dom': 3.2.31
-      '@vue/shared': 3.2.31
-    dev: true
-
   /@vue/compiler-ssr/3.2.36:
     resolution:
       { integrity: sha512-+KugInUFRvOxEdLkZwE+W43BqHyhBh0jpYXhmqw1xGq2dmE6J9eZ8UUSOKNhdHtQ/iNLWWeK/wPZkVLUf3YGaw== }
@@ -8044,22 +8122,11 @@ packages:
     resolution:
       { integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ== }
 
-  /@vue/reactivity-transform/3.2.31:
-    resolution:
-      { integrity: sha512-uS4l4z/W7wXdI+Va5pgVxBJ345wyGFKvpPYtdSgvfJfX/x2Ymm6ophQlXXB6acqGHtXuBqNyyO3zVp9b1r0MOA== }
-    dependencies:
-      '@babel/parser': 7.18.8
-      '@vue/compiler-core': 3.2.31
-      '@vue/shared': 3.2.31
-      estree-walker: 2.0.2
-      magic-string: 0.25.9
-    dev: true
-
   /@vue/reactivity-transform/3.2.36:
     resolution:
       { integrity: sha512-Jk5o2BhpODC9XTA7o4EL8hSJ4JyrFWErLtClG3NH8wDS7ri9jBDWxI7/549T7JY9uilKsaNM+4pJASLj5dtRwA== }
     dependencies:
-      '@babel/parser': 7.18.8
+      '@babel/parser': 7.18.13
       '@vue/compiler-core': 3.2.36
       '@vue/shared': 3.2.36
       estree-walker: 2.0.2
@@ -8069,7 +8136,7 @@ packages:
     resolution:
       { integrity: sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg== }
     dependencies:
-      '@babel/parser': 7.18.8
+      '@babel/parser': 7.18.13
       '@vue/compiler-core': 3.2.37
       '@vue/shared': 3.2.37
       estree-walker: 2.0.2
@@ -8081,12 +8148,6 @@ packages:
     dependencies:
       '@vue/shared': 3.2.36
 
-  /@vue/reactivity/3.2.37:
-    resolution:
-      { integrity: sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A== }
-    dependencies:
-      '@vue/shared': 3.2.37
-
   /@vue/runtime-core/3.2.36:
     resolution:
       { integrity: sha512-PTWBD+Lub+1U3/KhbCExrfxyS14hstLX+cBboxVHaz+kXoiDLNDEYAovPtxeTutbqtClIXtft+wcGdC+FUQ9qQ== }
@@ -8094,13 +8155,6 @@ packages:
       '@vue/reactivity': 3.2.36
       '@vue/shared': 3.2.36
 
-  /@vue/runtime-core/3.2.37:
-    resolution:
-      { integrity: sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ== }
-    dependencies:
-      '@vue/reactivity': 3.2.37
-      '@vue/shared': 3.2.37
-
   /@vue/runtime-dom/3.2.36:
     resolution:
       { integrity: sha512-gYPYblm7QXHVuBohqNRRT7Wez0f2Mx2D40rb4fleehrJU9CnkjG0phhcGEZFfGwCmHZRqBCRgbFWE98bPULqkg== }
@@ -8109,14 +8163,6 @@ packages:
       '@vue/shared': 3.2.36
       csstype: 2.6.20
 
-  /@vue/runtime-dom/3.2.37:
-    resolution:
-      { integrity: sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw== }
-    dependencies:
-      '@vue/runtime-core': 3.2.37
-      '@vue/shared': 3.2.37
-      csstype: 2.6.20
-
   /@vue/server-renderer/3.2.36_vue@3.2.36:
     resolution:
       { integrity: sha512-uZE0+jfye6yYXWvAQYeHZv+f50sRryvy16uiqzk3jn8hEY8zTjI+rzlmZSGoE915k+W/Ol9XSw6vxOUD8dGkUg== }
@@ -8127,21 +8173,6 @@ packages:
       '@vue/shared': 3.2.36
       vue: 3.2.36
 
-  /@vue/server-renderer/3.2.37_vue@3.2.37:
-    resolution:
-      { integrity: sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA== }
-    peerDependencies:
-      vue: 3.2.37
-    dependencies:
-      '@vue/compiler-ssr': 3.2.37
-      '@vue/shared': 3.2.37
-      vue: 3.2.37
-
-  /@vue/shared/3.2.31:
-    resolution:
-      { integrity: sha512-ymN2pj6zEjiKJZbrf98UM2pfDd6F2H7ksKw7NDt/ZZ1fh5Ei39X5tABugtT03ZRlWd9imccoK0hE8hpjpU7irQ== }
-    dev: true
-
   /@vue/shared/3.2.36:
     resolution:
       { integrity: sha512-JtB41wXl7Au3+Nl3gD16Cfpj7k/6aCroZ6BbOiCMFCMvrOpkg/qQUXTso2XowaNqBbnkuGHurLAqkLBxNGc1hQ== }
@@ -8159,15 +8190,6 @@ packages:
       vue: 3.2.36
     dev: true
 
-  /@vue/test-utils/2.0.2_vue@3.2.37:
-    resolution:
-      { integrity: sha512-E2P4oXSaWDqTZNbmKZFVLrNN/siVN78YkEqs7pHryWerrlZR9bBFLWdJwRoguX45Ru6HxIflzKl4vQvwRMwm5g== }
-    peerDependencies:
-      vue: ^3.0.1
-    dependencies:
-      vue: 3.2.37
-    dev: true
-
   /@webassemblyjs/ast/1.11.1:
     resolution:
       { integrity: sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw== }
@@ -8496,22 +8518,13 @@ packages:
       acorn-walk: 7.2.0
     dev: true
 
-  /acorn-import-assertions/1.8.0_acorn@8.7.1:
+  /acorn-import-assertions/1.8.0_acorn@8.8.0:
     resolution:
       { integrity: sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw== }
     peerDependencies:
       acorn: ^8
     dependencies:
-      acorn: 8.7.1
-    dev: true
-
-  /acorn-jsx/5.3.2_acorn@8.7.1:
-    resolution:
-      { integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ== }
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      acorn: 8.7.1
+      acorn: 8.8.0
     dev: true
 
   /acorn-jsx/5.3.2_acorn@8.8.0:
@@ -8559,7 +8572,6 @@ packages:
       { integrity: sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w== }
     engines: { node: '>=0.4.0' }
     hasBin: true
-    dev: true
 
   /address/1.2.0:
     resolution:
@@ -9191,13 +9203,13 @@ packages:
     transitivePeerDependencies:
       - debug
 
-  /babel-core/7.0.0-bridge.0_@babel+core@7.18.6:
+  /babel-core/7.0.0-bridge.0_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg== }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
     dev: true
 
   /babel-jest/27.5.1_@babel+core@7.18.6:
@@ -9239,7 +9251,7 @@ packages:
       - supports-color
     dev: true
 
-  /babel-loader/8.2.5_hdaic33o4wf65p5shr3xepeg4m:
+  /babel-loader/8.2.5_li4tts7salxwv3rbqjnooz7t7e:
     resolution:
       { integrity: sha512-OSiFfH89LrEMiWd4pLNqGz4CwJDtbs2ZVc+iGu2HrkRfPxId9F2anQj38IxWpmRfsUY0aBZYi1EFcd3mhtRMLQ== }
     engines: { node: '>= 8.9' }
@@ -9247,23 +9259,7 @@ packages:
       '@babel/core': ^7.0.0
       webpack: '>=2'
     dependencies:
-      '@babel/core': 7.18.6
-      find-cache-dir: 3.3.2
-      loader-utils: 2.0.2
-      make-dir: 3.1.0
-      schema-utils: 2.7.1
-      webpack: 5.72.0
-    dev: true
-
-  /babel-loader/8.2.5_xcbjw3zjektbxpb7yraegegdpi:
-    resolution:
-      { integrity: sha512-OSiFfH89LrEMiWd4pLNqGz4CwJDtbs2ZVc+iGu2HrkRfPxId9F2anQj38IxWpmRfsUY0aBZYi1EFcd3mhtRMLQ== }
-    engines: { node: '>= 8.9' }
-    peerDependencies:
-      '@babel/core': ^7.0.0
-      webpack: '>=2'
-    dependencies:
-      '@babel/core': 7.18.6
+      '@babel/core': 7.18.13
       find-cache-dir: 3.3.2
       loader-utils: 2.0.2
       make-dir: 3.1.0
@@ -9271,6 +9267,22 @@ packages:
       webpack: 4.46.0
     dev: true
 
+  /babel-loader/8.2.5_tb6moc662p5idmcg3l5ipbhpta:
+    resolution:
+      { integrity: sha512-OSiFfH89LrEMiWd4pLNqGz4CwJDtbs2ZVc+iGu2HrkRfPxId9F2anQj38IxWpmRfsUY0aBZYi1EFcd3mhtRMLQ== }
+    engines: { node: '>= 8.9' }
+    peerDependencies:
+      '@babel/core': ^7.0.0
+      webpack: '>=2'
+    dependencies:
+      '@babel/core': 7.18.13
+      find-cache-dir: 3.3.2
+      loader-utils: 2.0.2
+      make-dir: 3.1.0
+      schema-utils: 2.7.1
+      webpack: 5.74.0
+    dev: true
+
   /babel-plugin-apply-mdx-type-prop/1.6.22_@babel+core@7.12.9:
     resolution:
       { integrity: sha512-VefL+8o+F/DfK24lPZMtJctrCVOfgbqLAGZSkxwhazQv4VxPg3Za/i40fu22KR2m8eEda+IfSOlPLUSIiLcnCQ== }
@@ -9342,54 +9354,54 @@ packages:
       resolve: 1.22.1
     dev: true
 
-  /babel-plugin-polyfill-corejs2/0.3.2_@babel+core@7.18.6:
+  /babel-plugin-polyfill-corejs2/0.3.2_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-LPnodUl3lS0/4wN3Rb+m+UK8s7lj2jcLRrjho4gLw+OJs+I4bvGXshINesY5xx/apM+biTnQ9reDI8yj+0M5+Q== }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/compat-data': 7.18.8
-      '@babel/core': 7.18.6
-      '@babel/helper-define-polyfill-provider': 0.3.2_@babel+core@7.18.6
+      '@babel/compat-data': 7.18.13
+      '@babel/core': 7.18.13
+      '@babel/helper-define-polyfill-provider': 0.3.2_@babel+core@7.18.13
       semver: 6.3.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-corejs3/0.1.7_@babel+core@7.18.6:
+  /babel-plugin-polyfill-corejs3/0.1.7_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-u+gbS9bbPhZWEeyy1oR/YaaSpod/KDT07arZHb80aTpl8H5ZBq+uN1nN9/xtX7jQyfLdPfoqI4Rue/MQSWJquw== }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-define-polyfill-provider': 0.1.5_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-define-polyfill-provider': 0.1.5_@babel+core@7.18.13
       core-js-compat: 3.25.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-corejs3/0.5.3_@babel+core@7.18.6:
+  /babel-plugin-polyfill-corejs3/0.5.3_@babel+core@7.18.13:
     resolution:
       { integrity: sha512-zKsXDh0XjnrUEW0mxIHLfjBfnXSMr5Q/goMe/fxpQnLm07mcOZiIZHBNWCMx60HmdvjxfXcalac0tfFg0wqxyw== }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-define-polyfill-provider': 0.3.2_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-define-polyfill-provider': 0.3.2_@babel+core@7.18.13
       core-js-compat: 3.25.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-regenerator/0.3.1_@babel+core@7.18.6:
+  /babel-plugin-polyfill-regenerator/0.4.0_@babel+core@7.18.13:
     resolution:
-      { integrity: sha512-Y2B06tvgHYt1x0yz17jGkGeeMr5FeKUu+ASJ+N6nB5lQ8Dapfg42i0OVrf8PNGJ3zKL4A23snMi1IRwrqqND7A== }
+      { integrity: sha512-RW1cnryiADFeHmfLS+WW/G431p1PsW5qdRdz0SDRi7TKcUgc7Oh/uXkT7MZ/+tGsT1BkczEAmD5XjUyJ5SWDTw== }
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/helper-define-polyfill-provider': 0.3.2_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/helper-define-polyfill-provider': 0.3.2_@babel+core@7.18.13
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -9568,7 +9580,6 @@ packages:
   /bindings/1.5.0:
     resolution:
       { integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ== }
-    requiresBuild: true
     dependencies:
       file-uri-to-path: 1.0.0
     dev: true
@@ -11143,24 +11154,6 @@ packages:
       webpack: 4.46.0
     dev: true
 
-  /css-loader/6.7.1_webpack@5.72.0:
-    resolution:
-      { integrity: sha512-yB5CNFa14MbPJcomwNh3wLThtkZgcNyI2bNMRt8iE5Z8Vwl7f8vQXFAzn2HDOJvtDq2NTZBUGMSUNNyrv3/+cw== }
-    engines: { node: '>= 12.13.0' }
-    peerDependencies:
-      webpack: ^5.0.0
-    dependencies:
-      icss-utils: 5.1.0_postcss@8.4.14
-      postcss: 8.4.14
-      postcss-modules-extract-imports: 3.0.0_postcss@8.4.14
-      postcss-modules-local-by-default: 4.0.0_postcss@8.4.14
-      postcss-modules-scope: 3.0.0_postcss@8.4.14
-      postcss-modules-values: 4.0.0_postcss@8.4.14
-      postcss-value-parser: 4.2.0
-      semver: 7.3.7
-      webpack: 5.72.0
-    dev: true
-
   /css-select/4.3.0:
     resolution:
       { integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ== }
@@ -12115,6 +12108,7 @@ packages:
     cpu: [x64]
     os: [android]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-android-arm64/0.14.49:
@@ -12124,6 +12118,7 @@ packages:
     cpu: [arm64]
     os: [android]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-darwin-64/0.14.49:
@@ -12133,6 +12128,7 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-darwin-arm64/0.14.49:
@@ -12142,6 +12138,7 @@ packages:
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-freebsd-64/0.14.49:
@@ -12151,6 +12148,7 @@ packages:
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-freebsd-arm64/0.14.49:
@@ -12160,6 +12158,7 @@ packages:
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-linux-32/0.14.49:
@@ -12169,6 +12168,7 @@ packages:
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-linux-64/0.14.49:
@@ -12178,6 +12178,7 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-linux-arm/0.14.49:
@@ -12187,6 +12188,7 @@ packages:
     cpu: [arm]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-linux-arm64/0.14.49:
@@ -12196,6 +12198,7 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-linux-mips64le/0.14.49:
@@ -12205,6 +12208,7 @@ packages:
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-linux-ppc64le/0.14.49:
@@ -12214,6 +12218,7 @@ packages:
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-linux-riscv64/0.14.49:
@@ -12223,6 +12228,7 @@ packages:
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-linux-s390x/0.14.49:
@@ -12232,6 +12238,7 @@ packages:
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-netbsd-64/0.14.49:
@@ -12241,6 +12248,7 @@ packages:
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-openbsd-64/0.14.49:
@@ -12250,6 +12258,7 @@ packages:
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-sunos-64/0.14.49:
@@ -12259,6 +12268,7 @@ packages:
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-windows-32/0.14.49:
@@ -12268,6 +12278,7 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-windows-64/0.14.49:
@@ -12277,6 +12288,7 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild-windows-arm64/0.14.49:
@@ -12286,6 +12298,7 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
+    dev: true
     optional: true
 
   /esbuild/0.14.49:
@@ -12315,6 +12328,7 @@ packages:
       esbuild-windows-32: 0.14.49
       esbuild-windows-64: 0.14.49
       esbuild-windows-arm64: 0.14.49
+    dev: true
 
   /escalade/3.1.1:
     resolution:
@@ -12524,7 +12538,7 @@ packages:
     engines: { node: ^12.22.0 || ^14.17.0 || >=16.0.0 }
     hasBin: true
     dependencies:
-      '@eslint/eslintrc': 1.3.0
+      '@eslint/eslintrc': 1.3.1
       '@humanwhocodes/config-array': 0.9.5
       ajv: 6.12.6
       chalk: 4.1.2
@@ -12536,14 +12550,14 @@ packages:
       eslint-scope: 7.1.1
       eslint-utils: 3.0.0_eslint@8.4.1
       eslint-visitor-keys: 3.3.0
-      espree: 9.3.2
+      espree: 9.4.0
       esquery: 1.4.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
       file-entry-cache: 6.0.1
       functional-red-black-tree: 1.0.1
       glob-parent: 6.0.2
-      globals: 13.16.0
+      globals: 13.17.0
       ignore: 4.0.6
       import-fresh: 3.3.0
       imurmurhash: 0.1.4
@@ -12576,18 +12590,8 @@ packages:
       { integrity: sha512-oP3utRkynpZWF/F2x/HZJ+AGtnIclaR7z1pYPxy7NYM2fSO6LgK/Rkny8anRSPK/VwEA1eqm2squui0T7ZMOBg== }
     engines: { node: ^12.22.0 || ^14.17.0 || >=16.0.0 }
     dependencies:
-      acorn: 8.7.1
-      acorn-jsx: 5.3.2_acorn@8.7.1
-      eslint-visitor-keys: 3.3.0
-    dev: true
-
-  /espree/9.3.2:
-    resolution:
-      { integrity: sha512-D211tC7ZwouTIuY5x9XnS0E9sWNChB7IYKX/Xp5eQj3nFXhqmiUDB9q27y76oFl8jTg3pXcQx/bpxMfs3CIZbA== }
-    engines: { node: ^12.22.0 || ^14.17.0 || >=16.0.0 }
-    dependencies:
-      acorn: 8.7.1
-      acorn-jsx: 5.3.2_acorn@8.7.1
+      acorn: 8.8.0
+      acorn-jsx: 5.3.2_acorn@8.8.0
       eslint-visitor-keys: 3.3.0
     dev: true
 
@@ -13090,7 +13094,6 @@ packages:
   /file-uri-to-path/1.0.0:
     resolution:
       { integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw== }
-    requiresBuild: true
     dev: true
     optional: true
 
@@ -13222,9 +13225,9 @@ packages:
       { integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ== }
     dev: true
 
-  /flow-parser/0.185.2:
+  /flow-parser/0.186.0:
     resolution:
-      { integrity: sha512-2hJ5ACYeJCzNtiVULov6pljKOLygy0zddoqSI1fFetM+XRPpRshFdGEijtqlamA1XwyZ+7rhryI6FQFzvtLWUQ== }
+      { integrity: sha512-QaPJczRxNc/yvp3pawws439VZ/vHGq+i1/mZ3bEdSaRy8scPgZgiWklSB6jN7y5NR9sfgL4GGIiBcMXTj3Opqg== }
     engines: { node: '>=0.4.0' }
     dev: true
 
@@ -13276,7 +13279,7 @@ packages:
       signal-exit: 3.0.7
     dev: true
 
-  /fork-ts-checker-webpack-plugin/4.1.6_nsd4r6eogdup74sdidtzttwbxi:
+  /fork-ts-checker-webpack-plugin/4.1.6_dvmr7237w4nbgagxzx7pybrm5y:
     resolution:
       { integrity: sha512-DUxuQaKoqfNne8iikd14SAkh5uw4+8vNifp6gmA73yYNS6ywLIWSLD/n/mBzHQRpW3J7rbATEakmiA8JvkTyZw== }
     engines: { node: '>=6.11.5', yarn: '>=1.0.0' }
@@ -13297,14 +13300,14 @@ packages:
       minimatch: 3.1.2
       semver: 5.7.1
       tapable: 1.1.3
-      typescript: 4.5.2
+      typescript: 4.7.3
       webpack: 4.46.0
       worker-rpc: 0.1.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /fork-ts-checker-webpack-plugin/6.5.2_nsd4r6eogdup74sdidtzttwbxi:
+  /fork-ts-checker-webpack-plugin/6.5.2_dvmr7237w4nbgagxzx7pybrm5y:
     resolution:
       { integrity: sha512-m5cUmF30xkZ7h4tWUgTAcEaKmUW7tfyUyTqNNOz7OxWJ0v1VWKTcOvH8FWHUwSjlW/356Ijc9vi3XfcPstpQKA== }
     engines: { node: '>=10', yarn: '>=1.0.0' }
@@ -13332,7 +13335,7 @@ packages:
       schema-utils: 2.7.0
       semver: 7.3.7
       tapable: 1.1.3
-      typescript: 4.5.2
+      typescript: 4.7.3
       webpack: 4.46.0
     dev: true
 
@@ -13788,14 +13791,6 @@ packages:
     engines: { node: '>=4' }
     dev: true
 
-  /globals/13.16.0:
-    resolution:
-      { integrity: sha512-A1lrQfpNF+McdPOnnFqY3kSN0AFTy485bTi1bkLk4mVPODIUEcSfhHgRqA+QdXPksrSTTztYXx37NFV+GpGk3Q== }
-    engines: { node: '>=8' }
-    dependencies:
-      type-fest: 0.20.2
-    dev: true
-
   /globals/13.17.0:
     resolution:
       { integrity: sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw== }
@@ -14438,6 +14433,7 @@ packages:
       postcss: ^8.1.0
     dependencies:
       postcss: 8.4.14
+    dev: false
 
   /ieee754/1.1.13:
     resolution:
@@ -15749,7 +15745,7 @@ packages:
     dependencies:
       '@jest/types': 26.6.2
       '@types/graceful-fs': 4.1.5
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
       anymatch: 3.1.2
       fb-watchman: 2.0.1
       graceful-fs: 4.2.10
@@ -16153,7 +16149,7 @@ packages:
       { integrity: sha512-S5wqyz0DXnNJPd/xfIzZ5Xnp1HrJWBczg8mMfMpN78OJ5eDxXyf+Ygld9wX1DnUWbIbhM1YDY95NjR4CBXkb2g== }
     engines: { node: '>= 10.14.2' }
     dependencies:
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
       graceful-fs: 4.2.10
     dev: true
 
@@ -16235,7 +16231,7 @@ packages:
     engines: { node: '>= 10.14.2' }
     dependencies:
       '@jest/types': 26.6.2
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
       chalk: 4.1.2
       graceful-fs: 4.2.10
       is-ci: 2.0.0
@@ -16328,7 +16324,7 @@ packages:
       { integrity: sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ== }
     engines: { node: '>= 10.13.0' }
     dependencies:
-      '@types/node': 18.0.4
+      '@types/node': 18.7.14
       merge-stream: 2.0.0
       supports-color: 7.2.0
 
@@ -16337,7 +16333,7 @@ packages:
       { integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg== }
     engines: { node: '>= 10.13.0' }
     dependencies:
-      '@types/node': 16.11.9
+      '@types/node': 18.7.14
       merge-stream: 2.0.0
       supports-color: 8.1.1
     dev: true
@@ -16490,26 +16486,26 @@ packages:
     resolution:
       { integrity: sha512-aBE4n43IPvjaddScbvWRA2YlTzKEynHzu7MqOyTipdHucf/VxS63ViCjxYRg86M8Rxwbt/GfzHl1kKERkt45fQ== }
 
-  /jscodeshift/0.13.1_@babel+preset-env@7.16.11:
+  /jscodeshift/0.13.1_@babel+preset-env@7.18.10:
     resolution:
       { integrity: sha512-lGyiEbGOvmMRKgWk4vf+lUrCWO/8YR8sUR3FKF1Cq5fovjZDlIcw3Hu5ppLHAnEXshVffvaM0eyuY/AbOeYpnQ== }
     hasBin: true
     peerDependencies:
       '@babel/preset-env': ^7.1.6
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/parser': 7.18.8
-      '@babel/plugin-proposal-class-properties': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6_@babel+core@7.18.6
-      '@babel/plugin-proposal-optional-chaining': 7.18.9_@babel+core@7.18.6
-      '@babel/plugin-transform-modules-commonjs': 7.18.6_@babel+core@7.18.6
-      '@babel/preset-env': 7.16.11_@babel+core@7.18.6
-      '@babel/preset-flow': 7.18.6_@babel+core@7.18.6
-      '@babel/preset-typescript': 7.18.6_@babel+core@7.18.6
-      '@babel/register': 7.18.9_@babel+core@7.18.6
-      babel-core: 7.0.0-bridge.0_@babel+core@7.18.6
+      '@babel/core': 7.18.13
+      '@babel/parser': 7.18.13
+      '@babel/plugin-proposal-class-properties': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6_@babel+core@7.18.13
+      '@babel/plugin-proposal-optional-chaining': 7.18.9_@babel+core@7.18.13
+      '@babel/plugin-transform-modules-commonjs': 7.18.6_@babel+core@7.18.13
+      '@babel/preset-env': 7.18.10_@babel+core@7.18.13
+      '@babel/preset-flow': 7.18.6_@babel+core@7.18.13
+      '@babel/preset-typescript': 7.18.6_@babel+core@7.18.13
+      '@babel/register': 7.18.9_@babel+core@7.18.13
+      babel-core: 7.0.0-bridge.0_@babel+core@7.18.13
       chalk: 4.1.2
-      flow-parser: 0.185.2
+      flow-parser: 0.186.0
       graceful-fs: 4.2.10
       micromatch: 3.1.10
       neo-async: 2.6.2
@@ -18100,12 +18096,6 @@ packages:
       run-queue: 1.0.3
     dev: true
 
-  /mrmime/1.0.1:
-    resolution:
-      { integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw== }
-    engines: { node: '>=10' }
-    dev: true
-
   /ms/2.0.0:
     resolution:
       { integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A== }
@@ -18154,7 +18144,6 @@ packages:
   /nan/2.16.0:
     resolution:
       { integrity: sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA== }
-    requiresBuild: true
     dev: true
     optional: true
 
@@ -19490,12 +19479,12 @@ packages:
     engines: { node: '>=4.0.0' }
     dev: true
 
-  /pnp-webpack-plugin/1.6.4_typescript@4.5.2:
+  /pnp-webpack-plugin/1.6.4_typescript@4.7.3:
     resolution:
       { integrity: sha512-7Wjy+9E3WwLOEL30D+m8TSTF7qJJUJLONBnwQp0518siuMxUQUbgZwssaFX+QKlZkjHZcw/IpZCt/H0srrntSg== }
     engines: { node: '>=6' }
     dependencies:
-      ts-pnp: 1.2.0_typescript@4.5.2
+      ts-pnp: 1.2.0_typescript@4.7.3
     transitivePeerDependencies:
       - typescript
     dev: true
@@ -19705,6 +19694,7 @@ packages:
       postcss: ^8.1.0
     dependencies:
       postcss: 8.4.14
+    dev: false
 
   /postcss-modules-local-by-default/3.0.3:
     resolution:
@@ -19728,6 +19718,7 @@ packages:
       postcss: 8.4.14
       postcss-selector-parser: 6.0.10
       postcss-value-parser: 4.2.0
+    dev: false
 
   /postcss-modules-scope/2.2.0:
     resolution:
@@ -19747,6 +19738,7 @@ packages:
     dependencies:
       postcss: 8.4.14
       postcss-selector-parser: 6.0.10
+    dev: false
 
   /postcss-modules-values/3.0.0:
     resolution:
@@ -19765,6 +19757,7 @@ packages:
     dependencies:
       icss-utils: 5.1.0_postcss@8.4.14
       postcss: 8.4.14
+    dev: false
 
   /postcss-normalize-charset/5.1.0_postcss@8.4.14:
     resolution:
@@ -20543,13 +20536,13 @@ packages:
       minimist: 1.2.6
       strip-json-comments: 2.0.1
 
-  /react-docgen-typescript/2.2.2_typescript@4.5.2:
+  /react-docgen-typescript/2.2.2_typescript@4.7.3:
     resolution:
       { integrity: sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg== }
     peerDependencies:
       typescript: '>= 4.3.x'
     dependencies:
-      typescript: 4.5.2
+      typescript: 4.7.3
     dev: true
 
   /react-docgen/6.0.0-alpha.3:
@@ -20558,8 +20551,8 @@ packages:
     engines: { node: '>=12.0.0' }
     hasBin: true
     dependencies:
-      '@babel/core': 7.18.6
-      '@babel/generator': 7.18.7
+      '@babel/core': 7.18.13
+      '@babel/generator': 7.18.13
       ast-types: 0.14.2
       commander: 2.20.3
       doctrine: 3.0.0
@@ -20585,7 +20578,19 @@ packages:
       scheduler: 0.19.1
     dev: true
 
-  /react-inspector/5.1.1_react@16.14.0:
+  /react-dom/17.0.2_react@17.0.2:
+    resolution:
+      { integrity: sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA== }
+    peerDependencies:
+      react: 17.0.2
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react: 17.0.2
+      scheduler: 0.20.2
+    dev: true
+
+  /react-inspector/5.1.1_react@17.0.2:
     resolution:
       { integrity: sha512-GURDaYzoLbW8pMGXwYPDBIv6nqei4kK7LPRZ9q9HCZF54wqXz/dnylBp/kfE9XmekBhHvLDdcYeyIwSrvtOiWg== }
     peerDependencies:
@@ -20594,7 +20599,7 @@ packages:
       '@babel/runtime': 7.18.9
       is-dom: 1.1.0
       prop-types: 15.8.1
-      react: 16.14.0
+      react: 17.0.2
     dev: true
 
   /react-is/16.13.1:
@@ -20628,6 +20633,15 @@ packages:
       prop-types: 15.8.1
     dev: true
 
+  /react/17.0.2:
+    resolution:
+      { integrity: sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA== }
+    engines: { node: '>=0.10.0' }
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+    dev: true
+
   /read-pkg-up/1.0.1:
     resolution:
       { integrity: sha512-WD9MTlNtI55IwYUS27iHh9tK3YoIVhxis8yKhLpTqWtml739uXc9NWTpxoHkfZf3+DkCCsXox94/VWZniuZm6A== }
@@ -21368,31 +21382,6 @@ packages:
       postcss: 8.4.14
     dev: false
 
-  /sass-loader/13.0.2_webpack@5.72.0:
-    resolution:
-      { integrity: sha512-BbiqbVmbfJaWVeOOAu2o7DhYWtcNmTfvroVgFXa6k2hHheMxNAeDHLNoDy/Q5aoaVlz0LH+MbMktKwm9vN/j8Q== }
-    engines: { node: '>= 14.15.0' }
-    peerDependencies:
-      fibers: '>= 3.1.0'
-      node-sass: ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
-      sass: ^1.3.0
-      sass-embedded: '*'
-      webpack: ^5.0.0
-    peerDependenciesMeta:
-      fibers:
-        optional: true
-      node-sass:
-        optional: true
-      sass:
-        optional: true
-      sass-embedded:
-        optional: true
-    dependencies:
-      klona: 2.0.5
-      neo-async: 2.6.2
-      webpack: 5.72.0
-    dev: true
-
   /sass/1.43.4:
     resolution:
       { integrity: sha512-/ptG7KE9lxpGSYiXn7Ar+lKOv37xfWsZRtFYal2QHNigyVQDx685VFT/h7ejVr+R8w7H4tmUgtulsKl5YpveOg== }
@@ -21427,6 +21416,14 @@ packages:
       object-assign: 4.1.1
     dev: true
 
+  /scheduler/0.20.2:
+    resolution:
+      { integrity: sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ== }
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+    dev: true
+
   /schema-utils/1.0.0:
     resolution:
       { integrity: sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g== }
@@ -21708,16 +21705,6 @@ packages:
       semver: 7.0.0
     dev: true
 
-  /sirv/2.0.2:
-    resolution:
-      { integrity: sha512-4Qog6aE29nIjAOKe/wowFTxOdmbEZKb+3tsLljaBRzJwtqto0BChD2zzH0LhgCSXiI+V7X+Y45v14wBZQ1TK3w== }
-    engines: { node: '>= 10' }
-    dependencies:
-      '@polka/url': 1.0.0-next.21
-      mrmime: 1.0.1
-      totalist: 3.0.0
-    dev: true
-
   /sisteransi/1.0.5:
     resolution:
       { integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg== }
@@ -22462,16 +22449,6 @@ packages:
       webpack: 4.46.0
     dev: true
 
-  /style-loader/3.3.1_webpack@5.72.0:
-    resolution:
-      { integrity: sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ== }
-    engines: { node: '>= 12.13.0' }
-    peerDependencies:
-      webpack: ^5.0.0
-    dependencies:
-      webpack: 5.72.0
-    dev: true
-
   /style-to-object/0.3.0:
     resolution:
       { integrity: sha512-CzFnRRXhzWIdItT3OmF8SQfWyahHhjq3HwcMNCNLn+N7klOOqPjMeG/4JSu77D7ypZdGvSzvkrbyeTMizz2VrA== }
@@ -22935,7 +22912,7 @@ packages:
       - bluebird
     dev: true
 
-  /terser-webpack-plugin/5.3.6_webpack@5.72.0:
+  /terser-webpack-plugin/5.3.6_webpack@5.74.0:
     resolution:
       { integrity: sha512-kfLFk+PoLUQIbLmB1+PZDMRSZS99Mp+/MHqDNmMA6tOItzRt+Npe3E+fsMs5mfcM0wCtrrdU387UnV+vnSffXQ== }
     engines: { node: '>= 10.13.0' }
@@ -22952,12 +22929,12 @@ packages:
       uglify-js:
         optional: true
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.14
+      '@jridgewell/trace-mapping': 0.3.15
       jest-worker: 27.5.1
       schema-utils: 3.1.1
       serialize-javascript: 6.0.0
       terser: 5.14.2
-      webpack: 5.72.0
+      webpack: 5.74.0
     dev: true
 
   /terser/4.8.1:
@@ -22966,7 +22943,7 @@ packages:
     engines: { node: '>=6.0.0' }
     hasBin: true
     dependencies:
-      acorn: 8.7.1
+      acorn: 8.8.0
       commander: 2.20.3
       source-map: 0.6.1
       source-map-support: 0.5.21
@@ -22979,7 +22956,7 @@ packages:
     hasBin: true
     dependencies:
       '@jridgewell/source-map': 0.3.2
-      acorn: 8.7.1
+      acorn: 8.8.0
       commander: 2.20.3
       source-map-support: 0.5.21
 
@@ -23179,12 +23156,6 @@ packages:
     engines: { node: '>=0.4.0' }
     dev: true
 
-  /totalist/3.0.0:
-    resolution:
-      { integrity: sha512-eM+pCBxXO/njtF7vdFsHuqb+ElbxqtI4r5EAvk6grfAFyJ6IvWlSkfZ5T9ozC6xWw3Fj1fGoSmrl0gUs46JVIw== }
-    engines: { node: '>=6' }
-    dev: true
-
   /touch/3.1.0:
     resolution:
       { integrity: sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA== }
@@ -23353,7 +23324,7 @@ packages:
       yargs-parser: 21.1.1
     dev: true
 
-  /ts-loader/8.4.0_x3ag2alrxtrovqdhtvz743erxe:
+  /ts-loader/8.4.0_6v7vfmkd6sh5yynqtgaaorgznq:
     resolution:
       { integrity: sha512-6nFY3IZ2//mrPc+ImY3hNWx1vCHyEhl6V+wLmL4CZcm6g1CqX7UKrkc6y0i4FwcfOhxyMPCfaEvh20f4r9GNpw== }
     engines: { node: '>=10.0.0' }
@@ -23366,8 +23337,8 @@ packages:
       loader-utils: 2.0.2
       micromatch: 4.0.5
       semver: 7.3.7
-      typescript: 4.5.2
-      webpack: 5.72.0
+      typescript: 4.7.3
+      webpack: 5.74.0
     dev: true
 
   /ts-map/1.0.3:
@@ -23449,7 +23420,7 @@ packages:
       yn: 3.1.1
     dev: true
 
-  /ts-pnp/1.2.0_typescript@4.5.2:
+  /ts-pnp/1.2.0_typescript@4.7.3:
     resolution:
       { integrity: sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw== }
     engines: { node: '>=6' }
@@ -23459,7 +23430,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      typescript: 4.5.2
+      typescript: 4.7.3
     dev: true
 
   /tsconfig/7.0.0:
@@ -24132,30 +24103,6 @@ packages:
       vite: 2.9.9_sass@1.43.4
     dev: true
 
-  /vite/2.9.9:
-    resolution:
-      { integrity: sha512-ffaam+NgHfbEmfw/Vuh6BHKKlI/XIAhxE5QSS7gFLIngxg171mg1P3a4LSRME0z2ZU1ScxoKzphkipcYwSD5Ew== }
-    engines: { node: '>=12.2.0' }
-    hasBin: true
-    peerDependencies:
-      less: '*'
-      sass: '*'
-      stylus: '*'
-    peerDependenciesMeta:
-      less:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-    dependencies:
-      esbuild: 0.14.49
-      postcss: 8.4.14
-      resolve: 1.22.1
-      rollup: 2.77.0
-    optionalDependencies:
-      fsevents: 2.3.2
-
   /vite/2.9.9_sass@1.43.4:
     resolution:
       { integrity: sha512-ffaam+NgHfbEmfw/Vuh6BHKKlI/XIAhxE5QSS7gFLIngxg171mg1P3a4LSRME0z2ZU1ScxoKzphkipcYwSD5Ew== }
@@ -24239,48 +24186,6 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.18.1_4dctpwuq6wm6e2nilfwb6wz7rm:
-    resolution:
-      { integrity: sha512-4F/1K/Vn4AvJwe7i2YblR02PT5vMKcw9KN4unDq2KD0YcSxX0B/6D6Qu9PJaXwVuxXMFTQ5ovd4+CQaW3bwofA== }
-    engines: { node: '>=v14.16.0' }
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@vitest/ui': '*'
-      c8: '*'
-      happy-dom: '*'
-      jsdom: '*'
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      c8:
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
-    dependencies:
-      '@types/chai': 4.3.1
-      '@types/chai-subset': 1.3.3
-      '@types/node': 18.0.4
-      '@vitest/ui': 0.22.1
-      c8: 7.12.0
-      chai: 4.3.6
-      debug: 4.3.4
-      local-pkg: 0.4.2
-      tinypool: 0.2.4
-      tinyspy: 1.0.0
-      vite: 3.0.2
-    transitivePeerDependencies:
-      - less
-      - sass
-      - stylus
-      - supports-color
-      - terser
-    dev: true
-
   /vitest/0.18.1_c8@7.12.0:
     resolution:
       { integrity: sha512-4F/1K/Vn4AvJwe7i2YblR02PT5vMKcw9KN4unDq2KD0YcSxX0B/6D6Qu9PJaXwVuxXMFTQ5ovd4+CQaW3bwofA== }
@@ -24410,11 +24315,11 @@ packages:
       vue: 3.2.36
     dev: true
 
-  /vue-docgen-api/4.52.0_vue@3.2.37:
+  /vue-docgen-api/4.52.0_vue@3.2.36:
     resolution:
       { integrity: sha512-2HSt9KLQ/ehJiwV4+6LgOjRqzh37vtUv6sKhSIp3CAPlwSd4/Bq2uvbs0+GJxdfrMnVquwY5DOavgNSEHsPA2w== }
     dependencies:
-      '@babel/parser': 7.18.8
+      '@babel/parser': 7.18.13
       '@babel/types': 7.18.13
       '@vue/compiler-dom': 3.2.37
       '@vue/compiler-sfc': 3.2.37
@@ -24424,12 +24329,12 @@ packages:
       pug: 3.0.2
       recast: 0.21.1
       ts-map: 1.0.3
-      vue-inbrowser-compiler-independent-utils: 4.52.0_vue@3.2.37
+      vue-inbrowser-compiler-independent-utils: 4.52.0_vue@3.2.36
     transitivePeerDependencies:
       - vue
     dev: true
 
-  /vue-docgen-loader/1.5.1_sx2vwv4fhewfcfcbfmmreozr6y:
+  /vue-docgen-loader/1.5.1_u6ntrrg6cu7c3fxorgftsbbb5m:
     resolution:
       { integrity: sha512-coMmQYsg+fy18SVtBNU7/tztdqEyrneFfwQFLmx8O7jaJ11VZ//9tRWXlwGzJM07cPRwMHDKMlAdWrpuw3U46A== }
     engines: { node: '>= 8.16' }
@@ -24438,11 +24343,11 @@ packages:
       webpack: '>=4'
     dependencies:
       clone: 2.1.2
-      jscodeshift: 0.13.1_@babel+preset-env@7.16.11
+      jscodeshift: 0.13.1_@babel+preset-env@7.18.10
       loader-utils: 1.4.0
       querystring: 0.2.0
-      vue-docgen-api: 4.52.0_vue@3.2.37
-      webpack: 5.72.0
+      vue-docgen-api: 4.52.0_vue@3.2.36
+      webpack: 5.74.0
     transitivePeerDependencies:
       - '@babel/preset-env'
       - supports-color
@@ -24480,30 +24385,16 @@ packages:
       '@vue/devtools-api': 6.2.1
       vue: 3.2.36
 
-  /vue-i18n/9.1.10_vue@3.2.37:
-    resolution:
-      { integrity: sha512-jpr7gV5KPk4n+sSPdpZT8Qx3XzTcNDWffRlHV/cT2NUyEf+sEgTTmLvnBAibjOFJ0zsUyZlVTAWH5DDnYep+1g== }
-    engines: { node: '>= 10' }
-    peerDependencies:
-      vue: ^3.0.0
-    dependencies:
-      '@intlify/core-base': 9.1.10
-      '@intlify/shared': 9.1.10
-      '@intlify/vue-devtools': 9.1.10
-      '@vue/devtools-api': 6.2.1
-      vue: 3.2.37
-    dev: false
-
-  /vue-inbrowser-compiler-independent-utils/4.52.0_vue@3.2.37:
+  /vue-inbrowser-compiler-independent-utils/4.52.0_vue@3.2.36:
     resolution:
       { integrity: sha512-r09DtBbHbCO/5Ns0UofB/orwX7pYaAJW12+c/cy4brTF06oeng6QbxX0XziiepMyf9E9q/lLa4gk8hlhmG4Zww== }
     peerDependencies:
       vue: '>=2'
     dependencies:
-      vue: 3.2.37
+      vue: 3.2.36
     dev: true
 
-  /vue-loader/16.8.3_6oodguqmvfajneapkegdgbg6h4:
+  /vue-loader/16.8.3_c7ar6g4aal2bzqrdtivuyudqmu:
     resolution:
       { integrity: sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA== }
     peerDependencies:
@@ -24516,12 +24407,12 @@ packages:
       vue:
         optional: true
     dependencies:
-      '@vue/compiler-sfc': 3.2.31
+      '@vue/compiler-sfc': 3.2.36
       chalk: 4.1.2
       hash-sum: 2.0.0
       loader-utils: 2.0.2
-      vue: 3.2.37
-      webpack: 5.72.0
+      vue: 3.2.36
+      webpack: 5.74.0
     dev: true
 
   /vue-router/4.0.15_vue@3.2.36:
@@ -24533,27 +24424,6 @@ packages:
       '@vue/devtools-api': 6.2.1
       vue: 3.2.36
 
-  /vue-router/4.0.15_vue@3.2.37:
-    resolution:
-      { integrity: sha512-xa+pIN9ZqORdIW1MkN2+d9Ui2pCM1b/UMgwYUCZOiFYHAvz/slKKBDha8DLrh5aCG/RibtrpyhKjKOZ85tYyWg== }
-    peerDependencies:
-      vue: ^3.2.0
-    dependencies:
-      '@vue/devtools-api': 6.2.1
-      vue: 3.2.37
-    dev: false
-
-  /vue-tsc/0.34.17_typescript@4.5.2:
-    resolution:
-      { integrity: sha512-jzUXky44ZLHC4daaJag7FQr3idlPYN719/K1eObGljz5KaS2UnVGTU/XSYCd7d6ampYYg4OsyalbHyJIxV0aEQ== }
-    hasBin: true
-    peerDependencies:
-      typescript: '*'
-    dependencies:
-      '@volar/vue-typescript': 0.34.17
-      typescript: 4.5.2
-    dev: true
-
   /vue/3.2.36:
     resolution:
       { integrity: sha512-5yTXmrE6gW8IQgttzHW5bfBiFA6mx35ZXHjGLDmKYzW6MMmYvCwuKybANRepwkMYeXw2v1buGg3/lPICY5YlZw== }
@@ -24564,16 +24434,6 @@ packages:
       '@vue/server-renderer': 3.2.36_vue@3.2.36
       '@vue/shared': 3.2.36
 
-  /vue/3.2.37:
-    resolution:
-      { integrity: sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ== }
-    dependencies:
-      '@vue/compiler-dom': 3.2.37
-      '@vue/compiler-sfc': 3.2.37
-      '@vue/runtime-dom': 3.2.37
-      '@vue/server-renderer': 3.2.37_vue@3.2.37
-      '@vue/shared': 3.2.37
-
   /vuedraggable/4.1.0_vue@3.2.36:
     resolution:
       { integrity: sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww== }
@@ -24797,9 +24657,9 @@ packages:
       - supports-color
     dev: true
 
-  /webpack/5.72.0:
+  /webpack/5.74.0:
     resolution:
-      { integrity: sha512-qmSmbspI0Qo5ld49htys8GY9XhS9CGqFoHTsOVAnjBdg0Zn79y135R+k4IR4rKK6+eKaabMhJwiVB7xw0SJu5w== }
+      { integrity: sha512-A2InDwnhhGN4LYctJj6M1JEaGL7Luj6LOmyBHjcI8529cm5p6VXiTIW2sn6ffvEAKmveLzvu4jrihwXtPojlAA== }
     engines: { node: '>=10.13.0' }
     hasBin: true
     peerDependencies:
@@ -24813,9 +24673,9 @@ packages:
       '@webassemblyjs/ast': 1.11.1
       '@webassemblyjs/wasm-edit': 1.11.1
       '@webassemblyjs/wasm-parser': 1.11.1
-      acorn: 8.7.1
-      acorn-import-assertions: 1.8.0_acorn@8.7.1
-      browserslist: 4.21.2
+      acorn: 8.8.0
+      acorn-import-assertions: 1.8.0_acorn@8.8.0
+      browserslist: 4.21.3
       chrome-trace-event: 1.0.3
       enhanced-resolve: 5.10.0
       es-module-lexer: 0.9.3
@@ -24823,13 +24683,13 @@ packages:
       events: 3.3.0
       glob-to-regexp: 0.4.1
       graceful-fs: 4.2.10
-      json-parse-better-errors: 1.0.2
+      json-parse-even-better-errors: 2.3.1
       loader-runner: 4.3.0
       mime-types: 2.1.35
       neo-async: 2.6.2
       schema-utils: 3.1.1
       tapable: 2.2.1
-      terser-webpack-plugin: 5.3.6_webpack@5.72.0
+      terser-webpack-plugin: 5.3.6_webpack@5.74.0
       watchpack: 2.4.0
       webpack-sources: 3.2.3
     transitivePeerDependencies: