diff --git a/packages/frontend/.storybook/generate.tsx b/packages/frontend/.storybook/generate.tsx
index 49304602d..b167f232e 100644
--- a/packages/frontend/.storybook/generate.tsx
+++ b/packages/frontend/.storybook/generate.tsx
@@ -305,30 +305,6 @@ function toStories(component: string): string {
 																												(
 																													<identifier name='args' />
 																												) as estree.Identifier,
-																												(
-																													<object-pattern
-																														properties={[
-																															(
-																																<property
-																																	key={
-																																		(
-																																			<identifier name='argTypes' />
-																																		) as estree.Identifier
-																																	}
-																																	value={
-																																		(
-																																			<identifier name='argTypes' />
-																																		) as estree.Identifier
-																																	}
-																																	kind={
-																																		'init' as const
-																																	}
-																																	shorthand
-																																/>
-																															) as estree.AssignmentProperty,
-																														]}
-																													/>
-																												) as estree.ObjectPattern,
 																											]}
 																											body={
 																												(
@@ -378,35 +354,123 @@ function toStories(component: string): string {
 																																						<property
 																																							key={
 																																								(
-																																									<identifier name='props' />
+																																									<identifier name='setup' />
 																																								) as estree.Identifier
 																																							}
 																																							value={
 																																								(
-																																									<call-expression
-																																										callee={
+																																									<function-expression
+																																										params={[]}
+																																										body={
 																																											(
-																																												<member-expression
-																																													object={
+																																												<block-statement
+																																													body={[
 																																														(
-																																															<identifier name='Object' />
+																																															<return-statement
+																																																argument={
+																																																	(
+																																																		<object-expression
+																																																			properties={[
+																																																				(
+																																																					<property
+																																																						key={
+																																																							(
+																																																								<identifier name='args' />
+																																																							) as estree.Identifier
+																																																						}
+																																																						value={
+																																																							(
+																																																								<identifier name='args' />
+																																																							) as estree.Identifier
+																																																						}
+																																																						kind={
+																																																							'init' as const
+																																																						}
+																																																						shorthand
+																																																					/>
+																																																				) as estree.Property,
+																																																			]}
+																																																		/>
+																																																	) as estree.ObjectExpression
+																																																}
+																																															/>
+																																														) as estree.ReturnStatement,
+																																													]}
+																																												/>
+																																											) as estree.BlockStatement
+																																										}
+																																									/>
+																																								) as estree.FunctionExpression
+																																							}
+																																							method
+																																							kind={
+																																								'init' as const
+																																							}
+																																						/>
+																																					) as estree.Property,
+																																					(
+																																						<property
+																																							key={
+																																								(
+																																									<identifier name='computed' />
+																																								) as estree.Identifier
+																																							}
+																																							value={
+																																								(
+																																									<object-expression
+																																										properties={[
+																																											(
+																																												<property
+																																													key={
+																																														(
+																																															<identifier name='props' />
 																																														) as estree.Identifier
 																																													}
-																																													property={
+																																													value={
 																																														(
-																																															<identifier name='keys' />
-																																														) as estree.Identifier
+																																															<function-expression
+																																																params={[]}
+																																																body={
+																																																	(
+																																																		<block-statement
+																																																			body={[
+																																																				(
+																																																					<return-statement
+																																																						argument={
+																																																							(
+																																																								<object-expression
+																																																									properties={[
+																																																										(
+																																																											<spread-element
+																																																												argument={
+																																																													(
+																																																														<identifier name='args' />
+																																																													) as estree.Identifier
+																																																												}
+																																																											/>
+																																																										) as estree.SpreadElement,
+																																																									]}
+																																																								/>
+																																																							) as estree.ObjectExpression
+																																																						}
+																																																					/>
+																																																				) as estree.ReturnStatement,
+																																																			]}
+																																																		/>
+																																																	) as estree.BlockStatement
+																																																}
+																																															/>
+																																														) as estree.FunctionExpression
+																																													}
+																																													method
+																																													kind={
+																																														'init' as const
 																																													}
 																																												/>
-																																											) as estree.MemberExpression
-																																										}
-																																										arguments={[
-																																											(
-																																												<identifier name='argTypes' />
-																																											) as estree.Identifier,
+																																											) as estree.Property,
 																																										]}
 																																									/>
-																																								) as estree.CallExpression
+																																								) as estree.ObjectExpression
 																																							}
 																																							kind={
 																																								'init' as const
@@ -423,7 +487,7 @@ function toStories(component: string): string {
 																																							value={
 																																								(
 																																									<literal
-																																										value={`<${identifier.name} v-bind="$props" />`}
+																																										value={`<${identifier.name} v-bind="props" />`}
 																																									/>
 																																								) as estree.Literal
 																																							}
diff --git a/packages/frontend/.storybook/main.ts b/packages/frontend/.storybook/main.ts
index d54c49362..90cc57536 100644
--- a/packages/frontend/.storybook/main.ts
+++ b/packages/frontend/.storybook/main.ts
@@ -8,6 +8,7 @@ const config = {
 		'@storybook/addon-links',
 		'@storybook/addon-essentials',
 		'@storybook/addon-interactions',
+		'@storybook/addon-storysource',
 		'../node_modules/storybook-addon-misskey-theme',
 	],
 	framework: {
@@ -22,10 +23,15 @@ const config = {
 	},
 	async viteFinal(config, options) {
 		const { plugins, build: { rollupOptions, ...build }, ...original } = getConfig();
+		console.dir(config, {depth:Infinity});
+		console.dir(original, {depth:Infinity});
 		const x = mergeConfig(config, {
 			...original,
 			build,
 			assetsInclude: [resolve(__dirname, '../node_modules/@tabler/icons-webfont/**/*.{css,eot,ttf,woff,woff2}')],
+			server: {
+				hmr: false,
+			},
 		});
 		return x;
 	},
diff --git a/packages/frontend/.storybook/preview.ts b/packages/frontend/.storybook/preview.ts
index 72e642189..291432db0 100644
--- a/packages/frontend/.storybook/preview.ts
+++ b/packages/frontend/.storybook/preview.ts
@@ -1,13 +1,18 @@
 import { addons } from '@storybook/addons';
 import { FORCE_REMOUNT } from '@storybook/core-events';
-import { type Preview, forceReRender, setup } from '@storybook/vue3';
+import { type Preview, setup } from '@storybook/vue3';
 import { initialize, mswDecorator } from 'msw-storybook-addon';
 import locale from './locale';
 import { commonHandlers, onUnhandledRequest } from './mocks';
 import themes from './themes';
 import '../src/style.scss';
 
-let initialized = false;
+// TODO: HMR が壊れているのを直す
+import.meta.hot.invalidate();
+
+const appInitialized = Symbol();
+
+let moduleInitialized = false;
 let unobserve = () => {};
 
 function loadTheme(applyTheme: typeof import('../src/scripts/theme')['applyTheme']) {
@@ -48,7 +53,11 @@ queueMicrotask(() => {
 		import('../src/scripts/theme'),
 	]).then(([{ default: components }, { default: directives }, { default: widgets }, { applyTheme }]) => {
 		setup((app) => {
-			initialized = true;
+			moduleInitialized = true;
+			if (app[appInitialized]) {
+				return;
+			}
+			app[appInitialized] = true;
 			loadTheme(applyTheme);
 			components(app);
 			directives(app);
@@ -59,17 +68,17 @@ queueMicrotask(() => {
 
 const preview = {
 	decorators: [
-		mswDecorator,
 		(Story, context) => {
 			const story = Story();
-			if (!initialized) {
+			if (!moduleInitialized) {
 				const channel = addons.getChannel();
 				(globalThis.requestIdleCallback || setTimeout)(() => {
 					channel.emit(FORCE_REMOUNT, { storyId: context.id });
 				});
 			}
 			return story;
-		}
+		},
+		mswDecorator,
 	],
 	parameters: {
 		msw: {
diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index 182585a87..06d90b524 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -72,21 +72,22 @@
 		"vuedraggable": "next"
 	},
 	"devDependencies": {
-		"@storybook/addon-essentials": "^7.0.0-rc.4",
-		"@storybook/addon-interactions": "^7.0.0-rc.4",
-		"@storybook/addon-links": "^7.0.0-rc.4",
+		"@storybook/addon-essentials": "7.0.0-rc.6",
+		"@storybook/addon-interactions": "7.0.0-rc.6",
+		"@storybook/addon-links": "7.0.0-rc.6",
+		"@storybook/addon-storysource": "7.0.0-rc.6",
 		"@storybook/addons": "7.0.0-rc.5",
-		"@storybook/blocks": "^7.0.0-rc.4",
-		"@storybook/core-events": "^7.0.0-rc.4",
-		"@storybook/manager-api": "^7.0.0-rc.4",
-		"@storybook/preview-api": "^7.0.0-rc.4",
-		"@storybook/react": "^7.0.0-rc.4",
-		"@storybook/react-vite": "^7.0.0-rc.4",
+		"@storybook/blocks": "7.0.0-rc.6",
+		"@storybook/core-events": "7.0.0-rc.6",
+		"@storybook/manager-api": "7.0.0-rc.6",
+		"@storybook/preview-api": "7.0.0-rc.6",
+		"@storybook/react": "7.0.0-rc.6",
+		"@storybook/react-vite": "7.0.0-rc.6",
 		"@storybook/testing-library": "^0.0.14-next.1",
-		"@storybook/theming": "^7.0.0-rc.4",
-		"@storybook/types": "^7.0.0-rc.4",
-		"@storybook/vue3": "^7.0.0-rc.4",
-		"@storybook/vue3-vite": "^7.0.0-rc.4",
+		"@storybook/theming": "7.0.0-rc.6",
+		"@storybook/types": "7.0.0-rc.6",
+		"@storybook/vue3": "7.0.0-rc.6",
+		"@storybook/vue3-vite": "7.0.0-rc.6",
 		"@testing-library/vue": "^6.6.1",
 		"@types/escape-regexp": "0.0.1",
 		"@types/estree": "^1.0.0",
@@ -119,7 +120,7 @@
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"start-server-and-test": "2.0.0",
-		"storybook": "^7.0.0-rc.4",
+		"storybook": "7.0.0-rc.6",
 		"storybook-addon-misskey-theme": "github:misskey-dev/storybook-addon-misskey-theme",
 		"summaly": "github:misskey-dev/summaly",
 		"vitest": "^0.29.2",
diff --git a/packages/frontend/src/components/MkAbuseReport.stories.ts b/packages/frontend/src/components/MkAbuseReport.stories.ts
index 7d97a6e7b..dac1b2793 100644
--- a/packages/frontend/src/components/MkAbuseReport.stories.ts
+++ b/packages/frontend/src/components/MkAbuseReport.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkAbuseReport,
 } satisfies Meta<typeof MkAbuseReport>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkAbuseReport,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkAbuseReport v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkAbuseReport v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkAbuseReportWindow.stories.ts b/packages/frontend/src/components/MkAbuseReportWindow.stories.ts
index 76ab111f4..acaf171e9 100644
--- a/packages/frontend/src/components/MkAbuseReportWindow.stories.ts
+++ b/packages/frontend/src/components/MkAbuseReportWindow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkAbuseReportWindow,
 } satisfies Meta<typeof MkAbuseReportWindow>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkAbuseReportWindow,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkAbuseReportWindow v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkAbuseReportWindow v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkAchievements.stories.ts b/packages/frontend/src/components/MkAchievements.stories.ts
index 8220dbcbb..492358ebc 100644
--- a/packages/frontend/src/components/MkAchievements.stories.ts
+++ b/packages/frontend/src/components/MkAchievements.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkAchievements,
 } satisfies Meta<typeof MkAchievements>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkAchievements,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkAchievements v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkAchievements v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkAsUi.stories.ts b/packages/frontend/src/components/MkAsUi.stories.ts
index 6965f4103..b27668655 100644
--- a/packages/frontend/src/components/MkAsUi.stories.ts
+++ b/packages/frontend/src/components/MkAsUi.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkAsUi,
 } satisfies Meta<typeof MkAsUi>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkAsUi,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkAsUi v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkAsUi v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkAutocomplete.stories.ts b/packages/frontend/src/components/MkAutocomplete.stories.ts
index f2bc0b837..2242bfde3 100644
--- a/packages/frontend/src/components/MkAutocomplete.stories.ts
+++ b/packages/frontend/src/components/MkAutocomplete.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkAutocomplete,
 } satisfies Meta<typeof MkAutocomplete>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkAutocomplete,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkAutocomplete v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkAutocomplete v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkAvatars.stories.ts b/packages/frontend/src/components/MkAvatars.stories.ts
index 289269193..71a40e5cc 100644
--- a/packages/frontend/src/components/MkAvatars.stories.ts
+++ b/packages/frontend/src/components/MkAvatars.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkAvatars,
 } satisfies Meta<typeof MkAvatars>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkAvatars,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkAvatars v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkAvatars v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkButton.stories.impl.ts b/packages/frontend/src/components/MkButton.stories.impl.ts
index 94bf1e39b..228af8f91 100644
--- a/packages/frontend/src/components/MkButton.stories.impl.ts
+++ b/packages/frontend/src/components/MkButton.stories.impl.ts
@@ -1,13 +1,27 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/* eslint-disable import/no-default-export */
+/* eslint-disable import/no-duplicates */
 import { StoryObj } from '@storybook/vue3';
 import MkButton from './MkButton.vue';
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkButton,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkButton v-bind="$props">Text</MkButton>',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkButton v-bind="props">Text</MkButton>',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkButton.stories.ts b/packages/frontend/src/components/MkButton.stories.ts
index c3da0d1a4..c85ce89e1 100644
--- a/packages/frontend/src/components/MkButton.stories.ts
+++ b/packages/frontend/src/components/MkButton.stories.ts
@@ -6,16 +6,30 @@ const meta = {
 	component: MkButton,
 } satisfies Meta<typeof MkButton>;
 export default meta;
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/* eslint-disable import/no-default-export */
+/* eslint-disable import/no-duplicates */
 import { StoryObj } from '@storybook/vue3';
 import MkButton from './MkButton.vue';
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkButton,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkButton v-bind="$props">Text</MkButton>',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkButton v-bind="props">Text</MkButton>',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkCaptcha.stories.ts b/packages/frontend/src/components/MkCaptcha.stories.ts
index f6d0648d8..78db7287a 100644
--- a/packages/frontend/src/components/MkCaptcha.stories.ts
+++ b/packages/frontend/src/components/MkCaptcha.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkCaptcha,
 } satisfies Meta<typeof MkCaptcha>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkCaptcha,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkCaptcha v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkCaptcha v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkChannelFollowButton.stories.ts b/packages/frontend/src/components/MkChannelFollowButton.stories.ts
index 461d6f2fd..8c7c31c56 100644
--- a/packages/frontend/src/components/MkChannelFollowButton.stories.ts
+++ b/packages/frontend/src/components/MkChannelFollowButton.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkChannelFollowButton,
 } satisfies Meta<typeof MkChannelFollowButton>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkChannelFollowButton,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkChannelFollowButton v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkChannelFollowButton v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkChannelPreview.stories.ts b/packages/frontend/src/components/MkChannelPreview.stories.ts
index 9ad2fe84a..aedeba110 100644
--- a/packages/frontend/src/components/MkChannelPreview.stories.ts
+++ b/packages/frontend/src/components/MkChannelPreview.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkChannelPreview,
 } satisfies Meta<typeof MkChannelPreview>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkChannelPreview,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkChannelPreview v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkChannelPreview v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkChart.stories.ts b/packages/frontend/src/components/MkChart.stories.ts
index 5cd72a480..d42adbe99 100644
--- a/packages/frontend/src/components/MkChart.stories.ts
+++ b/packages/frontend/src/components/MkChart.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkChart,
 } satisfies Meta<typeof MkChart>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkChart,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkChart v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkChart v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkChartLegend.stories.ts b/packages/frontend/src/components/MkChartLegend.stories.ts
index ff21636c3..482f10c31 100644
--- a/packages/frontend/src/components/MkChartLegend.stories.ts
+++ b/packages/frontend/src/components/MkChartLegend.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkChartLegend,
 } satisfies Meta<typeof MkChartLegend>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkChartLegend,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkChartLegend v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkChartLegend v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkChartTooltip.stories.ts b/packages/frontend/src/components/MkChartTooltip.stories.ts
index 69555e9dd..49cccaa5b 100644
--- a/packages/frontend/src/components/MkChartTooltip.stories.ts
+++ b/packages/frontend/src/components/MkChartTooltip.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkChartTooltip,
 } satisfies Meta<typeof MkChartTooltip>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkChartTooltip,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkChartTooltip v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkChartTooltip v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkCheckbox.stories.ts b/packages/frontend/src/components/MkCheckbox.stories.ts
index 4cfed2609..315ba320a 100644
--- a/packages/frontend/src/components/MkCheckbox.stories.ts
+++ b/packages/frontend/src/components/MkCheckbox.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkCheckbox,
 } satisfies Meta<typeof MkCheckbox>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkCheckbox,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkCheckbox v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkCheckbox v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkClickerGame.stories.ts b/packages/frontend/src/components/MkClickerGame.stories.ts
index 750b979f6..7b8f5165f 100644
--- a/packages/frontend/src/components/MkClickerGame.stories.ts
+++ b/packages/frontend/src/components/MkClickerGame.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkClickerGame,
 } satisfies Meta<typeof MkClickerGame>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkClickerGame,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkClickerGame v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkClickerGame v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkClipPreview.stories.ts b/packages/frontend/src/components/MkClipPreview.stories.ts
index 02ec124cf..a941c3612 100644
--- a/packages/frontend/src/components/MkClipPreview.stories.ts
+++ b/packages/frontend/src/components/MkClipPreview.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkClipPreview,
 } satisfies Meta<typeof MkClipPreview>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkClipPreview,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkClipPreview v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkClipPreview v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkCode.core.stories.ts b/packages/frontend/src/components/MkCode.core.stories.ts
index 9498e4160..dc47abb6b 100644
--- a/packages/frontend/src/components/MkCode.core.stories.ts
+++ b/packages/frontend/src/components/MkCode.core.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkCode_core,
 } satisfies Meta<typeof MkCode_core>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkCode_core,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkCode_core v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkCode_core v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkCode.stories.ts b/packages/frontend/src/components/MkCode.stories.ts
index 5d9ebec74..94b8af9cd 100644
--- a/packages/frontend/src/components/MkCode.stories.ts
+++ b/packages/frontend/src/components/MkCode.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkCode,
 } satisfies Meta<typeof MkCode>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkCode,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkCode v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkCode v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkContainer.stories.ts b/packages/frontend/src/components/MkContainer.stories.ts
index 5d8b4891c..3b2da66f2 100644
--- a/packages/frontend/src/components/MkContainer.stories.ts
+++ b/packages/frontend/src/components/MkContainer.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkContainer,
 } satisfies Meta<typeof MkContainer>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkContainer,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkContainer v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkContainer v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkContextMenu.stories.ts b/packages/frontend/src/components/MkContextMenu.stories.ts
index 46b8ae124..37cc68c7b 100644
--- a/packages/frontend/src/components/MkContextMenu.stories.ts
+++ b/packages/frontend/src/components/MkContextMenu.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkContextMenu,
 } satisfies Meta<typeof MkContextMenu>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkContextMenu,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkContextMenu v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkContextMenu v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkCropperDialog.stories.ts b/packages/frontend/src/components/MkCropperDialog.stories.ts
index 9e3808eae..a4ccf146c 100644
--- a/packages/frontend/src/components/MkCropperDialog.stories.ts
+++ b/packages/frontend/src/components/MkCropperDialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkCropperDialog,
 } satisfies Meta<typeof MkCropperDialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkCropperDialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkCropperDialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkCropperDialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkCwButton.stories.ts b/packages/frontend/src/components/MkCwButton.stories.ts
index 16e1b0321..67d60052f 100644
--- a/packages/frontend/src/components/MkCwButton.stories.ts
+++ b/packages/frontend/src/components/MkCwButton.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkCwButton,
 } satisfies Meta<typeof MkCwButton>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkCwButton,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkCwButton v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkCwButton v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkDateSeparatedList.stories.ts b/packages/frontend/src/components/MkDateSeparatedList.stories.ts
index 3d5b27e0c..f0f203b71 100644
--- a/packages/frontend/src/components/MkDateSeparatedList.stories.ts
+++ b/packages/frontend/src/components/MkDateSeparatedList.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkDateSeparatedList,
 } satisfies Meta<typeof MkDateSeparatedList>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkDateSeparatedList,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkDateSeparatedList v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkDateSeparatedList v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkDialog.stories.ts b/packages/frontend/src/components/MkDialog.stories.ts
index 9af7dad32..194e2c9cb 100644
--- a/packages/frontend/src/components/MkDialog.stories.ts
+++ b/packages/frontend/src/components/MkDialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkDialog,
 } satisfies Meta<typeof MkDialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkDialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkDialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkDialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkDigitalClock.stories.ts b/packages/frontend/src/components/MkDigitalClock.stories.ts
index cfe65bcfc..c99020c9e 100644
--- a/packages/frontend/src/components/MkDigitalClock.stories.ts
+++ b/packages/frontend/src/components/MkDigitalClock.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkDigitalClock,
 } satisfies Meta<typeof MkDigitalClock>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkDigitalClock,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkDigitalClock v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkDigitalClock v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkDonation.stories.ts b/packages/frontend/src/components/MkDonation.stories.ts
index b63ccc23e..7157b7e82 100644
--- a/packages/frontend/src/components/MkDonation.stories.ts
+++ b/packages/frontend/src/components/MkDonation.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkDonation,
 } satisfies Meta<typeof MkDonation>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkDonation,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkDonation v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkDonation v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkDrive.file.stories.ts b/packages/frontend/src/components/MkDrive.file.stories.ts
index 56b007cbe..17ba8df80 100644
--- a/packages/frontend/src/components/MkDrive.file.stories.ts
+++ b/packages/frontend/src/components/MkDrive.file.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkDrive_file,
 } satisfies Meta<typeof MkDrive_file>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkDrive_file,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkDrive_file v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkDrive_file v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkDrive.folder.stories.ts b/packages/frontend/src/components/MkDrive.folder.stories.ts
index 7c5514a29..74b810e31 100644
--- a/packages/frontend/src/components/MkDrive.folder.stories.ts
+++ b/packages/frontend/src/components/MkDrive.folder.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkDrive_folder,
 } satisfies Meta<typeof MkDrive_folder>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkDrive_folder,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkDrive_folder v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkDrive_folder v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkDrive.navFolder.stories.ts b/packages/frontend/src/components/MkDrive.navFolder.stories.ts
index cc7d93788..50272c4d8 100644
--- a/packages/frontend/src/components/MkDrive.navFolder.stories.ts
+++ b/packages/frontend/src/components/MkDrive.navFolder.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkDrive_navFolder,
 } satisfies Meta<typeof MkDrive_navFolder>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkDrive_navFolder,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkDrive_navFolder v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkDrive_navFolder v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkDrive.stories.ts b/packages/frontend/src/components/MkDrive.stories.ts
index d80015a57..3038312c3 100644
--- a/packages/frontend/src/components/MkDrive.stories.ts
+++ b/packages/frontend/src/components/MkDrive.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkDrive,
 } satisfies Meta<typeof MkDrive>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkDrive,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkDrive v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkDrive v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts b/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts
index 2efa600aa..6da7aab8c 100644
--- a/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts
+++ b/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkDriveFileThumbnail,
 } satisfies Meta<typeof MkDriveFileThumbnail>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkDriveFileThumbnail,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkDriveFileThumbnail v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkDriveFileThumbnail v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkDriveSelectDialog.stories.ts b/packages/frontend/src/components/MkDriveSelectDialog.stories.ts
index 00d23ad8f..b665516de 100644
--- a/packages/frontend/src/components/MkDriveSelectDialog.stories.ts
+++ b/packages/frontend/src/components/MkDriveSelectDialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkDriveSelectDialog,
 } satisfies Meta<typeof MkDriveSelectDialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkDriveSelectDialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkDriveSelectDialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkDriveSelectDialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkDriveWindow.stories.ts b/packages/frontend/src/components/MkDriveWindow.stories.ts
index c2054de12..b0f13f562 100644
--- a/packages/frontend/src/components/MkDriveWindow.stories.ts
+++ b/packages/frontend/src/components/MkDriveWindow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkDriveWindow,
 } satisfies Meta<typeof MkDriveWindow>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkDriveWindow,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkDriveWindow v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkDriveWindow v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkEmojiPicker.section.stories.ts b/packages/frontend/src/components/MkEmojiPicker.section.stories.ts
index 567ab0ca0..141a55f59 100644
--- a/packages/frontend/src/components/MkEmojiPicker.section.stories.ts
+++ b/packages/frontend/src/components/MkEmojiPicker.section.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkEmojiPicker_section,
 } satisfies Meta<typeof MkEmojiPicker_section>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkEmojiPicker_section,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkEmojiPicker_section v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkEmojiPicker_section v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkEmojiPicker.stories.ts b/packages/frontend/src/components/MkEmojiPicker.stories.ts
index 5811d0d1e..5980c9a47 100644
--- a/packages/frontend/src/components/MkEmojiPicker.stories.ts
+++ b/packages/frontend/src/components/MkEmojiPicker.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkEmojiPicker,
 } satisfies Meta<typeof MkEmojiPicker>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkEmojiPicker,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkEmojiPicker v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkEmojiPicker v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts b/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts
index dad27b0d5..db0900340 100644
--- a/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts
+++ b/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkEmojiPickerDialog,
 } satisfies Meta<typeof MkEmojiPickerDialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkEmojiPickerDialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkEmojiPickerDialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkEmojiPickerDialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts b/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts
index 39c5ca2b0..f56e5369a 100644
--- a/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts
+++ b/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkEmojiPickerWindow,
 } satisfies Meta<typeof MkEmojiPickerWindow>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkEmojiPickerWindow,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkEmojiPickerWindow v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkEmojiPickerWindow v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkFeaturedPhotos.stories.ts b/packages/frontend/src/components/MkFeaturedPhotos.stories.ts
index 9f4f2506b..489499990 100644
--- a/packages/frontend/src/components/MkFeaturedPhotos.stories.ts
+++ b/packages/frontend/src/components/MkFeaturedPhotos.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkFeaturedPhotos,
 } satisfies Meta<typeof MkFeaturedPhotos>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkFeaturedPhotos,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkFeaturedPhotos v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkFeaturedPhotos v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts b/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts
index c8f731bab..da29eb06c 100644
--- a/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts
+++ b/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkFileCaptionEditWindow,
 } satisfies Meta<typeof MkFileCaptionEditWindow>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkFileCaptionEditWindow,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkFileCaptionEditWindow v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkFileCaptionEditWindow v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkFileListForAdmin.stories.ts b/packages/frontend/src/components/MkFileListForAdmin.stories.ts
index 9f3b26100..a3fe97ee3 100644
--- a/packages/frontend/src/components/MkFileListForAdmin.stories.ts
+++ b/packages/frontend/src/components/MkFileListForAdmin.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkFileListForAdmin,
 } satisfies Meta<typeof MkFileListForAdmin>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkFileListForAdmin,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkFileListForAdmin v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkFileListForAdmin v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkFlashPreview.stories.ts b/packages/frontend/src/components/MkFlashPreview.stories.ts
index 951863c69..a87b58c7f 100644
--- a/packages/frontend/src/components/MkFlashPreview.stories.ts
+++ b/packages/frontend/src/components/MkFlashPreview.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkFlashPreview,
 } satisfies Meta<typeof MkFlashPreview>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkFlashPreview,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkFlashPreview v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkFlashPreview v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkFoldableSection.stories.ts b/packages/frontend/src/components/MkFoldableSection.stories.ts
index da65def88..20eab42e7 100644
--- a/packages/frontend/src/components/MkFoldableSection.stories.ts
+++ b/packages/frontend/src/components/MkFoldableSection.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkFoldableSection,
 } satisfies Meta<typeof MkFoldableSection>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkFoldableSection,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkFoldableSection v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkFoldableSection v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkFolder.stories.ts b/packages/frontend/src/components/MkFolder.stories.ts
index c426a6611..7086d2c6f 100644
--- a/packages/frontend/src/components/MkFolder.stories.ts
+++ b/packages/frontend/src/components/MkFolder.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkFolder,
 } satisfies Meta<typeof MkFolder>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkFolder,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkFolder v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkFolder v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkFollowButton.stories.ts b/packages/frontend/src/components/MkFollowButton.stories.ts
index 0e61cb36d..8b4ed2acf 100644
--- a/packages/frontend/src/components/MkFollowButton.stories.ts
+++ b/packages/frontend/src/components/MkFollowButton.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkFollowButton,
 } satisfies Meta<typeof MkFollowButton>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkFollowButton,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkFollowButton v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkFollowButton v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkForgotPassword.stories.ts b/packages/frontend/src/components/MkForgotPassword.stories.ts
index 4976670c9..50a82ec10 100644
--- a/packages/frontend/src/components/MkForgotPassword.stories.ts
+++ b/packages/frontend/src/components/MkForgotPassword.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkForgotPassword,
 } satisfies Meta<typeof MkForgotPassword>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkForgotPassword,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkForgotPassword v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkForgotPassword v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkFormDialog.stories.ts b/packages/frontend/src/components/MkFormDialog.stories.ts
index b63991185..7388e075c 100644
--- a/packages/frontend/src/components/MkFormDialog.stories.ts
+++ b/packages/frontend/src/components/MkFormDialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkFormDialog,
 } satisfies Meta<typeof MkFormDialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkFormDialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkFormDialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkFormDialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkGalleryPostPreview.stories.ts b/packages/frontend/src/components/MkGalleryPostPreview.stories.ts
index fc6b7ec0d..6b354e02b 100644
--- a/packages/frontend/src/components/MkGalleryPostPreview.stories.ts
+++ b/packages/frontend/src/components/MkGalleryPostPreview.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkGalleryPostPreview,
 } satisfies Meta<typeof MkGalleryPostPreview>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkGalleryPostPreview,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkGalleryPostPreview v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkGalleryPostPreview v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkGoogle.stories.ts b/packages/frontend/src/components/MkGoogle.stories.ts
index 1c15e263e..046b4bd65 100644
--- a/packages/frontend/src/components/MkGoogle.stories.ts
+++ b/packages/frontend/src/components/MkGoogle.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkGoogle,
 } satisfies Meta<typeof MkGoogle>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkGoogle,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkGoogle v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkGoogle v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkHeatmap.stories.ts b/packages/frontend/src/components/MkHeatmap.stories.ts
index 17bf874d0..1782029bf 100644
--- a/packages/frontend/src/components/MkHeatmap.stories.ts
+++ b/packages/frontend/src/components/MkHeatmap.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkHeatmap,
 } satisfies Meta<typeof MkHeatmap>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkHeatmap,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkHeatmap v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkHeatmap v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkImageViewer.stories.ts b/packages/frontend/src/components/MkImageViewer.stories.ts
index 19d50af61..8276b916a 100644
--- a/packages/frontend/src/components/MkImageViewer.stories.ts
+++ b/packages/frontend/src/components/MkImageViewer.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkImageViewer,
 } satisfies Meta<typeof MkImageViewer>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkImageViewer,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkImageViewer v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkImageViewer v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkImgWithBlurhash.stories.ts b/packages/frontend/src/components/MkImgWithBlurhash.stories.ts
index 6694a4aaf..b2693395b 100644
--- a/packages/frontend/src/components/MkImgWithBlurhash.stories.ts
+++ b/packages/frontend/src/components/MkImgWithBlurhash.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkImgWithBlurhash,
 } satisfies Meta<typeof MkImgWithBlurhash>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkImgWithBlurhash,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkImgWithBlurhash v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkImgWithBlurhash v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkInfo.stories.ts b/packages/frontend/src/components/MkInfo.stories.ts
index 886af9af8..99e46f95e 100644
--- a/packages/frontend/src/components/MkInfo.stories.ts
+++ b/packages/frontend/src/components/MkInfo.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkInfo,
 } satisfies Meta<typeof MkInfo>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkInfo,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkInfo v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkInfo v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkInput.stories.ts b/packages/frontend/src/components/MkInput.stories.ts
index e37211574..623473540 100644
--- a/packages/frontend/src/components/MkInput.stories.ts
+++ b/packages/frontend/src/components/MkInput.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkInput,
 } satisfies Meta<typeof MkInput>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkInput,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkInput v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkInput v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkInstanceCardMini.stories.ts b/packages/frontend/src/components/MkInstanceCardMini.stories.ts
index eeb72cd79..919948e64 100644
--- a/packages/frontend/src/components/MkInstanceCardMini.stories.ts
+++ b/packages/frontend/src/components/MkInstanceCardMini.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkInstanceCardMini,
 } satisfies Meta<typeof MkInstanceCardMini>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkInstanceCardMini,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkInstanceCardMini v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkInstanceCardMini v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkInstanceStats.stories.ts b/packages/frontend/src/components/MkInstanceStats.stories.ts
index 1b14c365b..df6005ccc 100644
--- a/packages/frontend/src/components/MkInstanceStats.stories.ts
+++ b/packages/frontend/src/components/MkInstanceStats.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkInstanceStats,
 } satisfies Meta<typeof MkInstanceStats>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkInstanceStats,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkInstanceStats v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkInstanceStats v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkInstanceTicker.stories.ts b/packages/frontend/src/components/MkInstanceTicker.stories.ts
index 2ed162866..364290640 100644
--- a/packages/frontend/src/components/MkInstanceTicker.stories.ts
+++ b/packages/frontend/src/components/MkInstanceTicker.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkInstanceTicker,
 } satisfies Meta<typeof MkInstanceTicker>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkInstanceTicker,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkInstanceTicker v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkInstanceTicker v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkKeyValue.stories.ts b/packages/frontend/src/components/MkKeyValue.stories.ts
index 748630113..503637975 100644
--- a/packages/frontend/src/components/MkKeyValue.stories.ts
+++ b/packages/frontend/src/components/MkKeyValue.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkKeyValue,
 } satisfies Meta<typeof MkKeyValue>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkKeyValue,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkKeyValue v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkKeyValue v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkLaunchPad.stories.ts b/packages/frontend/src/components/MkLaunchPad.stories.ts
index aa3525124..54f3ae3b7 100644
--- a/packages/frontend/src/components/MkLaunchPad.stories.ts
+++ b/packages/frontend/src/components/MkLaunchPad.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkLaunchPad,
 } satisfies Meta<typeof MkLaunchPad>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkLaunchPad,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkLaunchPad v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkLaunchPad v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkLink.stories.ts b/packages/frontend/src/components/MkLink.stories.ts
index ef98855b0..cea9509a7 100644
--- a/packages/frontend/src/components/MkLink.stories.ts
+++ b/packages/frontend/src/components/MkLink.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkLink,
 } satisfies Meta<typeof MkLink>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkLink,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkLink v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkLink v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkMarquee.stories.ts b/packages/frontend/src/components/MkMarquee.stories.ts
index 6ade5a4cf..943b512bf 100644
--- a/packages/frontend/src/components/MkMarquee.stories.ts
+++ b/packages/frontend/src/components/MkMarquee.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkMarquee,
 } satisfies Meta<typeof MkMarquee>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkMarquee,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkMarquee v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkMarquee v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkMediaBanner.stories.ts b/packages/frontend/src/components/MkMediaBanner.stories.ts
index 9d2d1069d..9dd835b55 100644
--- a/packages/frontend/src/components/MkMediaBanner.stories.ts
+++ b/packages/frontend/src/components/MkMediaBanner.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkMediaBanner,
 } satisfies Meta<typeof MkMediaBanner>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkMediaBanner,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkMediaBanner v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkMediaBanner v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkMediaImage.stories.ts b/packages/frontend/src/components/MkMediaImage.stories.ts
index adfad8506..4089a53ce 100644
--- a/packages/frontend/src/components/MkMediaImage.stories.ts
+++ b/packages/frontend/src/components/MkMediaImage.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkMediaImage,
 } satisfies Meta<typeof MkMediaImage>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkMediaImage,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkMediaImage v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkMediaImage v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkMediaList.stories.ts b/packages/frontend/src/components/MkMediaList.stories.ts
index e68935ee9..d88e19c06 100644
--- a/packages/frontend/src/components/MkMediaList.stories.ts
+++ b/packages/frontend/src/components/MkMediaList.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkMediaList,
 } satisfies Meta<typeof MkMediaList>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkMediaList,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkMediaList v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkMediaList v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkMediaVideo.stories.ts b/packages/frontend/src/components/MkMediaVideo.stories.ts
index 61aafdad8..9f94e8ce5 100644
--- a/packages/frontend/src/components/MkMediaVideo.stories.ts
+++ b/packages/frontend/src/components/MkMediaVideo.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkMediaVideo,
 } satisfies Meta<typeof MkMediaVideo>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkMediaVideo,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkMediaVideo v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkMediaVideo v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkMention.stories.ts b/packages/frontend/src/components/MkMention.stories.ts
index 503ac4a54..ef88a5a6b 100644
--- a/packages/frontend/src/components/MkMention.stories.ts
+++ b/packages/frontend/src/components/MkMention.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkMention,
 } satisfies Meta<typeof MkMention>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkMention,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkMention v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkMention v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkMenu.child.stories.ts b/packages/frontend/src/components/MkMenu.child.stories.ts
index b45a046ef..5e8413643 100644
--- a/packages/frontend/src/components/MkMenu.child.stories.ts
+++ b/packages/frontend/src/components/MkMenu.child.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkMenu_child,
 } satisfies Meta<typeof MkMenu_child>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkMenu_child,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkMenu_child v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkMenu_child v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkMenu.stories.ts b/packages/frontend/src/components/MkMenu.stories.ts
index 8a60b68f3..557ce5363 100644
--- a/packages/frontend/src/components/MkMenu.stories.ts
+++ b/packages/frontend/src/components/MkMenu.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkMenu,
 } satisfies Meta<typeof MkMenu>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkMenu,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkMenu v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkMenu v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkMiniChart.stories.ts b/packages/frontend/src/components/MkMiniChart.stories.ts
index c0d58421b..f26c74446 100644
--- a/packages/frontend/src/components/MkMiniChart.stories.ts
+++ b/packages/frontend/src/components/MkMiniChart.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkMiniChart,
 } satisfies Meta<typeof MkMiniChart>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkMiniChart,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkMiniChart v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkMiniChart v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkModal.stories.ts b/packages/frontend/src/components/MkModal.stories.ts
index 50c77800d..baaf79dc7 100644
--- a/packages/frontend/src/components/MkModal.stories.ts
+++ b/packages/frontend/src/components/MkModal.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkModal,
 } satisfies Meta<typeof MkModal>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkModal,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkModal v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkModal v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkModalPageWindow.stories.ts b/packages/frontend/src/components/MkModalPageWindow.stories.ts
index 6c8cbef34..eebd26502 100644
--- a/packages/frontend/src/components/MkModalPageWindow.stories.ts
+++ b/packages/frontend/src/components/MkModalPageWindow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkModalPageWindow,
 } satisfies Meta<typeof MkModalPageWindow>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkModalPageWindow,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkModalPageWindow v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkModalPageWindow v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkModalWindow.stories.ts b/packages/frontend/src/components/MkModalWindow.stories.ts
index 7b162ab8b..fddf98574 100644
--- a/packages/frontend/src/components/MkModalWindow.stories.ts
+++ b/packages/frontend/src/components/MkModalWindow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkModalWindow,
 } satisfies Meta<typeof MkModalWindow>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkModalWindow,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkModalWindow v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkModalWindow v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkNote.stories.ts b/packages/frontend/src/components/MkNote.stories.ts
index 79d28a7ef..d7a82cffd 100644
--- a/packages/frontend/src/components/MkNote.stories.ts
+++ b/packages/frontend/src/components/MkNote.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkNote,
 } satisfies Meta<typeof MkNote>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkNote,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkNote v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkNote v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkNoteDetailed.stories.ts b/packages/frontend/src/components/MkNoteDetailed.stories.ts
index 3a63251f2..abed199c5 100644
--- a/packages/frontend/src/components/MkNoteDetailed.stories.ts
+++ b/packages/frontend/src/components/MkNoteDetailed.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkNoteDetailed,
 } satisfies Meta<typeof MkNoteDetailed>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkNoteDetailed,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkNoteDetailed v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkNoteDetailed v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkNoteHeader.stories.ts b/packages/frontend/src/components/MkNoteHeader.stories.ts
index 1ccda9725..d8723eea4 100644
--- a/packages/frontend/src/components/MkNoteHeader.stories.ts
+++ b/packages/frontend/src/components/MkNoteHeader.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkNoteHeader,
 } satisfies Meta<typeof MkNoteHeader>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkNoteHeader,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkNoteHeader v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkNoteHeader v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkNotePreview.stories.ts b/packages/frontend/src/components/MkNotePreview.stories.ts
index 927029070..a00795f9b 100644
--- a/packages/frontend/src/components/MkNotePreview.stories.ts
+++ b/packages/frontend/src/components/MkNotePreview.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkNotePreview,
 } satisfies Meta<typeof MkNotePreview>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkNotePreview,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkNotePreview v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkNotePreview v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkNoteSimple.stories.ts b/packages/frontend/src/components/MkNoteSimple.stories.ts
index e6e9fb9f4..148089d82 100644
--- a/packages/frontend/src/components/MkNoteSimple.stories.ts
+++ b/packages/frontend/src/components/MkNoteSimple.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkNoteSimple,
 } satisfies Meta<typeof MkNoteSimple>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkNoteSimple,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkNoteSimple v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkNoteSimple v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkNoteSub.stories.ts b/packages/frontend/src/components/MkNoteSub.stories.ts
index 4d7c0af7b..dc3fad2f8 100644
--- a/packages/frontend/src/components/MkNoteSub.stories.ts
+++ b/packages/frontend/src/components/MkNoteSub.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkNoteSub,
 } satisfies Meta<typeof MkNoteSub>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkNoteSub,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkNoteSub v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkNoteSub v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkNotes.stories.ts b/packages/frontend/src/components/MkNotes.stories.ts
index 4551b2c30..8fe2d31b4 100644
--- a/packages/frontend/src/components/MkNotes.stories.ts
+++ b/packages/frontend/src/components/MkNotes.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkNotes,
 } satisfies Meta<typeof MkNotes>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkNotes,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkNotes v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkNotes v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkNotification.stories.ts b/packages/frontend/src/components/MkNotification.stories.ts
index 3e4478f9a..3612d1310 100644
--- a/packages/frontend/src/components/MkNotification.stories.ts
+++ b/packages/frontend/src/components/MkNotification.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkNotification,
 } satisfies Meta<typeof MkNotification>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkNotification,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkNotification v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkNotification v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts b/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts
index 059f86b00..ad5e055d0 100644
--- a/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts
+++ b/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkNotificationSettingWindow,
 } satisfies Meta<typeof MkNotificationSettingWindow>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkNotificationSettingWindow,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkNotificationSettingWindow v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkNotificationSettingWindow v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkNotifications.stories.ts b/packages/frontend/src/components/MkNotifications.stories.ts
index 48ab20bf9..5de01c2f9 100644
--- a/packages/frontend/src/components/MkNotifications.stories.ts
+++ b/packages/frontend/src/components/MkNotifications.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkNotifications,
 } satisfies Meta<typeof MkNotifications>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkNotifications,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkNotifications v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkNotifications v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkNumber.stories.ts b/packages/frontend/src/components/MkNumber.stories.ts
index 837de8329..1689bb431 100644
--- a/packages/frontend/src/components/MkNumber.stories.ts
+++ b/packages/frontend/src/components/MkNumber.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkNumber,
 } satisfies Meta<typeof MkNumber>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkNumber,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkNumber v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkNumber v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkNumberDiff.stories.ts b/packages/frontend/src/components/MkNumberDiff.stories.ts
index 9c1fcc217..bc281e62a 100644
--- a/packages/frontend/src/components/MkNumberDiff.stories.ts
+++ b/packages/frontend/src/components/MkNumberDiff.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkNumberDiff,
 } satisfies Meta<typeof MkNumberDiff>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkNumberDiff,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkNumberDiff v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkNumberDiff v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkObjectView.stories.ts b/packages/frontend/src/components/MkObjectView.stories.ts
index c7aec40dc..90c446fbd 100644
--- a/packages/frontend/src/components/MkObjectView.stories.ts
+++ b/packages/frontend/src/components/MkObjectView.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkObjectView,
 } satisfies Meta<typeof MkObjectView>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkObjectView,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkObjectView v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkObjectView v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkObjectView.value.stories.ts b/packages/frontend/src/components/MkObjectView.value.stories.ts
index da7ae5958..24b0e1553 100644
--- a/packages/frontend/src/components/MkObjectView.value.stories.ts
+++ b/packages/frontend/src/components/MkObjectView.value.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkObjectView_value,
 } satisfies Meta<typeof MkObjectView_value>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkObjectView_value,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkObjectView_value v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkObjectView_value v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkOmit.stories.ts b/packages/frontend/src/components/MkOmit.stories.ts
index 4c2dd1b3a..06963423b 100644
--- a/packages/frontend/src/components/MkOmit.stories.ts
+++ b/packages/frontend/src/components/MkOmit.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkOmit,
 } satisfies Meta<typeof MkOmit>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkOmit,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkOmit v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkOmit v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkPagePreview.stories.ts b/packages/frontend/src/components/MkPagePreview.stories.ts
index 6b8121527..d1ddf6707 100644
--- a/packages/frontend/src/components/MkPagePreview.stories.ts
+++ b/packages/frontend/src/components/MkPagePreview.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPagePreview,
 } satisfies Meta<typeof MkPagePreview>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPagePreview,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPagePreview v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPagePreview v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkPageWindow.stories.ts b/packages/frontend/src/components/MkPageWindow.stories.ts
index 846dd9f65..334b3bc29 100644
--- a/packages/frontend/src/components/MkPageWindow.stories.ts
+++ b/packages/frontend/src/components/MkPageWindow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPageWindow,
 } satisfies Meta<typeof MkPageWindow>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPageWindow,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPageWindow v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPageWindow v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkPagination.stories.ts b/packages/frontend/src/components/MkPagination.stories.ts
index 78a99081c..3bf7fb92b 100644
--- a/packages/frontend/src/components/MkPagination.stories.ts
+++ b/packages/frontend/src/components/MkPagination.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPagination,
 } satisfies Meta<typeof MkPagination>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPagination,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPagination v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPagination v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkPlusOneEffect.stories.ts b/packages/frontend/src/components/MkPlusOneEffect.stories.ts
index b6851053d..6708f2ba6 100644
--- a/packages/frontend/src/components/MkPlusOneEffect.stories.ts
+++ b/packages/frontend/src/components/MkPlusOneEffect.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPlusOneEffect,
 } satisfies Meta<typeof MkPlusOneEffect>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPlusOneEffect,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPlusOneEffect v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPlusOneEffect v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkPoll.stories.ts b/packages/frontend/src/components/MkPoll.stories.ts
index 651847cb1..dbab8671d 100644
--- a/packages/frontend/src/components/MkPoll.stories.ts
+++ b/packages/frontend/src/components/MkPoll.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPoll,
 } satisfies Meta<typeof MkPoll>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPoll,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPoll v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPoll v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkPollEditor.stories.ts b/packages/frontend/src/components/MkPollEditor.stories.ts
index 0629b9a68..8d26f2cbf 100644
--- a/packages/frontend/src/components/MkPollEditor.stories.ts
+++ b/packages/frontend/src/components/MkPollEditor.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPollEditor,
 } satisfies Meta<typeof MkPollEditor>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPollEditor,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPollEditor v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPollEditor v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkPopupMenu.stories.ts b/packages/frontend/src/components/MkPopupMenu.stories.ts
index 090e1f494..2727ae37a 100644
--- a/packages/frontend/src/components/MkPopupMenu.stories.ts
+++ b/packages/frontend/src/components/MkPopupMenu.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPopupMenu,
 } satisfies Meta<typeof MkPopupMenu>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPopupMenu,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPopupMenu v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPopupMenu v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkPostForm.stories.ts b/packages/frontend/src/components/MkPostForm.stories.ts
index 5ed74b029..e9623581a 100644
--- a/packages/frontend/src/components/MkPostForm.stories.ts
+++ b/packages/frontend/src/components/MkPostForm.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPostForm,
 } satisfies Meta<typeof MkPostForm>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPostForm,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPostForm v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPostForm v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkPostFormAttaches.stories.ts b/packages/frontend/src/components/MkPostFormAttaches.stories.ts
index 687f0bfaf..26ea2a43f 100644
--- a/packages/frontend/src/components/MkPostFormAttaches.stories.ts
+++ b/packages/frontend/src/components/MkPostFormAttaches.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPostFormAttaches,
 } satisfies Meta<typeof MkPostFormAttaches>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPostFormAttaches,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPostFormAttaches v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPostFormAttaches v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkPostFormDialog.stories.ts b/packages/frontend/src/components/MkPostFormDialog.stories.ts
index 616d6f1f8..3b7973050 100644
--- a/packages/frontend/src/components/MkPostFormDialog.stories.ts
+++ b/packages/frontend/src/components/MkPostFormDialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPostFormDialog,
 } satisfies Meta<typeof MkPostFormDialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPostFormDialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPostFormDialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPostFormDialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts b/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts
index 15ef8eb04..664ed0a44 100644
--- a/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts
+++ b/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPushNotificationAllowButton,
 } satisfies Meta<typeof MkPushNotificationAllowButton>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPushNotificationAllowButton,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPushNotificationAllowButton v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPushNotificationAllowButton v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkRadio.stories.ts b/packages/frontend/src/components/MkRadio.stories.ts
index 8056eecf8..728b864fc 100644
--- a/packages/frontend/src/components/MkRadio.stories.ts
+++ b/packages/frontend/src/components/MkRadio.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkRadio,
 } satisfies Meta<typeof MkRadio>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkRadio,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkRadio v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkRadio v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkRadios.stories.ts b/packages/frontend/src/components/MkRadios.stories.ts
index b3a0e39ef..b5059ea47 100644
--- a/packages/frontend/src/components/MkRadios.stories.ts
+++ b/packages/frontend/src/components/MkRadios.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkRadios,
 } satisfies Meta<typeof MkRadios>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkRadios,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkRadios v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkRadios v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkRange.stories.ts b/packages/frontend/src/components/MkRange.stories.ts
index dc6caae4d..8b68f4d1c 100644
--- a/packages/frontend/src/components/MkRange.stories.ts
+++ b/packages/frontend/src/components/MkRange.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkRange,
 } satisfies Meta<typeof MkRange>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkRange,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkRange v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkRange v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkReactedUsersDialog.stories.ts b/packages/frontend/src/components/MkReactedUsersDialog.stories.ts
index 10b9b6e2e..16041af5a 100644
--- a/packages/frontend/src/components/MkReactedUsersDialog.stories.ts
+++ b/packages/frontend/src/components/MkReactedUsersDialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkReactedUsersDialog,
 } satisfies Meta<typeof MkReactedUsersDialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkReactedUsersDialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkReactedUsersDialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkReactedUsersDialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkReactionEffect.stories.ts b/packages/frontend/src/components/MkReactionEffect.stories.ts
index 5bba9aa1a..2d5599c14 100644
--- a/packages/frontend/src/components/MkReactionEffect.stories.ts
+++ b/packages/frontend/src/components/MkReactionEffect.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkReactionEffect,
 } satisfies Meta<typeof MkReactionEffect>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkReactionEffect,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkReactionEffect v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkReactionEffect v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkReactionIcon.stories.ts b/packages/frontend/src/components/MkReactionIcon.stories.ts
index ab7880735..309e86ade 100644
--- a/packages/frontend/src/components/MkReactionIcon.stories.ts
+++ b/packages/frontend/src/components/MkReactionIcon.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkReactionIcon,
 } satisfies Meta<typeof MkReactionIcon>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkReactionIcon,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkReactionIcon v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkReactionIcon v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkReactionTooltip.stories.ts b/packages/frontend/src/components/MkReactionTooltip.stories.ts
index b3478f311..41bb73c7b 100644
--- a/packages/frontend/src/components/MkReactionTooltip.stories.ts
+++ b/packages/frontend/src/components/MkReactionTooltip.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkReactionTooltip,
 } satisfies Meta<typeof MkReactionTooltip>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkReactionTooltip,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkReactionTooltip v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkReactionTooltip v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkReactionsViewer.details.stories.ts b/packages/frontend/src/components/MkReactionsViewer.details.stories.ts
index c853b4da3..9e54ce740 100644
--- a/packages/frontend/src/components/MkReactionsViewer.details.stories.ts
+++ b/packages/frontend/src/components/MkReactionsViewer.details.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkReactionsViewer_details,
 } satisfies Meta<typeof MkReactionsViewer_details>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkReactionsViewer_details,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkReactionsViewer_details v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkReactionsViewer_details v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts b/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts
index 9f5160f06..9e35252be 100644
--- a/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts
+++ b/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkReactionsViewer_reaction,
 } satisfies Meta<typeof MkReactionsViewer_reaction>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkReactionsViewer_reaction,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkReactionsViewer_reaction v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkReactionsViewer_reaction v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkReactionsViewer.stories.ts b/packages/frontend/src/components/MkReactionsViewer.stories.ts
index 30262c02b..706428fb0 100644
--- a/packages/frontend/src/components/MkReactionsViewer.stories.ts
+++ b/packages/frontend/src/components/MkReactionsViewer.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkReactionsViewer,
 } satisfies Meta<typeof MkReactionsViewer>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkReactionsViewer,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkReactionsViewer v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkReactionsViewer v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkRemoteCaution.stories.ts b/packages/frontend/src/components/MkRemoteCaution.stories.ts
index 103e77fc4..3b91a0715 100644
--- a/packages/frontend/src/components/MkRemoteCaution.stories.ts
+++ b/packages/frontend/src/components/MkRemoteCaution.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkRemoteCaution,
 } satisfies Meta<typeof MkRemoteCaution>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkRemoteCaution,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkRemoteCaution v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkRemoteCaution v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkRetentionHeatmap.stories.ts b/packages/frontend/src/components/MkRetentionHeatmap.stories.ts
index fb19bd30f..3b7872b18 100644
--- a/packages/frontend/src/components/MkRetentionHeatmap.stories.ts
+++ b/packages/frontend/src/components/MkRetentionHeatmap.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkRetentionHeatmap,
 } satisfies Meta<typeof MkRetentionHeatmap>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkRetentionHeatmap,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkRetentionHeatmap v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkRetentionHeatmap v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkRippleEffect.stories.ts b/packages/frontend/src/components/MkRippleEffect.stories.ts
index 73552e9d0..04eb7cc1d 100644
--- a/packages/frontend/src/components/MkRippleEffect.stories.ts
+++ b/packages/frontend/src/components/MkRippleEffect.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkRippleEffect,
 } satisfies Meta<typeof MkRippleEffect>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkRippleEffect,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkRippleEffect v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkRippleEffect v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkRolePreview.stories.ts b/packages/frontend/src/components/MkRolePreview.stories.ts
index 1cc60992e..15953c717 100644
--- a/packages/frontend/src/components/MkRolePreview.stories.ts
+++ b/packages/frontend/src/components/MkRolePreview.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkRolePreview,
 } satisfies Meta<typeof MkRolePreview>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkRolePreview,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkRolePreview v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkRolePreview v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkSample.stories.ts b/packages/frontend/src/components/MkSample.stories.ts
index 6bc18d290..b1e6459cf 100644
--- a/packages/frontend/src/components/MkSample.stories.ts
+++ b/packages/frontend/src/components/MkSample.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkSample,
 } satisfies Meta<typeof MkSample>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkSample,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkSample v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkSample v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkSelect.stories.ts b/packages/frontend/src/components/MkSelect.stories.ts
index 7996a53e1..801204597 100644
--- a/packages/frontend/src/components/MkSelect.stories.ts
+++ b/packages/frontend/src/components/MkSelect.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkSelect,
 } satisfies Meta<typeof MkSelect>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkSelect,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkSelect v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkSelect v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkSignin.stories.ts b/packages/frontend/src/components/MkSignin.stories.ts
index 8f03065e1..1ac0973ce 100644
--- a/packages/frontend/src/components/MkSignin.stories.ts
+++ b/packages/frontend/src/components/MkSignin.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkSignin,
 } satisfies Meta<typeof MkSignin>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkSignin,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkSignin v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkSignin v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkSigninDialog.stories.ts b/packages/frontend/src/components/MkSigninDialog.stories.ts
index d2e0689b4..3e4a3a7cb 100644
--- a/packages/frontend/src/components/MkSigninDialog.stories.ts
+++ b/packages/frontend/src/components/MkSigninDialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkSigninDialog,
 } satisfies Meta<typeof MkSigninDialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkSigninDialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkSigninDialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkSigninDialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkSignup.stories.ts b/packages/frontend/src/components/MkSignup.stories.ts
index a67235f6a..837268001 100644
--- a/packages/frontend/src/components/MkSignup.stories.ts
+++ b/packages/frontend/src/components/MkSignup.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkSignup,
 } satisfies Meta<typeof MkSignup>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkSignup,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkSignup v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkSignup v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkSignupDialog.stories.ts b/packages/frontend/src/components/MkSignupDialog.stories.ts
index dfca62ba2..7eb70e6a8 100644
--- a/packages/frontend/src/components/MkSignupDialog.stories.ts
+++ b/packages/frontend/src/components/MkSignupDialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkSignupDialog,
 } satisfies Meta<typeof MkSignupDialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkSignupDialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkSignupDialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkSignupDialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkSparkle.stories.ts b/packages/frontend/src/components/MkSparkle.stories.ts
index 4e784abf5..6c1dca90d 100644
--- a/packages/frontend/src/components/MkSparkle.stories.ts
+++ b/packages/frontend/src/components/MkSparkle.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkSparkle,
 } satisfies Meta<typeof MkSparkle>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkSparkle,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkSparkle v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkSparkle v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkSubNoteContent.stories.ts b/packages/frontend/src/components/MkSubNoteContent.stories.ts
index ee19f578b..fa9c0bb7f 100644
--- a/packages/frontend/src/components/MkSubNoteContent.stories.ts
+++ b/packages/frontend/src/components/MkSubNoteContent.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkSubNoteContent,
 } satisfies Meta<typeof MkSubNoteContent>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkSubNoteContent,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkSubNoteContent v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkSubNoteContent v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkSuperMenu.stories.ts b/packages/frontend/src/components/MkSuperMenu.stories.ts
index b6db1e861..9ef790688 100644
--- a/packages/frontend/src/components/MkSuperMenu.stories.ts
+++ b/packages/frontend/src/components/MkSuperMenu.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkSuperMenu,
 } satisfies Meta<typeof MkSuperMenu>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkSuperMenu,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkSuperMenu v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkSuperMenu v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkSwitch.stories.ts b/packages/frontend/src/components/MkSwitch.stories.ts
index 8e7b8ffb1..f01191be8 100644
--- a/packages/frontend/src/components/MkSwitch.stories.ts
+++ b/packages/frontend/src/components/MkSwitch.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkSwitch,
 } satisfies Meta<typeof MkSwitch>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkSwitch,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkSwitch v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkSwitch v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkTab.stories.ts b/packages/frontend/src/components/MkTab.stories.ts
index 092a84a74..1ff6c06a0 100644
--- a/packages/frontend/src/components/MkTab.stories.ts
+++ b/packages/frontend/src/components/MkTab.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkTab,
 } satisfies Meta<typeof MkTab>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkTab,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkTab v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkTab v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkTagCloud.stories.ts b/packages/frontend/src/components/MkTagCloud.stories.ts
index 6bfbc0352..83aba5409 100644
--- a/packages/frontend/src/components/MkTagCloud.stories.ts
+++ b/packages/frontend/src/components/MkTagCloud.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkTagCloud,
 } satisfies Meta<typeof MkTagCloud>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkTagCloud,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkTagCloud v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkTagCloud v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkTextarea.stories.ts b/packages/frontend/src/components/MkTextarea.stories.ts
index 92c496db9..9bfc2a23a 100644
--- a/packages/frontend/src/components/MkTextarea.stories.ts
+++ b/packages/frontend/src/components/MkTextarea.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkTextarea,
 } satisfies Meta<typeof MkTextarea>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkTextarea,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkTextarea v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkTextarea v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkTimeline.stories.ts b/packages/frontend/src/components/MkTimeline.stories.ts
index b6bfb600d..511bdead1 100644
--- a/packages/frontend/src/components/MkTimeline.stories.ts
+++ b/packages/frontend/src/components/MkTimeline.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkTimeline,
 } satisfies Meta<typeof MkTimeline>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkTimeline,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkTimeline v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkTimeline v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkToast.stories.ts b/packages/frontend/src/components/MkToast.stories.ts
index fef647287..c5f80f61b 100644
--- a/packages/frontend/src/components/MkToast.stories.ts
+++ b/packages/frontend/src/components/MkToast.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkToast,
 } satisfies Meta<typeof MkToast>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkToast,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkToast v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkToast v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts b/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts
index fb9b1bc6d..5229d6d6c 100644
--- a/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts
+++ b/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkTokenGenerateWindow,
 } satisfies Meta<typeof MkTokenGenerateWindow>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkTokenGenerateWindow,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkTokenGenerateWindow v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkTokenGenerateWindow v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkTooltip.stories.ts b/packages/frontend/src/components/MkTooltip.stories.ts
index 2ea06ac2a..19f22ede1 100644
--- a/packages/frontend/src/components/MkTooltip.stories.ts
+++ b/packages/frontend/src/components/MkTooltip.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkTooltip,
 } satisfies Meta<typeof MkTooltip>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkTooltip,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkTooltip v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkTooltip v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkUpdated.stories.ts b/packages/frontend/src/components/MkUpdated.stories.ts
index 5a8a16a6b..58069bd1d 100644
--- a/packages/frontend/src/components/MkUpdated.stories.ts
+++ b/packages/frontend/src/components/MkUpdated.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkUpdated,
 } satisfies Meta<typeof MkUpdated>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkUpdated,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkUpdated v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkUpdated v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkUrlPreview.stories.ts b/packages/frontend/src/components/MkUrlPreview.stories.ts
index 9f9d8c8f8..29a393a5a 100644
--- a/packages/frontend/src/components/MkUrlPreview.stories.ts
+++ b/packages/frontend/src/components/MkUrlPreview.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkUrlPreview,
 } satisfies Meta<typeof MkUrlPreview>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkUrlPreview,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkUrlPreview v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkUrlPreview v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts b/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts
index 74657a93a..f9df0987a 100644
--- a/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts
+++ b/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkUrlPreviewPopup,
 } satisfies Meta<typeof MkUrlPreviewPopup>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkUrlPreviewPopup,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkUrlPreviewPopup v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkUrlPreviewPopup v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkUserCardMini.stories.ts b/packages/frontend/src/components/MkUserCardMini.stories.ts
index 81de09a19..8ed97c4b4 100644
--- a/packages/frontend/src/components/MkUserCardMini.stories.ts
+++ b/packages/frontend/src/components/MkUserCardMini.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkUserCardMini,
 } satisfies Meta<typeof MkUserCardMini>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkUserCardMini,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkUserCardMini v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkUserCardMini v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkUserInfo.stories.ts b/packages/frontend/src/components/MkUserInfo.stories.ts
index 286de8925..553df4466 100644
--- a/packages/frontend/src/components/MkUserInfo.stories.ts
+++ b/packages/frontend/src/components/MkUserInfo.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkUserInfo,
 } satisfies Meta<typeof MkUserInfo>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkUserInfo,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkUserInfo v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkUserInfo v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkUserList.stories.ts b/packages/frontend/src/components/MkUserList.stories.ts
index 97f4d1f7d..927364596 100644
--- a/packages/frontend/src/components/MkUserList.stories.ts
+++ b/packages/frontend/src/components/MkUserList.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkUserList,
 } satisfies Meta<typeof MkUserList>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkUserList,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkUserList v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkUserList v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts b/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts
index 2b9daf9b5..c576b91b5 100644
--- a/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts
+++ b/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkUserOnlineIndicator,
 } satisfies Meta<typeof MkUserOnlineIndicator>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkUserOnlineIndicator,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkUserOnlineIndicator v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkUserOnlineIndicator v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkUserPopup.stories.ts b/packages/frontend/src/components/MkUserPopup.stories.ts
index a74ed2609..5a30d4ba4 100644
--- a/packages/frontend/src/components/MkUserPopup.stories.ts
+++ b/packages/frontend/src/components/MkUserPopup.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkUserPopup,
 } satisfies Meta<typeof MkUserPopup>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkUserPopup,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkUserPopup v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkUserPopup v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkUserSelectDialog.stories.ts b/packages/frontend/src/components/MkUserSelectDialog.stories.ts
index 522c1fc63..ffda531ed 100644
--- a/packages/frontend/src/components/MkUserSelectDialog.stories.ts
+++ b/packages/frontend/src/components/MkUserSelectDialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkUserSelectDialog,
 } satisfies Meta<typeof MkUserSelectDialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkUserSelectDialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkUserSelectDialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkUserSelectDialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkUsersTooltip.stories.ts b/packages/frontend/src/components/MkUsersTooltip.stories.ts
index 9b057bea6..6fa843e8b 100644
--- a/packages/frontend/src/components/MkUsersTooltip.stories.ts
+++ b/packages/frontend/src/components/MkUsersTooltip.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkUsersTooltip,
 } satisfies Meta<typeof MkUsersTooltip>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkUsersTooltip,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkUsersTooltip v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkUsersTooltip v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkVisibilityPicker.stories.ts b/packages/frontend/src/components/MkVisibilityPicker.stories.ts
index 52156bfe1..3d62ddd9d 100644
--- a/packages/frontend/src/components/MkVisibilityPicker.stories.ts
+++ b/packages/frontend/src/components/MkVisibilityPicker.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkVisibilityPicker,
 } satisfies Meta<typeof MkVisibilityPicker>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkVisibilityPicker,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkVisibilityPicker v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkVisibilityPicker v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkWaitingDialog.stories.ts b/packages/frontend/src/components/MkWaitingDialog.stories.ts
index ea79004c3..b2314523d 100644
--- a/packages/frontend/src/components/MkWaitingDialog.stories.ts
+++ b/packages/frontend/src/components/MkWaitingDialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkWaitingDialog,
 } satisfies Meta<typeof MkWaitingDialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkWaitingDialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkWaitingDialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkWaitingDialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkWidgets.stories.ts b/packages/frontend/src/components/MkWidgets.stories.ts
index 7a6aad357..39e91faaf 100644
--- a/packages/frontend/src/components/MkWidgets.stories.ts
+++ b/packages/frontend/src/components/MkWidgets.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkWidgets,
 } satisfies Meta<typeof MkWidgets>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkWidgets,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkWidgets v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkWidgets v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkWindow.stories.ts b/packages/frontend/src/components/MkWindow.stories.ts
index 8f1a27631..fcc9bd300 100644
--- a/packages/frontend/src/components/MkWindow.stories.ts
+++ b/packages/frontend/src/components/MkWindow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkWindow,
 } satisfies Meta<typeof MkWindow>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkWindow,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkWindow v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkWindow v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkYouTubePlayer.stories.ts b/packages/frontend/src/components/MkYouTubePlayer.stories.ts
index 84f1dcd88..79191bbcd 100644
--- a/packages/frontend/src/components/MkYouTubePlayer.stories.ts
+++ b/packages/frontend/src/components/MkYouTubePlayer.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkYouTubePlayer,
 } satisfies Meta<typeof MkYouTubePlayer>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkYouTubePlayer,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkYouTubePlayer v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkYouTubePlayer v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/form/link.stories.ts b/packages/frontend/src/components/form/link.stories.ts
index 54e6c25ca..b0ac7ee50 100644
--- a/packages/frontend/src/components/form/link.stories.ts
+++ b/packages/frontend/src/components/form/link.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: link_,
 } satisfies Meta<typeof link_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				link_,
 			},
-			props: Object.keys(argTypes),
-			template: '<link_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<link_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/form/section.stories.ts b/packages/frontend/src/components/form/section.stories.ts
index fabddc668..0da19356e 100644
--- a/packages/frontend/src/components/form/section.stories.ts
+++ b/packages/frontend/src/components/form/section.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: section_,
 } satisfies Meta<typeof section_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				section_,
 			},
-			props: Object.keys(argTypes),
-			template: '<section_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<section_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/form/slot.stories.ts b/packages/frontend/src/components/form/slot.stories.ts
index 6ddafe86c..2c441f115 100644
--- a/packages/frontend/src/components/form/slot.stories.ts
+++ b/packages/frontend/src/components/form/slot.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: slot_,
 } satisfies Meta<typeof slot_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				slot_,
 			},
-			props: Object.keys(argTypes),
-			template: '<slot_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<slot_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/form/split.stories.ts b/packages/frontend/src/components/form/split.stories.ts
index 3495bd731..5aece4082 100644
--- a/packages/frontend/src/components/form/split.stories.ts
+++ b/packages/frontend/src/components/form/split.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: split_,
 } satisfies Meta<typeof split_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				split_,
 			},
-			props: Object.keys(argTypes),
-			template: '<split_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<split_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/form/suspense.stories.ts b/packages/frontend/src/components/form/suspense.stories.ts
index a22580d7a..ccd2d7d09 100644
--- a/packages/frontend/src/components/form/suspense.stories.ts
+++ b/packages/frontend/src/components/form/suspense.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: suspense_,
 } satisfies Meta<typeof suspense_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				suspense_,
 			},
-			props: Object.keys(argTypes),
-			template: '<suspense_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<suspense_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkA.stories.ts b/packages/frontend/src/components/global/MkA.stories.ts
index e3d56c63c..91ea36826 100644
--- a/packages/frontend/src/components/global/MkA.stories.ts
+++ b/packages/frontend/src/components/global/MkA.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkA,
 } satisfies Meta<typeof MkA>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkA,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkA v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkA v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkAcct.stories.ts b/packages/frontend/src/components/global/MkAcct.stories.ts
index a710c227a..90f66bc18 100644
--- a/packages/frontend/src/components/global/MkAcct.stories.ts
+++ b/packages/frontend/src/components/global/MkAcct.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkAcct,
 } satisfies Meta<typeof MkAcct>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkAcct,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkAcct v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkAcct v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkAd.stories.ts b/packages/frontend/src/components/global/MkAd.stories.ts
index 687bf30ab..9f4dc320b 100644
--- a/packages/frontend/src/components/global/MkAd.stories.ts
+++ b/packages/frontend/src/components/global/MkAd.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkAd,
 } satisfies Meta<typeof MkAd>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkAd,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkAd v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkAd v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkAvatar.stories.impl.ts b/packages/frontend/src/components/global/MkAvatar.stories.impl.ts
new file mode 100644
index 000000000..ca3db80b2
--- /dev/null
+++ b/packages/frontend/src/components/global/MkAvatar.stories.impl.ts
@@ -0,0 +1,64 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/* eslint-disable import/no-default-export */
+/* eslint-disable import/no-duplicates */
+import { StoryObj } from '@storybook/vue3';
+import MkAvatar from './MkAvatar.vue';
+export const Default = {
+	render(args) {
+		return {
+			components: {
+				MkAvatar,
+			},
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkAvatar v-bind="props" />',
+		};
+	},
+	args: {
+		size: 48,
+		user: {
+			avatarUrl: 'https://github.com/misskey-dev/misskey/blob/master/packages/frontend/assets/about-icon.png?raw=true',
+		},
+	},
+	decorators: [
+		(Story, context) => ({
+			// eslint-disable-next-line quotes
+			template: `<div :style="{ display: 'grid', width: '${context.args.size}px', height: '${context.args.size}px' }"><story/></div>`,
+		}),
+	],
+	parameters: {
+		layout: 'centered',
+	},
+} satisfies StoryObj<typeof MkAvatar>;
+export const ProfilePage = {
+	...Default,
+	args: {
+		...Default.args,
+		size: 120,
+		indicator: true,
+		user: {
+			...Default.args.user,
+			onlineStatus: 'unknown',
+		},
+	},
+};
+export const ProfilePageCat = {
+	...ProfilePage,
+	args: {
+		...ProfilePage.args,
+		user: {
+			...ProfilePage.args.user,
+			isCat: true,
+		},
+	},
+};
diff --git a/packages/frontend/src/components/global/MkAvatar.stories.ts b/packages/frontend/src/components/global/MkAvatar.stories.ts
index 644a1f2f3..6cd9ca0a9 100644
--- a/packages/frontend/src/components/global/MkAvatar.stories.ts
+++ b/packages/frontend/src/components/global/MkAvatar.stories.ts
@@ -1,23 +1,80 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 /* eslint-disable import/no-default-export */
-import { Meta, StoryObj } from '@storybook/vue3';
-import MkAvatar from './MkAvatar.vue';
+import { Meta } from '@storybook/vue3';
 const meta = {
 	title: 'components/global/MkAvatar',
 	component: MkAvatar,
 } satisfies Meta<typeof MkAvatar>;
+export default meta;
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/* eslint-disable import/no-default-export */
+/* eslint-disable import/no-duplicates */
+import { StoryObj } from '@storybook/vue3';
+import MkAvatar from './MkAvatar.vue';
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkAvatar,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkAvatar v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkAvatar v-bind="props" />',
 		};
 	},
+	args: {
+		size: 48,
+		user: {
+			avatarUrl:
+				'https://github.com/misskey-dev/misskey/blob/master/packages/frontend/assets/about-icon.png?raw=true',
+		},
+	},
+	decorators: [
+		(Story, context) => ({
+			// eslint-disable-next-line quotes
+			template: `<div :style="{ display: 'grid', width: '${context.args.size}px', height: '${context.args.size}px' }"><story/></div>`,
+		}),
+	],
 	parameters: {
 		layout: 'centered',
 	},
 } satisfies StoryObj<typeof MkAvatar>;
-export default meta;
+export const ProfilePage = {
+	...Default,
+	args: {
+		...Default.args,
+		size: 120,
+		indicator: true,
+		user: {
+			...Default.args.user,
+			onlineStatus: 'unknown',
+		},
+	},
+};
+export const ProfilePageCat = {
+	...ProfilePage,
+	args: {
+		...ProfilePage.args,
+		user: {
+			...ProfilePage.args.user,
+			isCat: true,
+			// avatarUrl: 'https://millionlive-theaterdays.idolmaster-official.jp/assets/data/webp/common/footer/icon_app.png.webp',
+			// avatarUrl: 'https://cdn.imastodon.net/accounts/avatars/000/144/021/original/8137afa4114ab85f.png',
+			// avatarUrl: 'https://avatars.githubusercontent.com/u/4439005?v=4',
+			// avatarUrl: 'https://avatars.githubusercontent.com/u/7973572?v=4',
+			// avatarUrl: 'https://avatars.githubusercontent.com/u/6533808?v=4',
+			// avatarUrl: 'https://avatars.githubusercontent.com/u/7106976?v=4',
+			avatarUrl: 'https://avatars.githubusercontent.com/u/3396686?v=4',
+		},
+	},
+};
diff --git a/packages/frontend/src/components/global/MkCustomEmoji.stories.ts b/packages/frontend/src/components/global/MkCustomEmoji.stories.ts
index cc9d4d668..76c70b9ab 100644
--- a/packages/frontend/src/components/global/MkCustomEmoji.stories.ts
+++ b/packages/frontend/src/components/global/MkCustomEmoji.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkCustomEmoji,
 } satisfies Meta<typeof MkCustomEmoji>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkCustomEmoji,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkCustomEmoji v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkCustomEmoji v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkEllipsis.stories.ts b/packages/frontend/src/components/global/MkEllipsis.stories.ts
index cdae6b11b..5b8b7ca06 100644
--- a/packages/frontend/src/components/global/MkEllipsis.stories.ts
+++ b/packages/frontend/src/components/global/MkEllipsis.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkEllipsis,
 } satisfies Meta<typeof MkEllipsis>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkEllipsis,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkEllipsis v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkEllipsis v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkEmoji.stories.ts b/packages/frontend/src/components/global/MkEmoji.stories.ts
index 7c48937c7..cca084e2d 100644
--- a/packages/frontend/src/components/global/MkEmoji.stories.ts
+++ b/packages/frontend/src/components/global/MkEmoji.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkEmoji,
 } satisfies Meta<typeof MkEmoji>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkEmoji,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkEmoji v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkEmoji v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkError.stories.ts b/packages/frontend/src/components/global/MkError.stories.ts
index d04d57f01..ce7f40f56 100644
--- a/packages/frontend/src/components/global/MkError.stories.ts
+++ b/packages/frontend/src/components/global/MkError.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkError,
 } satisfies Meta<typeof MkError>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkError,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkError v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkError v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkLoading.stories.ts b/packages/frontend/src/components/global/MkLoading.stories.ts
index 4fe0d4ff3..a83c41a0e 100644
--- a/packages/frontend/src/components/global/MkLoading.stories.ts
+++ b/packages/frontend/src/components/global/MkLoading.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkLoading,
 } satisfies Meta<typeof MkLoading>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkLoading,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkLoading v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkLoading v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts
index 23869d98e..18407d188 100644
--- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts
+++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkMisskeyFlavoredMarkdown,
 } satisfies Meta<typeof MkMisskeyFlavoredMarkdown>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkMisskeyFlavoredMarkdown,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkMisskeyFlavoredMarkdown v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkMisskeyFlavoredMarkdown v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkPageHeader.stories.ts b/packages/frontend/src/components/global/MkPageHeader.stories.ts
index aa7c5b5f8..6f0b9dd34 100644
--- a/packages/frontend/src/components/global/MkPageHeader.stories.ts
+++ b/packages/frontend/src/components/global/MkPageHeader.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPageHeader,
 } satisfies Meta<typeof MkPageHeader>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPageHeader,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPageHeader v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPageHeader v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts b/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts
index 0dfa7ab6e..611aa0179 100644
--- a/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts
+++ b/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkPageHeader_tabs,
 } satisfies Meta<typeof MkPageHeader_tabs>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkPageHeader_tabs,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkPageHeader_tabs v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkPageHeader_tabs v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkSpacer.stories.ts b/packages/frontend/src/components/global/MkSpacer.stories.ts
index 1ca0f7da9..f5e7b2eb9 100644
--- a/packages/frontend/src/components/global/MkSpacer.stories.ts
+++ b/packages/frontend/src/components/global/MkSpacer.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkSpacer,
 } satisfies Meta<typeof MkSpacer>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkSpacer,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkSpacer v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkSpacer v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkStickyContainer.stories.ts b/packages/frontend/src/components/global/MkStickyContainer.stories.ts
index cad5cd06f..180fdddb1 100644
--- a/packages/frontend/src/components/global/MkStickyContainer.stories.ts
+++ b/packages/frontend/src/components/global/MkStickyContainer.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkStickyContainer,
 } satisfies Meta<typeof MkStickyContainer>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkStickyContainer,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkStickyContainer v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkStickyContainer v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkTime.stories.ts b/packages/frontend/src/components/global/MkTime.stories.ts
index c1d5fd664..d45dc70f2 100644
--- a/packages/frontend/src/components/global/MkTime.stories.ts
+++ b/packages/frontend/src/components/global/MkTime.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkTime,
 } satisfies Meta<typeof MkTime>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkTime,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkTime v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkTime v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkUrl.stories.ts b/packages/frontend/src/components/global/MkUrl.stories.ts
index 7e6c813ce..e3b2c4ceb 100644
--- a/packages/frontend/src/components/global/MkUrl.stories.ts
+++ b/packages/frontend/src/components/global/MkUrl.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkUrl,
 } satisfies Meta<typeof MkUrl>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkUrl,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkUrl v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkUrl v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/MkUserName.stories.ts b/packages/frontend/src/components/global/MkUserName.stories.ts
index 68deaa4fe..ec708c61c 100644
--- a/packages/frontend/src/components/global/MkUserName.stories.ts
+++ b/packages/frontend/src/components/global/MkUserName.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: MkUserName,
 } satisfies Meta<typeof MkUserName>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkUserName,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkUserName v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<MkUserName v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/global/RouterView.stories.ts b/packages/frontend/src/components/global/RouterView.stories.ts
index 45a574cf5..86e25b475 100644
--- a/packages/frontend/src/components/global/RouterView.stories.ts
+++ b/packages/frontend/src/components/global/RouterView.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: RouterView,
 } satisfies Meta<typeof RouterView>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				RouterView,
 			},
-			props: Object.keys(argTypes),
-			template: '<RouterView v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<RouterView v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.block.stories.ts b/packages/frontend/src/components/page/page.block.stories.ts
index e321ca94e..896c99d3a 100644
--- a/packages/frontend/src/components/page/page.block.stories.ts
+++ b/packages/frontend/src/components/page/page.block.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_block,
 } satisfies Meta<typeof page_block>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_block,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_block v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_block v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.button.stories.ts b/packages/frontend/src/components/page/page.button.stories.ts
index 99088ffb7..6de5a2c3a 100644
--- a/packages/frontend/src/components/page/page.button.stories.ts
+++ b/packages/frontend/src/components/page/page.button.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_button,
 } satisfies Meta<typeof page_button>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_button,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_button v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_button v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.canvas.stories.ts b/packages/frontend/src/components/page/page.canvas.stories.ts
index c8a4dfc84..18ec9c787 100644
--- a/packages/frontend/src/components/page/page.canvas.stories.ts
+++ b/packages/frontend/src/components/page/page.canvas.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_canvas,
 } satisfies Meta<typeof page_canvas>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_canvas,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_canvas v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_canvas v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.counter.stories.ts b/packages/frontend/src/components/page/page.counter.stories.ts
index ce3bc0d2a..25380c6b2 100644
--- a/packages/frontend/src/components/page/page.counter.stories.ts
+++ b/packages/frontend/src/components/page/page.counter.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_counter,
 } satisfies Meta<typeof page_counter>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_counter,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_counter v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_counter v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.if.stories.ts b/packages/frontend/src/components/page/page.if.stories.ts
index 4ad2d9898..1f9a77216 100644
--- a/packages/frontend/src/components/page/page.if.stories.ts
+++ b/packages/frontend/src/components/page/page.if.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_if,
 } satisfies Meta<typeof page_if>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_if,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_if v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_if v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.image.stories.ts b/packages/frontend/src/components/page/page.image.stories.ts
index 934380d2c..63d75629f 100644
--- a/packages/frontend/src/components/page/page.image.stories.ts
+++ b/packages/frontend/src/components/page/page.image.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_image,
 } satisfies Meta<typeof page_image>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_image,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_image v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_image v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.note.stories.ts b/packages/frontend/src/components/page/page.note.stories.ts
index 7d7fa7acf..642df514c 100644
--- a/packages/frontend/src/components/page/page.note.stories.ts
+++ b/packages/frontend/src/components/page/page.note.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_note,
 } satisfies Meta<typeof page_note>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_note,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_note v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_note v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.number-input.stories.ts b/packages/frontend/src/components/page/page.number-input.stories.ts
index cc78db58c..671c98fa8 100644
--- a/packages/frontend/src/components/page/page.number-input.stories.ts
+++ b/packages/frontend/src/components/page/page.number-input.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_number_input,
 } satisfies Meta<typeof page_number_input>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_number_input,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_number_input v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_number_input v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.post.stories.ts b/packages/frontend/src/components/page/page.post.stories.ts
index 17fc49c96..e089710aa 100644
--- a/packages/frontend/src/components/page/page.post.stories.ts
+++ b/packages/frontend/src/components/page/page.post.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_post,
 } satisfies Meta<typeof page_post>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_post,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_post v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_post v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.radio-button.stories.ts b/packages/frontend/src/components/page/page.radio-button.stories.ts
index 14f2463de..d7bda7200 100644
--- a/packages/frontend/src/components/page/page.radio-button.stories.ts
+++ b/packages/frontend/src/components/page/page.radio-button.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_radio_button,
 } satisfies Meta<typeof page_radio_button>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_radio_button,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_radio_button v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_radio_button v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.section.stories.ts b/packages/frontend/src/components/page/page.section.stories.ts
index 826a861bf..23492d6f2 100644
--- a/packages/frontend/src/components/page/page.section.stories.ts
+++ b/packages/frontend/src/components/page/page.section.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_section,
 } satisfies Meta<typeof page_section>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_section,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_section v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_section v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.stories.ts b/packages/frontend/src/components/page/page.stories.ts
index 5754d4ad0..3b0aa96b8 100644
--- a/packages/frontend/src/components/page/page.stories.ts
+++ b/packages/frontend/src/components/page/page.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_,
 } satisfies Meta<typeof page_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.switch.stories.ts b/packages/frontend/src/components/page/page.switch.stories.ts
index 79d884a5f..a8ab15f93 100644
--- a/packages/frontend/src/components/page/page.switch.stories.ts
+++ b/packages/frontend/src/components/page/page.switch.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_switch,
 } satisfies Meta<typeof page_switch>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_switch,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_switch v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_switch v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.text-input.stories.ts b/packages/frontend/src/components/page/page.text-input.stories.ts
index cc2cb26a2..6aa022fec 100644
--- a/packages/frontend/src/components/page/page.text-input.stories.ts
+++ b/packages/frontend/src/components/page/page.text-input.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_text_input,
 } satisfies Meta<typeof page_text_input>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_text_input,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_text_input v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_text_input v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.text.stories.ts b/packages/frontend/src/components/page/page.text.stories.ts
index cbf1816df..ba937dc8a 100644
--- a/packages/frontend/src/components/page/page.text.stories.ts
+++ b/packages/frontend/src/components/page/page.text.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_text,
 } satisfies Meta<typeof page_text>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_text,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_text v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_text v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.textarea-input.stories.ts b/packages/frontend/src/components/page/page.textarea-input.stories.ts
index c0320807c..06142954d 100644
--- a/packages/frontend/src/components/page/page.textarea-input.stories.ts
+++ b/packages/frontend/src/components/page/page.textarea-input.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_textarea_input,
 } satisfies Meta<typeof page_textarea_input>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_textarea_input,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_textarea_input v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_textarea_input v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/page/page.textarea.stories.ts b/packages/frontend/src/components/page/page.textarea.stories.ts
index 9629c3ec9..d9337184b 100644
--- a/packages/frontend/src/components/page/page.textarea.stories.ts
+++ b/packages/frontend/src/components/page/page.textarea.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_textarea,
 } satisfies Meta<typeof page_textarea>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_textarea,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_textarea v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_textarea v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/_empty_.stories.ts b/packages/frontend/src/pages/_empty_.stories.ts
index eb9461579..489475ff7 100644
--- a/packages/frontend/src/pages/_empty_.stories.ts
+++ b/packages/frontend/src/pages/_empty_.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: _empty_,
 } satisfies Meta<typeof _empty_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				_empty_,
 			},
-			props: Object.keys(argTypes),
-			template: '<_empty_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<_empty_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/_error_.stories.ts b/packages/frontend/src/pages/_error_.stories.ts
index 67c81d477..7406ea4de 100644
--- a/packages/frontend/src/pages/_error_.stories.ts
+++ b/packages/frontend/src/pages/_error_.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: _error_,
 } satisfies Meta<typeof _error_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				_error_,
 			},
-			props: Object.keys(argTypes),
-			template: '<_error_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<_error_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/_loading_.stories.ts b/packages/frontend/src/pages/_loading_.stories.ts
index 54bee8663..a5d5cbbea 100644
--- a/packages/frontend/src/pages/_loading_.stories.ts
+++ b/packages/frontend/src/pages/_loading_.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: _loading_,
 } satisfies Meta<typeof _loading_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				_loading_,
 			},
-			props: Object.keys(argTypes),
-			template: '<_loading_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<_loading_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/about-misskey.stories.ts b/packages/frontend/src/pages/about-misskey.stories.ts
index 82217ac20..3143ff958 100644
--- a/packages/frontend/src/pages/about-misskey.stories.ts
+++ b/packages/frontend/src/pages/about-misskey.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: about_misskey,
 } satisfies Meta<typeof about_misskey>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				about_misskey,
 			},
-			props: Object.keys(argTypes),
-			template: '<about_misskey v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<about_misskey v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/about.emojis.stories.ts b/packages/frontend/src/pages/about.emojis.stories.ts
index a172ce9c8..3d9500879 100644
--- a/packages/frontend/src/pages/about.emojis.stories.ts
+++ b/packages/frontend/src/pages/about.emojis.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: about_emojis,
 } satisfies Meta<typeof about_emojis>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				about_emojis,
 			},
-			props: Object.keys(argTypes),
-			template: '<about_emojis v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<about_emojis v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/about.federation.stories.ts b/packages/frontend/src/pages/about.federation.stories.ts
index a7c4b059d..cf1fc1e61 100644
--- a/packages/frontend/src/pages/about.federation.stories.ts
+++ b/packages/frontend/src/pages/about.federation.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: about_federation,
 } satisfies Meta<typeof about_federation>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				about_federation,
 			},
-			props: Object.keys(argTypes),
-			template: '<about_federation v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<about_federation v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/about.stories.ts b/packages/frontend/src/pages/about.stories.ts
index 64b393231..c8858f3f9 100644
--- a/packages/frontend/src/pages/about.stories.ts
+++ b/packages/frontend/src/pages/about.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: about_,
 } satisfies Meta<typeof about_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				about_,
 			},
-			props: Object.keys(argTypes),
-			template: '<about_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<about_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/achievements.stories.ts b/packages/frontend/src/pages/achievements.stories.ts
index 32a359720..181731266 100644
--- a/packages/frontend/src/pages/achievements.stories.ts
+++ b/packages/frontend/src/pages/achievements.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: achievements_,
 } satisfies Meta<typeof achievements_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				achievements_,
 			},
-			props: Object.keys(argTypes),
-			template: '<achievements_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<achievements_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin-file.stories.ts b/packages/frontend/src/pages/admin-file.stories.ts
index bd8ee0f04..57ea46d6a 100644
--- a/packages/frontend/src/pages/admin-file.stories.ts
+++ b/packages/frontend/src/pages/admin-file.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: admin_file,
 } satisfies Meta<typeof admin_file>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				admin_file,
 			},
-			props: Object.keys(argTypes),
-			template: '<admin_file v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<admin_file v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts b/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts
index bf1250f08..1af5513b7 100644
--- a/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts
+++ b/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: RolesEditorFormula,
 } satisfies Meta<typeof RolesEditorFormula>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				RolesEditorFormula,
 			},
-			props: Object.keys(argTypes),
-			template: '<RolesEditorFormula v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<RolesEditorFormula v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/_header_.stories.ts b/packages/frontend/src/pages/admin/_header_.stories.ts
index 1c3871ddb..47cec0313 100644
--- a/packages/frontend/src/pages/admin/_header_.stories.ts
+++ b/packages/frontend/src/pages/admin/_header_.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: _header_,
 } satisfies Meta<typeof _header_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				_header_,
 			},
-			props: Object.keys(argTypes),
-			template: '<_header_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<_header_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/abuses.stories.ts b/packages/frontend/src/pages/admin/abuses.stories.ts
index 3c64cb36a..4de75bccb 100644
--- a/packages/frontend/src/pages/admin/abuses.stories.ts
+++ b/packages/frontend/src/pages/admin/abuses.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: abuses_,
 } satisfies Meta<typeof abuses_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				abuses_,
 			},
-			props: Object.keys(argTypes),
-			template: '<abuses_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<abuses_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/ads.stories.ts b/packages/frontend/src/pages/admin/ads.stories.ts
index 5f939afec..e56f72a2b 100644
--- a/packages/frontend/src/pages/admin/ads.stories.ts
+++ b/packages/frontend/src/pages/admin/ads.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: ads_,
 } satisfies Meta<typeof ads_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				ads_,
 			},
-			props: Object.keys(argTypes),
-			template: '<ads_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<ads_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/announcements.stories.ts b/packages/frontend/src/pages/admin/announcements.stories.ts
index f9416c0c2..9a0c0828b 100644
--- a/packages/frontend/src/pages/admin/announcements.stories.ts
+++ b/packages/frontend/src/pages/admin/announcements.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: announcements_,
 } satisfies Meta<typeof announcements_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				announcements_,
 			},
-			props: Object.keys(argTypes),
-			template: '<announcements_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<announcements_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/bot-protection.stories.ts b/packages/frontend/src/pages/admin/bot-protection.stories.ts
index c76808ede..366ef0860 100644
--- a/packages/frontend/src/pages/admin/bot-protection.stories.ts
+++ b/packages/frontend/src/pages/admin/bot-protection.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: bot_protection,
 } satisfies Meta<typeof bot_protection>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				bot_protection,
 			},
-			props: Object.keys(argTypes),
-			template: '<bot_protection v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<bot_protection v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/database.stories.ts b/packages/frontend/src/pages/admin/database.stories.ts
index a2d240489..69c10b786 100644
--- a/packages/frontend/src/pages/admin/database.stories.ts
+++ b/packages/frontend/src/pages/admin/database.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: database_,
 } satisfies Meta<typeof database_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				database_,
 			},
-			props: Object.keys(argTypes),
-			template: '<database_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<database_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/email-settings.stories.ts b/packages/frontend/src/pages/admin/email-settings.stories.ts
index 7433c4413..2fb931019 100644
--- a/packages/frontend/src/pages/admin/email-settings.stories.ts
+++ b/packages/frontend/src/pages/admin/email-settings.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: email_settings,
 } satisfies Meta<typeof email_settings>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				email_settings,
 			},
-			props: Object.keys(argTypes),
-			template: '<email_settings v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<email_settings v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/federation.stories.ts b/packages/frontend/src/pages/admin/federation.stories.ts
index 761fdeee3..8be691fb9 100644
--- a/packages/frontend/src/pages/admin/federation.stories.ts
+++ b/packages/frontend/src/pages/admin/federation.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: federation_,
 } satisfies Meta<typeof federation_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				federation_,
 			},
-			props: Object.keys(argTypes),
-			template: '<federation_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<federation_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/files.stories.ts b/packages/frontend/src/pages/admin/files.stories.ts
index 6e868ec81..887636615 100644
--- a/packages/frontend/src/pages/admin/files.stories.ts
+++ b/packages/frontend/src/pages/admin/files.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: files_,
 } satisfies Meta<typeof files_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				files_,
 			},
-			props: Object.keys(argTypes),
-			template: '<files_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<files_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/index.stories.ts b/packages/frontend/src/pages/admin/index.stories.ts
index 05ff1a370..135df4dd5 100644
--- a/packages/frontend/src/pages/admin/index.stories.ts
+++ b/packages/frontend/src/pages/admin/index.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/instance-block.stories.ts b/packages/frontend/src/pages/admin/instance-block.stories.ts
index bdf12a8d2..3e7d3f905 100644
--- a/packages/frontend/src/pages/admin/instance-block.stories.ts
+++ b/packages/frontend/src/pages/admin/instance-block.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: instance_block,
 } satisfies Meta<typeof instance_block>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				instance_block,
 			},
-			props: Object.keys(argTypes),
-			template: '<instance_block v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<instance_block v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/moderation.stories.ts b/packages/frontend/src/pages/admin/moderation.stories.ts
index e2ce3b23c..48eea3454 100644
--- a/packages/frontend/src/pages/admin/moderation.stories.ts
+++ b/packages/frontend/src/pages/admin/moderation.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: moderation_,
 } satisfies Meta<typeof moderation_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				moderation_,
 			},
-			props: Object.keys(argTypes),
-			template: '<moderation_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<moderation_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/object-storage.stories.ts b/packages/frontend/src/pages/admin/object-storage.stories.ts
index b2815ae3f..d9da71dbd 100644
--- a/packages/frontend/src/pages/admin/object-storage.stories.ts
+++ b/packages/frontend/src/pages/admin/object-storage.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: object_storage,
 } satisfies Meta<typeof object_storage>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				object_storage,
 			},
-			props: Object.keys(argTypes),
-			template: '<object_storage v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<object_storage v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/other-settings.stories.ts b/packages/frontend/src/pages/admin/other-settings.stories.ts
index 4015dd47c..3dd5a9e36 100644
--- a/packages/frontend/src/pages/admin/other-settings.stories.ts
+++ b/packages/frontend/src/pages/admin/other-settings.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: other_settings,
 } satisfies Meta<typeof other_settings>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				other_settings,
 			},
-			props: Object.keys(argTypes),
-			template: '<other_settings v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<other_settings v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.active-users.stories.ts b/packages/frontend/src/pages/admin/overview.active-users.stories.ts
index c91a005f4..c809efec0 100644
--- a/packages/frontend/src/pages/admin/overview.active-users.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.active-users.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_active_users,
 } satisfies Meta<typeof overview_active_users>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_active_users,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_active_users v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_active_users v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts b/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts
index 6c750a11a..62576f1b5 100644
--- a/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_ap_requests,
 } satisfies Meta<typeof overview_ap_requests>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_ap_requests,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_ap_requests v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_ap_requests v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.federation.stories.ts b/packages/frontend/src/pages/admin/overview.federation.stories.ts
index 64fa535a5..46d085a8b 100644
--- a/packages/frontend/src/pages/admin/overview.federation.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.federation.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_federation,
 } satisfies Meta<typeof overview_federation>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_federation,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_federation v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_federation v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.heatmap.stories.ts b/packages/frontend/src/pages/admin/overview.heatmap.stories.ts
index f9fb6cd8e..dbb25c392 100644
--- a/packages/frontend/src/pages/admin/overview.heatmap.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.heatmap.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_heatmap,
 } satisfies Meta<typeof overview_heatmap>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_heatmap,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_heatmap v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_heatmap v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.instances.stories.ts b/packages/frontend/src/pages/admin/overview.instances.stories.ts
index ac3a86098..e8cdbebd7 100644
--- a/packages/frontend/src/pages/admin/overview.instances.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.instances.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_instances,
 } satisfies Meta<typeof overview_instances>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_instances,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_instances v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_instances v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.moderators.stories.ts b/packages/frontend/src/pages/admin/overview.moderators.stories.ts
index 4c6d2cf7c..0def4155f 100644
--- a/packages/frontend/src/pages/admin/overview.moderators.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.moderators.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_moderators,
 } satisfies Meta<typeof overview_moderators>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_moderators,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_moderators v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_moderators v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.pie.stories.ts b/packages/frontend/src/pages/admin/overview.pie.stories.ts
index e9893549e..531b14729 100644
--- a/packages/frontend/src/pages/admin/overview.pie.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.pie.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_pie,
 } satisfies Meta<typeof overview_pie>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_pie,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_pie v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_pie v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts b/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts
index 2cbb7d78a..d51dde7ed 100644
--- a/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_queue_chart,
 } satisfies Meta<typeof overview_queue_chart>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_queue_chart,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_queue_chart v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_queue_chart v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.queue.stories.ts b/packages/frontend/src/pages/admin/overview.queue.stories.ts
index 0fec1c1a7..e2b2be47e 100644
--- a/packages/frontend/src/pages/admin/overview.queue.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.queue.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_queue,
 } satisfies Meta<typeof overview_queue>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_queue,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_queue v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_queue v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.retention.stories.ts b/packages/frontend/src/pages/admin/overview.retention.stories.ts
index 25a159432..afe1e34c3 100644
--- a/packages/frontend/src/pages/admin/overview.retention.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.retention.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_retention,
 } satisfies Meta<typeof overview_retention>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_retention,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_retention v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_retention v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.stats.stories.ts b/packages/frontend/src/pages/admin/overview.stats.stories.ts
index 059ada5c9..75aa173aa 100644
--- a/packages/frontend/src/pages/admin/overview.stats.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.stats.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_stats,
 } satisfies Meta<typeof overview_stats>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_stats,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_stats v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_stats v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.stories.ts b/packages/frontend/src/pages/admin/overview.stories.ts
index 9c4f2f73a..b8897c2b7 100644
--- a/packages/frontend/src/pages/admin/overview.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_,
 } satisfies Meta<typeof overview_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/overview.users.stories.ts b/packages/frontend/src/pages/admin/overview.users.stories.ts
index 125c44f61..0c3d806d9 100644
--- a/packages/frontend/src/pages/admin/overview.users.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.users.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: overview_users,
 } satisfies Meta<typeof overview_users>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_users,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_users v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_users v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/proxy-account.stories.ts b/packages/frontend/src/pages/admin/proxy-account.stories.ts
index 2a7a4bb6f..9ef9552fc 100644
--- a/packages/frontend/src/pages/admin/proxy-account.stories.ts
+++ b/packages/frontend/src/pages/admin/proxy-account.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: proxy_account,
 } satisfies Meta<typeof proxy_account>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				proxy_account,
 			},
-			props: Object.keys(argTypes),
-			template: '<proxy_account v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<proxy_account v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts b/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts
index 65ca99ccb..ea778bebb 100644
--- a/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts
+++ b/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: queue_chart_chart,
 } satisfies Meta<typeof queue_chart_chart>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				queue_chart_chart,
 			},
-			props: Object.keys(argTypes),
-			template: '<queue_chart_chart v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<queue_chart_chart v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/queue.chart.stories.ts b/packages/frontend/src/pages/admin/queue.chart.stories.ts
index f08b88dad..c94f62725 100644
--- a/packages/frontend/src/pages/admin/queue.chart.stories.ts
+++ b/packages/frontend/src/pages/admin/queue.chart.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: queue_chart,
 } satisfies Meta<typeof queue_chart>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				queue_chart,
 			},
-			props: Object.keys(argTypes),
-			template: '<queue_chart v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<queue_chart v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/queue.stories.ts b/packages/frontend/src/pages/admin/queue.stories.ts
index e13f4bf53..0f8207461 100644
--- a/packages/frontend/src/pages/admin/queue.stories.ts
+++ b/packages/frontend/src/pages/admin/queue.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: queue_,
 } satisfies Meta<typeof queue_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				queue_,
 			},
-			props: Object.keys(argTypes),
-			template: '<queue_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<queue_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/relays.stories.ts b/packages/frontend/src/pages/admin/relays.stories.ts
index 8aba31461..89fdf2aad 100644
--- a/packages/frontend/src/pages/admin/relays.stories.ts
+++ b/packages/frontend/src/pages/admin/relays.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: relays_,
 } satisfies Meta<typeof relays_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				relays_,
 			},
-			props: Object.keys(argTypes),
-			template: '<relays_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<relays_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/roles.edit.stories.ts b/packages/frontend/src/pages/admin/roles.edit.stories.ts
index 826b78af4..c70098771 100644
--- a/packages/frontend/src/pages/admin/roles.edit.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.edit.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: roles_edit,
 } satisfies Meta<typeof roles_edit>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				roles_edit,
 			},
-			props: Object.keys(argTypes),
-			template: '<roles_edit v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<roles_edit v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/roles.editor.stories.ts b/packages/frontend/src/pages/admin/roles.editor.stories.ts
index 1bac7a7b6..ebd4064e0 100644
--- a/packages/frontend/src/pages/admin/roles.editor.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.editor.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: roles_editor,
 } satisfies Meta<typeof roles_editor>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				roles_editor,
 			},
-			props: Object.keys(argTypes),
-			template: '<roles_editor v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<roles_editor v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/roles.role.stories.ts b/packages/frontend/src/pages/admin/roles.role.stories.ts
index 76f0d02ee..9e41dc227 100644
--- a/packages/frontend/src/pages/admin/roles.role.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.role.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: roles_role,
 } satisfies Meta<typeof roles_role>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				roles_role,
 			},
-			props: Object.keys(argTypes),
-			template: '<roles_role v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<roles_role v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/roles.stories.ts b/packages/frontend/src/pages/admin/roles.stories.ts
index 41b6f82f6..cb5b29059 100644
--- a/packages/frontend/src/pages/admin/roles.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: roles_,
 } satisfies Meta<typeof roles_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				roles_,
 			},
-			props: Object.keys(argTypes),
-			template: '<roles_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<roles_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/security.stories.ts b/packages/frontend/src/pages/admin/security.stories.ts
index 667dc1f28..3de0725c6 100644
--- a/packages/frontend/src/pages/admin/security.stories.ts
+++ b/packages/frontend/src/pages/admin/security.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: security_,
 } satisfies Meta<typeof security_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				security_,
 			},
-			props: Object.keys(argTypes),
-			template: '<security_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<security_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/settings.stories.ts b/packages/frontend/src/pages/admin/settings.stories.ts
index 2646dd894..9acb4ec34 100644
--- a/packages/frontend/src/pages/admin/settings.stories.ts
+++ b/packages/frontend/src/pages/admin/settings.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: settings_,
 } satisfies Meta<typeof settings_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				settings_,
 			},
-			props: Object.keys(argTypes),
-			template: '<settings_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<settings_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/admin/users.stories.ts b/packages/frontend/src/pages/admin/users.stories.ts
index 7ec0fd406..d845f7652 100644
--- a/packages/frontend/src/pages/admin/users.stories.ts
+++ b/packages/frontend/src/pages/admin/users.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: users_,
 } satisfies Meta<typeof users_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				users_,
 			},
-			props: Object.keys(argTypes),
-			template: '<users_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<users_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/ads.stories.ts b/packages/frontend/src/pages/ads.stories.ts
index 65afabd5d..b1a4ee1d8 100644
--- a/packages/frontend/src/pages/ads.stories.ts
+++ b/packages/frontend/src/pages/ads.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: ads_,
 } satisfies Meta<typeof ads_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				ads_,
 			},
-			props: Object.keys(argTypes),
-			template: '<ads_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<ads_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/announcements.stories.ts b/packages/frontend/src/pages/announcements.stories.ts
index 1488a805d..0f8d34972 100644
--- a/packages/frontend/src/pages/announcements.stories.ts
+++ b/packages/frontend/src/pages/announcements.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: announcements_,
 } satisfies Meta<typeof announcements_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				announcements_,
 			},
-			props: Object.keys(argTypes),
-			template: '<announcements_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<announcements_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/antenna-timeline.stories.ts b/packages/frontend/src/pages/antenna-timeline.stories.ts
index f50785a71..8e07aeb95 100644
--- a/packages/frontend/src/pages/antenna-timeline.stories.ts
+++ b/packages/frontend/src/pages/antenna-timeline.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: antenna_timeline,
 } satisfies Meta<typeof antenna_timeline>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				antenna_timeline,
 			},
-			props: Object.keys(argTypes),
-			template: '<antenna_timeline v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<antenna_timeline v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/api-console.stories.ts b/packages/frontend/src/pages/api-console.stories.ts
index 9c503f2fc..0475dfc3b 100644
--- a/packages/frontend/src/pages/api-console.stories.ts
+++ b/packages/frontend/src/pages/api-console.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: api_console,
 } satisfies Meta<typeof api_console>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				api_console,
 			},
-			props: Object.keys(argTypes),
-			template: '<api_console v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<api_console v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/auth.form.stories.ts b/packages/frontend/src/pages/auth.form.stories.ts
index 4b0d95596..643ec487c 100644
--- a/packages/frontend/src/pages/auth.form.stories.ts
+++ b/packages/frontend/src/pages/auth.form.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: auth_form,
 } satisfies Meta<typeof auth_form>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				auth_form,
 			},
-			props: Object.keys(argTypes),
-			template: '<auth_form v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<auth_form v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/auth.stories.ts b/packages/frontend/src/pages/auth.stories.ts
index 235d5384b..827ac75eb 100644
--- a/packages/frontend/src/pages/auth.stories.ts
+++ b/packages/frontend/src/pages/auth.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: auth_,
 } satisfies Meta<typeof auth_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				auth_,
 			},
-			props: Object.keys(argTypes),
-			template: '<auth_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<auth_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/channel-editor.stories.ts b/packages/frontend/src/pages/channel-editor.stories.ts
index 7663db90e..f30e5e07c 100644
--- a/packages/frontend/src/pages/channel-editor.stories.ts
+++ b/packages/frontend/src/pages/channel-editor.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: channel_editor,
 } satisfies Meta<typeof channel_editor>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				channel_editor,
 			},
-			props: Object.keys(argTypes),
-			template: '<channel_editor v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<channel_editor v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/channel.stories.ts b/packages/frontend/src/pages/channel.stories.ts
index 550d93754..52b690ee0 100644
--- a/packages/frontend/src/pages/channel.stories.ts
+++ b/packages/frontend/src/pages/channel.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: channel_,
 } satisfies Meta<typeof channel_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				channel_,
 			},
-			props: Object.keys(argTypes),
-			template: '<channel_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<channel_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/channels.stories.ts b/packages/frontend/src/pages/channels.stories.ts
index e0f79465e..a50d2e46f 100644
--- a/packages/frontend/src/pages/channels.stories.ts
+++ b/packages/frontend/src/pages/channels.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: channels_,
 } satisfies Meta<typeof channels_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				channels_,
 			},
-			props: Object.keys(argTypes),
-			template: '<channels_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<channels_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/clicker.stories.ts b/packages/frontend/src/pages/clicker.stories.ts
index 1e5dfcfae..010b1cb2a 100644
--- a/packages/frontend/src/pages/clicker.stories.ts
+++ b/packages/frontend/src/pages/clicker.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: clicker_,
 } satisfies Meta<typeof clicker_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				clicker_,
 			},
-			props: Object.keys(argTypes),
-			template: '<clicker_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<clicker_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/clip.stories.ts b/packages/frontend/src/pages/clip.stories.ts
index 9921b57e1..ad35528ee 100644
--- a/packages/frontend/src/pages/clip.stories.ts
+++ b/packages/frontend/src/pages/clip.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: clip_,
 } satisfies Meta<typeof clip_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				clip_,
 			},
-			props: Object.keys(argTypes),
-			template: '<clip_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<clip_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/custom-emojis-manager.stories.ts b/packages/frontend/src/pages/custom-emojis-manager.stories.ts
index 6d8cb181d..6ff43ad8b 100644
--- a/packages/frontend/src/pages/custom-emojis-manager.stories.ts
+++ b/packages/frontend/src/pages/custom-emojis-manager.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: custom_emojis_manager,
 } satisfies Meta<typeof custom_emojis_manager>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				custom_emojis_manager,
 			},
-			props: Object.keys(argTypes),
-			template: '<custom_emojis_manager v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<custom_emojis_manager v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/drive.stories.ts b/packages/frontend/src/pages/drive.stories.ts
index b51b0f5a0..94f85e773 100644
--- a/packages/frontend/src/pages/drive.stories.ts
+++ b/packages/frontend/src/pages/drive.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: drive_,
 } satisfies Meta<typeof drive_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				drive_,
 			},
-			props: Object.keys(argTypes),
-			template: '<drive_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<drive_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/emoji-edit-dialog.stories.ts b/packages/frontend/src/pages/emoji-edit-dialog.stories.ts
index 13e66cd5f..5ff9d4c0b 100644
--- a/packages/frontend/src/pages/emoji-edit-dialog.stories.ts
+++ b/packages/frontend/src/pages/emoji-edit-dialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: emoji_edit_dialog,
 } satisfies Meta<typeof emoji_edit_dialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				emoji_edit_dialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<emoji_edit_dialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<emoji_edit_dialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/emojis.emoji.stories.ts b/packages/frontend/src/pages/emojis.emoji.stories.ts
index 0eb9a82c5..78964f570 100644
--- a/packages/frontend/src/pages/emojis.emoji.stories.ts
+++ b/packages/frontend/src/pages/emojis.emoji.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: emojis_emoji,
 } satisfies Meta<typeof emojis_emoji>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				emojis_emoji,
 			},
-			props: Object.keys(argTypes),
-			template: '<emojis_emoji v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<emojis_emoji v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/explore.featured.stories.ts b/packages/frontend/src/pages/explore.featured.stories.ts
index aa6fb9a64..a9e0a1fb2 100644
--- a/packages/frontend/src/pages/explore.featured.stories.ts
+++ b/packages/frontend/src/pages/explore.featured.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: explore_featured,
 } satisfies Meta<typeof explore_featured>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				explore_featured,
 			},
-			props: Object.keys(argTypes),
-			template: '<explore_featured v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<explore_featured v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/explore.roles.stories.ts b/packages/frontend/src/pages/explore.roles.stories.ts
index 5a033ff65..76b5a3e6d 100644
--- a/packages/frontend/src/pages/explore.roles.stories.ts
+++ b/packages/frontend/src/pages/explore.roles.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: explore_roles,
 } satisfies Meta<typeof explore_roles>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				explore_roles,
 			},
-			props: Object.keys(argTypes),
-			template: '<explore_roles v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<explore_roles v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/explore.stories.ts b/packages/frontend/src/pages/explore.stories.ts
index 73b55b8d3..108282a02 100644
--- a/packages/frontend/src/pages/explore.stories.ts
+++ b/packages/frontend/src/pages/explore.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: explore_,
 } satisfies Meta<typeof explore_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				explore_,
 			},
-			props: Object.keys(argTypes),
-			template: '<explore_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<explore_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/explore.users.stories.ts b/packages/frontend/src/pages/explore.users.stories.ts
index ad708a073..b89e29716 100644
--- a/packages/frontend/src/pages/explore.users.stories.ts
+++ b/packages/frontend/src/pages/explore.users.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: explore_users,
 } satisfies Meta<typeof explore_users>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				explore_users,
 			},
-			props: Object.keys(argTypes),
-			template: '<explore_users v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<explore_users v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/favorites.stories.ts b/packages/frontend/src/pages/favorites.stories.ts
index 3bcc85760..e8a19503f 100644
--- a/packages/frontend/src/pages/favorites.stories.ts
+++ b/packages/frontend/src/pages/favorites.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: favorites_,
 } satisfies Meta<typeof favorites_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				favorites_,
 			},
-			props: Object.keys(argTypes),
-			template: '<favorites_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<favorites_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/flash/flash-edit.stories.ts b/packages/frontend/src/pages/flash/flash-edit.stories.ts
index addaa232d..4437aca74 100644
--- a/packages/frontend/src/pages/flash/flash-edit.stories.ts
+++ b/packages/frontend/src/pages/flash/flash-edit.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: flash_edit,
 } satisfies Meta<typeof flash_edit>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				flash_edit,
 			},
-			props: Object.keys(argTypes),
-			template: '<flash_edit v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<flash_edit v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/flash/flash-index.stories.ts b/packages/frontend/src/pages/flash/flash-index.stories.ts
index 3db663e6a..46997adaf 100644
--- a/packages/frontend/src/pages/flash/flash-index.stories.ts
+++ b/packages/frontend/src/pages/flash/flash-index.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: flash_index,
 } satisfies Meta<typeof flash_index>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				flash_index,
 			},
-			props: Object.keys(argTypes),
-			template: '<flash_index v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<flash_index v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/flash/flash.stories.ts b/packages/frontend/src/pages/flash/flash.stories.ts
index 760fff729..f0e4bec28 100644
--- a/packages/frontend/src/pages/flash/flash.stories.ts
+++ b/packages/frontend/src/pages/flash/flash.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: flash_,
 } satisfies Meta<typeof flash_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				flash_,
 			},
-			props: Object.keys(argTypes),
-			template: '<flash_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<flash_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/follow-requests.stories.ts b/packages/frontend/src/pages/follow-requests.stories.ts
index 691064cbe..e476568ff 100644
--- a/packages/frontend/src/pages/follow-requests.stories.ts
+++ b/packages/frontend/src/pages/follow-requests.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: follow_requests,
 } satisfies Meta<typeof follow_requests>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				follow_requests,
 			},
-			props: Object.keys(argTypes),
-			template: '<follow_requests v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<follow_requests v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/follow.stories.ts b/packages/frontend/src/pages/follow.stories.ts
index 51bffee3e..57ecbf687 100644
--- a/packages/frontend/src/pages/follow.stories.ts
+++ b/packages/frontend/src/pages/follow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: follow_,
 } satisfies Meta<typeof follow_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				follow_,
 			},
-			props: Object.keys(argTypes),
-			template: '<follow_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<follow_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/gallery/edit.stories.ts b/packages/frontend/src/pages/gallery/edit.stories.ts
index 11fa82a96..0205511cf 100644
--- a/packages/frontend/src/pages/gallery/edit.stories.ts
+++ b/packages/frontend/src/pages/gallery/edit.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: edit_,
 } satisfies Meta<typeof edit_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				edit_,
 			},
-			props: Object.keys(argTypes),
-			template: '<edit_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<edit_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/gallery/index.stories.ts b/packages/frontend/src/pages/gallery/index.stories.ts
index 4d1112aa3..ac17fc047 100644
--- a/packages/frontend/src/pages/gallery/index.stories.ts
+++ b/packages/frontend/src/pages/gallery/index.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/gallery/post.stories.ts b/packages/frontend/src/pages/gallery/post.stories.ts
index f3dbec334..f49938bbf 100644
--- a/packages/frontend/src/pages/gallery/post.stories.ts
+++ b/packages/frontend/src/pages/gallery/post.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: post_,
 } satisfies Meta<typeof post_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				post_,
 			},
-			props: Object.keys(argTypes),
-			template: '<post_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<post_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/instance-info.stories.ts b/packages/frontend/src/pages/instance-info.stories.ts
index eede2a59b..188ce8ec6 100644
--- a/packages/frontend/src/pages/instance-info.stories.ts
+++ b/packages/frontend/src/pages/instance-info.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: instance_info,
 } satisfies Meta<typeof instance_info>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				instance_info,
 			},
-			props: Object.keys(argTypes),
-			template: '<instance_info v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<instance_info v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/miauth.stories.ts b/packages/frontend/src/pages/miauth.stories.ts
index 739f935df..2814d117f 100644
--- a/packages/frontend/src/pages/miauth.stories.ts
+++ b/packages/frontend/src/pages/miauth.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: miauth_,
 } satisfies Meta<typeof miauth_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				miauth_,
 			},
-			props: Object.keys(argTypes),
-			template: '<miauth_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<miauth_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/my-antennas/create.stories.ts b/packages/frontend/src/pages/my-antennas/create.stories.ts
index 205ed53de..149e73a9e 100644
--- a/packages/frontend/src/pages/my-antennas/create.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/create.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: create_,
 } satisfies Meta<typeof create_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				create_,
 			},
-			props: Object.keys(argTypes),
-			template: '<create_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<create_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/my-antennas/edit.stories.ts b/packages/frontend/src/pages/my-antennas/edit.stories.ts
index 37c3eccc2..9771b4ffd 100644
--- a/packages/frontend/src/pages/my-antennas/edit.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/edit.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: edit_,
 } satisfies Meta<typeof edit_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				edit_,
 			},
-			props: Object.keys(argTypes),
-			template: '<edit_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<edit_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/my-antennas/editor.stories.ts b/packages/frontend/src/pages/my-antennas/editor.stories.ts
index df9b81d5c..0e3c0e185 100644
--- a/packages/frontend/src/pages/my-antennas/editor.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/editor.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: editor_,
 } satisfies Meta<typeof editor_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				editor_,
 			},
-			props: Object.keys(argTypes),
-			template: '<editor_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<editor_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/my-antennas/index.stories.ts b/packages/frontend/src/pages/my-antennas/index.stories.ts
index 0c7140887..0a38dec60 100644
--- a/packages/frontend/src/pages/my-antennas/index.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/index.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/my-clips/index.stories.ts b/packages/frontend/src/pages/my-clips/index.stories.ts
index aec5d71aa..71fd4314d 100644
--- a/packages/frontend/src/pages/my-clips/index.stories.ts
+++ b/packages/frontend/src/pages/my-clips/index.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/my-lists/index.stories.ts b/packages/frontend/src/pages/my-lists/index.stories.ts
index 0f3995a48..a945b45ca 100644
--- a/packages/frontend/src/pages/my-lists/index.stories.ts
+++ b/packages/frontend/src/pages/my-lists/index.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/my-lists/list.stories.ts b/packages/frontend/src/pages/my-lists/list.stories.ts
index 99e6c999b..e636179b3 100644
--- a/packages/frontend/src/pages/my-lists/list.stories.ts
+++ b/packages/frontend/src/pages/my-lists/list.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: list_,
 } satisfies Meta<typeof list_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				list_,
 			},
-			props: Object.keys(argTypes),
-			template: '<list_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<list_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/not-found.stories.ts b/packages/frontend/src/pages/not-found.stories.ts
index 788304569..99715854d 100644
--- a/packages/frontend/src/pages/not-found.stories.ts
+++ b/packages/frontend/src/pages/not-found.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: not_found,
 } satisfies Meta<typeof not_found>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				not_found,
 			},
-			props: Object.keys(argTypes),
-			template: '<not_found v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<not_found v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/note.stories.ts b/packages/frontend/src/pages/note.stories.ts
index 5510f61bd..de8ef127d 100644
--- a/packages/frontend/src/pages/note.stories.ts
+++ b/packages/frontend/src/pages/note.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: note_,
 } satisfies Meta<typeof note_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				note_,
 			},
-			props: Object.keys(argTypes),
-			template: '<note_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<note_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/notifications.stories.ts b/packages/frontend/src/pages/notifications.stories.ts
index bef350a4c..e7fab3655 100644
--- a/packages/frontend/src/pages/notifications.stories.ts
+++ b/packages/frontend/src/pages/notifications.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: notifications_,
 } satisfies Meta<typeof notifications_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				notifications_,
 			},
-			props: Object.keys(argTypes),
-			template: '<notifications_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<notifications_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts
index 67b9b8c35..372952a2b 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor_el_image,
 } satisfies Meta<typeof page_editor_el_image>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor_el_image,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor_el_image v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor_el_image v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts
index 7377d2b75..c341e1898 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor_el_note,
 } satisfies Meta<typeof page_editor_el_note>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor_el_note,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor_el_note v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor_el_note v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts
index c93304330..90bd4f7a4 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor_el_section,
 } satisfies Meta<typeof page_editor_el_section>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor_el_section,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor_el_section v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor_el_section v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts
index 448601242..46540991f 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor_el_text,
 } satisfies Meta<typeof page_editor_el_text>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor_el_text,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor_el_text v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor_el_text v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts
index fb29d1f4e..5cf3158d6 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts
+++ b/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor_blocks,
 } satisfies Meta<typeof page_editor_blocks>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor_blocks,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor_blocks v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor_blocks v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts
index 252892c26..9f035212f 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts
+++ b/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor_container,
 } satisfies Meta<typeof page_editor_container>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor_container,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor_container v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor_container v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/page-editor/page-editor.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.stories.ts
index f6ff74cd3..191b56653 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.stories.ts
+++ b/packages/frontend/src/pages/page-editor/page-editor.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor,
 } satisfies Meta<typeof page_editor>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/page.stories.ts b/packages/frontend/src/pages/page.stories.ts
index 2e988a157..10e197dc1 100644
--- a/packages/frontend/src/pages/page.stories.ts
+++ b/packages/frontend/src/pages/page.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: page_,
 } satisfies Meta<typeof page_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/pages.stories.ts b/packages/frontend/src/pages/pages.stories.ts
index 174542717..5359f0ac8 100644
--- a/packages/frontend/src/pages/pages.stories.ts
+++ b/packages/frontend/src/pages/pages.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: pages_,
 } satisfies Meta<typeof pages_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				pages_,
 			},
-			props: Object.keys(argTypes),
-			template: '<pages_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<pages_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/preview.stories.ts b/packages/frontend/src/pages/preview.stories.ts
index a73091c83..0bdb067ab 100644
--- a/packages/frontend/src/pages/preview.stories.ts
+++ b/packages/frontend/src/pages/preview.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: preview_,
 } satisfies Meta<typeof preview_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				preview_,
 			},
-			props: Object.keys(argTypes),
-			template: '<preview_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<preview_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/registry.keys.stories.ts b/packages/frontend/src/pages/registry.keys.stories.ts
index 8a079f7c2..326607142 100644
--- a/packages/frontend/src/pages/registry.keys.stories.ts
+++ b/packages/frontend/src/pages/registry.keys.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: registry_keys,
 } satisfies Meta<typeof registry_keys>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				registry_keys,
 			},
-			props: Object.keys(argTypes),
-			template: '<registry_keys v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<registry_keys v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/registry.stories.ts b/packages/frontend/src/pages/registry.stories.ts
index 7f042eb7d..e0af01e1f 100644
--- a/packages/frontend/src/pages/registry.stories.ts
+++ b/packages/frontend/src/pages/registry.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: registry_,
 } satisfies Meta<typeof registry_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				registry_,
 			},
-			props: Object.keys(argTypes),
-			template: '<registry_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<registry_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/registry.value.stories.ts b/packages/frontend/src/pages/registry.value.stories.ts
index 2bb17f1d2..44b848b9c 100644
--- a/packages/frontend/src/pages/registry.value.stories.ts
+++ b/packages/frontend/src/pages/registry.value.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: registry_value,
 } satisfies Meta<typeof registry_value>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				registry_value,
 			},
-			props: Object.keys(argTypes),
-			template: '<registry_value v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<registry_value v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/reset-password.stories.ts b/packages/frontend/src/pages/reset-password.stories.ts
index b2d0d2cf5..aa0c47649 100644
--- a/packages/frontend/src/pages/reset-password.stories.ts
+++ b/packages/frontend/src/pages/reset-password.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: reset_password,
 } satisfies Meta<typeof reset_password>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				reset_password,
 			},
-			props: Object.keys(argTypes),
-			template: '<reset_password v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<reset_password v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/role.stories.ts b/packages/frontend/src/pages/role.stories.ts
index f8b3bfc81..3adcc107f 100644
--- a/packages/frontend/src/pages/role.stories.ts
+++ b/packages/frontend/src/pages/role.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: role_,
 } satisfies Meta<typeof role_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				role_,
 			},
-			props: Object.keys(argTypes),
-			template: '<role_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<role_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/scratchpad.stories.ts b/packages/frontend/src/pages/scratchpad.stories.ts
index 5ce010698..94fcff0d9 100644
--- a/packages/frontend/src/pages/scratchpad.stories.ts
+++ b/packages/frontend/src/pages/scratchpad.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: scratchpad_,
 } satisfies Meta<typeof scratchpad_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				scratchpad_,
 			},
-			props: Object.keys(argTypes),
-			template: '<scratchpad_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<scratchpad_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/search.stories.ts b/packages/frontend/src/pages/search.stories.ts
index 92964f42e..fe10f4c2c 100644
--- a/packages/frontend/src/pages/search.stories.ts
+++ b/packages/frontend/src/pages/search.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: search_,
 } satisfies Meta<typeof search_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				search_,
 			},
-			props: Object.keys(argTypes),
-			template: '<search_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<search_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts b/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts
index 2eed85d76..8892f6bc3 100644
--- a/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts
+++ b/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: _2fa_qrdialog,
 } satisfies Meta<typeof _2fa_qrdialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				_2fa_qrdialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<_2fa_qrdialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<_2fa_qrdialog v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/2fa.stories.ts b/packages/frontend/src/pages/settings/2fa.stories.ts
index 7f66edf24..30280a5c4 100644
--- a/packages/frontend/src/pages/settings/2fa.stories.ts
+++ b/packages/frontend/src/pages/settings/2fa.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: _2fa,
 } satisfies Meta<typeof _2fa>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				_2fa,
 			},
-			props: Object.keys(argTypes),
-			template: '<_2fa v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<_2fa v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/account-info.stories.ts b/packages/frontend/src/pages/settings/account-info.stories.ts
index 2194e97ff..4150d3178 100644
--- a/packages/frontend/src/pages/settings/account-info.stories.ts
+++ b/packages/frontend/src/pages/settings/account-info.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: account_info,
 } satisfies Meta<typeof account_info>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				account_info,
 			},
-			props: Object.keys(argTypes),
-			template: '<account_info v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<account_info v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/accounts.stories.ts b/packages/frontend/src/pages/settings/accounts.stories.ts
index b50f0862f..1a88aef4c 100644
--- a/packages/frontend/src/pages/settings/accounts.stories.ts
+++ b/packages/frontend/src/pages/settings/accounts.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: accounts_,
 } satisfies Meta<typeof accounts_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				accounts_,
 			},
-			props: Object.keys(argTypes),
-			template: '<accounts_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<accounts_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/api.stories.ts b/packages/frontend/src/pages/settings/api.stories.ts
index 66140aa8b..54e9eaffd 100644
--- a/packages/frontend/src/pages/settings/api.stories.ts
+++ b/packages/frontend/src/pages/settings/api.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: api_,
 } satisfies Meta<typeof api_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				api_,
 			},
-			props: Object.keys(argTypes),
-			template: '<api_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<api_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/apps.stories.ts b/packages/frontend/src/pages/settings/apps.stories.ts
index 3a202bd10..ccc13f96f 100644
--- a/packages/frontend/src/pages/settings/apps.stories.ts
+++ b/packages/frontend/src/pages/settings/apps.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: apps_,
 } satisfies Meta<typeof apps_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				apps_,
 			},
-			props: Object.keys(argTypes),
-			template: '<apps_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<apps_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/custom-css.stories.ts b/packages/frontend/src/pages/settings/custom-css.stories.ts
index e411cf894..f45ce4b5c 100644
--- a/packages/frontend/src/pages/settings/custom-css.stories.ts
+++ b/packages/frontend/src/pages/settings/custom-css.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: custom_css,
 } satisfies Meta<typeof custom_css>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				custom_css,
 			},
-			props: Object.keys(argTypes),
-			template: '<custom_css v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<custom_css v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/deck.stories.ts b/packages/frontend/src/pages/settings/deck.stories.ts
index 74aaec443..f9f566c69 100644
--- a/packages/frontend/src/pages/settings/deck.stories.ts
+++ b/packages/frontend/src/pages/settings/deck.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: deck_,
 } satisfies Meta<typeof deck_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				deck_,
 			},
-			props: Object.keys(argTypes),
-			template: '<deck_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<deck_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/delete-account.stories.ts b/packages/frontend/src/pages/settings/delete-account.stories.ts
index f71df1bab..5734b94cb 100644
--- a/packages/frontend/src/pages/settings/delete-account.stories.ts
+++ b/packages/frontend/src/pages/settings/delete-account.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: delete_account,
 } satisfies Meta<typeof delete_account>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				delete_account,
 			},
-			props: Object.keys(argTypes),
-			template: '<delete_account v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<delete_account v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/drive.stories.ts b/packages/frontend/src/pages/settings/drive.stories.ts
index be593fc2d..55faccffd 100644
--- a/packages/frontend/src/pages/settings/drive.stories.ts
+++ b/packages/frontend/src/pages/settings/drive.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: drive_,
 } satisfies Meta<typeof drive_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				drive_,
 			},
-			props: Object.keys(argTypes),
-			template: '<drive_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<drive_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/email.stories.ts b/packages/frontend/src/pages/settings/email.stories.ts
index 42ea878fa..98defa44a 100644
--- a/packages/frontend/src/pages/settings/email.stories.ts
+++ b/packages/frontend/src/pages/settings/email.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: email_,
 } satisfies Meta<typeof email_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				email_,
 			},
-			props: Object.keys(argTypes),
-			template: '<email_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<email_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/general.stories.ts b/packages/frontend/src/pages/settings/general.stories.ts
index 3a97f8f55..589807d90 100644
--- a/packages/frontend/src/pages/settings/general.stories.ts
+++ b/packages/frontend/src/pages/settings/general.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: general_,
 } satisfies Meta<typeof general_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				general_,
 			},
-			props: Object.keys(argTypes),
-			template: '<general_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<general_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/import-export.stories.ts b/packages/frontend/src/pages/settings/import-export.stories.ts
index a050a2363..3babedf18 100644
--- a/packages/frontend/src/pages/settings/import-export.stories.ts
+++ b/packages/frontend/src/pages/settings/import-export.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: import_export,
 } satisfies Meta<typeof import_export>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				import_export,
 			},
-			props: Object.keys(argTypes),
-			template: '<import_export v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<import_export v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/index.stories.ts b/packages/frontend/src/pages/settings/index.stories.ts
index 3a5c6f58b..537c0a9ad 100644
--- a/packages/frontend/src/pages/settings/index.stories.ts
+++ b/packages/frontend/src/pages/settings/index.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/instance-mute.stories.ts b/packages/frontend/src/pages/settings/instance-mute.stories.ts
index 69a9d5823..9e2340915 100644
--- a/packages/frontend/src/pages/settings/instance-mute.stories.ts
+++ b/packages/frontend/src/pages/settings/instance-mute.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: instance_mute,
 } satisfies Meta<typeof instance_mute>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				instance_mute,
 			},
-			props: Object.keys(argTypes),
-			template: '<instance_mute v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<instance_mute v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/mute-block.stories.ts b/packages/frontend/src/pages/settings/mute-block.stories.ts
index 4962ab130..436e102c4 100644
--- a/packages/frontend/src/pages/settings/mute-block.stories.ts
+++ b/packages/frontend/src/pages/settings/mute-block.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: mute_block,
 } satisfies Meta<typeof mute_block>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				mute_block,
 			},
-			props: Object.keys(argTypes),
-			template: '<mute_block v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<mute_block v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/navbar.stories.ts b/packages/frontend/src/pages/settings/navbar.stories.ts
index 68e710c57..8ba931625 100644
--- a/packages/frontend/src/pages/settings/navbar.stories.ts
+++ b/packages/frontend/src/pages/settings/navbar.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: navbar_,
 } satisfies Meta<typeof navbar_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				navbar_,
 			},
-			props: Object.keys(argTypes),
-			template: '<navbar_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<navbar_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/notifications.stories.ts b/packages/frontend/src/pages/settings/notifications.stories.ts
index 85540d367..a5fdb4017 100644
--- a/packages/frontend/src/pages/settings/notifications.stories.ts
+++ b/packages/frontend/src/pages/settings/notifications.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: notifications_,
 } satisfies Meta<typeof notifications_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				notifications_,
 			},
-			props: Object.keys(argTypes),
-			template: '<notifications_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<notifications_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/other.stories.ts b/packages/frontend/src/pages/settings/other.stories.ts
index da07d5f05..c450f45eb 100644
--- a/packages/frontend/src/pages/settings/other.stories.ts
+++ b/packages/frontend/src/pages/settings/other.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: other_,
 } satisfies Meta<typeof other_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				other_,
 			},
-			props: Object.keys(argTypes),
-			template: '<other_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<other_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/plugin.install.stories.ts b/packages/frontend/src/pages/settings/plugin.install.stories.ts
index 5b0043787..287be56db 100644
--- a/packages/frontend/src/pages/settings/plugin.install.stories.ts
+++ b/packages/frontend/src/pages/settings/plugin.install.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: plugin_install,
 } satisfies Meta<typeof plugin_install>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				plugin_install,
 			},
-			props: Object.keys(argTypes),
-			template: '<plugin_install v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<plugin_install v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/plugin.stories.ts b/packages/frontend/src/pages/settings/plugin.stories.ts
index 5fec62074..8bb4d2ac3 100644
--- a/packages/frontend/src/pages/settings/plugin.stories.ts
+++ b/packages/frontend/src/pages/settings/plugin.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: plugin_,
 } satisfies Meta<typeof plugin_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				plugin_,
 			},
-			props: Object.keys(argTypes),
-			template: '<plugin_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<plugin_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/preferences-backups.stories.ts b/packages/frontend/src/pages/settings/preferences-backups.stories.ts
index 2be2ec491..424169689 100644
--- a/packages/frontend/src/pages/settings/preferences-backups.stories.ts
+++ b/packages/frontend/src/pages/settings/preferences-backups.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: preferences_backups,
 } satisfies Meta<typeof preferences_backups>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				preferences_backups,
 			},
-			props: Object.keys(argTypes),
-			template: '<preferences_backups v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<preferences_backups v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/privacy.stories.ts b/packages/frontend/src/pages/settings/privacy.stories.ts
index 93f712be4..74e2d4244 100644
--- a/packages/frontend/src/pages/settings/privacy.stories.ts
+++ b/packages/frontend/src/pages/settings/privacy.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: privacy_,
 } satisfies Meta<typeof privacy_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				privacy_,
 			},
-			props: Object.keys(argTypes),
-			template: '<privacy_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<privacy_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/profile.stories.ts b/packages/frontend/src/pages/settings/profile.stories.ts
index 555841678..30437a471 100644
--- a/packages/frontend/src/pages/settings/profile.stories.ts
+++ b/packages/frontend/src/pages/settings/profile.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: profile_,
 } satisfies Meta<typeof profile_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				profile_,
 			},
-			props: Object.keys(argTypes),
-			template: '<profile_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<profile_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/reaction.stories.ts b/packages/frontend/src/pages/settings/reaction.stories.ts
index 82b0875c1..c2fd4d565 100644
--- a/packages/frontend/src/pages/settings/reaction.stories.ts
+++ b/packages/frontend/src/pages/settings/reaction.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: reaction_,
 } satisfies Meta<typeof reaction_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				reaction_,
 			},
-			props: Object.keys(argTypes),
-			template: '<reaction_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<reaction_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/roles.stories.ts b/packages/frontend/src/pages/settings/roles.stories.ts
index e894a7579..2a8552e7c 100644
--- a/packages/frontend/src/pages/settings/roles.stories.ts
+++ b/packages/frontend/src/pages/settings/roles.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: roles_,
 } satisfies Meta<typeof roles_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				roles_,
 			},
-			props: Object.keys(argTypes),
-			template: '<roles_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<roles_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/security.stories.ts b/packages/frontend/src/pages/settings/security.stories.ts
index 99cc608f9..0efc526bf 100644
--- a/packages/frontend/src/pages/settings/security.stories.ts
+++ b/packages/frontend/src/pages/settings/security.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: security_,
 } satisfies Meta<typeof security_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				security_,
 			},
-			props: Object.keys(argTypes),
-			template: '<security_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<security_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/sounds.sound.stories.ts b/packages/frontend/src/pages/settings/sounds.sound.stories.ts
index d25d2821e..b961fca8c 100644
--- a/packages/frontend/src/pages/settings/sounds.sound.stories.ts
+++ b/packages/frontend/src/pages/settings/sounds.sound.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: sounds_sound,
 } satisfies Meta<typeof sounds_sound>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				sounds_sound,
 			},
-			props: Object.keys(argTypes),
-			template: '<sounds_sound v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<sounds_sound v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/sounds.stories.ts b/packages/frontend/src/pages/settings/sounds.stories.ts
index 19bab607f..b830240d7 100644
--- a/packages/frontend/src/pages/settings/sounds.stories.ts
+++ b/packages/frontend/src/pages/settings/sounds.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: sounds_,
 } satisfies Meta<typeof sounds_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				sounds_,
 			},
-			props: Object.keys(argTypes),
-			template: '<sounds_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<sounds_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts b/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts
index 6a8e48ef7..910d3604a 100644
--- a/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts
+++ b/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: statusbar_statusbar,
 } satisfies Meta<typeof statusbar_statusbar>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				statusbar_statusbar,
 			},
-			props: Object.keys(argTypes),
-			template: '<statusbar_statusbar v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<statusbar_statusbar v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/statusbar.stories.ts b/packages/frontend/src/pages/settings/statusbar.stories.ts
index 37c31a34c..832ad9b12 100644
--- a/packages/frontend/src/pages/settings/statusbar.stories.ts
+++ b/packages/frontend/src/pages/settings/statusbar.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: statusbar_,
 } satisfies Meta<typeof statusbar_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				statusbar_,
 			},
-			props: Object.keys(argTypes),
-			template: '<statusbar_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<statusbar_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/theme.install.stories.ts b/packages/frontend/src/pages/settings/theme.install.stories.ts
index 5ef535cca..04de316fb 100644
--- a/packages/frontend/src/pages/settings/theme.install.stories.ts
+++ b/packages/frontend/src/pages/settings/theme.install.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: theme_install,
 } satisfies Meta<typeof theme_install>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				theme_install,
 			},
-			props: Object.keys(argTypes),
-			template: '<theme_install v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<theme_install v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/theme.manage.stories.ts b/packages/frontend/src/pages/settings/theme.manage.stories.ts
index c1dff7467..3ce793e04 100644
--- a/packages/frontend/src/pages/settings/theme.manage.stories.ts
+++ b/packages/frontend/src/pages/settings/theme.manage.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: theme_manage,
 } satisfies Meta<typeof theme_manage>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				theme_manage,
 			},
-			props: Object.keys(argTypes),
-			template: '<theme_manage v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<theme_manage v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/theme.stories.ts b/packages/frontend/src/pages/settings/theme.stories.ts
index e746a2e11..cb1dcbb9c 100644
--- a/packages/frontend/src/pages/settings/theme.stories.ts
+++ b/packages/frontend/src/pages/settings/theme.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: theme_,
 } satisfies Meta<typeof theme_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				theme_,
 			},
-			props: Object.keys(argTypes),
-			template: '<theme_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<theme_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/webhook.edit.stories.ts b/packages/frontend/src/pages/settings/webhook.edit.stories.ts
index e3eaaef35..e2b93b6fb 100644
--- a/packages/frontend/src/pages/settings/webhook.edit.stories.ts
+++ b/packages/frontend/src/pages/settings/webhook.edit.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: webhook_edit,
 } satisfies Meta<typeof webhook_edit>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				webhook_edit,
 			},
-			props: Object.keys(argTypes),
-			template: '<webhook_edit v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<webhook_edit v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/webhook.new.stories.ts b/packages/frontend/src/pages/settings/webhook.new.stories.ts
index 505e854cd..ab9ad257e 100644
--- a/packages/frontend/src/pages/settings/webhook.new.stories.ts
+++ b/packages/frontend/src/pages/settings/webhook.new.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: webhook_new,
 } satisfies Meta<typeof webhook_new>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				webhook_new,
 			},
-			props: Object.keys(argTypes),
-			template: '<webhook_new v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<webhook_new v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/webhook.stories.ts b/packages/frontend/src/pages/settings/webhook.stories.ts
index 80176507b..716501ea8 100644
--- a/packages/frontend/src/pages/settings/webhook.stories.ts
+++ b/packages/frontend/src/pages/settings/webhook.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: webhook_,
 } satisfies Meta<typeof webhook_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				webhook_,
 			},
-			props: Object.keys(argTypes),
-			template: '<webhook_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<webhook_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/settings/word-mute.stories.ts b/packages/frontend/src/pages/settings/word-mute.stories.ts
index 7fe90196d..24c2f54c7 100644
--- a/packages/frontend/src/pages/settings/word-mute.stories.ts
+++ b/packages/frontend/src/pages/settings/word-mute.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: word_mute,
 } satisfies Meta<typeof word_mute>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				word_mute,
 			},
-			props: Object.keys(argTypes),
-			template: '<word_mute v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<word_mute v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/share.stories.ts b/packages/frontend/src/pages/share.stories.ts
index e847f63e7..c6c21e553 100644
--- a/packages/frontend/src/pages/share.stories.ts
+++ b/packages/frontend/src/pages/share.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: share_,
 } satisfies Meta<typeof share_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				share_,
 			},
-			props: Object.keys(argTypes),
-			template: '<share_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<share_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/signup-complete.stories.ts b/packages/frontend/src/pages/signup-complete.stories.ts
index 2ada59a21..6b566c763 100644
--- a/packages/frontend/src/pages/signup-complete.stories.ts
+++ b/packages/frontend/src/pages/signup-complete.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: signup_complete,
 } satisfies Meta<typeof signup_complete>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				signup_complete,
 			},
-			props: Object.keys(argTypes),
-			template: '<signup_complete v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<signup_complete v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/tag.stories.ts b/packages/frontend/src/pages/tag.stories.ts
index 513f4c747..93433f432 100644
--- a/packages/frontend/src/pages/tag.stories.ts
+++ b/packages/frontend/src/pages/tag.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: tag_,
 } satisfies Meta<typeof tag_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				tag_,
 			},
-			props: Object.keys(argTypes),
-			template: '<tag_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<tag_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/theme-editor.stories.ts b/packages/frontend/src/pages/theme-editor.stories.ts
index 57ea65094..fd7dc6beb 100644
--- a/packages/frontend/src/pages/theme-editor.stories.ts
+++ b/packages/frontend/src/pages/theme-editor.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: theme_editor,
 } satisfies Meta<typeof theme_editor>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				theme_editor,
 			},
-			props: Object.keys(argTypes),
-			template: '<theme_editor v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<theme_editor v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/timeline.stories.ts b/packages/frontend/src/pages/timeline.stories.ts
index b222fe029..71a38756e 100644
--- a/packages/frontend/src/pages/timeline.stories.ts
+++ b/packages/frontend/src/pages/timeline.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: timeline_,
 } satisfies Meta<typeof timeline_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				timeline_,
 			},
-			props: Object.keys(argTypes),
-			template: '<timeline_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<timeline_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/timeline.tutorial.stories.ts b/packages/frontend/src/pages/timeline.tutorial.stories.ts
index cdbe3c3a5..d53d776fc 100644
--- a/packages/frontend/src/pages/timeline.tutorial.stories.ts
+++ b/packages/frontend/src/pages/timeline.tutorial.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: timeline_tutorial,
 } satisfies Meta<typeof timeline_tutorial>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				timeline_tutorial,
 			},
-			props: Object.keys(argTypes),
-			template: '<timeline_tutorial v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<timeline_tutorial v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user-info.stories.ts b/packages/frontend/src/pages/user-info.stories.ts
index 5960355e6..c5eb34263 100644
--- a/packages/frontend/src/pages/user-info.stories.ts
+++ b/packages/frontend/src/pages/user-info.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: user_info,
 } satisfies Meta<typeof user_info>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				user_info,
 			},
-			props: Object.keys(argTypes),
-			template: '<user_info v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<user_info v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user-list-timeline.stories.ts b/packages/frontend/src/pages/user-list-timeline.stories.ts
index 2fb33fdc4..bf3cd9f74 100644
--- a/packages/frontend/src/pages/user-list-timeline.stories.ts
+++ b/packages/frontend/src/pages/user-list-timeline.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: user_list_timeline,
 } satisfies Meta<typeof user_list_timeline>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				user_list_timeline,
 			},
-			props: Object.keys(argTypes),
-			template: '<user_list_timeline v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<user_list_timeline v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user-tag.stories.ts b/packages/frontend/src/pages/user-tag.stories.ts
index 0911f79c3..5218d646f 100644
--- a/packages/frontend/src/pages/user-tag.stories.ts
+++ b/packages/frontend/src/pages/user-tag.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: user_tag,
 } satisfies Meta<typeof user_tag>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				user_tag,
 			},
-			props: Object.keys(argTypes),
-			template: '<user_tag v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<user_tag v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/achievements.stories.ts b/packages/frontend/src/pages/user/achievements.stories.ts
index 781149d82..ee2010c26 100644
--- a/packages/frontend/src/pages/user/achievements.stories.ts
+++ b/packages/frontend/src/pages/user/achievements.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: achievements_,
 } satisfies Meta<typeof achievements_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				achievements_,
 			},
-			props: Object.keys(argTypes),
-			template: '<achievements_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<achievements_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/activity.following.stories.ts b/packages/frontend/src/pages/user/activity.following.stories.ts
index e95f2d4ef..682045456 100644
--- a/packages/frontend/src/pages/user/activity.following.stories.ts
+++ b/packages/frontend/src/pages/user/activity.following.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: activity_following,
 } satisfies Meta<typeof activity_following>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				activity_following,
 			},
-			props: Object.keys(argTypes),
-			template: '<activity_following v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<activity_following v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/activity.heatmap.stories.ts b/packages/frontend/src/pages/user/activity.heatmap.stories.ts
index 94aee455b..3afec1a49 100644
--- a/packages/frontend/src/pages/user/activity.heatmap.stories.ts
+++ b/packages/frontend/src/pages/user/activity.heatmap.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: activity_heatmap,
 } satisfies Meta<typeof activity_heatmap>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				activity_heatmap,
 			},
-			props: Object.keys(argTypes),
-			template: '<activity_heatmap v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<activity_heatmap v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/activity.notes.stories.ts b/packages/frontend/src/pages/user/activity.notes.stories.ts
index 107164cb8..8ca58e3fe 100644
--- a/packages/frontend/src/pages/user/activity.notes.stories.ts
+++ b/packages/frontend/src/pages/user/activity.notes.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: activity_notes,
 } satisfies Meta<typeof activity_notes>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				activity_notes,
 			},
-			props: Object.keys(argTypes),
-			template: '<activity_notes v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<activity_notes v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/activity.pv.stories.ts b/packages/frontend/src/pages/user/activity.pv.stories.ts
index 44359d8db..543bacc11 100644
--- a/packages/frontend/src/pages/user/activity.pv.stories.ts
+++ b/packages/frontend/src/pages/user/activity.pv.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: activity_pv,
 } satisfies Meta<typeof activity_pv>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				activity_pv,
 			},
-			props: Object.keys(argTypes),
-			template: '<activity_pv v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<activity_pv v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/activity.stories.ts b/packages/frontend/src/pages/user/activity.stories.ts
index 72f3a3083..3ff888fae 100644
--- a/packages/frontend/src/pages/user/activity.stories.ts
+++ b/packages/frontend/src/pages/user/activity.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: activity_,
 } satisfies Meta<typeof activity_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				activity_,
 			},
-			props: Object.keys(argTypes),
-			template: '<activity_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<activity_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/clips.stories.ts b/packages/frontend/src/pages/user/clips.stories.ts
index dbfef536c..4e3d683af 100644
--- a/packages/frontend/src/pages/user/clips.stories.ts
+++ b/packages/frontend/src/pages/user/clips.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: clips_,
 } satisfies Meta<typeof clips_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				clips_,
 			},
-			props: Object.keys(argTypes),
-			template: '<clips_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<clips_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/follow-list.stories.ts b/packages/frontend/src/pages/user/follow-list.stories.ts
index 27d148a5d..11edbc8c5 100644
--- a/packages/frontend/src/pages/user/follow-list.stories.ts
+++ b/packages/frontend/src/pages/user/follow-list.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: follow_list,
 } satisfies Meta<typeof follow_list>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				follow_list,
 			},
-			props: Object.keys(argTypes),
-			template: '<follow_list v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<follow_list v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/followers.stories.ts b/packages/frontend/src/pages/user/followers.stories.ts
index 7dea60770..ac518d465 100644
--- a/packages/frontend/src/pages/user/followers.stories.ts
+++ b/packages/frontend/src/pages/user/followers.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: followers_,
 } satisfies Meta<typeof followers_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				followers_,
 			},
-			props: Object.keys(argTypes),
-			template: '<followers_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<followers_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/following.stories.ts b/packages/frontend/src/pages/user/following.stories.ts
index c9a7c90d1..005475242 100644
--- a/packages/frontend/src/pages/user/following.stories.ts
+++ b/packages/frontend/src/pages/user/following.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: following_,
 } satisfies Meta<typeof following_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				following_,
 			},
-			props: Object.keys(argTypes),
-			template: '<following_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<following_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/gallery.stories.ts b/packages/frontend/src/pages/user/gallery.stories.ts
index 80b96e1ae..5d14e5a56 100644
--- a/packages/frontend/src/pages/user/gallery.stories.ts
+++ b/packages/frontend/src/pages/user/gallery.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: gallery_,
 } satisfies Meta<typeof gallery_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				gallery_,
 			},
-			props: Object.keys(argTypes),
-			template: '<gallery_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<gallery_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/home.stories.ts b/packages/frontend/src/pages/user/home.stories.ts
index d21868197..7225dcd45 100644
--- a/packages/frontend/src/pages/user/home.stories.ts
+++ b/packages/frontend/src/pages/user/home.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: home_,
 } satisfies Meta<typeof home_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				home_,
 			},
-			props: Object.keys(argTypes),
-			template: '<home_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<home_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/index.activity.stories.ts b/packages/frontend/src/pages/user/index.activity.stories.ts
index d3b61fd05..475c33f09 100644
--- a/packages/frontend/src/pages/user/index.activity.stories.ts
+++ b/packages/frontend/src/pages/user/index.activity.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: index_activity,
 } satisfies Meta<typeof index_activity>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_activity,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_activity v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_activity v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/index.photos.stories.ts b/packages/frontend/src/pages/user/index.photos.stories.ts
index ae0243a63..05c92dbd6 100644
--- a/packages/frontend/src/pages/user/index.photos.stories.ts
+++ b/packages/frontend/src/pages/user/index.photos.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: index_photos,
 } satisfies Meta<typeof index_photos>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_photos,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_photos v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_photos v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/index.stories.ts b/packages/frontend/src/pages/user/index.stories.ts
index 333acffe8..a699c0b64 100644
--- a/packages/frontend/src/pages/user/index.stories.ts
+++ b/packages/frontend/src/pages/user/index.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/index.timeline.stories.ts b/packages/frontend/src/pages/user/index.timeline.stories.ts
index dc256ff79..c44e5c77e 100644
--- a/packages/frontend/src/pages/user/index.timeline.stories.ts
+++ b/packages/frontend/src/pages/user/index.timeline.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: index_timeline,
 } satisfies Meta<typeof index_timeline>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_timeline,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_timeline v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_timeline v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/pages.stories.ts b/packages/frontend/src/pages/user/pages.stories.ts
index 3bab82585..fd4ecbd88 100644
--- a/packages/frontend/src/pages/user/pages.stories.ts
+++ b/packages/frontend/src/pages/user/pages.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: pages_,
 } satisfies Meta<typeof pages_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				pages_,
 			},
-			props: Object.keys(argTypes),
-			template: '<pages_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<pages_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/user/reactions.stories.ts b/packages/frontend/src/pages/user/reactions.stories.ts
index 0fe75027b..1859f89fd 100644
--- a/packages/frontend/src/pages/user/reactions.stories.ts
+++ b/packages/frontend/src/pages/user/reactions.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: reactions_,
 } satisfies Meta<typeof reactions_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				reactions_,
 			},
-			props: Object.keys(argTypes),
-			template: '<reactions_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<reactions_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/welcome.entrance.a.stories.ts b/packages/frontend/src/pages/welcome.entrance.a.stories.ts
index ff9f11c1b..54298e971 100644
--- a/packages/frontend/src/pages/welcome.entrance.a.stories.ts
+++ b/packages/frontend/src/pages/welcome.entrance.a.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: welcome_entrance_a,
 } satisfies Meta<typeof welcome_entrance_a>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				welcome_entrance_a,
 			},
-			props: Object.keys(argTypes),
-			template: '<welcome_entrance_a v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<welcome_entrance_a v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/welcome.entrance.b.stories.ts b/packages/frontend/src/pages/welcome.entrance.b.stories.ts
index 1a19c9448..292d32003 100644
--- a/packages/frontend/src/pages/welcome.entrance.b.stories.ts
+++ b/packages/frontend/src/pages/welcome.entrance.b.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: welcome_entrance_b,
 } satisfies Meta<typeof welcome_entrance_b>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				welcome_entrance_b,
 			},
-			props: Object.keys(argTypes),
-			template: '<welcome_entrance_b v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<welcome_entrance_b v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/welcome.entrance.c.stories.ts b/packages/frontend/src/pages/welcome.entrance.c.stories.ts
index 0f4b3c6dd..cc99ce2be 100644
--- a/packages/frontend/src/pages/welcome.entrance.c.stories.ts
+++ b/packages/frontend/src/pages/welcome.entrance.c.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: welcome_entrance_c,
 } satisfies Meta<typeof welcome_entrance_c>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				welcome_entrance_c,
 			},
-			props: Object.keys(argTypes),
-			template: '<welcome_entrance_c v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<welcome_entrance_c v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/welcome.setup.stories.ts b/packages/frontend/src/pages/welcome.setup.stories.ts
index 02ba28a65..f3ebda8fb 100644
--- a/packages/frontend/src/pages/welcome.setup.stories.ts
+++ b/packages/frontend/src/pages/welcome.setup.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: welcome_setup,
 } satisfies Meta<typeof welcome_setup>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				welcome_setup,
 			},
-			props: Object.keys(argTypes),
-			template: '<welcome_setup v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<welcome_setup v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/welcome.stories.ts b/packages/frontend/src/pages/welcome.stories.ts
index 410a46031..afc0f9c57 100644
--- a/packages/frontend/src/pages/welcome.stories.ts
+++ b/packages/frontend/src/pages/welcome.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: welcome_,
 } satisfies Meta<typeof welcome_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				welcome_,
 			},
-			props: Object.keys(argTypes),
-			template: '<welcome_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<welcome_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/pages/welcome.timeline.stories.ts b/packages/frontend/src/pages/welcome.timeline.stories.ts
index 06e1849d8..31074ab6e 100644
--- a/packages/frontend/src/pages/welcome.timeline.stories.ts
+++ b/packages/frontend/src/pages/welcome.timeline.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: welcome_timeline,
 } satisfies Meta<typeof welcome_timeline>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				welcome_timeline,
 			},
-			props: Object.keys(argTypes),
-			template: '<welcome_timeline v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<welcome_timeline v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/_common_/common.stories.ts b/packages/frontend/src/ui/_common_/common.stories.ts
index ba8f5f6a2..8a43ccfc5 100644
--- a/packages/frontend/src/ui/_common_/common.stories.ts
+++ b/packages/frontend/src/ui/_common_/common.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: common_,
 } satisfies Meta<typeof common_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				common_,
 			},
-			props: Object.keys(argTypes),
-			template: '<common_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<common_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts b/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts
index c2c66fcf2..de450478b 100644
--- a/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts
+++ b/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: navbar_for_mobile,
 } satisfies Meta<typeof navbar_for_mobile>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				navbar_for_mobile,
 			},
-			props: Object.keys(argTypes),
-			template: '<navbar_for_mobile v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<navbar_for_mobile v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/_common_/navbar.stories.ts b/packages/frontend/src/ui/_common_/navbar.stories.ts
index be7162a14..f951fff19 100644
--- a/packages/frontend/src/ui/_common_/navbar.stories.ts
+++ b/packages/frontend/src/ui/_common_/navbar.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: navbar_,
 } satisfies Meta<typeof navbar_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				navbar_,
 			},
-			props: Object.keys(argTypes),
-			template: '<navbar_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<navbar_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/_common_/notification.stories.ts b/packages/frontend/src/ui/_common_/notification.stories.ts
index e92fbdccb..52c83dac2 100644
--- a/packages/frontend/src/ui/_common_/notification.stories.ts
+++ b/packages/frontend/src/ui/_common_/notification.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: notification_,
 } satisfies Meta<typeof notification_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				notification_,
 			},
-			props: Object.keys(argTypes),
-			template: '<notification_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<notification_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts b/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts
index 2ed6d95db..8330dce70 100644
--- a/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: statusbar_federation,
 } satisfies Meta<typeof statusbar_federation>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				statusbar_federation,
 			},
-			props: Object.keys(argTypes),
-			template: '<statusbar_federation v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<statusbar_federation v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts b/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts
index abec5c48a..6cd6056a2 100644
--- a/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: statusbar_rss,
 } satisfies Meta<typeof statusbar_rss>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				statusbar_rss,
 			},
-			props: Object.keys(argTypes),
-			template: '<statusbar_rss v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<statusbar_rss v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts b/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts
index 648a42ef9..b44a974a8 100644
--- a/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: statusbar_user_list,
 } satisfies Meta<typeof statusbar_user_list>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				statusbar_user_list,
 			},
-			props: Object.keys(argTypes),
-			template: '<statusbar_user_list v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<statusbar_user_list v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/_common_/statusbars.stories.ts b/packages/frontend/src/ui/_common_/statusbars.stories.ts
index c5c4b0786..ca8930e6a 100644
--- a/packages/frontend/src/ui/_common_/statusbars.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbars.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: statusbars_,
 } satisfies Meta<typeof statusbars_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				statusbars_,
 			},
-			props: Object.keys(argTypes),
-			template: '<statusbars_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<statusbars_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/_common_/stream-indicator.stories.ts b/packages/frontend/src/ui/_common_/stream-indicator.stories.ts
index 5c16d68e0..13fc51987 100644
--- a/packages/frontend/src/ui/_common_/stream-indicator.stories.ts
+++ b/packages/frontend/src/ui/_common_/stream-indicator.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: stream_indicator,
 } satisfies Meta<typeof stream_indicator>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				stream_indicator,
 			},
-			props: Object.keys(argTypes),
-			template: '<stream_indicator v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<stream_indicator v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/_common_/upload.stories.ts b/packages/frontend/src/ui/_common_/upload.stories.ts
index 98856c5ee..2083ae2e4 100644
--- a/packages/frontend/src/ui/_common_/upload.stories.ts
+++ b/packages/frontend/src/ui/_common_/upload.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: upload_,
 } satisfies Meta<typeof upload_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				upload_,
 			},
-			props: Object.keys(argTypes),
-			template: '<upload_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<upload_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/classic.header.stories.ts b/packages/frontend/src/ui/classic.header.stories.ts
index 01d87195d..8c868699f 100644
--- a/packages/frontend/src/ui/classic.header.stories.ts
+++ b/packages/frontend/src/ui/classic.header.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: classic_header,
 } satisfies Meta<typeof classic_header>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				classic_header,
 			},
-			props: Object.keys(argTypes),
-			template: '<classic_header v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<classic_header v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/classic.sidebar.stories.ts b/packages/frontend/src/ui/classic.sidebar.stories.ts
index 53fd612f1..f2a0192f8 100644
--- a/packages/frontend/src/ui/classic.sidebar.stories.ts
+++ b/packages/frontend/src/ui/classic.sidebar.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: classic_sidebar,
 } satisfies Meta<typeof classic_sidebar>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				classic_sidebar,
 			},
-			props: Object.keys(argTypes),
-			template: '<classic_sidebar v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<classic_sidebar v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/classic.stories.ts b/packages/frontend/src/ui/classic.stories.ts
index 1311d4a6f..2502b0327 100644
--- a/packages/frontend/src/ui/classic.stories.ts
+++ b/packages/frontend/src/ui/classic.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: classic_,
 } satisfies Meta<typeof classic_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				classic_,
 			},
-			props: Object.keys(argTypes),
-			template: '<classic_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<classic_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/deck.stories.ts b/packages/frontend/src/ui/deck.stories.ts
index 5aefba84e..7c96891c5 100644
--- a/packages/frontend/src/ui/deck.stories.ts
+++ b/packages/frontend/src/ui/deck.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: deck_,
 } satisfies Meta<typeof deck_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				deck_,
 			},
-			props: Object.keys(argTypes),
-			template: '<deck_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<deck_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/deck/antenna-column.stories.ts b/packages/frontend/src/ui/deck/antenna-column.stories.ts
index ebef884ca..83ac00b56 100644
--- a/packages/frontend/src/ui/deck/antenna-column.stories.ts
+++ b/packages/frontend/src/ui/deck/antenna-column.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: antenna_column,
 } satisfies Meta<typeof antenna_column>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				antenna_column,
 			},
-			props: Object.keys(argTypes),
-			template: '<antenna_column v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<antenna_column v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/deck/channel-column.stories.ts b/packages/frontend/src/ui/deck/channel-column.stories.ts
index b442e1343..5a44bbc9e 100644
--- a/packages/frontend/src/ui/deck/channel-column.stories.ts
+++ b/packages/frontend/src/ui/deck/channel-column.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: channel_column,
 } satisfies Meta<typeof channel_column>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				channel_column,
 			},
-			props: Object.keys(argTypes),
-			template: '<channel_column v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<channel_column v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/deck/column-core.stories.ts b/packages/frontend/src/ui/deck/column-core.stories.ts
index 946d2f6b2..dd38e0513 100644
--- a/packages/frontend/src/ui/deck/column-core.stories.ts
+++ b/packages/frontend/src/ui/deck/column-core.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: column_core,
 } satisfies Meta<typeof column_core>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				column_core,
 			},
-			props: Object.keys(argTypes),
-			template: '<column_core v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<column_core v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/deck/column.stories.ts b/packages/frontend/src/ui/deck/column.stories.ts
index fa406a446..3c471401e 100644
--- a/packages/frontend/src/ui/deck/column.stories.ts
+++ b/packages/frontend/src/ui/deck/column.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: column_,
 } satisfies Meta<typeof column_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				column_,
 			},
-			props: Object.keys(argTypes),
-			template: '<column_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<column_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/deck/direct-column.stories.ts b/packages/frontend/src/ui/deck/direct-column.stories.ts
index 45a767d98..0636349a4 100644
--- a/packages/frontend/src/ui/deck/direct-column.stories.ts
+++ b/packages/frontend/src/ui/deck/direct-column.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: direct_column,
 } satisfies Meta<typeof direct_column>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				direct_column,
 			},
-			props: Object.keys(argTypes),
-			template: '<direct_column v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<direct_column v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/deck/list-column.stories.ts b/packages/frontend/src/ui/deck/list-column.stories.ts
index 7c582f2e4..bd61e2eca 100644
--- a/packages/frontend/src/ui/deck/list-column.stories.ts
+++ b/packages/frontend/src/ui/deck/list-column.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: list_column,
 } satisfies Meta<typeof list_column>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				list_column,
 			},
-			props: Object.keys(argTypes),
-			template: '<list_column v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<list_column v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/deck/main-column.stories.ts b/packages/frontend/src/ui/deck/main-column.stories.ts
index e78e472cd..97dcb1aaa 100644
--- a/packages/frontend/src/ui/deck/main-column.stories.ts
+++ b/packages/frontend/src/ui/deck/main-column.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: main_column,
 } satisfies Meta<typeof main_column>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				main_column,
 			},
-			props: Object.keys(argTypes),
-			template: '<main_column v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<main_column v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/deck/mentions-column.stories.ts b/packages/frontend/src/ui/deck/mentions-column.stories.ts
index d76f0dc0f..5e97cd367 100644
--- a/packages/frontend/src/ui/deck/mentions-column.stories.ts
+++ b/packages/frontend/src/ui/deck/mentions-column.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: mentions_column,
 } satisfies Meta<typeof mentions_column>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				mentions_column,
 			},
-			props: Object.keys(argTypes),
-			template: '<mentions_column v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<mentions_column v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/deck/notifications-column.stories.ts b/packages/frontend/src/ui/deck/notifications-column.stories.ts
index b97401f1e..3dc9e30a7 100644
--- a/packages/frontend/src/ui/deck/notifications-column.stories.ts
+++ b/packages/frontend/src/ui/deck/notifications-column.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: notifications_column,
 } satisfies Meta<typeof notifications_column>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				notifications_column,
 			},
-			props: Object.keys(argTypes),
-			template: '<notifications_column v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<notifications_column v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/deck/tl-column.stories.ts b/packages/frontend/src/ui/deck/tl-column.stories.ts
index 4f225c2d6..b548763c1 100644
--- a/packages/frontend/src/ui/deck/tl-column.stories.ts
+++ b/packages/frontend/src/ui/deck/tl-column.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: tl_column,
 } satisfies Meta<typeof tl_column>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				tl_column,
 			},
-			props: Object.keys(argTypes),
-			template: '<tl_column v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<tl_column v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/deck/widgets-column.stories.ts b/packages/frontend/src/ui/deck/widgets-column.stories.ts
index 8f9dc0fb9..ffeb3e71c 100644
--- a/packages/frontend/src/ui/deck/widgets-column.stories.ts
+++ b/packages/frontend/src/ui/deck/widgets-column.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: widgets_column,
 } satisfies Meta<typeof widgets_column>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				widgets_column,
 			},
-			props: Object.keys(argTypes),
-			template: '<widgets_column v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<widgets_column v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/universal.stories.ts b/packages/frontend/src/ui/universal.stories.ts
index b5df41d15..447f408b7 100644
--- a/packages/frontend/src/ui/universal.stories.ts
+++ b/packages/frontend/src/ui/universal.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: universal_,
 } satisfies Meta<typeof universal_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				universal_,
 			},
-			props: Object.keys(argTypes),
-			template: '<universal_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<universal_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/universal.widgets.stories.ts b/packages/frontend/src/ui/universal.widgets.stories.ts
index 0896d9550..6684bae39 100644
--- a/packages/frontend/src/ui/universal.widgets.stories.ts
+++ b/packages/frontend/src/ui/universal.widgets.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: universal_widgets,
 } satisfies Meta<typeof universal_widgets>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				universal_widgets,
 			},
-			props: Object.keys(argTypes),
-			template: '<universal_widgets v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<universal_widgets v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/visitor.stories.ts b/packages/frontend/src/ui/visitor.stories.ts
index 8525c0ab2..6f9e5dc56 100644
--- a/packages/frontend/src/ui/visitor.stories.ts
+++ b/packages/frontend/src/ui/visitor.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: visitor_,
 } satisfies Meta<typeof visitor_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				visitor_,
 			},
-			props: Object.keys(argTypes),
-			template: '<visitor_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<visitor_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/visitor/a.stories.ts b/packages/frontend/src/ui/visitor/a.stories.ts
index 08b512b87..4d482e041 100644
--- a/packages/frontend/src/ui/visitor/a.stories.ts
+++ b/packages/frontend/src/ui/visitor/a.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: a_,
 } satisfies Meta<typeof a_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				a_,
 			},
-			props: Object.keys(argTypes),
-			template: '<a_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<a_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/visitor/b.stories.ts b/packages/frontend/src/ui/visitor/b.stories.ts
index fc061974b..11dbda514 100644
--- a/packages/frontend/src/ui/visitor/b.stories.ts
+++ b/packages/frontend/src/ui/visitor/b.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: b_,
 } satisfies Meta<typeof b_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				b_,
 			},
-			props: Object.keys(argTypes),
-			template: '<b_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<b_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/visitor/header.stories.ts b/packages/frontend/src/ui/visitor/header.stories.ts
index 8081c6462..be8e0e06c 100644
--- a/packages/frontend/src/ui/visitor/header.stories.ts
+++ b/packages/frontend/src/ui/visitor/header.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: header_,
 } satisfies Meta<typeof header_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				header_,
 			},
-			props: Object.keys(argTypes),
-			template: '<header_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<header_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/visitor/kanban.stories.ts b/packages/frontend/src/ui/visitor/kanban.stories.ts
index 8496e82ef..bf06cc59a 100644
--- a/packages/frontend/src/ui/visitor/kanban.stories.ts
+++ b/packages/frontend/src/ui/visitor/kanban.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: kanban_,
 } satisfies Meta<typeof kanban_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				kanban_,
 			},
-			props: Object.keys(argTypes),
-			template: '<kanban_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<kanban_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/ui/zen.stories.ts b/packages/frontend/src/ui/zen.stories.ts
index 9785c2144..592b9137a 100644
--- a/packages/frontend/src/ui/zen.stories.ts
+++ b/packages/frontend/src/ui/zen.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: zen_,
 } satisfies Meta<typeof zen_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				zen_,
 			},
-			props: Object.keys(argTypes),
-			template: '<zen_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<zen_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts b/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts
index d83b42bbb..19727964a 100644
--- a/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts
+++ b/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetActivity_calendar,
 } satisfies Meta<typeof WidgetActivity_calendar>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetActivity_calendar,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetActivity_calendar v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetActivity_calendar v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts b/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts
index b9bd1feff..98033392f 100644
--- a/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts
+++ b/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetActivity_chart,
 } satisfies Meta<typeof WidgetActivity_chart>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetActivity_chart,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetActivity_chart v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetActivity_chart v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetActivity.stories.ts b/packages/frontend/src/widgets/WidgetActivity.stories.ts
index 7570bfa5f..e558de0c4 100644
--- a/packages/frontend/src/widgets/WidgetActivity.stories.ts
+++ b/packages/frontend/src/widgets/WidgetActivity.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetActivity,
 } satisfies Meta<typeof WidgetActivity>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetActivity,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetActivity v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetActivity v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetAichan.stories.ts b/packages/frontend/src/widgets/WidgetAichan.stories.ts
index c0b22bceb..9cf38696f 100644
--- a/packages/frontend/src/widgets/WidgetAichan.stories.ts
+++ b/packages/frontend/src/widgets/WidgetAichan.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetAichan,
 } satisfies Meta<typeof WidgetAichan>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetAichan,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetAichan v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetAichan v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetAiscript.stories.ts b/packages/frontend/src/widgets/WidgetAiscript.stories.ts
index feab02ae0..39f0183d2 100644
--- a/packages/frontend/src/widgets/WidgetAiscript.stories.ts
+++ b/packages/frontend/src/widgets/WidgetAiscript.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetAiscript,
 } satisfies Meta<typeof WidgetAiscript>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetAiscript,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetAiscript v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetAiscript v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts b/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts
index 66ace4844..669b17bc9 100644
--- a/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts
+++ b/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetAiscriptApp,
 } satisfies Meta<typeof WidgetAiscriptApp>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetAiscriptApp,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetAiscriptApp v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetAiscriptApp v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetButton.stories.ts b/packages/frontend/src/widgets/WidgetButton.stories.ts
index 31f077155..936a044e5 100644
--- a/packages/frontend/src/widgets/WidgetButton.stories.ts
+++ b/packages/frontend/src/widgets/WidgetButton.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetButton,
 } satisfies Meta<typeof WidgetButton>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetButton,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetButton v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetButton v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetCalendar.stories.ts b/packages/frontend/src/widgets/WidgetCalendar.stories.ts
index 958e0b948..85c6c0e59 100644
--- a/packages/frontend/src/widgets/WidgetCalendar.stories.ts
+++ b/packages/frontend/src/widgets/WidgetCalendar.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetCalendar,
 } satisfies Meta<typeof WidgetCalendar>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetCalendar,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetCalendar v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetCalendar v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetClicker.stories.ts b/packages/frontend/src/widgets/WidgetClicker.stories.ts
index c791c3471..cb1dc5455 100644
--- a/packages/frontend/src/widgets/WidgetClicker.stories.ts
+++ b/packages/frontend/src/widgets/WidgetClicker.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetClicker,
 } satisfies Meta<typeof WidgetClicker>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetClicker,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetClicker v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetClicker v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetClock.stories.ts b/packages/frontend/src/widgets/WidgetClock.stories.ts
index 3241fa9fe..cb56024ce 100644
--- a/packages/frontend/src/widgets/WidgetClock.stories.ts
+++ b/packages/frontend/src/widgets/WidgetClock.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetClock,
 } satisfies Meta<typeof WidgetClock>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetClock,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetClock v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetClock v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts b/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts
index 346022d27..34c18f069 100644
--- a/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts
+++ b/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetDigitalClock,
 } satisfies Meta<typeof WidgetDigitalClock>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetDigitalClock,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetDigitalClock v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetDigitalClock v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetFederation.stories.ts b/packages/frontend/src/widgets/WidgetFederation.stories.ts
index e28da4340..51de7d9a6 100644
--- a/packages/frontend/src/widgets/WidgetFederation.stories.ts
+++ b/packages/frontend/src/widgets/WidgetFederation.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetFederation,
 } satisfies Meta<typeof WidgetFederation>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetFederation,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetFederation v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetFederation v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts b/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts
index 1e3f33c5f..ff924a5e5 100644
--- a/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts
+++ b/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetInstanceCloud,
 } satisfies Meta<typeof WidgetInstanceCloud>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetInstanceCloud,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetInstanceCloud v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetInstanceCloud v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts b/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts
index 8311f8504..d3efb78fd 100644
--- a/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts
+++ b/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetInstanceInfo,
 } satisfies Meta<typeof WidgetInstanceInfo>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetInstanceInfo,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetInstanceInfo v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetInstanceInfo v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetJobQueue.stories.ts b/packages/frontend/src/widgets/WidgetJobQueue.stories.ts
index 2ffe72ddc..5f4a001cc 100644
--- a/packages/frontend/src/widgets/WidgetJobQueue.stories.ts
+++ b/packages/frontend/src/widgets/WidgetJobQueue.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetJobQueue,
 } satisfies Meta<typeof WidgetJobQueue>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetJobQueue,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetJobQueue v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetJobQueue v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetMemo.stories.ts b/packages/frontend/src/widgets/WidgetMemo.stories.ts
index 830cae5e4..661225779 100644
--- a/packages/frontend/src/widgets/WidgetMemo.stories.ts
+++ b/packages/frontend/src/widgets/WidgetMemo.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetMemo,
 } satisfies Meta<typeof WidgetMemo>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetMemo,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetMemo v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetMemo v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetNotifications.stories.ts b/packages/frontend/src/widgets/WidgetNotifications.stories.ts
index 926830868..95cf91717 100644
--- a/packages/frontend/src/widgets/WidgetNotifications.stories.ts
+++ b/packages/frontend/src/widgets/WidgetNotifications.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetNotifications,
 } satisfies Meta<typeof WidgetNotifications>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetNotifications,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetNotifications v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetNotifications v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts b/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts
index 5ba9d806c..9c44e57e3 100644
--- a/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts
+++ b/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetOnlineUsers,
 } satisfies Meta<typeof WidgetOnlineUsers>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetOnlineUsers,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetOnlineUsers v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetOnlineUsers v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetPhotos.stories.ts b/packages/frontend/src/widgets/WidgetPhotos.stories.ts
index 9925c229b..b11ea1505 100644
--- a/packages/frontend/src/widgets/WidgetPhotos.stories.ts
+++ b/packages/frontend/src/widgets/WidgetPhotos.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetPhotos,
 } satisfies Meta<typeof WidgetPhotos>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetPhotos,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetPhotos v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetPhotos v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetPostForm.stories.ts b/packages/frontend/src/widgets/WidgetPostForm.stories.ts
index cc1c7e0fb..88c00b08e 100644
--- a/packages/frontend/src/widgets/WidgetPostForm.stories.ts
+++ b/packages/frontend/src/widgets/WidgetPostForm.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetPostForm,
 } satisfies Meta<typeof WidgetPostForm>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetPostForm,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetPostForm v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetPostForm v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetProfile.stories.ts b/packages/frontend/src/widgets/WidgetProfile.stories.ts
index 49a3a2461..70413f210 100644
--- a/packages/frontend/src/widgets/WidgetProfile.stories.ts
+++ b/packages/frontend/src/widgets/WidgetProfile.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetProfile,
 } satisfies Meta<typeof WidgetProfile>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetProfile,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetProfile v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetProfile v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetRss.stories.ts b/packages/frontend/src/widgets/WidgetRss.stories.ts
index 3bc462f8c..e50c22a6c 100644
--- a/packages/frontend/src/widgets/WidgetRss.stories.ts
+++ b/packages/frontend/src/widgets/WidgetRss.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetRss,
 } satisfies Meta<typeof WidgetRss>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetRss,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetRss v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetRss v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetRssTicker.stories.ts b/packages/frontend/src/widgets/WidgetRssTicker.stories.ts
index 3aeada070..a10e504a4 100644
--- a/packages/frontend/src/widgets/WidgetRssTicker.stories.ts
+++ b/packages/frontend/src/widgets/WidgetRssTicker.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetRssTicker,
 } satisfies Meta<typeof WidgetRssTicker>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetRssTicker,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetRssTicker v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetRssTicker v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetSlideshow.stories.ts b/packages/frontend/src/widgets/WidgetSlideshow.stories.ts
index 84b9978cc..9bfd1241c 100644
--- a/packages/frontend/src/widgets/WidgetSlideshow.stories.ts
+++ b/packages/frontend/src/widgets/WidgetSlideshow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetSlideshow,
 } satisfies Meta<typeof WidgetSlideshow>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetSlideshow,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetSlideshow v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetSlideshow v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetTimeline.stories.ts b/packages/frontend/src/widgets/WidgetTimeline.stories.ts
index 42a73ba94..7c472b0e0 100644
--- a/packages/frontend/src/widgets/WidgetTimeline.stories.ts
+++ b/packages/frontend/src/widgets/WidgetTimeline.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetTimeline,
 } satisfies Meta<typeof WidgetTimeline>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetTimeline,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetTimeline v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetTimeline v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetTrends.stories.ts b/packages/frontend/src/widgets/WidgetTrends.stories.ts
index 8aaa052fa..52ec50473 100644
--- a/packages/frontend/src/widgets/WidgetTrends.stories.ts
+++ b/packages/frontend/src/widgets/WidgetTrends.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetTrends,
 } satisfies Meta<typeof WidgetTrends>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetTrends,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetTrends v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetTrends v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetUnixClock.stories.ts b/packages/frontend/src/widgets/WidgetUnixClock.stories.ts
index 3d7e48bad..960392ea7 100644
--- a/packages/frontend/src/widgets/WidgetUnixClock.stories.ts
+++ b/packages/frontend/src/widgets/WidgetUnixClock.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetUnixClock,
 } satisfies Meta<typeof WidgetUnixClock>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetUnixClock,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetUnixClock v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetUnixClock v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetUserList.stories.ts b/packages/frontend/src/widgets/WidgetUserList.stories.ts
index c8317b9f5..469992c3c 100644
--- a/packages/frontend/src/widgets/WidgetUserList.stories.ts
+++ b/packages/frontend/src/widgets/WidgetUserList.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetUserList,
 } satisfies Meta<typeof WidgetUserList>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetUserList,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetUserList v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetUserList v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts b/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts
index 3ec656e0d..2a7104340 100644
--- a/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: cpu_mem,
 } satisfies Meta<typeof cpu_mem>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				cpu_mem,
 			},
-			props: Object.keys(argTypes),
-			template: '<cpu_mem v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<cpu_mem v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/cpu.stories.ts b/packages/frontend/src/widgets/server-metric/cpu.stories.ts
index 26409892b..6cd98615e 100644
--- a/packages/frontend/src/widgets/server-metric/cpu.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/cpu.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: cpu_,
 } satisfies Meta<typeof cpu_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				cpu_,
 			},
-			props: Object.keys(argTypes),
-			template: '<cpu_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<cpu_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/disk.stories.ts b/packages/frontend/src/widgets/server-metric/disk.stories.ts
index 319628b3b..8045a678a 100644
--- a/packages/frontend/src/widgets/server-metric/disk.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/disk.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: disk_,
 } satisfies Meta<typeof disk_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				disk_,
 			},
-			props: Object.keys(argTypes),
-			template: '<disk_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<disk_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/index.stories.ts b/packages/frontend/src/widgets/server-metric/index.stories.ts
index 8fcfd051b..072ff2541 100644
--- a/packages/frontend/src/widgets/server-metric/index.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/index.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/mem.stories.ts b/packages/frontend/src/widgets/server-metric/mem.stories.ts
index 75929aae4..14a4e77be 100644
--- a/packages/frontend/src/widgets/server-metric/mem.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/mem.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: mem_,
 } satisfies Meta<typeof mem_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				mem_,
 			},
-			props: Object.keys(argTypes),
-			template: '<mem_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<mem_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/net.stories.ts b/packages/frontend/src/widgets/server-metric/net.stories.ts
index ab74ccdc0..9a6f826b5 100644
--- a/packages/frontend/src/widgets/server-metric/net.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/net.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: net_,
 } satisfies Meta<typeof net_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				net_,
 			},
-			props: Object.keys(argTypes),
-			template: '<net_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<net_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/pie.stories.ts b/packages/frontend/src/widgets/server-metric/pie.stories.ts
index 510d1be61..c49ba0f87 100644
--- a/packages/frontend/src/widgets/server-metric/pie.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/pie.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: pie_,
 } satisfies Meta<typeof pie_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				pie_,
 			},
-			props: Object.keys(argTypes),
-			template: '<pie_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<pie_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 74a13fd10..4f98e4da8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -398,21 +398,22 @@ importers:
       '@rollup/plugin-alias': 4.0.3
       '@rollup/plugin-json': 6.0.0
       '@rollup/pluginutils': 5.0.2
-      '@storybook/addon-essentials': ^7.0.0-rc.4
-      '@storybook/addon-interactions': ^7.0.0-rc.4
-      '@storybook/addon-links': ^7.0.0-rc.4
+      '@storybook/addon-essentials': 7.0.0-rc.6
+      '@storybook/addon-interactions': 7.0.0-rc.6
+      '@storybook/addon-links': 7.0.0-rc.6
+      '@storybook/addon-storysource': 7.0.0-rc.6
       '@storybook/addons': 7.0.0-rc.5
-      '@storybook/blocks': ^7.0.0-rc.4
-      '@storybook/core-events': ^7.0.0-rc.4
-      '@storybook/manager-api': ^7.0.0-rc.4
-      '@storybook/preview-api': ^7.0.0-rc.4
-      '@storybook/react': ^7.0.0-rc.4
-      '@storybook/react-vite': ^7.0.0-rc.4
+      '@storybook/blocks': 7.0.0-rc.6
+      '@storybook/core-events': 7.0.0-rc.6
+      '@storybook/manager-api': 7.0.0-rc.6
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/react': 7.0.0-rc.6
+      '@storybook/react-vite': 7.0.0-rc.6
       '@storybook/testing-library': ^0.0.14-next.1
-      '@storybook/theming': ^7.0.0-rc.4
-      '@storybook/types': ^7.0.0-rc.4
-      '@storybook/vue3': ^7.0.0-rc.4
-      '@storybook/vue3-vite': ^7.0.0-rc.4
+      '@storybook/theming': 7.0.0-rc.6
+      '@storybook/types': 7.0.0-rc.6
+      '@storybook/vue3': 7.0.0-rc.6
+      '@storybook/vue3-vite': 7.0.0-rc.6
       '@syuilo/aiscript': 0.13.1
       '@tabler/icons-webfont': 2.10.0
       '@testing-library/vue': ^6.6.1
@@ -483,8 +484,9 @@ importers:
       sass: 1.58.3
       seedrandom: 3.0.5
       start-server-and-test: 2.0.0
-      storybook: ^7.0.0-rc.4
+      storybook: 7.0.0-rc.6
       storybook-addon-misskey-theme: github:misskey-dev/storybook-addon-misskey-theme
+      storybook-addon-performance: ^0.17.1
       strict-event-emitter-types: 2.0.0
       summaly: github:misskey-dev/summaly
       syuilo-password-strength: 0.0.1
@@ -568,21 +570,22 @@ importers:
       vue-prism-editor: 2.0.0-alpha.2_vue@3.2.47
       vuedraggable: 4.1.0_vue@3.2.47
     devDependencies:
-      '@storybook/addon-essentials': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/addon-interactions': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/addon-links': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
+      '@storybook/addon-essentials': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/addon-interactions': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/addon-links': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/addon-storysource': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
       '@storybook/addons': 7.0.0-rc.5_biqbaboplfbrettd7655fr4n2y
-      '@storybook/blocks': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/core-events': 7.0.0-rc.5
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/preview-api': 7.0.0-rc.5
-      '@storybook/react': 7.0.0-rc.5_ygqkwb4gg3aean7xjfdauovyqq
-      '@storybook/react-vite': 7.0.0-rc.5_ndsstb2ob2rgr4m75wxvpqsrpi
+      '@storybook/blocks': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/core-events': 7.0.0-rc.6
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/react': 7.0.0-rc.6_ygqkwb4gg3aean7xjfdauovyqq
+      '@storybook/react-vite': 7.0.0-rc.6_ndsstb2ob2rgr4m75wxvpqsrpi
       '@storybook/testing-library': 0.0.14-next.1
-      '@storybook/theming': 7.0.0-rc.5_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.5
-      '@storybook/vue3': 7.0.0-rc.4_vue@3.2.47
-      '@storybook/vue3-vite': 7.0.0-rc.4_y344amzr55z4s7r3flz6cvxaae
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/types': 7.0.0-rc.6
+      '@storybook/vue3': 7.0.0-rc.6_vue@3.2.47
+      '@storybook/vue3-vite': 7.0.0-rc.6_y344amzr55z4s7r3flz6cvxaae
       '@testing-library/vue': 6.6.1_a2ihsjreowava2sm4iorpgwkom
       '@types/escape-regexp': 0.0.1
       '@types/estree': 1.0.0
@@ -615,8 +618,9 @@ importers:
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
       start-server-and-test: 2.0.0
-      storybook: 7.0.0-rc.4
-      storybook-addon-misskey-theme: github.com/misskey-dev/storybook-addon-misskey-theme/cf583db098365b2ccc81a82f63ca9c93bc32b640_vcphge7oza42ndhprrearltd3q
+      storybook: 7.0.0-rc.6
+      storybook-addon-misskey-theme: github.com/misskey-dev/storybook-addon-misskey-theme/cf583db098365b2ccc81a82f63ca9c93bc32b640_hp2ec65oinwl37fsk4exx24idq
+      storybook-addon-performance: 0.17.1_biqbaboplfbrettd7655fr4n2y
       summaly: github.com/misskey-dev/summaly/1bab7afee616429b8bbf7a7cbcbb8ebcef66d992
       vitest: 0.29.2_zcjcryjt4bqcdu7ggonulipgea
       vitest-fetch-mock: 0.2.2_vitest@0.29.2
@@ -673,29 +677,6 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: true
 
-  /@babel/core/7.20.12:
-    resolution: {integrity: sha512-XsMfHovsUYHFMdrIHkZphTN/2Hzzi78R08NuHfDBehym2VsPDL6Zn/JAD/JQdnRvbSsbQc4mVaU1m6JgtTEElg==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@ampproject/remapping': 2.2.0
-      '@babel/code-frame': 7.18.6
-      '@babel/generator': 7.21.3
-      '@babel/helper-compilation-targets': 7.20.7_@babel+core@7.20.12
-      '@babel/helper-module-transforms': 7.21.2
-      '@babel/helpers': 7.21.0
-      '@babel/parser': 7.21.3
-      '@babel/template': 7.20.7
-      '@babel/traverse': 7.21.3
-      '@babel/types': 7.21.3
-      convert-source-map: 1.9.0
-      debug: 4.3.4
-      gensync: 1.0.0-beta.2
-      json5: 2.2.3
-      semver: 6.3.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/core/7.21.3:
     resolution: {integrity: sha512-qIJONzoa/qiHghnm0l1n4i/6IIziDpzqc36FBs4pzMhDUraHqponwJLiAKm1hGLP3OSB/TVNz6rMwVGpwxxySw==}
     engines: {node: '>=6.9.0'}
@@ -719,15 +700,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/generator/7.20.7:
-    resolution: {integrity: sha512-7wqMOJq8doJMZmP4ApXTzLxSr7+oO2jroJURrVEp6XShrQUObV8Tq/D0NCcoYg2uHqUrjzO0zwBjoYzelxK+sw==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.21.3
-      '@jridgewell/gen-mapping': 0.3.2
-      jsesc: 2.5.2
-    dev: true
-
   /@babel/generator/7.21.3:
     resolution: {integrity: sha512-QS3iR1GYC/YGUnW7IdggFeN5c1poPUurnGttOV/bZgPGV+izC/D8HnD6DLwod0fsatNyVn1G3EVWMYIF0nHbeA==}
     engines: {node: '>=6.9.0'}
@@ -753,20 +725,6 @@ packages:
       '@babel/types': 7.21.3
     dev: true
 
-  /@babel/helper-compilation-targets/7.20.7_@babel+core@7.20.12:
-    resolution: {integrity: sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/compat-data': 7.20.10
-      '@babel/core': 7.20.12
-      '@babel/helper-validator-option': 7.21.0
-      browserslist: 4.21.5
-      lru-cache: 5.1.1
-      semver: 6.3.0
-    dev: true
-
   /@babel/helper-compilation-targets/7.20.7_@babel+core@7.21.3:
     resolution: {integrity: sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==}
     engines: {node: '>=6.9.0'}
@@ -781,25 +739,6 @@ packages:
       semver: 6.3.0
     dev: true
 
-  /@babel/helper-create-class-features-plugin/7.21.0_@babel+core@7.20.12:
-    resolution: {integrity: sha512-Q8wNiMIdwsv5la5SPxNYzzkPnjgC0Sy0i7jLkVOCdllu/xcVNkr3TeZzbHBJrj+XXRqzX5uCyCoV9eu6xUG7KQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-annotate-as-pure': 7.18.6
-      '@babel/helper-environment-visitor': 7.18.9
-      '@babel/helper-function-name': 7.21.0
-      '@babel/helper-member-expression-to-functions': 7.21.0
-      '@babel/helper-optimise-call-expression': 7.18.6
-      '@babel/helper-replace-supers': 7.20.7
-      '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
-      '@babel/helper-split-export-declaration': 7.18.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/helper-create-class-features-plugin/7.21.0_@babel+core@7.21.3:
     resolution: {integrity: sha512-Q8wNiMIdwsv5la5SPxNYzzkPnjgC0Sy0i7jLkVOCdllu/xcVNkr3TeZzbHBJrj+XXRqzX5uCyCoV9eu6xUG7KQ==}
     engines: {node: '>=6.9.0'}
@@ -819,17 +758,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/helper-create-regexp-features-plugin/7.21.0_@babel+core@7.20.12:
-    resolution: {integrity: sha512-N+LaFW/auRSWdx7SHD/HiARwXQju1vXTW4fKr4u5SgBUTm51OKEjKgj+cs00ggW3kEvNqwErnlwuq7Y3xBe4eg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-annotate-as-pure': 7.18.6
-      regexpu-core: 5.3.2
-    dev: true
-
   /@babel/helper-create-regexp-features-plugin/7.21.0_@babel+core@7.21.3:
     resolution: {integrity: sha512-N+LaFW/auRSWdx7SHD/HiARwXQju1vXTW4fKr4u5SgBUTm51OKEjKgj+cs00ggW3kEvNqwErnlwuq7Y3xBe4eg==}
     engines: {node: '>=6.9.0'}
@@ -841,22 +769,6 @@ packages:
       regexpu-core: 5.3.2
     dev: true
 
-  /@babel/helper-define-polyfill-provider/0.3.3_@babel+core@7.20.12:
-    resolution: {integrity: sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==}
-    peerDependencies:
-      '@babel/core': ^7.4.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-compilation-targets': 7.20.7_@babel+core@7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      debug: 4.3.4
-      lodash.debounce: 4.0.8
-      resolve: 1.22.1
-      semver: 6.3.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/helper-define-polyfill-provider/0.3.3_@babel+core@7.21.3:
     resolution: {integrity: sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==}
     peerDependencies:
@@ -942,21 +854,6 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: true
 
-  /@babel/helper-remap-async-to-generator/7.18.9_@babel+core@7.20.12:
-    resolution: {integrity: sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-annotate-as-pure': 7.18.6
-      '@babel/helper-environment-visitor': 7.18.9
-      '@babel/helper-wrap-function': 7.20.5
-      '@babel/types': 7.21.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/helper-remap-async-to-generator/7.18.9_@babel+core@7.21.3:
     resolution: {integrity: sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA==}
     engines: {node: '>=6.9.0'}
@@ -1057,7 +954,7 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.20.7
+      '@babel/types': 7.21.3
 
   /@babel/parser/7.21.3:
     resolution: {integrity: sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==}
@@ -1066,16 +963,6 @@ packages:
     dependencies:
       '@babel/types': 7.21.3
 
-  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ==}
     engines: {node: '>=6.9.0'}
@@ -1086,18 +973,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/7.20.7_@babel+core@7.20.12:
-    resolution: {integrity: sha512-sbr9+wNE5aXMBBFBICk01tt7sBf2Oc9ikRFEcem/ZORup9IMUdNhW7/wVLEbbtlWOsEubJet46mHAL2C8+2jKQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.13.0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
-      '@babel/plugin-proposal-optional-chaining': 7.21.0_@babel+core@7.20.12
-    dev: true
-
   /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/7.20.7_@babel+core@7.21.3:
     resolution: {integrity: sha512-sbr9+wNE5aXMBBFBICk01tt7sBf2Oc9ikRFEcem/ZORup9IMUdNhW7/wVLEbbtlWOsEubJet46mHAL2C8+2jKQ==}
     engines: {node: '>=6.9.0'}
@@ -1110,21 +985,6 @@ packages:
       '@babel/plugin-proposal-optional-chaining': 7.21.0_@babel+core@7.21.3
     dev: true
 
-  /@babel/plugin-proposal-async-generator-functions/7.20.7_@babel+core@7.20.12:
-    resolution: {integrity: sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-environment-visitor': 7.18.9
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/helper-remap-async-to-generator': 7.18.9_@babel+core@7.20.12
-      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.20.12
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-proposal-async-generator-functions/7.20.7_@babel+core@7.21.3:
     resolution: {integrity: sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==}
     engines: {node: '>=6.9.0'}
@@ -1140,19 +1000,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-class-properties/7.18.6_@babel+core@7.20.12:
-    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.20.12
-      '@babel/helper-create-class-features-plugin': 7.21.0_@babel+core@7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-proposal-class-properties/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==}
     engines: {node: '>=6.9.0'}
@@ -1166,20 +1013,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-class-static-block/7.21.0_@babel+core@7.20.12:
-    resolution: {integrity: sha512-XP5G9MWNUskFuP30IfFSEFB0Z6HzLIUcjYM4bYOPHXl7eiJ9HFv8tWj6TXTN5QODiEhDZAeI4hLok2iHFFV4hw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.12.0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-create-class-features-plugin': 7.21.0_@babel+core@7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/plugin-syntax-class-static-block': 7.14.5_@babel+core@7.20.12
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-proposal-class-static-block/7.21.0_@babel+core@7.21.3:
     resolution: {integrity: sha512-XP5G9MWNUskFuP30IfFSEFB0Z6HzLIUcjYM4bYOPHXl7eiJ9HFv8tWj6TXTN5QODiEhDZAeI4hLok2iHFFV4hw==}
     engines: {node: '>=6.9.0'}
@@ -1194,17 +1027,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-dynamic-import/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-1auuwmK+Rz13SJj36R+jqFPMJWyKEDd7lLSdOj4oJK0UTgGueSAtkrCvz9ewmgyU/P941Rv2fQwZJN8s6QruXw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.20.12
-    dev: true
-
   /@babel/plugin-proposal-dynamic-import/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-1auuwmK+Rz13SJj36R+jqFPMJWyKEDd7lLSdOj4oJK0UTgGueSAtkrCvz9ewmgyU/P941Rv2fQwZJN8s6QruXw==}
     engines: {node: '>=6.9.0'}
@@ -1216,17 +1038,6 @@ packages:
       '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.21.3
     dev: true
 
-  /@babel/plugin-proposal-export-namespace-from/7.18.9_@babel+core@7.20.12:
-    resolution: {integrity: sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.20.12
-    dev: true
-
   /@babel/plugin-proposal-export-namespace-from/7.18.9_@babel+core@7.21.3:
     resolution: {integrity: sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA==}
     engines: {node: '>=6.9.0'}
@@ -1238,17 +1049,6 @@ packages:
       '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.21.3
     dev: true
 
-  /@babel/plugin-proposal-json-strings/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-lr1peyn9kOdbYc0xr0OdHTZ5FMqS6Di+H0Fz2I/JwMzGmzJETNeOFq2pBySw6X/KFL5EWDjlJuMsUGRFb8fQgQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.20.12
-    dev: true
-
   /@babel/plugin-proposal-json-strings/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-lr1peyn9kOdbYc0xr0OdHTZ5FMqS6Di+H0Fz2I/JwMzGmzJETNeOFq2pBySw6X/KFL5EWDjlJuMsUGRFb8fQgQ==}
     engines: {node: '>=6.9.0'}
@@ -1260,17 +1060,6 @@ packages:
       '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.21.3
     dev: true
 
-  /@babel/plugin-proposal-logical-assignment-operators/7.20.7_@babel+core@7.20.12:
-    resolution: {integrity: sha512-y7C7cZgpMIjWlKE5T7eJwp+tnRYM89HmRvWM5EQuB5BoHEONjmQ8lSNmBUwOyy/GFRsohJED51YBF79hE1djug==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.20.12
-    dev: true
-
   /@babel/plugin-proposal-logical-assignment-operators/7.20.7_@babel+core@7.21.3:
     resolution: {integrity: sha512-y7C7cZgpMIjWlKE5T7eJwp+tnRYM89HmRvWM5EQuB5BoHEONjmQ8lSNmBUwOyy/GFRsohJED51YBF79hE1djug==}
     engines: {node: '>=6.9.0'}
@@ -1282,17 +1071,6 @@ packages:
       '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.21.3
     dev: true
 
-  /@babel/plugin-proposal-nullish-coalescing-operator/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.20.12
-    dev: true
-
   /@babel/plugin-proposal-nullish-coalescing-operator/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==}
     engines: {node: '>=6.9.0'}
@@ -1304,17 +1082,6 @@ packages:
       '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.21.3
     dev: true
 
-  /@babel/plugin-proposal-numeric-separator/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.20.12
-    dev: true
-
   /@babel/plugin-proposal-numeric-separator/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==}
     engines: {node: '>=6.9.0'}
@@ -1326,20 +1093,6 @@ packages:
       '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.21.3
     dev: true
 
-  /@babel/plugin-proposal-object-rest-spread/7.20.7_@babel+core@7.20.12:
-    resolution: {integrity: sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/compat-data': 7.20.10
-      '@babel/core': 7.20.12
-      '@babel/helper-compilation-targets': 7.20.7_@babel+core@7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-transform-parameters': 7.21.3_@babel+core@7.20.12
-    dev: true
-
   /@babel/plugin-proposal-object-rest-spread/7.20.7_@babel+core@7.21.3:
     resolution: {integrity: sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==}
     engines: {node: '>=6.9.0'}
@@ -1354,17 +1107,6 @@ packages:
       '@babel/plugin-transform-parameters': 7.21.3_@babel+core@7.21.3
     dev: true
 
-  /@babel/plugin-proposal-optional-catch-binding/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.20.12
-    dev: true
-
   /@babel/plugin-proposal-optional-catch-binding/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw==}
     engines: {node: '>=6.9.0'}
@@ -1376,18 +1118,6 @@ packages:
       '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.21.3
     dev: true
 
-  /@babel/plugin-proposal-optional-chaining/7.21.0_@babel+core@7.20.12:
-    resolution: {integrity: sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
-      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.20.12
-    dev: true
-
   /@babel/plugin-proposal-optional-chaining/7.21.0_@babel+core@7.21.3:
     resolution: {integrity: sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==}
     engines: {node: '>=6.9.0'}
@@ -1400,19 +1130,6 @@ packages:
       '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.21.3
     dev: true
 
-  /@babel/plugin-proposal-private-methods/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-create-class-features-plugin': 7.21.0_@babel+core@7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-proposal-private-methods/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==}
     engines: {node: '>=6.9.0'}
@@ -1426,21 +1143,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-private-property-in-object/7.21.0_@babel+core@7.20.12:
-    resolution: {integrity: sha512-ha4zfehbJjc5MmXBlHec1igel5TJXXLDDRbuJ4+XT2TJcyD9/V1919BA8gMvsdHcNMBy4WBUBiRb3nw/EQUtBw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-annotate-as-pure': 7.18.6
-      '@babel/helper-create-class-features-plugin': 7.21.0_@babel+core@7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5_@babel+core@7.20.12
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-proposal-private-property-in-object/7.21.0_@babel+core@7.21.3:
     resolution: {integrity: sha512-ha4zfehbJjc5MmXBlHec1igel5TJXXLDDRbuJ4+XT2TJcyD9/V1919BA8gMvsdHcNMBy4WBUBiRb3nw/EQUtBw==}
     engines: {node: '>=6.9.0'}
@@ -1456,17 +1158,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-unicode-property-regex/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-create-regexp-features-plugin': 7.21.0_@babel+core@7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-proposal-unicode-property-regex/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==}
     engines: {node: '>=4'}
@@ -1478,15 +1169,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-async-generators/7.8.4_@babel+core@7.20.12:
-    resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-async-generators/7.8.4_@babel+core@7.21.3:
     resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
     peerDependencies:
@@ -1496,15 +1178,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-bigint/7.8.3_@babel+core@7.20.12:
-    resolution: {integrity: sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-bigint/7.8.3_@babel+core@7.21.3:
     resolution: {integrity: sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==}
     peerDependencies:
@@ -1514,15 +1187,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-class-properties/7.12.13_@babel+core@7.20.12:
-    resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-class-properties/7.12.13_@babel+core@7.21.3:
     resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
     peerDependencies:
@@ -1532,16 +1196,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-class-static-block/7.14.5_@babel+core@7.20.12:
-    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-class-static-block/7.14.5_@babel+core@7.21.3:
     resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
     engines: {node: '>=6.9.0'}
@@ -1552,15 +1206,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-dynamic-import/7.8.3_@babel+core@7.20.12:
-    resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-dynamic-import/7.8.3_@babel+core@7.21.3:
     resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
     peerDependencies:
@@ -1570,15 +1215,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-export-namespace-from/7.8.3_@babel+core@7.20.12:
-    resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-export-namespace-from/7.8.3_@babel+core@7.21.3:
     resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==}
     peerDependencies:
@@ -1598,16 +1234,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-import-assertions/7.20.0_@babel+core@7.20.12:
-    resolution: {integrity: sha512-IUh1vakzNoWalR8ch/areW7qFopR2AEw03JlG7BbrDqmQ4X3q9uuipQwSGrUn7oGiemKjtSLDhNtQHzMHr1JdQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-import-assertions/7.20.0_@babel+core@7.21.3:
     resolution: {integrity: sha512-IUh1vakzNoWalR8ch/areW7qFopR2AEw03JlG7BbrDqmQ4X3q9uuipQwSGrUn7oGiemKjtSLDhNtQHzMHr1JdQ==}
     engines: {node: '>=6.9.0'}
@@ -1618,15 +1244,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-import-meta/7.10.4_@babel+core@7.20.12:
-    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-import-meta/7.10.4_@babel+core@7.21.3:
     resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
     peerDependencies:
@@ -1636,15 +1253,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-json-strings/7.8.3_@babel+core@7.20.12:
-    resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-json-strings/7.8.3_@babel+core@7.21.3:
     resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
     peerDependencies:
@@ -1654,22 +1262,13 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-jsx/7.18.6_@babel+core@7.20.12:
+  /@babel/plugin-syntax-jsx/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
-  /@babel/plugin-syntax-logical-assignment-operators/7.10.4_@babel+core@7.20.12:
-    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
+      '@babel/core': 7.21.3
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
@@ -1682,15 +1281,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-nullish-coalescing-operator/7.8.3_@babel+core@7.20.12:
-    resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-nullish-coalescing-operator/7.8.3_@babel+core@7.21.3:
     resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
     peerDependencies:
@@ -1700,15 +1290,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-numeric-separator/7.10.4_@babel+core@7.20.12:
-    resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-numeric-separator/7.10.4_@babel+core@7.21.3:
     resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
     peerDependencies:
@@ -1718,15 +1299,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-object-rest-spread/7.8.3_@babel+core@7.20.12:
-    resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-object-rest-spread/7.8.3_@babel+core@7.21.3:
     resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
     peerDependencies:
@@ -1736,15 +1308,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-optional-catch-binding/7.8.3_@babel+core@7.20.12:
-    resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-optional-catch-binding/7.8.3_@babel+core@7.21.3:
     resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
     peerDependencies:
@@ -1754,15 +1317,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-optional-chaining/7.8.3_@babel+core@7.20.12:
-    resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-optional-chaining/7.8.3_@babel+core@7.21.3:
     resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
     peerDependencies:
@@ -1772,16 +1326,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-private-property-in-object/7.14.5_@babel+core@7.20.12:
-    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-private-property-in-object/7.14.5_@babel+core@7.21.3:
     resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
     engines: {node: '>=6.9.0'}
@@ -1792,16 +1336,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-top-level-await/7.14.5_@babel+core@7.20.12:
-    resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-top-level-await/7.14.5_@babel+core@7.21.3:
     resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
     engines: {node: '>=6.9.0'}
@@ -1812,16 +1346,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-syntax-typescript/7.20.0_@babel+core@7.20.12:
-    resolution: {integrity: sha512-rd9TkG+u1CExzS4SM1BlMEhMXwFLKVjOAFFCDx9PbX5ycJWDoWMcwdJH9RhkPu1dOgn5TrxLot/Gx6lWFuAUNQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-syntax-typescript/7.20.0_@babel+core@7.21.3:
     resolution: {integrity: sha512-rd9TkG+u1CExzS4SM1BlMEhMXwFLKVjOAFFCDx9PbX5ycJWDoWMcwdJH9RhkPu1dOgn5TrxLot/Gx6lWFuAUNQ==}
     engines: {node: '>=6.9.0'}
@@ -1832,16 +1356,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-arrow-functions/7.20.7_@babel+core@7.20.12:
-    resolution: {integrity: sha512-3poA5E7dzDomxj9WXWwuD6A5F3kc7VXwIJO+E+J8qtDtS+pXPAhrgEyh+9GBwBgPq1Z+bB+/JD60lp5jsN7JPQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-arrow-functions/7.20.7_@babel+core@7.21.3:
     resolution: {integrity: sha512-3poA5E7dzDomxj9WXWwuD6A5F3kc7VXwIJO+E+J8qtDtS+pXPAhrgEyh+9GBwBgPq1Z+bB+/JD60lp5jsN7JPQ==}
     engines: {node: '>=6.9.0'}
@@ -1852,20 +1366,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-async-to-generator/7.20.7_@babel+core@7.20.12:
-    resolution: {integrity: sha512-Uo5gwHPT9vgnSXQxqGtpdufUiWp96gk7yiP4Mp5bm1QMkEmLXBO7PAGYbKoJ6DhAwiNkcHFBol/x5zZZkL/t0Q==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-module-imports': 7.18.6
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/helper-remap-async-to-generator': 7.18.9_@babel+core@7.20.12
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-transform-async-to-generator/7.20.7_@babel+core@7.21.3:
     resolution: {integrity: sha512-Uo5gwHPT9vgnSXQxqGtpdufUiWp96gk7yiP4Mp5bm1QMkEmLXBO7PAGYbKoJ6DhAwiNkcHFBol/x5zZZkL/t0Q==}
     engines: {node: '>=6.9.0'}
@@ -1880,16 +1380,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-block-scoped-functions/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-ExUcOqpPWnliRcPqves5HJcJOvHvIIWfuS4sroBUenPuMdmW+SMHDakmtS7qOo13sVppmUijqeTv7qqGsvURpQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-block-scoped-functions/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-ExUcOqpPWnliRcPqves5HJcJOvHvIIWfuS4sroBUenPuMdmW+SMHDakmtS7qOo13sVppmUijqeTv7qqGsvURpQ==}
     engines: {node: '>=6.9.0'}
@@ -1900,16 +1390,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-block-scoping/7.21.0_@babel+core@7.20.12:
-    resolution: {integrity: sha512-Mdrbunoh9SxwFZapeHVrwFmri16+oYotcZysSzhNIVDwIAb1UV+kvnxULSYq9J3/q5MDG+4X6w8QVgD1zhBXNQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-block-scoping/7.21.0_@babel+core@7.21.3:
     resolution: {integrity: sha512-Mdrbunoh9SxwFZapeHVrwFmri16+oYotcZysSzhNIVDwIAb1UV+kvnxULSYq9J3/q5MDG+4X6w8QVgD1zhBXNQ==}
     engines: {node: '>=6.9.0'}
@@ -1920,26 +1400,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-classes/7.21.0_@babel+core@7.20.12:
-    resolution: {integrity: sha512-RZhbYTCEUAe6ntPehC4hlslPWosNHDox+vAs4On/mCLRLfoDVHf6hVEd7kuxr1RnHwJmxFfUM3cZiZRmPxJPXQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-annotate-as-pure': 7.18.6
-      '@babel/helper-compilation-targets': 7.20.7_@babel+core@7.20.12
-      '@babel/helper-environment-visitor': 7.18.9
-      '@babel/helper-function-name': 7.21.0
-      '@babel/helper-optimise-call-expression': 7.18.6
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/helper-replace-supers': 7.20.7
-      '@babel/helper-split-export-declaration': 7.18.6
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-transform-classes/7.21.0_@babel+core@7.21.3:
     resolution: {integrity: sha512-RZhbYTCEUAe6ntPehC4hlslPWosNHDox+vAs4On/mCLRLfoDVHf6hVEd7kuxr1RnHwJmxFfUM3cZiZRmPxJPXQ==}
     engines: {node: '>=6.9.0'}
@@ -1960,17 +1420,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-computed-properties/7.20.7_@babel+core@7.20.12:
-    resolution: {integrity: sha512-Lz7MvBK6DTjElHAmfu6bfANzKcxpyNPeYBGEafyA6E5HtRpjpZwU+u7Qrgz/2OR0z+5TvKYbPdphfSaAcZBrYQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/template': 7.20.7
-    dev: true
-
   /@babel/plugin-transform-computed-properties/7.20.7_@babel+core@7.21.3:
     resolution: {integrity: sha512-Lz7MvBK6DTjElHAmfu6bfANzKcxpyNPeYBGEafyA6E5HtRpjpZwU+u7Qrgz/2OR0z+5TvKYbPdphfSaAcZBrYQ==}
     engines: {node: '>=6.9.0'}
@@ -1982,16 +1431,6 @@ packages:
       '@babel/template': 7.20.7
     dev: true
 
-  /@babel/plugin-transform-destructuring/7.21.3_@babel+core@7.20.12:
-    resolution: {integrity: sha512-bp6hwMFzuiE4HqYEyoGJ/V2LeIWn+hLVKc4pnj++E5XQptwhtcGmSayM029d/j2X1bPKGTlsyPwAubuU22KhMA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-destructuring/7.21.3_@babel+core@7.21.3:
     resolution: {integrity: sha512-bp6hwMFzuiE4HqYEyoGJ/V2LeIWn+hLVKc4pnj++E5XQptwhtcGmSayM029d/j2X1bPKGTlsyPwAubuU22KhMA==}
     engines: {node: '>=6.9.0'}
@@ -2002,17 +1441,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-dotall-regex/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-6S3jpun1eEbAxq7TdjLotAsl4WpQI9DxfkycRcKrjhQYzU87qpXdknpBg/e+TdcMehqGnLFi7tnFUBR02Vq6wg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-create-regexp-features-plugin': 7.21.0_@babel+core@7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-dotall-regex/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-6S3jpun1eEbAxq7TdjLotAsl4WpQI9DxfkycRcKrjhQYzU87qpXdknpBg/e+TdcMehqGnLFi7tnFUBR02Vq6wg==}
     engines: {node: '>=6.9.0'}
@@ -2024,16 +1452,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-duplicate-keys/7.18.9_@babel+core@7.20.12:
-    resolution: {integrity: sha512-d2bmXCtZXYc59/0SanQKbiWINadaJXqtvIQIzd4+hNwkWBgyCd5F/2t1kXoUdvPMrxzPvhK6EMQRROxsue+mfw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-duplicate-keys/7.18.9_@babel+core@7.21.3:
     resolution: {integrity: sha512-d2bmXCtZXYc59/0SanQKbiWINadaJXqtvIQIzd4+hNwkWBgyCd5F/2t1kXoUdvPMrxzPvhK6EMQRROxsue+mfw==}
     engines: {node: '>=6.9.0'}
@@ -2044,17 +1462,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-exponentiation-operator/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-wzEtc0+2c88FVR34aQmiz56dxEkxr2g8DQb/KfaFa1JYXOFVsbhvAonFN6PwVWj++fKmku8NP80plJ5Et4wqHw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-builder-binary-assignment-operator-visitor': 7.18.9
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-exponentiation-operator/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-wzEtc0+2c88FVR34aQmiz56dxEkxr2g8DQb/KfaFa1JYXOFVsbhvAonFN6PwVWj++fKmku8NP80plJ5Et4wqHw==}
     engines: {node: '>=6.9.0'}
@@ -2077,16 +1484,6 @@ packages:
       '@babel/plugin-syntax-flow': 7.18.6_@babel+core@7.21.3
     dev: true
 
-  /@babel/plugin-transform-for-of/7.21.0_@babel+core@7.20.12:
-    resolution: {integrity: sha512-LlUYlydgDkKpIY7mcBWvyPPmMcOphEyYA27Ef4xpbh1IiDNLr0kZsos2nf92vz3IccvJI25QUwp86Eo5s6HmBQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-for-of/7.21.0_@babel+core@7.21.3:
     resolution: {integrity: sha512-LlUYlydgDkKpIY7mcBWvyPPmMcOphEyYA27Ef4xpbh1IiDNLr0kZsos2nf92vz3IccvJI25QUwp86Eo5s6HmBQ==}
     engines: {node: '>=6.9.0'}
@@ -2097,18 +1494,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-function-name/7.18.9_@babel+core@7.20.12:
-    resolution: {integrity: sha512-WvIBoRPaJQ5yVHzcnJFor7oS5Ls0PYixlTYE63lCj2RtdQEl15M68FXQlxnG6wdraJIXRdR7KI+hQ7q/9QjrCQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-compilation-targets': 7.20.7_@babel+core@7.20.12
-      '@babel/helper-function-name': 7.21.0
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-function-name/7.18.9_@babel+core@7.21.3:
     resolution: {integrity: sha512-WvIBoRPaJQ5yVHzcnJFor7oS5Ls0PYixlTYE63lCj2RtdQEl15M68FXQlxnG6wdraJIXRdR7KI+hQ7q/9QjrCQ==}
     engines: {node: '>=6.9.0'}
@@ -2121,16 +1506,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-literals/7.18.9_@babel+core@7.20.12:
-    resolution: {integrity: sha512-IFQDSRoTPnrAIrI5zoZv73IFeZu2dhu6irxQjY9rNjTT53VmKg9fenjvoiOWOkJ6mm4jKVPtdMzBY98Fp4Z4cg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-literals/7.18.9_@babel+core@7.21.3:
     resolution: {integrity: sha512-IFQDSRoTPnrAIrI5zoZv73IFeZu2dhu6irxQjY9rNjTT53VmKg9fenjvoiOWOkJ6mm4jKVPtdMzBY98Fp4Z4cg==}
     engines: {node: '>=6.9.0'}
@@ -2141,16 +1516,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-member-expression-literals/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-qSF1ihLGO3q+/g48k85tUjD033C29TNTVB2paCwZPVmOsjn9pClvYYrM2VeJpBY2bcNkuny0YUyTNRyRxJ54KA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-member-expression-literals/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-qSF1ihLGO3q+/g48k85tUjD033C29TNTVB2paCwZPVmOsjn9pClvYYrM2VeJpBY2bcNkuny0YUyTNRyRxJ54KA==}
     engines: {node: '>=6.9.0'}
@@ -2161,19 +1526,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-modules-amd/7.20.11_@babel+core@7.20.12:
-    resolution: {integrity: sha512-NuzCt5IIYOW0O30UvqktzHYR2ud5bOWbY0yaxWZ6G+aFzOMJvrs5YHNikrbdaT15+KNO31nPOy5Fim3ku6Zb5g==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-module-transforms': 7.21.2
-      '@babel/helper-plugin-utils': 7.20.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-transform-modules-amd/7.20.11_@babel+core@7.21.3:
     resolution: {integrity: sha512-NuzCt5IIYOW0O30UvqktzHYR2ud5bOWbY0yaxWZ6G+aFzOMJvrs5YHNikrbdaT15+KNO31nPOy5Fim3ku6Zb5g==}
     engines: {node: '>=6.9.0'}
@@ -2187,20 +1539,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-commonjs/7.21.2_@babel+core@7.20.12:
-    resolution: {integrity: sha512-Cln+Yy04Gxua7iPdj6nOV96smLGjpElir5YwzF0LBPKoPlLDNJePNlrGGaybAJkd0zKRnOVXOgizSqPYMNYkzA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-module-transforms': 7.21.2
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/helper-simple-access': 7.20.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-transform-modules-commonjs/7.21.2_@babel+core@7.21.3:
     resolution: {integrity: sha512-Cln+Yy04Gxua7iPdj6nOV96smLGjpElir5YwzF0LBPKoPlLDNJePNlrGGaybAJkd0zKRnOVXOgizSqPYMNYkzA==}
     engines: {node: '>=6.9.0'}
@@ -2215,21 +1553,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-systemjs/7.20.11_@babel+core@7.20.12:
-    resolution: {integrity: sha512-vVu5g9BPQKSFEmvt2TA4Da5N+QVS66EX21d8uoOihC+OCpUoGvzVsXeqFdtAEfVa5BILAeFt+U7yVmLbQnAJmw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-hoist-variables': 7.18.6
-      '@babel/helper-module-transforms': 7.21.2
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/helper-validator-identifier': 7.19.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-transform-modules-systemjs/7.20.11_@babel+core@7.21.3:
     resolution: {integrity: sha512-vVu5g9BPQKSFEmvt2TA4Da5N+QVS66EX21d8uoOihC+OCpUoGvzVsXeqFdtAEfVa5BILAeFt+U7yVmLbQnAJmw==}
     engines: {node: '>=6.9.0'}
@@ -2245,19 +1568,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-umd/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-dcegErExVeXcRqNtkRU/z8WlBLnvD4MRnHgNs3MytRO1Mn1sHRyhbcpYbVMGclAqOjdW+9cfkdZno9dFdfKLfQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-module-transforms': 7.21.2
-      '@babel/helper-plugin-utils': 7.20.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-transform-modules-umd/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-dcegErExVeXcRqNtkRU/z8WlBLnvD4MRnHgNs3MytRO1Mn1sHRyhbcpYbVMGclAqOjdW+9cfkdZno9dFdfKLfQ==}
     engines: {node: '>=6.9.0'}
@@ -2271,17 +1581,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-named-capturing-groups-regex/7.20.5_@babel+core@7.20.12:
-    resolution: {integrity: sha512-mOW4tTzi5iTLnw+78iEq3gr8Aoq4WNRGpmSlrogqaiCBoR1HFhpU4JkpQFOHfeYx3ReVIFWOQJS4aZBRvuZ6mA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-create-regexp-features-plugin': 7.21.0_@babel+core@7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-named-capturing-groups-regex/7.20.5_@babel+core@7.21.3:
     resolution: {integrity: sha512-mOW4tTzi5iTLnw+78iEq3gr8Aoq4WNRGpmSlrogqaiCBoR1HFhpU4JkpQFOHfeYx3ReVIFWOQJS4aZBRvuZ6mA==}
     engines: {node: '>=6.9.0'}
@@ -2293,16 +1592,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-new-target/7.18.6_@babel+core@7.20.12:
-    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.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-new-target/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-DjwFA/9Iu3Z+vrAn+8pBUGcjhxKguSMlsFqeCKbhb9BAV756v0krzVK04CRDi/4aqmk8BsHb4a/gFcaA5joXRw==}
     engines: {node: '>=6.9.0'}
@@ -2313,19 +1602,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-object-super/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-uvGz6zk+pZoS1aTZrOvrbj6Pp/kK2mp45t2B+bTDre2UgsZZ8EZLSJtUg7m/no0zOJUWgFONpB7Zv9W2tSaFlA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/helper-replace-supers': 7.20.7
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-transform-object-super/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-uvGz6zk+pZoS1aTZrOvrbj6Pp/kK2mp45t2B+bTDre2UgsZZ8EZLSJtUg7m/no0zOJUWgFONpB7Zv9W2tSaFlA==}
     engines: {node: '>=6.9.0'}
@@ -2339,16 +1615,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-parameters/7.21.3_@babel+core@7.20.12:
-    resolution: {integrity: sha512-Wxc+TvppQG9xWFYatvCGPvZ6+SIUxQ2ZdiBP+PHYMIjnPXD+uThCshaz4NZOnODAtBjjcVQQ/3OKs9LW28purQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-parameters/7.21.3_@babel+core@7.21.3:
     resolution: {integrity: sha512-Wxc+TvppQG9xWFYatvCGPvZ6+SIUxQ2ZdiBP+PHYMIjnPXD+uThCshaz4NZOnODAtBjjcVQQ/3OKs9LW28purQ==}
     engines: {node: '>=6.9.0'}
@@ -2359,16 +1625,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-property-literals/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-cYcs6qlgafTud3PAzrrRNbQtfpQ8+y/+M5tKmksS9+M1ckbH6kzY8MrexEM9mcA6JDsukE19iIRvAyYl463sMg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-property-literals/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-cYcs6qlgafTud3PAzrrRNbQtfpQ8+y/+M5tKmksS9+M1ckbH6kzY8MrexEM9mcA6JDsukE19iIRvAyYl463sMg==}
     engines: {node: '>=6.9.0'}
@@ -2399,31 +1655,20 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-react-jsx/7.21.0_@babel+core@7.20.12:
+  /@babel/plugin-transform-react-jsx/7.21.0_@babel+core@7.21.3:
     resolution: {integrity: sha512-6OAWljMvQrZjR2DaNhVfRz6dkCAVV+ymcLUmaf8bccGOHn2v5rHJK3tTpij0BuhdYWP4LLaqj5lwcdlpAAPuvg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.20.12
+      '@babel/core': 7.21.3
       '@babel/helper-annotate-as-pure': 7.18.6
       '@babel/helper-module-imports': 7.18.6
       '@babel/helper-plugin-utils': 7.20.2
-      '@babel/plugin-syntax-jsx': 7.18.6_@babel+core@7.20.12
+      '@babel/plugin-syntax-jsx': 7.18.6_@babel+core@7.21.3
       '@babel/types': 7.21.3
     dev: true
 
-  /@babel/plugin-transform-regenerator/7.20.5_@babel+core@7.20.12:
-    resolution: {integrity: sha512-kW/oO7HPBtntbsahzQ0qSE3tFvkFwnbozz3NWFhLGqH75vLEg+sCGngLlhVkePlCs3Jv0dBBHDzCHxNiFAQKCQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      regenerator-transform: 0.15.1
-    dev: true
-
   /@babel/plugin-transform-regenerator/7.20.5_@babel+core@7.21.3:
     resolution: {integrity: sha512-kW/oO7HPBtntbsahzQ0qSE3tFvkFwnbozz3NWFhLGqH75vLEg+sCGngLlhVkePlCs3Jv0dBBHDzCHxNiFAQKCQ==}
     engines: {node: '>=6.9.0'}
@@ -2435,16 +1680,6 @@ packages:
       regenerator-transform: 0.15.1
     dev: true
 
-  /@babel/plugin-transform-reserved-words/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-oX/4MyMoypzHjFrT1CdivfKZ+XvIPMFXwwxHp/r0Ddy2Vuomt4HDFGmft1TAY2yiTKiNSsh3kjBAzcM8kSdsjA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-reserved-words/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-oX/4MyMoypzHjFrT1CdivfKZ+XvIPMFXwwxHp/r0Ddy2Vuomt4HDFGmft1TAY2yiTKiNSsh3kjBAzcM8kSdsjA==}
     engines: {node: '>=6.9.0'}
@@ -2455,16 +1690,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-shorthand-properties/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-eCLXXJqv8okzg86ywZJbRn19YJHU4XUa55oz2wbHhaQVn/MM+XhukiT7SYqp/7o00dg52Rj51Ny+Ecw4oyoygw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-shorthand-properties/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-eCLXXJqv8okzg86ywZJbRn19YJHU4XUa55oz2wbHhaQVn/MM+XhukiT7SYqp/7o00dg52Rj51Ny+Ecw4oyoygw==}
     engines: {node: '>=6.9.0'}
@@ -2475,17 +1700,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-spread/7.20.7_@babel+core@7.20.12:
-    resolution: {integrity: sha512-ewBbHQ+1U/VnH1fxltbJqDeWBU1oNLG8Dj11uIv3xVf7nrQu0bPGe5Rf716r7K5Qz+SqtAOVswoVunoiBtGhxw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
-    dev: true
-
   /@babel/plugin-transform-spread/7.20.7_@babel+core@7.21.3:
     resolution: {integrity: sha512-ewBbHQ+1U/VnH1fxltbJqDeWBU1oNLG8Dj11uIv3xVf7nrQu0bPGe5Rf716r7K5Qz+SqtAOVswoVunoiBtGhxw==}
     engines: {node: '>=6.9.0'}
@@ -2497,16 +1711,6 @@ packages:
       '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
     dev: true
 
-  /@babel/plugin-transform-sticky-regex/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-kfiDrDQ+PBsQDO85yj1icueWMfGfJFKN1KCkndygtu/C9+XUfydLC8Iv5UYJqRwy4zk8EcplRxEOeLyjq1gm6Q==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-sticky-regex/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-kfiDrDQ+PBsQDO85yj1icueWMfGfJFKN1KCkndygtu/C9+XUfydLC8Iv5UYJqRwy4zk8EcplRxEOeLyjq1gm6Q==}
     engines: {node: '>=6.9.0'}
@@ -2517,16 +1721,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-template-literals/7.18.9_@babel+core@7.20.12:
-    resolution: {integrity: sha512-S8cOWfT82gTezpYOiVaGHrCbhlHgKhQt8XH5ES46P2XWmX92yisoZywf5km75wv5sYcXDUCLMmMxOLCtthDgMA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-template-literals/7.18.9_@babel+core@7.21.3:
     resolution: {integrity: sha512-S8cOWfT82gTezpYOiVaGHrCbhlHgKhQt8XH5ES46P2XWmX92yisoZywf5km75wv5sYcXDUCLMmMxOLCtthDgMA==}
     engines: {node: '>=6.9.0'}
@@ -2537,16 +1731,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-typeof-symbol/7.18.9_@babel+core@7.20.12:
-    resolution: {integrity: sha512-SRfwTtF11G2aemAZWivL7PD+C9z52v9EvMqH9BuYbabyPuKUvSWks3oCg6041pT925L4zVFqaVBeECwsmlguEw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-typeof-symbol/7.18.9_@babel+core@7.21.3:
     resolution: {integrity: sha512-SRfwTtF11G2aemAZWivL7PD+C9z52v9EvMqH9BuYbabyPuKUvSWks3oCg6041pT925L4zVFqaVBeECwsmlguEw==}
     engines: {node: '>=6.9.0'}
@@ -2572,16 +1756,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-unicode-escapes/7.18.10_@babel+core@7.20.12:
-    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.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-unicode-escapes/7.18.10_@babel+core@7.21.3:
     resolution: {integrity: sha512-kKAdAI+YzPgGY/ftStBFXTI1LZFju38rYThnfMykS+IXy8BVx+res7s2fxf1l8I35DV2T97ezo6+SGrXz6B3iQ==}
     engines: {node: '>=6.9.0'}
@@ -2592,17 +1766,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/plugin-transform-unicode-regex/7.18.6_@babel+core@7.20.12:
-    resolution: {integrity: sha512-gE7A6Lt7YLnNOL3Pb9BNeZvi+d8l7tcRrG4+pwJjK9hD2xX4mEvjlQW60G9EEmfXVYRPv9VRQcyegIVHCql/AA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-create-regexp-features-plugin': 7.21.0_@babel+core@7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-    dev: true
-
   /@babel/plugin-transform-unicode-regex/7.18.6_@babel+core@7.21.3:
     resolution: {integrity: sha512-gE7A6Lt7YLnNOL3Pb9BNeZvi+d8l7tcRrG4+pwJjK9hD2xX4mEvjlQW60G9EEmfXVYRPv9VRQcyegIVHCql/AA==}
     engines: {node: '>=6.9.0'}
@@ -2614,92 +1777,6 @@ packages:
       '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
-  /@babel/preset-env/7.20.2_@babel+core@7.20.12:
-    resolution: {integrity: sha512-1G0efQEWR1EHkKvKHqbG+IN/QdgwfByUpM5V5QroDzGV2t3S/WXNQd693cHiHTlCFMpr9B6FkPFXDA2lQcKoDg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/compat-data': 7.20.10
-      '@babel/core': 7.20.12
-      '@babel/helper-compilation-targets': 7.20.7_@babel+core@7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/helper-validator-option': 7.21.0
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.20.7_@babel+core@7.20.12
-      '@babel/plugin-proposal-async-generator-functions': 7.20.7_@babel+core@7.20.12
-      '@babel/plugin-proposal-class-properties': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-proposal-class-static-block': 7.21.0_@babel+core@7.20.12
-      '@babel/plugin-proposal-dynamic-import': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-proposal-export-namespace-from': 7.18.9_@babel+core@7.20.12
-      '@babel/plugin-proposal-json-strings': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-proposal-logical-assignment-operators': 7.20.7_@babel+core@7.20.12
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-proposal-numeric-separator': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-proposal-object-rest-spread': 7.20.7_@babel+core@7.20.12
-      '@babel/plugin-proposal-optional-catch-binding': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-proposal-optional-chaining': 7.21.0_@babel+core@7.20.12
-      '@babel/plugin-proposal-private-methods': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-proposal-private-property-in-object': 7.21.0_@babel+core@7.20.12
-      '@babel/plugin-proposal-unicode-property-regex': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.20.12
-      '@babel/plugin-syntax-class-properties': 7.12.13_@babel+core@7.20.12
-      '@babel/plugin-syntax-class-static-block': 7.14.5_@babel+core@7.20.12
-      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-import-assertions': 7.20.0_@babel+core@7.20.12
-      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.20.12
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.20.12
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5_@babel+core@7.20.12
-      '@babel/plugin-syntax-top-level-await': 7.14.5_@babel+core@7.20.12
-      '@babel/plugin-transform-arrow-functions': 7.20.7_@babel+core@7.20.12
-      '@babel/plugin-transform-async-to-generator': 7.20.7_@babel+core@7.20.12
-      '@babel/plugin-transform-block-scoped-functions': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-block-scoping': 7.21.0_@babel+core@7.20.12
-      '@babel/plugin-transform-classes': 7.21.0_@babel+core@7.20.12
-      '@babel/plugin-transform-computed-properties': 7.20.7_@babel+core@7.20.12
-      '@babel/plugin-transform-destructuring': 7.21.3_@babel+core@7.20.12
-      '@babel/plugin-transform-dotall-regex': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-duplicate-keys': 7.18.9_@babel+core@7.20.12
-      '@babel/plugin-transform-exponentiation-operator': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-for-of': 7.21.0_@babel+core@7.20.12
-      '@babel/plugin-transform-function-name': 7.18.9_@babel+core@7.20.12
-      '@babel/plugin-transform-literals': 7.18.9_@babel+core@7.20.12
-      '@babel/plugin-transform-member-expression-literals': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-modules-amd': 7.20.11_@babel+core@7.20.12
-      '@babel/plugin-transform-modules-commonjs': 7.21.2_@babel+core@7.20.12
-      '@babel/plugin-transform-modules-systemjs': 7.20.11_@babel+core@7.20.12
-      '@babel/plugin-transform-modules-umd': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.20.5_@babel+core@7.20.12
-      '@babel/plugin-transform-new-target': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-object-super': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-parameters': 7.21.3_@babel+core@7.20.12
-      '@babel/plugin-transform-property-literals': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-regenerator': 7.20.5_@babel+core@7.20.12
-      '@babel/plugin-transform-reserved-words': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-shorthand-properties': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-spread': 7.20.7_@babel+core@7.20.12
-      '@babel/plugin-transform-sticky-regex': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-template-literals': 7.18.9_@babel+core@7.20.12
-      '@babel/plugin-transform-typeof-symbol': 7.18.9_@babel+core@7.20.12
-      '@babel/plugin-transform-unicode-escapes': 7.18.10_@babel+core@7.20.12
-      '@babel/plugin-transform-unicode-regex': 7.18.6_@babel+core@7.20.12
-      '@babel/preset-modules': 0.1.5_@babel+core@7.20.12
-      '@babel/types': 7.21.3
-      babel-plugin-polyfill-corejs2: 0.3.3_@babel+core@7.20.12
-      babel-plugin-polyfill-corejs3: 0.6.0_@babel+core@7.20.12
-      babel-plugin-polyfill-regenerator: 0.4.1_@babel+core@7.20.12
-      core-js-compat: 3.29.1
-      semver: 6.3.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/preset-env/7.20.2_@babel+core@7.21.3:
     resolution: {integrity: sha512-1G0efQEWR1EHkKvKHqbG+IN/QdgwfByUpM5V5QroDzGV2t3S/WXNQd693cHiHTlCFMpr9B6FkPFXDA2lQcKoDg==}
     engines: {node: '>=6.9.0'}
@@ -2798,19 +1875,6 @@ packages:
       '@babel/plugin-transform-flow-strip-types': 7.21.0_@babel+core@7.21.3
     dev: true
 
-  /@babel/preset-modules/0.1.5_@babel+core@7.20.12:
-    resolution: {integrity: sha512-A57th6YRG7oR3cq/yt/Y84MvGgE0eJG2F1JLhKuyG+jFxEgrd/HAMJatiFtmOiZurz+0DkrvbheCLaV5f2JfjA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/plugin-proposal-unicode-property-regex': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-transform-dotall-regex': 7.18.6_@babel+core@7.20.12
-      '@babel/types': 7.21.3
-      esutils: 2.0.3
-    dev: true
-
   /@babel/preset-modules/0.1.5_@babel+core@7.21.3:
     resolution: {integrity: sha512-A57th6YRG7oR3cq/yt/Y84MvGgE0eJG2F1JLhKuyG+jFxEgrd/HAMJatiFtmOiZurz+0DkrvbheCLaV5f2JfjA==}
     peerDependencies:
@@ -2871,24 +1935,6 @@ packages:
       '@babel/types': 7.21.3
     dev: true
 
-  /@babel/traverse/7.20.12:
-    resolution: {integrity: sha512-MsIbFN0u+raeja38qboyF8TIT7K0BFzz/Yd/77ta4MsUsmP2RAnidIlwq7d5HFQrH/OZJecGV6B71C4zAgpoSQ==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': 7.18.6
-      '@babel/generator': 7.21.3
-      '@babel/helper-environment-visitor': 7.18.9
-      '@babel/helper-function-name': 7.21.0
-      '@babel/helper-hoist-variables': 7.18.6
-      '@babel/helper-split-export-declaration': 7.18.6
-      '@babel/parser': 7.21.3
-      '@babel/types': 7.21.3
-      debug: 4.3.4
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/traverse/7.21.3:
     resolution: {integrity: sha512-XLyopNeaTancVitYZe2MlUEvgKb6YVVPXzofHgqHijCImG33b/uTurMS488ht/Hbsb2XK3U2BnSTxKVNGV3nGQ==}
     engines: {node: '>=6.9.0'}
@@ -2907,14 +1953,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/types/7.20.7:
-    resolution: {integrity: sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': 7.19.4
-      '@babel/helper-validator-identifier': 7.19.1
-      to-fast-properties: 2.0.0
-
   /@babel/types/7.21.3:
     resolution: {integrity: sha512-sBGdETxC+/M4o/zKC0sl6sjWv62WFR/uzxrJ6uYyMLZOUlPnwzw0tKgVHOXxaAd5l2g8pEDM5RZ495GPQI77kg==}
     engines: {node: '>=6.9.0'}
@@ -4236,8 +3274,8 @@ packages:
     resolution: {integrity: sha512-Uy0+khmZqUrUGm5dmMqVlnvufZRSK0FbYzVgp0UMstm+F5+W2/jnEEQyc9vo1ZR/E5ZI/B1WjjoTqBqwJL6Krw==}
     dev: false
 
-  /@storybook/addon-actions/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-PaiZYDd8dVtaqyOr0kFlBbzpXMVKL4saDwa1gNf1nGSP1yxeS5Iulah4aD8pevpO6MXxJrFWcwhg5295viK3HQ==}
+  /@storybook/addon-actions/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-MNtr4OIiwA6f9WBEcY6OfHPxRVIWj4TSA0kffTKq77AHwKbCCi4NXE1mjkW9wARnqil3N6/lxHB5QEbFTeDTuw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -4247,14 +3285,14 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/components': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/core-events': 7.0.0-rc.4
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/components': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/core-events': 7.0.0-rc.6
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/theming': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/types': 7.0.0-rc.6
       dequal: 2.0.3
       lodash: 4.17.21
       polished: 4.2.2
@@ -4267,8 +3305,8 @@ packages:
       uuid-browser: 3.1.0
     dev: true
 
-  /@storybook/addon-backgrounds/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-zq52R+SIFJtHLNuEnnNQAhSMMvFKHv+n4/UET4tBFB/B76GvWxLuHjfb0T8Yi7aTDAGR3XqBVU+xrjM96aIWqw==}
+  /@storybook/addon-backgrounds/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-wtXRvyZXZEcThCU7K7upvEufLxvVX/bE7XN4Z7RRKdKbM6aNMdYHPP3a+OMXq9l0CsscIb+qXZiuFr71MZ1oxQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -4278,22 +3316,22 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/components': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/core-events': 7.0.0-rc.4
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/components': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/core-events': 7.0.0-rc.6
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/theming': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/types': 7.0.0-rc.6
       memoizerific: 1.11.3
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-controls/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-MwsBIiK5Af1TCWscEjmzWAuthcSHZLZMjv+fSxCUY7GBIyUcvq9/jSPW8qsC/zbxqAsMoHEwG4rbr7P+p/74ew==}
+  /@storybook/addon-controls/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-NgzrW1lSNAOVp77ySI+GM9waGcTLlAGigTq4qIdOc/pR2LFSOniLIjBk3x98WgOp6jMBCbycLBwG18yS3wRa3w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -4303,15 +3341,15 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/blocks': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/components': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/core-common': 7.0.0-rc.4
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/node-logger': 7.0.0-rc.4
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/theming': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/blocks': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/components': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/core-common': 7.0.0-rc.6
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/node-logger': 7.0.0-rc.6
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/types': 7.0.0-rc.6
       lodash: 4.17.21
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
@@ -4320,8 +3358,8 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-docs/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-GlxzAoi3SR9vpc0PJE5EIratQ0O5OgVRJx032xawA+93gTFLL/qqK4UkcN4KJ4FIoRIQHMQ6PNbONvQR2NCEiQ==}
+  /@storybook/addon-docs/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-UJIlW6hR8esItOtvgRPO6PqtUWm8bmJUvpOGWZ1MX0tVCOZZVZiLxwl1dN/w869LSwZTjwq8kIZKT6/uGIxqKQ==}
     peerDependencies:
       '@storybook/mdx1-csf': '>=1.0.0-0'
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -4330,23 +3368,23 @@ packages:
       '@storybook/mdx1-csf':
         optional: true
     dependencies:
-      '@babel/core': 7.20.12
-      '@babel/plugin-transform-react-jsx': 7.21.0_@babel+core@7.20.12
+      '@babel/core': 7.21.3
+      '@babel/plugin-transform-react-jsx': 7.21.0_@babel+core@7.21.3
       '@jest/transform': 29.5.0
       '@mdx-js/react': 2.3.0_react@18.2.0
-      '@storybook/blocks': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/components': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/csf-plugin': 7.0.0-rc.4
-      '@storybook/csf-tools': 7.0.0-rc.4
+      '@storybook/blocks': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/components': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/csf-plugin': 7.0.0-rc.6
+      '@storybook/csf-tools': 7.0.0-rc.6
       '@storybook/global': 5.0.0
       '@storybook/mdx2-csf': 1.0.0-next.6
-      '@storybook/node-logger': 7.0.0-rc.4
-      '@storybook/postinstall': 7.0.0-rc.4
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/react-dom-shim': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/theming': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/node-logger': 7.0.0-rc.6
+      '@storybook/postinstall': 7.0.0-rc.6
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/react-dom-shim': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/types': 7.0.0-rc.6
       fs-extra: 11.1.0
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
@@ -4357,25 +3395,25 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-essentials/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-KCVo/x4Ayi8qo0pev0wnLr+z69EH6Ohfx3VuYGMLw5KxYrvqs9qlemKNqiG2u8eZs5iEef9GYfax90uvPPNuEQ==}
+  /@storybook/addon-essentials/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-gSxt7Jf6v6teDz3CAL7AONjL9B3FcM3Us5sbdLb5KeBwn5em5i7DgdjhsPwGnOnl4LvIpcmM2o8i95q9zYxk6Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@storybook/addon-actions': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/addon-backgrounds': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/addon-controls': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/addon-docs': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/addon-highlight': 7.0.0-rc.4
-      '@storybook/addon-measure': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/addon-outline': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/addon-toolbars': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/addon-viewport': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/core-common': 7.0.0-rc.4
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/node-logger': 7.0.0-rc.4
-      '@storybook/preview-api': 7.0.0-rc.4
+      '@storybook/addon-actions': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/addon-backgrounds': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/addon-controls': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/addon-docs': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/addon-highlight': 7.0.0-rc.6
+      '@storybook/addon-measure': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/addon-outline': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/addon-toolbars': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/addon-viewport': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/core-common': 7.0.0-rc.6
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/node-logger': 7.0.0-rc.6
+      '@storybook/preview-api': 7.0.0-rc.6
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
       ts-dedent: 2.2.0
@@ -4384,16 +3422,16 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-highlight/7.0.0-rc.4:
-    resolution: {integrity: sha512-Yh9L0Jwr40gpe8yr5bhTge+kxcf2Jev6uf1Un+t6z3MPMDbBaV3cCnnbE03lEuB973Om94Br1ADgfK6n2WHhwQ==}
+  /@storybook/addon-highlight/7.0.0-rc.6:
+    resolution: {integrity: sha512-cUy+ltq6m1E1Tc84renFDu2XJXSHoh6md65WSfzbHLf795qI0vIvOK+R27o5tGfHiaj+wCa3yhow4pKYjHrZqA==}
     dependencies:
-      '@storybook/core-events': 7.0.0-rc.4
+      '@storybook/core-events': 7.0.0-rc.6
       '@storybook/global': 5.0.0
-      '@storybook/preview-api': 7.0.0-rc.4
+      '@storybook/preview-api': 7.0.0-rc.6
     dev: true
 
-  /@storybook/addon-interactions/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-3kuOAIfuAHbrlaqd60u72aJp+RqZoGUJwBxujqac2gVu4kwr2MbTk/Z2/h76WgiRnMcm1VYubkqyi1wKhrkAcg==}
+  /@storybook/addon-interactions/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-daR1TYECe+KQAswtwUc4XnddOjtosSNTS5liRGLQUrYv7f0uai/DKDL3MPItDY/MuxYa4VSJ4uEsoYc7ffz5Cw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -4403,16 +3441,16 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/components': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/core-common': 7.0.0-rc.4
-      '@storybook/core-events': 7.0.0-rc.4
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/components': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/core-common': 7.0.0-rc.6
+      '@storybook/core-events': 7.0.0-rc.6
       '@storybook/global': 5.0.0
-      '@storybook/instrumenter': 7.0.0-rc.4
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/theming': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/instrumenter': 7.0.0-rc.6
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/types': 7.0.0-rc.6
       jest-mock: 27.5.1
       polished: 4.2.2
       react: 18.2.0
@@ -4422,8 +3460,8 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-links/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-jhi2DolZ1YAzuAqqz4aH1IglDcYDDO17LExcVSezIT+5FEndg6pxqkiU4FKstecsM4ItXc0LT2jzg9WEGJYBzQ==}
+  /@storybook/addon-links/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-R4viNYpeX6NUuW6rYMTAcepAEGzmNBnXqR9sD1liM/kxhLz+9mFDdBAeVOR2dL4Xz1MsLtMhoIWX4HnbUw1ylw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -4433,22 +3471,22 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/core-events': 7.0.0-rc.4
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/core-events': 7.0.0-rc.6
       '@storybook/csf': 0.0.2-next.10
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/router': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/router': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/types': 7.0.0-rc.6
       prop-types: 15.8.1
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-measure/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-mud2eCpyEquq0gncfdCe9S+6pRNUkrpxcedsphtDHDMIDDxzpRMo48isbdYuA5wiwwpHHXZ1DAll1h/ghrN9jg==}
+  /@storybook/addon-measure/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-BzkLPHXm5+UeoBPDLVWUNHe2+dvlDwYq5PBGgSTSrYfxT3rrrYQ44aVYljFonzcvvu3xJXGDDkS/tfOZl/iP+Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -4458,19 +3496,19 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/components': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/core-events': 7.0.0-rc.4
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/components': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/core-events': 7.0.0-rc.6
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/types': 7.0.0-rc.6
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
     dev: true
 
-  /@storybook/addon-outline/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-ru7RtvwaS7TlkbISVM0lFIc9RwD9tBucS7oVLi2R3Fc/II/48ByMEynS8v7knrTF9ElfYan5M0PeHEzhAzDgdQ==}
+  /@storybook/addon-outline/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-lRuMw1HaPKRIYWoUOc8a5xU2AcJI/xljwB8ruwxWM0apsZXYdwbyc7w9Qfr5NuG1Xu6SYTuEiOwZqbmINGOEPg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -4480,20 +3518,20 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/components': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/core-events': 7.0.0-rc.4
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/components': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/core-events': 7.0.0-rc.6
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/types': 7.0.0-rc.6
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-toolbars/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-FjDFk0K/KHzXHOEezSJyayYoVPcisfItppqt7xOOEG5E4igwIM6PB2t/1FNjdOe77atplVwPAqEB4amnNyVI6Q==}
+  /@storybook/addon-storysource/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-7QFVUW3qHTAdP0PWS+OqzFey8ObTqcws/6Vm5HSzRlQlI50SjnOhjglPzLbZaTpDiBeLhRU1tGTFZqUuMrYxPQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -4503,17 +3541,42 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/components': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/theming': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/components': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/router': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/source-loader': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      estraverse: 5.3.0
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+      react-syntax-highlighter: 15.5.0_react@18.2.0
+    dev: true
+
+  /@storybook/addon-toolbars/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-BqaHm1ZVy3DSZ9tGYHE2fwUXxsJmelB0yR+Fgze9hfff2j+fIwwVQ8GHMYfUuTwEZSL3I3qDnwtQCW+OBdpRkg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+    dependencies:
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/components': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
     dev: true
 
-  /@storybook/addon-viewport/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-yc48Ve2tZAc8OSivb+elMVdj/5TTDvOPl41jJMKPxjdmxVV0959Gp/xcvyTOOHV+7voDePmDB7I1TOrO1XEqEA==}
+  /@storybook/addon-viewport/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-P7/hCMypT/mzO0NVzUImI9NBFMshM8ClukovteeM5pI01hSRAlOjXirCCVYQJbena3BpL+unwMt57QfxHy/S8g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -4523,13 +3586,13 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/components': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/core-events': 7.0.0-rc.4
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/components': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/core-events': 7.0.0-rc.6
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/theming': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
       memoizerific: 1.11.3
       prop-types: 15.8.1
       react: 18.2.0
@@ -4549,23 +3612,23 @@ packages:
       react-dom: 18.2.0_react@18.2.0
     dev: true
 
-  /@storybook/blocks/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-sG3VMGqri2sf1ye4rV6phdyTV3vqfL6jxh2RZJ3H1XrdezaVwQVQcdqdxJDgqBJ+/i7N5kFqByUG+WCTV2cSmA==}
+  /@storybook/blocks/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-3+9Aki5+tBqcTqZx+aDlQfVKdMflTwchr1DlBZODkd/dMKp8+sM7nHfH4hH0GipgppY8u+MxS0AmxsbwaF0xgA==}
     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': 7.0.0-rc.4
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/components': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/core-events': 7.0.0-rc.4
+      '@storybook/channels': 7.0.0-rc.6
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/components': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/core-events': 7.0.0-rc.6
       '@storybook/csf': 0.0.2-next.10
-      '@storybook/docs-tools': 7.0.0-rc.4
+      '@storybook/docs-tools': 7.0.0-rc.6
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/theming': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/types': 7.0.0-rc.6
       '@types/lodash': 4.14.191
       color-convert: 2.0.1
       dequal: 2.0.3
@@ -4583,13 +3646,13 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/builder-manager/7.0.0-rc.4:
-    resolution: {integrity: sha512-n9Dphfddll8VqtYOr/zZP3ojJgYV7yWriKtRL+MMnq8qvwENKqvWR56aK5vZNQ3PVFxm3JpWs5/FsORgev943g==}
+  /@storybook/builder-manager/7.0.0-rc.6:
+    resolution: {integrity: sha512-EHozHI9bzcOejA4GFPNVsvqj2ZLW5hst8vZOElcK4GVmlJ/0z/1Cwffyz+Agc9sKwIDow9LrCWWXso8/zvuHsg==}
     dependencies:
       '@fal-works/esbuild-plugin-global-externals': 2.1.2
-      '@storybook/core-common': 7.0.0-rc.4
-      '@storybook/manager': 7.0.0-rc.4
-      '@storybook/node-logger': 7.0.0-rc.4
+      '@storybook/core-common': 7.0.0-rc.6
+      '@storybook/manager': 7.0.0-rc.6
+      '@storybook/node-logger': 7.0.0-rc.6
       '@types/ejs': 3.1.2
       '@types/find-cache-dir': 3.2.1
       '@yarnpkg/esbuild-plugin-pnp': 3.0.0-rc.15_esbuild@0.16.17
@@ -4607,8 +3670,8 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/builder-vite/7.0.0-rc.4_vwvfc4ezh6jlf6pa67auy3eulu:
-    resolution: {integrity: sha512-Acj3WAQ5+p1XgiTfPUCQ4NkI8yZrSAKHaHinxb2TFMoV4xcp+Hkr6WFRRPI1sMtxLmAx8svcEjloyZSsudP1Eg==}
+  /@storybook/builder-vite/7.0.0-rc.6_vwvfc4ezh6jlf6pa67auy3eulu:
+    resolution: {integrity: sha512-96+OB4ZWf3HkRUmkQr+vnSKOss4W+05RSyogShqMsqrsx7dqSTUzXvASLKN6/+ptl9Qem4TQwujthBKgmYK19A==}
     peerDependencies:
       '@preact/preset-vite': '*'
       '@storybook/mdx1-csf': '>=1.0.0-next.1'
@@ -4625,16 +3688,16 @@ packages:
       vite-plugin-glimmerx:
         optional: true
     dependencies:
-      '@storybook/channel-postmessage': 7.0.0-rc.4
-      '@storybook/channel-websocket': 7.0.0-rc.4
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/core-common': 7.0.0-rc.4
-      '@storybook/csf-plugin': 7.0.0-rc.4
+      '@storybook/channel-postmessage': 7.0.0-rc.6
+      '@storybook/channel-websocket': 7.0.0-rc.6
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/core-common': 7.0.0-rc.6
+      '@storybook/csf-plugin': 7.0.0-rc.6
       '@storybook/mdx2-csf': 1.0.0-next.6
-      '@storybook/node-logger': 7.0.0-rc.4
-      '@storybook/preview': 7.0.0-rc.4
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/node-logger': 7.0.0-rc.6
+      '@storybook/preview': 7.0.0-rc.6
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/types': 7.0.0-rc.6
       browser-assert: 1.2.1
       es-module-lexer: 0.9.3
       express: 4.18.2
@@ -4650,60 +3713,6 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/builder-vite/7.0.0-rc.5_vwvfc4ezh6jlf6pa67auy3eulu:
-    resolution: {integrity: sha512-TkT+KaUBHiyFyHQ31qeq3zFM1p5cwffu3orAJRcSWOCHkQy1hbu2H55ZApgZJRHBq9MGxtUZ1FTVYIb3OLv1jg==}
-    peerDependencies:
-      '@preact/preset-vite': '*'
-      '@storybook/mdx1-csf': '>=1.0.0-next.1'
-      typescript: '>= 4.3.x'
-      vite: ^3.0.0 || ^4.0.0
-      vite-plugin-glimmerx: '*'
-    peerDependenciesMeta:
-      '@preact/preset-vite':
-        optional: true
-      '@storybook/mdx1-csf':
-        optional: true
-      typescript:
-        optional: true
-      vite-plugin-glimmerx:
-        optional: true
-    dependencies:
-      '@storybook/channel-postmessage': 7.0.0-rc.5
-      '@storybook/channel-websocket': 7.0.0-rc.5
-      '@storybook/client-logger': 7.0.0-rc.5
-      '@storybook/core-common': 7.0.0-rc.5
-      '@storybook/csf-plugin': 7.0.0-rc.5
-      '@storybook/mdx2-csf': 1.0.0-next.6
-      '@storybook/node-logger': 7.0.0-rc.5
-      '@storybook/preview': 7.0.0-rc.5
-      '@storybook/preview-api': 7.0.0-rc.5
-      '@storybook/types': 7.0.0-rc.5
-      browser-assert: 1.2.1
-      es-module-lexer: 0.9.3
-      express: 4.18.2
-      fs-extra: 11.1.0
-      glob: 8.1.0
-      glob-promise: 6.0.2_glob@8.1.0
-      magic-string: 0.27.0
-      rollup: 3.19.0
-      slash: 3.0.0
-      typescript: 4.9.5
-      vite: 4.1.4_6e4omgvd5jf4hig7wpb5tmdc3q
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@storybook/channel-postmessage/7.0.0-rc.4:
-    resolution: {integrity: sha512-ZWuwZfYfwpvCx+WgoTEweFmQ6cb4B3HUT6eNcFMeXgMRw1q9roa8CDCCw+4TJ2jDkvUrdkYTHYmcgn0QpAxpAg==}
-    dependencies:
-      '@storybook/channels': 7.0.0-rc.4
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/core-events': 7.0.0-rc.4
-      '@storybook/global': 5.0.0
-      qs: 6.11.1
-      telejson: 7.0.4
-    dev: true
-
   /@storybook/channel-postmessage/7.0.0-rc.5:
     resolution: {integrity: sha512-NBnIKiACAnLpsVe7bf9B2XE4tH+4HgTJh8Mvj1Dpu1jxu2cJ3j20x3IGgELXCXSEicUbXCqr+O1Zc7CHBXYV+g==}
     dependencies:
@@ -4715,46 +3724,48 @@ packages:
       telejson: 7.0.4
     dev: true
 
-  /@storybook/channel-websocket/7.0.0-rc.4:
-    resolution: {integrity: sha512-N4lHRx7dAC+y0dtYeopeXRPUsHrjNz1WnUB0qUyZ5p6bUvcJq7McV9aCFBbp+M0nzx+l4IppX9QuRIId0eR7sA==}
+  /@storybook/channel-postmessage/7.0.0-rc.6:
+    resolution: {integrity: sha512-FXLben722pbLeoGiTMAWo3ngtamNjqmlCrsdc6f6nS2EFPAgHZ9U0acFmJ5HcJsh//VS38/4UQd9O7v8UXc9fg==}
     dependencies:
-      '@storybook/channels': 7.0.0-rc.4
-      '@storybook/client-logger': 7.0.0-rc.4
+      '@storybook/channels': 7.0.0-rc.6
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/core-events': 7.0.0-rc.6
       '@storybook/global': 5.0.0
+      qs: 6.11.1
       telejson: 7.0.4
     dev: true
 
-  /@storybook/channel-websocket/7.0.0-rc.5:
-    resolution: {integrity: sha512-n8oPrbxGS9FtSkNWYMpOtEZedeeVxnxJuiEwApGRkWt0q3eWIK9u24NElIbjCoSysaZl60CXrlK615W+Ml3ujQ==}
+  /@storybook/channel-websocket/7.0.0-rc.6:
+    resolution: {integrity: sha512-onACSEWj2BMLT4ZsOTiRuKliDgjhNGa/4rYAs1BV+AbCUeqD6t9WxYYa2Msc6VIwHPqQ6lrmazix0YYJsJCXLQ==}
     dependencies:
-      '@storybook/channels': 7.0.0-rc.5
-      '@storybook/client-logger': 7.0.0-rc.5
+      '@storybook/channels': 7.0.0-rc.6
+      '@storybook/client-logger': 7.0.0-rc.6
       '@storybook/global': 5.0.0
       telejson: 7.0.4
     dev: true
 
-  /@storybook/channels/7.0.0-rc.4:
-    resolution: {integrity: sha512-N4jQPVsT+Qd3dYRFKL2jN1Ik1XXYxCO2e6hoxir55VvAd5WCCnwNWmglEWRoIMNwmJQAbyFRCxbYzAKctsqaVw==}
-    dev: true
-
   /@storybook/channels/7.0.0-rc.5:
     resolution: {integrity: sha512-/T4iJQsTj42bs+d2sG8aLyInKh1IjZeK0vPoJRK9gvy3YfxTj3yodZ60s2yywKJCgGjg5zJMFxYMWqSVmHIdnw==}
     dev: true
 
-  /@storybook/cli/7.0.0-rc.4:
-    resolution: {integrity: sha512-T4GCpvJvPUqDgpYdb7DLeYbc3E5OZigLNRQfSQIrQ8yQ4gtJmG18GNqzUIuMkVQRUjwr67ZqMi7ui+3PSEucvA==}
+  /@storybook/channels/7.0.0-rc.6:
+    resolution: {integrity: sha512-DkAr34GeLH6978du2zIz6ulyZMGkuzQfErV0v4Fqo2ZaXHV41MxgVubkEoX/pED4ksNUlTE85ZtxFPcF1PYIQw==}
+    dev: true
+
+  /@storybook/cli/7.0.0-rc.6:
+    resolution: {integrity: sha512-c93IiDGiaEOQjneVQXW+eDaaatW6TzIn89CdFGOxn/Ol7kvScb1+utrpp1Qvv3guMbm/Se4EWNMiP4ID9+B4fg==}
     hasBin: true
     dependencies:
-      '@babel/core': 7.20.12
-      '@babel/preset-env': 7.20.2_@babel+core@7.20.12
+      '@babel/core': 7.21.3
+      '@babel/preset-env': 7.20.2_@babel+core@7.21.3
       '@ndelangen/get-tarball': 3.0.7
-      '@storybook/codemod': 7.0.0-rc.4
-      '@storybook/core-common': 7.0.0-rc.4
-      '@storybook/core-server': 7.0.0-rc.4
-      '@storybook/csf-tools': 7.0.0-rc.4
-      '@storybook/node-logger': 7.0.0-rc.4
-      '@storybook/telemetry': 7.0.0-rc.4
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/codemod': 7.0.0-rc.6
+      '@storybook/core-common': 7.0.0-rc.6
+      '@storybook/core-server': 7.0.0-rc.6
+      '@storybook/csf-tools': 7.0.0-rc.6
+      '@storybook/node-logger': 7.0.0-rc.6
+      '@storybook/telemetry': 7.0.0-rc.6
+      '@storybook/types': 7.0.0-rc.6
       '@types/semver': 7.3.13
       boxen: 5.1.2
       chalk: 4.1.2
@@ -4790,28 +3801,28 @@ packages:
       - utf-8-validate
     dev: true
 
-  /@storybook/client-logger/7.0.0-rc.4:
-    resolution: {integrity: sha512-z5w2odssAavqSPtkX0kjPwCpvSYNGDnC3pqKw0nHrZ4fb59SKdjdcoCbcUntDa0kAid9g29CT+eNTtPcci8/XA==}
-    dependencies:
-      '@storybook/global': 5.0.0
-    dev: true
-
   /@storybook/client-logger/7.0.0-rc.5:
     resolution: {integrity: sha512-YkqjJb2jK6/jT4zm9cmdMVZeOyzoDxiyK3BedhoXKMRDMz+7+E7tcOZEXsuvTGekJe459TTnwYLfvUvObaXNKw==}
     dependencies:
       '@storybook/global': 5.0.0
     dev: true
 
-  /@storybook/codemod/7.0.0-rc.4:
-    resolution: {integrity: sha512-PGoHnQfOrpRCXwaOsPoszfvzxERAm9bR4nxfF5pOUnsXYRrI4hPqZRpgw3kDRXTl43mSA+eI7fkGg4y9GeTElw==}
+  /@storybook/client-logger/7.0.0-rc.6:
+    resolution: {integrity: sha512-bT0PbEsHII2zeQQ93YBaoYl8PGJZioowlUYnLl6XchSloYVwWfQIveSwsM70jgA4e99L6/Sbnp0V+2SrxKHw6A==}
+    dependencies:
+      '@storybook/global': 5.0.0
+    dev: true
+
+  /@storybook/codemod/7.0.0-rc.6:
+    resolution: {integrity: sha512-iXQES8xBhFNkC/dk6Lu7OMwssTPVcNQ77MUtcgXyH9MFcJSt3hhWeT5xp5fQmGTK1HhZDXYWdC/XhopXm8FfdA==}
     dependencies:
       '@babel/core': 7.21.3
       '@babel/preset-env': 7.20.2_@babel+core@7.21.3
       '@babel/types': 7.21.3
       '@storybook/csf': 0.0.2-next.10
-      '@storybook/csf-tools': 7.0.0-rc.4
-      '@storybook/node-logger': 7.0.0-rc.4
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/csf-tools': 7.0.0-rc.6
+      '@storybook/node-logger': 7.0.0-rc.6
+      '@storybook/types': 7.0.0-rc.6
       cross-spawn: 7.0.3
       globby: 11.1.0
       jscodeshift: 0.14.0_@babel+preset-env@7.20.2
@@ -4822,17 +3833,17 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/components/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-UpjRmEeIZZ1YA1qhWF2Ngybd0Pxk3XIqHsKLAXUnJatjKUa+FYXaqSb5DqsQ+OQhRXM01dqeBdzOnCFm/jWCWg==}
+  /@storybook/components/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-zY09QHIzVqz4j3DF3b57YcbTFI2euojIQ5LPFY/aKdGtuftXLTK3x7I4CtCmJ4TeFcC9el7STZpEwhMpjqQ/mw==}
     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': 7.0.0-rc.4
+      '@storybook/client-logger': 7.0.0-rc.6
       '@storybook/csf': 0.0.2-next.10
       '@storybook/global': 5.0.0
-      '@storybook/theming': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/types': 7.0.0-rc.6
       memoizerific: 1.11.3
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
@@ -4840,43 +3851,18 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/components/7.0.0-rc.5_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-zuKQ0+uOtRbmnF0trJ4LpWZ5w9Dzcs5dZjF3Uu4ka4F4vJ/fUWKL2spxAIsRalu2jyk2XVp6/mz/NiWQnrophw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  /@storybook/core-client/7.0.0-rc.6:
+    resolution: {integrity: sha512-CkCDBu2s/nGVpoIE4gH9Dy+H5/JJUs1cPp4RPnOlSsoFIg+Gh+t1JZtEe7NFFmMsGfVqCgOKzBtJvPzaHSUSXQ==}
     dependencies:
-      '@storybook/client-logger': 7.0.0-rc.5
-      '@storybook/csf': 0.0.2-next.10
-      '@storybook/global': 5.0.0
-      '@storybook/theming': 7.0.0-rc.5_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.5
-      memoizerific: 1.11.3
-      react: 18.2.0
-      react-dom: 18.2.0_react@18.2.0
-      use-resize-observer: 9.1.0_biqbaboplfbrettd7655fr4n2y
-      util-deprecate: 1.0.2
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/preview-api': 7.0.0-rc.6
     dev: true
 
-  /@storybook/core-client/7.0.0-rc.4:
-    resolution: {integrity: sha512-Np5QTcyKtiTczuM/5Ad3dC47n7xoSoonzh1wYWp747QGkzRfh1XCQ1sbALxCY8lB/4rnFsnehHQCoQsjreWelg==}
+  /@storybook/core-common/7.0.0-rc.6:
+    resolution: {integrity: sha512-pKjFr7RqGSFX0lrXKe8Z0Cur9fQpqiP6W5mL9hQNhNlzkwc/UXumGJKDlwYZCNoygirQ/9TaTGp+bSOzJ5INUw==}
     dependencies:
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/preview-api': 7.0.0-rc.4
-    dev: true
-
-  /@storybook/core-client/7.0.0-rc.5:
-    resolution: {integrity: sha512-jBY4kJDL5sdVcnGzz+cpruzkF01Hi+DJ/c9mpNiL+CjiDSFewtCk28Qggwccm9tKne5eAlrFiJAu5MOlbIcM+g==}
-    dependencies:
-      '@storybook/client-logger': 7.0.0-rc.5
-      '@storybook/preview-api': 7.0.0-rc.5
-    dev: true
-
-  /@storybook/core-common/7.0.0-rc.4:
-    resolution: {integrity: sha512-cvJgs23iHmD24u5sjb3a5n5oCRzwx0BzI7v0mt+Lfc6r2gyXgw2Hf4tM5DchNKba0GEjvPU/ERuOWnXUETGqSw==}
-    dependencies:
-      '@storybook/node-logger': 7.0.0-rc.4
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/node-logger': 7.0.0-rc.6
+      '@storybook/types': 7.0.0-rc.6
       '@types/node': 16.18.16
       '@types/pretty-hrtime': 1.0.1
       chalk: 4.1.2
@@ -4899,58 +3885,31 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/core-common/7.0.0-rc.5:
-    resolution: {integrity: sha512-YlkcTcDx8bkOq3/STAuBkQOBQB5i0zLj2Zb0LUPzIDDBPZlGb3mJEla0UyJoMbP/E/QCq1K8pA1l9vtTK+ROJQ==}
-    dependencies:
-      '@storybook/node-logger': 7.0.0-rc.5
-      '@storybook/types': 7.0.0-rc.5
-      '@types/node': 16.18.16
-      '@types/pretty-hrtime': 1.0.1
-      chalk: 4.1.2
-      esbuild: 0.16.17
-      esbuild-register: 3.4.2_esbuild@0.16.17
-      file-system-cache: 2.0.2
-      find-up: 5.0.0
-      fs-extra: 11.1.0
-      glob: 8.1.0
-      glob-promise: 6.0.2_glob@8.1.0
-      handlebars: 4.7.7
-      lazy-universal-dotenv: 4.0.0
-      picomatch: 2.3.1
-      pkg-dir: 5.0.0
-      pretty-hrtime: 1.0.3
-      resolve-from: 5.0.0
-      slash: 3.0.0
-      ts-dedent: 2.2.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@storybook/core-events/7.0.0-rc.4:
-    resolution: {integrity: sha512-OgEhQSaOMcSx0y5tjGg5Mscyyk9BayhqiJeuDK3kVZfKtFO3LErwhV4TrNjuDnYFfwUgiPa2ikTAB6K6JAn6yg==}
-    dev: true
-
   /@storybook/core-events/7.0.0-rc.5:
     resolution: {integrity: sha512-n9+TqgrgkXN5V+mNdgdnojUVqhKOsyL3DNfOmAsbLEewhg5z6+QDYxOe/FBe1usGI2DV+ihwb/knMZzuYXN5ow==}
     dev: true
 
-  /@storybook/core-server/7.0.0-rc.4:
-    resolution: {integrity: sha512-IgVy57+W43W7duhfMDXaCS7rFp8A9SfhAQSFSycD3RPP1ontnNUquOygV6AHOz04rs2NZtMNlYW6RHiwVcmSJA==}
+  /@storybook/core-events/7.0.0-rc.6:
+    resolution: {integrity: sha512-BOe6r//QEn/R9BXMiJsFM69jVUzgXGlPTfjECSIxdCEpUnCezwFA3LWPC8f4tDpL2uONqATkO9LQeQsGGapmCw==}
+    dev: true
+
+  /@storybook/core-server/7.0.0-rc.6:
+    resolution: {integrity: sha512-j00ehdSMWH3sQLv/YNHcGnWlHJd273WvCZsJrmY5rEoGOgpfMLTH1569yPAbghvHrFwOWyevPYjwiIOqaQCo3g==}
     dependencies:
       '@aw-web-design/x-default-browser': 1.4.88
       '@discoveryjs/json-ext': 0.5.7
-      '@storybook/builder-manager': 7.0.0-rc.4
-      '@storybook/core-common': 7.0.0-rc.4
-      '@storybook/core-events': 7.0.0-rc.4
+      '@storybook/builder-manager': 7.0.0-rc.6
+      '@storybook/core-common': 7.0.0-rc.6
+      '@storybook/core-events': 7.0.0-rc.6
       '@storybook/csf': 0.0.2-next.10
-      '@storybook/csf-tools': 7.0.0-rc.4
+      '@storybook/csf-tools': 7.0.0-rc.6
       '@storybook/docs-mdx': 0.0.1-next.6
       '@storybook/global': 5.0.0
-      '@storybook/manager': 7.0.0-rc.4
-      '@storybook/node-logger': 7.0.0-rc.4
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/telemetry': 7.0.0-rc.4
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/manager': 7.0.0-rc.6
+      '@storybook/node-logger': 7.0.0-rc.6
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/telemetry': 7.0.0-rc.6
+      '@storybook/types': 7.0.0-rc.6
       '@types/detect-port': 1.3.2
       '@types/node': 16.18.16
       '@types/node-fetch': 2.6.2
@@ -4987,49 +3946,24 @@ packages:
       - utf-8-validate
     dev: true
 
-  /@storybook/csf-plugin/7.0.0-rc.4:
-    resolution: {integrity: sha512-VotA5oREPC+YYEXj7RvdAsHaMySo3DRy1/eYdO+WQvj4PusxvdAEpdo5/CYEVQW7+5p4+zxt6YjL52Ar/bkdvA==}
+  /@storybook/csf-plugin/7.0.0-rc.6:
+    resolution: {integrity: sha512-AEQn16YgcgExMrS8GNdS3wVTQCc8L+RLc0IaT/EMAf8okM1brjfgEqkIYngci9ZUWQdbphF4qA6j4U7DTvVw1A==}
     dependencies:
-      '@storybook/csf-tools': 7.0.0-rc.4
+      '@storybook/csf-tools': 7.0.0-rc.6
       unplugin: 0.10.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@storybook/csf-plugin/7.0.0-rc.5:
-    resolution: {integrity: sha512-sgIEqV1MfhybvODcjtG0Ce/XlzWv2Sg5Prg5Qqsr5sMU7aET+yLHmr1umbM5L8ieRjsXS4CsxZCqZMrY9hDdNw==}
-    dependencies:
-      '@storybook/csf-tools': 7.0.0-rc.5
-      unplugin: 0.10.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@storybook/csf-tools/7.0.0-rc.4:
-    resolution: {integrity: sha512-swMulWdpSObtcfDo3flmry50oLAPbGLn0YBU+tJhhxerng5RVDy5MPG0A5ZKd6hD1jvyTA1pkhbwzCrklbNhSw==}
+  /@storybook/csf-tools/7.0.0-rc.6:
+    resolution: {integrity: sha512-jnt8svjJxDUg0ZPwck+EMg5DQwlc48KJfy2ZwjC2pUoCRNIUddifunHcFEMDrg8zhbHPcRAZq8mah3y1+fIHbw==}
     dependencies:
       '@babel/generator': 7.21.3
       '@babel/parser': 7.21.3
       '@babel/traverse': 7.21.3
       '@babel/types': 7.21.3
       '@storybook/csf': 0.0.2-next.10
-      '@storybook/types': 7.0.0-rc.4
-      fs-extra: 11.1.0
-      recast: 0.23.1
-      ts-dedent: 2.2.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@storybook/csf-tools/7.0.0-rc.5:
-    resolution: {integrity: sha512-DvcAygIZMZIL30j7WxMXeJ6a+A2/Y/FuatZItmW+3sNv0FK1J9wH2SKw7QjzEw75LsgjvO07lU2cgcsPDFhXoA==}
-    dependencies:
-      '@babel/generator': 7.21.3
-      '@babel/parser': 7.21.3
-      '@babel/traverse': 7.21.3
-      '@babel/types': 7.21.3
-      '@storybook/csf': 0.0.2-next.10
-      '@storybook/types': 7.0.0-rc.5
+      '@storybook/types': 7.0.0-rc.6
       fs-extra: 11.1.0
       recast: 0.23.1
       ts-dedent: 2.2.0
@@ -5047,27 +3981,13 @@ packages:
     resolution: {integrity: sha512-DjoSIXADmLJtdroXAjUotFiZlcZ2usWhqrS7aeOtZs0DVR0Ws5WQjnwtpDUXt8gryTSd+OZJ0cNsDcqg4JDEvQ==}
     dev: true
 
-  /@storybook/docs-tools/7.0.0-rc.4:
-    resolution: {integrity: sha512-x5wUPc9b4YfVfroqV9nUhRcavdM6AVChWZIKYHxGAbx82rA7YBXwDuA6GD7JdXtzjzvh2IPQHzLFu4jnAAHMkQ==}
-    dependencies:
-      '@babel/core': 7.20.12
-      '@storybook/core-common': 7.0.0-rc.4
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/types': 7.0.0-rc.4
-      '@types/doctrine': 0.0.3
-      doctrine: 3.0.0
-      lodash: 4.17.21
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@storybook/docs-tools/7.0.0-rc.5:
-    resolution: {integrity: sha512-Hnws7dRmu+ZiDv0rcaG00LB0Q6bha8KKSOy/RsRsdfP50qM4ZPOfpqEFNwYOIQF1Huxe8b//BlVnu33AeUOITQ==}
+  /@storybook/docs-tools/7.0.0-rc.6:
+    resolution: {integrity: sha512-zdZCKNWCM8L3LA2SsEH/03Pyk4BJCos7ypsu2lJJKbfn7EjMmsqcMzoc7CS3DR5YJ0zmTxGCKDmJgSJTmViuQQ==}
     dependencies:
       '@babel/core': 7.21.3
-      '@storybook/core-common': 7.0.0-rc.5
-      '@storybook/preview-api': 7.0.0-rc.5
-      '@storybook/types': 7.0.0-rc.5
+      '@storybook/core-common': 7.0.0-rc.6
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/types': 7.0.0-rc.6
       '@types/doctrine': 0.0.3
       doctrine: 3.0.0
       lodash: 4.17.21
@@ -5079,49 +3999,14 @@ packages:
     resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==}
     dev: true
 
-  /@storybook/instrumenter/7.0.0-rc.4:
-    resolution: {integrity: sha512-6/k+cUFsDCJnnXsPGZ03qB11F8ND1G4UQtIs2pn8yWR8mo7EaDnugFLFAhjtYRaLAhg4hKhVspJcXGf/R+gxnQ==}
+  /@storybook/instrumenter/7.0.0-rc.6:
+    resolution: {integrity: sha512-hveboySEYxBtLYSgxHm2PI0Sa1DD/M6zkuCYqP4MXIoftRd437U1KzAtPrklnCoKrzUWPAXMJ8GUjwbM40RyGg==}
     dependencies:
-      '@storybook/channels': 7.0.0-rc.4
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/core-events': 7.0.0-rc.4
+      '@storybook/channels': 7.0.0-rc.6
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/core-events': 7.0.0-rc.6
       '@storybook/global': 5.0.0
-      '@storybook/preview-api': 7.0.0-rc.4
-    dev: true
-
-  /@storybook/instrumenter/7.0.0-rc.5:
-    resolution: {integrity: sha512-e9AtV1hNTs4ppmqKfst/cInmRnhkK9VcGf3xB/d9Qqm0Sqo+sNXu6ywK5KpAURdCzsUEOPXbJ9H52yTrU4f74A==}
-    dependencies:
-      '@storybook/channels': 7.0.0-rc.5
-      '@storybook/client-logger': 7.0.0-rc.5
-      '@storybook/core-events': 7.0.0-rc.5
-      '@storybook/global': 5.0.0
-      '@storybook/preview-api': 7.0.0-rc.5
-    dev: true
-
-  /@storybook/manager-api/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-0yT6zgalv8ZockGfzQML9vnOlDHKmNBjNFouVDgUMMQ2KiwdJOUG8IUqZoUtxqMO+nceIk4eTqUKK/QUqdUZVg==}
-    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': 7.0.0-rc.4
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/core-events': 7.0.0-rc.4
-      '@storybook/csf': 0.0.2-next.10
-      '@storybook/global': 5.0.0
-      '@storybook/router': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/theming': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.4
-      dequal: 2.0.3
-      lodash: 4.17.21
-      memoizerific: 1.11.3
-      react: 18.2.0
-      react-dom: 18.2.0_react@18.2.0
-      semver: 7.3.8
-      store2: 2.14.2
-      telejson: 7.0.4
-      ts-dedent: 2.2.0
+      '@storybook/preview-api': 7.0.0-rc.6
     dev: true
 
   /@storybook/manager-api/7.0.0-rc.5_biqbaboplfbrettd7655fr4n2y:
@@ -5149,16 +4034,41 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/manager/7.0.0-rc.4:
-    resolution: {integrity: sha512-prLxXsCevw5ghWKvS7uAYdMOJ2Cr7jxE4Z1h9OSpVVombiUaU9iFPpNCsfY40VNVi9WuEHSTWH7QV/g453nGiw==}
+  /@storybook/manager-api/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-UB3Wk/7mW966Nvvs3vv0y9irTYc77fIOeLkU8CIIMJ4eYTHkokycWr8GxL4goEm294tPVO56YLdUq5Xkwf8ouA==}
+    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': 7.0.0-rc.6
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/core-events': 7.0.0-rc.6
+      '@storybook/csf': 0.0.2-next.10
+      '@storybook/global': 5.0.0
+      '@storybook/router': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/types': 7.0.0-rc.6
+      dequal: 2.0.3
+      lodash: 4.17.21
+      memoizerific: 1.11.3
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+      semver: 7.3.8
+      store2: 2.14.2
+      telejson: 7.0.4
+      ts-dedent: 2.2.0
+    dev: true
+
+  /@storybook/manager/7.0.0-rc.6:
+    resolution: {integrity: sha512-GBi9wzPF4OmwSvJLlelEgdEobZYG73eSx6dl/isHNNJ+P1WwLDR7/5h5b6fsJh1hkzWuR7nywzHi/gYgQwV+Dg==}
     dev: true
 
   /@storybook/mdx2-csf/1.0.0-next.6:
     resolution: {integrity: sha512-m6plojocU/rmrqWd26yvm8D+oHZPZ6PtSSFmZIgpNDEPVmc8s4fBD6LXOAB5MiPI5f8KLUr2HVhOMZ97o5pDTw==}
     dev: true
 
-  /@storybook/node-logger/7.0.0-rc.4:
-    resolution: {integrity: sha512-ogzs+X9ZsCk8+R5NPZhO3DCZQEUKLhfDcOLlJnYVMKbNR9L6EwXsTaE2RQZYaANIhEt2FK3vH0iihVysaEfOuQ==}
+  /@storybook/node-logger/7.0.0-rc.6:
+    resolution: {integrity: sha512-D551vFd899i5kdk0yvvhb2mbt9PHFvdcbGWGqC3jKjbHRyJzmv/wedYdlPrUPmLsMJHLXiILwfNsDIhHYbZREQ==}
     dependencies:
       '@types/npmlog': 4.1.4
       chalk: 4.1.2
@@ -5166,38 +4076,8 @@ packages:
       pretty-hrtime: 1.0.3
     dev: true
 
-  /@storybook/node-logger/7.0.0-rc.5:
-    resolution: {integrity: sha512-3DpM988ndfbwc/03doFVP/HUJgoCp4eKVFMmSqnKVUd6qWx/dhsrTv+jqLt43wNZCgL/N/8QE+Q+FhVwefh6Tg==}
-    dependencies:
-      '@types/npmlog': 4.1.4
-      chalk: 4.1.2
-      npmlog: 5.0.1
-      pretty-hrtime: 1.0.3
-    dev: true
-
-  /@storybook/postinstall/7.0.0-rc.4:
-    resolution: {integrity: sha512-SzLUnhl2GOzV0rvyTx1eOYRQ+bR3uXWbRXCroP+m2PFqNvXHh3lvEHM1XCxdxMDtY/VRQyEuRfirKizkSaGf3Q==}
-    dev: true
-
-  /@storybook/preview-api/7.0.0-rc.4:
-    resolution: {integrity: sha512-J4PMV+UlWDqzV2Cj6PfxkUZ8315m3Mcbx1JPjKFcIGJ3HaK0mXye1brBMPG7gefjx9239QVw6w0zmw9ahLWmVw==}
-    dependencies:
-      '@storybook/channel-postmessage': 7.0.0-rc.4
-      '@storybook/channels': 7.0.0-rc.4
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/core-events': 7.0.0-rc.4
-      '@storybook/csf': 0.0.2-next.10
-      '@storybook/global': 5.0.0
-      '@storybook/types': 7.0.0-rc.4
-      '@types/qs': 6.9.7
-      dequal: 2.0.3
-      lodash: 4.17.21
-      memoizerific: 1.11.3
-      qs: 6.10.4
-      slash: 3.0.0
-      synchronous-promise: 2.0.17
-      ts-dedent: 2.2.0
-      util-deprecate: 1.0.2
+  /@storybook/postinstall/7.0.0-rc.6:
+    resolution: {integrity: sha512-z7GfdzJo3gGNUldqkHFEPJ60CPaLrP+9EjfWv7+5zXtsp5g7DOuO8Lm/aQHsgcSNKempAmis1IhRZvE+0HLQ/Q==}
     dev: true
 
   /@storybook/preview-api/7.0.0-rc.5:
@@ -5221,16 +4101,33 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/preview/7.0.0-rc.4:
-    resolution: {integrity: sha512-JFncdC74tPwN6uGpSm4HwhV/FW6VqHHlLLcvpudpgngb7CZ6udkT9XAEW90JeViXNUM4tPn00HRc/adguZwCTA==}
+  /@storybook/preview-api/7.0.0-rc.6:
+    resolution: {integrity: sha512-p+UcJW6KZfDbJoSJStijxNaMOsDG4KMlv5tZmEzca54NGt6+AWzpdGPTTM8+wP0r/OoDOeTRs0BxinYjbf7ZHQ==}
+    dependencies:
+      '@storybook/channel-postmessage': 7.0.0-rc.6
+      '@storybook/channels': 7.0.0-rc.6
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/core-events': 7.0.0-rc.6
+      '@storybook/csf': 0.0.2-next.10
+      '@storybook/global': 5.0.0
+      '@storybook/types': 7.0.0-rc.6
+      '@types/qs': 6.9.7
+      dequal: 2.0.3
+      lodash: 4.17.21
+      memoizerific: 1.11.3
+      qs: 6.11.1
+      slash: 3.0.0
+      synchronous-promise: 2.0.17
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/preview/7.0.0-rc.5:
-    resolution: {integrity: sha512-AG6vg4dsHVjbNchC3eiDqwSKfUWyFXauYDLg+Ce4F47s98J5ly+mFAIY0Vo1mwao3CVHLk0SYt+vtuQZF52WAg==}
+  /@storybook/preview/7.0.0-rc.6:
+    resolution: {integrity: sha512-BiI2h6vFQ3VtT5BbYlW4Lw+9QDdM8R5KtiqPLUDzS7h7fsrZxZmCCybeNP/mz2LNUkk5B4XENY+dx/lM3QSLaQ==}
     dev: true
 
-  /@storybook/react-dom-shim/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-KWFdCBCdtO+p+HcO4evgUjAid+k2HfHAoBOQsaQ1vJTjHBWJLGFinpRdkAqzZp+p+KQzKIPgXeYAPZlqo5hSzw==}
+  /@storybook/react-dom-shim/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-Pp7mrLlGhGSeI00RGiS0JpbEbcJunNUDsIY+5mythOlYD1B+7daY8EnHuHK+3uYthSgngjOr8QCqubPXWvM7zQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -5239,18 +4136,8 @@ packages:
       react-dom: 18.2.0_react@18.2.0
     dev: true
 
-  /@storybook/react-dom-shim/7.0.0-rc.5_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-Hyx8Px1LLc3+WjIUW5hNFEsbQspONnyThxBCU7w0kAivpJn7vy26HFCHp4QA1FPU6CnJUl5dVxckj6bosv/Gqg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    dependencies:
-      react: 18.2.0
-      react-dom: 18.2.0_react@18.2.0
-    dev: true
-
-  /@storybook/react-vite/7.0.0-rc.5_ndsstb2ob2rgr4m75wxvpqsrpi:
-    resolution: {integrity: sha512-IW2DYK6K115B7VKBvNMaSMVe3LWyFyFBgjby1N2/wfL5jkvrwRmYH4ag5+qn1e6HgxH6F+Wd9ryLhf8jaldgVQ==}
+  /@storybook/react-vite/7.0.0-rc.6_ndsstb2ob2rgr4m75wxvpqsrpi:
+    resolution: {integrity: sha512-palDThwDlR2kDslnM5nrC3ODy1kiMoFEszbWxS2BJ9582+3gILbWMgGjjTlI8/i7oMtADKpkOp67dxSIMUDfqw==}
     engines: {node: '>=16'}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -5259,8 +4146,8 @@ packages:
     dependencies:
       '@joshwooding/vite-plugin-react-docgen-typescript': 0.2.1_vwvfc4ezh6jlf6pa67auy3eulu
       '@rollup/pluginutils': 4.2.1
-      '@storybook/builder-vite': 7.0.0-rc.5_vwvfc4ezh6jlf6pa67auy3eulu
-      '@storybook/react': 7.0.0-rc.5_ygqkwb4gg3aean7xjfdauovyqq
+      '@storybook/builder-vite': 7.0.0-rc.6_vwvfc4ezh6jlf6pa67auy3eulu
+      '@storybook/react': 7.0.0-rc.6_ygqkwb4gg3aean7xjfdauovyqq
       '@vitejs/plugin-react': 3.1.0_vite@4.1.4
       ast-types: 0.14.2
       magic-string: 0.27.0
@@ -5276,8 +4163,8 @@ packages:
       - vite-plugin-glimmerx
     dev: true
 
-  /@storybook/react/7.0.0-rc.5_ygqkwb4gg3aean7xjfdauovyqq:
-    resolution: {integrity: sha512-YtCtDEPaj9owwxuk5xlv+hQTywGe4f2jZJxG+if8tZH2wXDSBJC5uNKd1U7gVUBwM6DuXXVhpud/NW8wEYN2vg==}
+  /@storybook/react/7.0.0-rc.6_ygqkwb4gg3aean7xjfdauovyqq:
+    resolution: {integrity: sha512-RmHXOxNW6gGqkotTIudWxPB909btJ2pr0daWxFgVKzJFko2ZA+z4Bzdn35COVj3/6vNk1/bq1TzDStFbjDLjmw==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -5287,13 +4174,13 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.0.0-rc.5
-      '@storybook/core-client': 7.0.0-rc.5
-      '@storybook/docs-tools': 7.0.0-rc.5
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/core-client': 7.0.0-rc.6
+      '@storybook/docs-tools': 7.0.0-rc.6
       '@storybook/global': 5.0.0
-      '@storybook/preview-api': 7.0.0-rc.5
-      '@storybook/react-dom-shim': 7.0.0-rc.5_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.5
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/react-dom-shim': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/types': 7.0.0-rc.6
       '@types/escodegen': 0.0.6
       '@types/estree': 0.0.51
       '@types/node': 16.18.16
@@ -5315,19 +4202,6 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/router/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-J/7/NTFjBndHDN7a5bQWpkczOJUxRKVbqW4ggNh9di9Z9wb4IuQlz572eo4bM/kWfRPo0zR/tgBT8F/zVWd6JA==}
-    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': 7.0.0-rc.4
-      memoizerific: 1.11.3
-      qs: 6.11.1
-      react: 18.2.0
-      react-dom: 18.2.0_react@18.2.0
-    dev: true
-
   /@storybook/router/7.0.0-rc.5_biqbaboplfbrettd7655fr4n2y:
     resolution: {integrity: sha512-s23O2OOQ4+CvySk3QC/PXhDJChc4jjyQu/h3gLMKF7bfWx0bd5KR4LnP3rCKLIMkxoJYFPUayPMgwEEeN/ENSw==}
     peerDependencies:
@@ -5341,11 +4215,39 @@ packages:
       react-dom: 18.2.0_react@18.2.0
     dev: true
 
-  /@storybook/telemetry/7.0.0-rc.4:
-    resolution: {integrity: sha512-+bxoxJd3P2Yph7wMK5HrSW9NiHNpCIse02KTN1/HCjI9/tyAdv5pyWp9t4ElzD8eefu9dgqdSbiWkT8PIxuf0Q==}
+  /@storybook/router/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-qK53NWIQo9Q2pg5kFlT3YhSKiqO99HGiwN4wIX5W/T8p0+fJYrNgtcydcNWInQEO9p+ryA2B59hADpqqh86c8A==}
+    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': 7.0.0-rc.4
-      '@storybook/core-common': 7.0.0-rc.4
+      '@storybook/client-logger': 7.0.0-rc.6
+      memoizerific: 1.11.3
+      qs: 6.11.1
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+    dev: true
+
+  /@storybook/source-loader/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-oEHEL26kOXRnTnBdZrMwUZAM2F8X9aFoqVmNIbLESx5QAlHGY04YLzKhi/tp31ZxoalxR7GveQ0GDzSDc62sCw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/csf': 0.0.2-next.10
+      '@storybook/types': 7.0.0-rc.6
+      estraverse: 5.3.0
+      lodash: 4.17.21
+      prettier: 2.8.4
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+    dev: true
+
+  /@storybook/telemetry/7.0.0-rc.6:
+    resolution: {integrity: sha512-OK8aLVuLPokZMGiSqJKSCvroNKyAXh0w9s0XWGbXuMZHDsMn5XCS/Mc8NrWTV4v37xM6mHe4BQSMnX1EWFOYpA==}
+    dependencies:
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/core-common': 7.0.0-rc.6
       chalk: 4.1.2
       detect-package-manager: 2.0.1
       fetch-retry: 5.0.4
@@ -5361,27 +4263,13 @@ packages:
   /@storybook/testing-library/0.0.14-next.1:
     resolution: {integrity: sha512-1CAl40IKIhcPaCC4pYCG0b9IiYNymktfV/jTrX7ctquRY3akaN7f4A1SippVHosksft0M+rQTFE0ccfWW581fw==}
     dependencies:
-      '@storybook/client-logger': 7.0.0-rc.5
-      '@storybook/instrumenter': 7.0.0-rc.5
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/instrumenter': 7.0.0-rc.6
       '@testing-library/dom': 8.20.0
       '@testing-library/user-event': 13.5.0_yxlyej73nftwmh2fiao7paxmlm
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/theming/7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y:
-    resolution: {integrity: sha512-Bmg2M3ifuZANr2dWUU8Wf1I/aBrp4qIJod3A8YgjFUm6QFUa5wStq0Aue6T5KocKRLbZbQpfmwhnob1PoGjoog==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    dependencies:
-      '@emotion/use-insertion-effect-with-fallbacks': 1.0.0_react@18.2.0
-      '@storybook/client-logger': 7.0.0-rc.4
-      '@storybook/global': 5.0.0
-      memoizerific: 1.11.3
-      react: 18.2.0
-      react-dom: 18.2.0_react@18.2.0
-    dev: true
-
   /@storybook/theming/7.0.0-rc.5_biqbaboplfbrettd7655fr4n2y:
     resolution: {integrity: sha512-OzwybDA2+4FWg85tcTNQkVI0JnHkwCRG9HM1qx9hOZJHNRfxmJFjJePOnBoXM6CjVlz0S1PJUwCmMHNH8OTvEw==}
     peerDependencies:
@@ -5396,13 +4284,18 @@ packages:
       react-dom: 18.2.0_react@18.2.0
     dev: true
 
-  /@storybook/types/7.0.0-rc.4:
-    resolution: {integrity: sha512-Zu9weYGeKrnaWgVk2vtPU/MpUp6EtM27ehqJVK3x0I/sa8/MXCc411ErblALLVrMX6KhFjUFU98gHlvo8ietIA==}
+  /@storybook/theming/7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-/pBo3xJ/PxC01WgBd7WutNTprKWXaCS+Ei+NuTLOJQGTwCaTtyd2dI5i0t9UZFB8FBRo8pcrmwjos9ZuQrekKg==}
+    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': 7.0.0-rc.4
-      '@types/babel__core': 7.20.0
-      '@types/express': 4.17.17
-      file-system-cache: 2.0.2
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.0_react@18.2.0
+      '@storybook/client-logger': 7.0.0-rc.6
+      '@storybook/global': 5.0.0
+      memoizerific: 1.11.3
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
     dev: true
 
   /@storybook/types/7.0.0-rc.5:
@@ -5414,17 +4307,26 @@ packages:
       file-system-cache: 2.0.2
     dev: true
 
-  /@storybook/vue3-vite/7.0.0-rc.4_y344amzr55z4s7r3flz6cvxaae:
-    resolution: {integrity: sha512-QqvQfJoK6mgaGBD64cqrqJmATPFKbTlPOe8yX2PNpvEvYH85R9Jq/hwk02Kc4ZVhYnBH4t7lGaSaZYtnwogH7w==}
+  /@storybook/types/7.0.0-rc.6:
+    resolution: {integrity: sha512-miG7HXDgMSMJ/IMQTYqmelqTtPTbMTml1zOP3PXgswvrCY8RFYytNp7DM6dpADRU7wsAOo1BwnEUSYkS3CKxUQ==}
+    dependencies:
+      '@storybook/channels': 7.0.0-rc.6
+      '@types/babel__core': 7.20.0
+      '@types/express': 4.17.17
+      file-system-cache: 2.0.2
+    dev: true
+
+  /@storybook/vue3-vite/7.0.0-rc.6_y344amzr55z4s7r3flz6cvxaae:
+    resolution: {integrity: sha512-hmG7MhnXx1AuIEhpQ+73uRwBpG887zyQnTle3OxA1MnntUGSHgFrdev17zT5q3TUn6XXnw+cMJj3AXAE/kGCCw==}
     engines: {node: ^14.18 || >=16}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
       vite: ^3.0.0 || ^4.0.0
     dependencies:
-      '@storybook/builder-vite': 7.0.0-rc.4_vwvfc4ezh6jlf6pa67auy3eulu
-      '@storybook/core-server': 7.0.0-rc.4
-      '@storybook/vue3': 7.0.0-rc.4_vue@3.2.47
+      '@storybook/builder-vite': 7.0.0-rc.6_vwvfc4ezh6jlf6pa67auy3eulu
+      '@storybook/core-server': 7.0.0-rc.6
+      '@storybook/vue3': 7.0.0-rc.6_vue@3.2.47
       '@vitejs/plugin-vue': 4.0.0_vite@4.1.4+vue@3.2.47
       magic-string: 0.27.0
       react: 18.2.0
@@ -5443,17 +4345,17 @@ packages:
       - vue
     dev: true
 
-  /@storybook/vue3/7.0.0-rc.4_vue@3.2.47:
-    resolution: {integrity: sha512-zn4WACjUGTTlNn2W5Y+2Gcdey1hgqy+XUbE233XRN8ompOFUK01udF6Fx9lo0UJ5HxBjTZsMYx3KoovtaY5TDg==}
+  /@storybook/vue3/7.0.0-rc.6_vue@3.2.47:
+    resolution: {integrity: sha512-/PermfD1zNJbzFbgVS7oFKYvLxsF4XjH+sNPHC7pVROuxQ4VPNl5pjLgsQbZ4zRBbtnz5yf3loHijEeOiM+MFA==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
       vue: ^3.0.0
     dependencies:
-      '@storybook/core-client': 7.0.0-rc.4
-      '@storybook/docs-tools': 7.0.0-rc.4
+      '@storybook/core-client': 7.0.0-rc.6
+      '@storybook/docs-tools': 7.0.0-rc.6
       '@storybook/global': 5.0.0
-      '@storybook/preview-api': 7.0.0-rc.4
-      '@storybook/types': 7.0.0-rc.4
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/types': 7.0.0-rc.6
       ts-dedent: 2.2.0
       type-fest: 2.19.0
       vue: 3.2.47
@@ -6026,6 +4928,12 @@ packages:
       chokidar: 3.5.3
     dev: true
 
+  /@types/hast/2.3.4:
+    resolution: {integrity: sha512-wLEm0QvaoawEDoTRwzTXp4b4jpwiJDvR5KMnFnVodm3scufTlBOWRD6N1OBf9TZMhjlNsSfcO5V+7AF4+Vy+9g==}
+    dependencies:
+      '@types/unist': 2.0.6
+    dev: true
+
   /@types/http-cache-semantics/4.0.1:
     resolution: {integrity: sha512-SZs7ekbP8CN0txVG2xVRH6EgKmEm31BOxA07vkFaETzZz1xh+cbt8BcI0slpymvwhx5dlFnQG2rTlPVQn+iRPQ==}
 
@@ -6728,7 +5636,7 @@ packages:
   /@vue/compiler-core/3.2.47:
     resolution: {integrity: sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==}
     dependencies:
-      '@babel/parser': 7.20.7
+      '@babel/parser': 7.21.3
       '@vue/shared': 3.2.47
       estree-walker: 2.0.2
       source-map: 0.6.1
@@ -6770,7 +5678,7 @@ packages:
   /@vue/reactivity-transform/3.2.47:
     resolution: {integrity: sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==}
     dependencies:
-      '@babel/parser': 7.20.7
+      '@babel/parser': 7.21.3
       '@vue/compiler-core': 3.2.47
       '@vue/shared': 3.2.47
       estree-walker: 2.0.2
@@ -6827,6 +5735,26 @@ packages:
     engines: {node: '>=10.0.0'}
     dev: true
 
+  /@xstate/react/3.2.1_react@18.2.0+xstate@4.37.0:
+    resolution: {integrity: sha512-L/mqYRxyBWVdIdSaXBHacfvS8NKn3sTKbPb31aRADbE9spsJ1p+tXil0GVQHPlzrmjGeozquLrxuYGiXsFNU7g==}
+    peerDependencies:
+      '@xstate/fsm': ^2.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      xstate: ^4.36.0
+    peerDependenciesMeta:
+      '@xstate/fsm':
+        optional: true
+      xstate:
+        optional: true
+    dependencies:
+      react: 18.2.0
+      use-isomorphic-layout-effect: 1.1.2_react@18.2.0
+      use-sync-external-store: 1.2.0_react@18.2.0
+      xstate: 4.37.0
+    transitivePeerDependencies:
+      - '@types/react'
+    dev: true
+
   /@yarnpkg/esbuild-plugin-pnp/3.0.0-rc.15_esbuild@0.16.17:
     resolution: {integrity: sha512-kYzDJO5CA9sy+on/s2aIW0411AklfCi8Ck/4QDivOqsMKpStZA2SsR+X27VTggGwpStWaLrjJcDcdDMowtG8MA==}
     engines: {node: '>=14.15.0'}
@@ -6871,7 +5799,7 @@ packages:
   /acorn-globals/7.0.1:
     resolution: {integrity: sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==}
     dependencies:
-      acorn: 8.8.1
+      acorn: 8.8.2
       acorn-walk: 8.2.0
     dev: false
 
@@ -7124,7 +6052,7 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       glob: 7.2.3
-      graceful-fs: 4.2.10
+      graceful-fs: 4.2.11
       lazystream: 1.0.1
       lodash.defaults: 4.2.0
       lodash.difference: 4.5.0
@@ -7534,19 +6462,6 @@ packages:
       '@types/babel__traverse': 7.18.3
     dev: true
 
-  /babel-plugin-polyfill-corejs2/0.3.3_@babel+core@7.20.12:
-    resolution: {integrity: sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/compat-data': 7.20.10
-      '@babel/core': 7.20.12
-      '@babel/helper-define-polyfill-provider': 0.3.3_@babel+core@7.20.12
-      semver: 6.3.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /babel-plugin-polyfill-corejs2/0.3.3_@babel+core@7.21.3:
     resolution: {integrity: sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q==}
     peerDependencies:
@@ -7560,18 +6475,6 @@ packages:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-corejs3/0.6.0_@babel+core@7.20.12:
-    resolution: {integrity: sha512-+eHqR6OPcBhJOGgsIar7xoAB1GcSwVUA3XjAd7HJNzOXT4wv6/H7KIdA/Nc60cvUlDbKApmqNvD1B1bzOt4nyA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-define-polyfill-provider': 0.3.3_@babel+core@7.20.12
-      core-js-compat: 3.29.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /babel-plugin-polyfill-corejs3/0.6.0_@babel+core@7.21.3:
     resolution: {integrity: sha512-+eHqR6OPcBhJOGgsIar7xoAB1GcSwVUA3XjAd7HJNzOXT4wv6/H7KIdA/Nc60cvUlDbKApmqNvD1B1bzOt4nyA==}
     peerDependencies:
@@ -7584,17 +6487,6 @@ packages:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-regenerator/0.4.1_@babel+core@7.20.12:
-    resolution: {integrity: sha512-NtQGmyQDXjQqQ+IzRkBVwEOz9lQ4zxAQZgoAYEtU9dJjnl1Oc98qnN7jcp+bE7O7aYzVpavXE3/VKXNzUbh7aw==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/helper-define-polyfill-provider': 0.3.3_@babel+core@7.20.12
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /babel-plugin-polyfill-regenerator/0.4.1_@babel+core@7.21.3:
     resolution: {integrity: sha512-NtQGmyQDXjQqQ+IzRkBVwEOz9lQ4zxAQZgoAYEtU9dJjnl1Oc98qnN7jcp+bE7O7aYzVpavXE3/VKXNzUbh7aw==}
     peerDependencies:
@@ -7606,26 +6498,6 @@ packages:
       - supports-color
     dev: true
 
-  /babel-preset-current-node-syntax/1.0.1_@babel+core@7.20.12:
-    resolution: {integrity: sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.20.12
-      '@babel/plugin-syntax-bigint': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-class-properties': 7.12.13_@babel+core@7.20.12
-      '@babel/plugin-syntax-import-meta': 7.10.4_@babel+core@7.20.12
-      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.20.12
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.20.12
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.20.12
-      '@babel/plugin-syntax-top-level-await': 7.14.5_@babel+core@7.20.12
-    dev: true
-
   /babel-preset-current-node-syntax/1.0.1_@babel+core@7.21.3:
     resolution: {integrity: sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==}
     peerDependencies:
@@ -8243,11 +7115,23 @@ packages:
     resolution: {integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==}
     engines: {node: '>=10'}
 
+  /character-entities-legacy/1.1.4:
+    resolution: {integrity: sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==}
+    dev: true
+
+  /character-entities/1.2.4:
+    resolution: {integrity: sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==}
+    dev: true
+
   /character-parser/2.2.0:
     resolution: {integrity: sha512-+UqJQjFEFaTAs3bNsF2j2kEN1baG/zghZbdqoYEDxGZtJo9LBzl1A+m0D4n3qKx8N2FNv8/Xp6yV9mQmBuptaw==}
     dependencies:
       is-regex: 1.1.4
 
+  /character-reference-invalid/1.1.4:
+    resolution: {integrity: sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==}
+    dev: true
+
   /chardet/0.7.0:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
     dev: true
@@ -8627,6 +7511,10 @@ packages:
     dependencies:
       delayed-stream: 1.0.0
 
+  /comma-separated-tokens/1.0.8:
+    resolution: {integrity: sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw==}
+    dev: true
+
   /commander/2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
@@ -9975,6 +8863,7 @@ packages:
   /escodegen/2.0.0:
     resolution: {integrity: sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==}
     engines: {node: '>=6.0'}
+    hasBin: true
     dependencies:
       esprima: 4.0.1
       estraverse: 5.3.0
@@ -10746,6 +9635,12 @@ packages:
     dependencies:
       reusify: 1.0.4
 
+  /fault/1.0.4:
+    resolution: {integrity: sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==}
+    dependencies:
+      format: 0.2.2
+    dev: true
+
   /fb-watchman/2.0.2:
     resolution: {integrity: sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==}
     dependencies:
@@ -11083,6 +9978,11 @@ packages:
       combined-stream: 1.0.8
       mime-types: 2.1.35
 
+  /format/0.2.2:
+    resolution: {integrity: sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==}
+    engines: {node: '>=0.4.x'}
+    dev: true
+
   /formdata-polyfill/4.0.10:
     resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
     engines: {node: '>=12.20.0'}
@@ -11135,7 +10035,7 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       at-least-node: 1.0.0
-      graceful-fs: 4.2.10
+      graceful-fs: 4.2.11
       jsonfile: 6.1.0
       universalify: 2.0.0
     dev: true
@@ -11175,7 +10075,7 @@ packages:
     resolution: {integrity: sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==}
     engines: {node: '>=0.6'}
     dependencies:
-      graceful-fs: 4.2.10
+      graceful-fs: 4.2.11
       inherits: 2.0.4
       mkdirp: 0.5.6
       rimraf: 2.7.1
@@ -11793,6 +10693,20 @@ packages:
     resolution: {integrity: sha512-0cMsjjIC8I+D3M44pOQdsy0OHXGLVz6Z0beRuufhKa0KfaD2wGwAev6jILzXsd3/vpnNQJmWyZtIILqM1N+n5A==}
     dev: false
 
+  /hast-util-parse-selector/2.2.5:
+    resolution: {integrity: sha512-7j6mrk/qqkSehsM92wQjdIgWM2/BW61u/53G6xmC8i1OmEdKLHbk419QKQUjz6LglWsfqoiHmyMRkP1BGjecNQ==}
+    dev: true
+
+  /hastscript/6.0.0:
+    resolution: {integrity: sha512-nDM6bvd7lIqDUiYEiu5Sl/+6ReP0BMk/2f4U/Rooccxkj0P5nm+acM5PrGJ/t5I8qPGiqZSE6hVAwZEdZIvP4w==}
+    dependencies:
+      '@types/hast': 2.3.4
+      comma-separated-tokens: 1.0.8
+      hast-util-parse-selector: 2.2.5
+      property-information: 5.6.0
+      space-separated-tokens: 1.1.5
+    dev: true
+
   /he/1.2.0:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
@@ -11808,7 +10722,6 @@ packages:
 
   /highlight.js/10.7.3:
     resolution: {integrity: sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==}
-    dev: false
 
   /homedir-polyfill/1.0.3:
     resolution: {integrity: sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==}
@@ -12206,6 +11119,17 @@ packages:
       kind-of: 6.0.3
     dev: false
 
+  /is-alphabetical/1.0.4:
+    resolution: {integrity: sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==}
+    dev: true
+
+  /is-alphanumerical/1.0.4:
+    resolution: {integrity: sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==}
+    dependencies:
+      is-alphabetical: 1.0.4
+      is-decimal: 1.0.4
+    dev: true
+
   /is-arguments/1.1.1:
     resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
     engines: {node: '>= 0.4'}
@@ -12289,6 +11213,10 @@ packages:
       has-tostringtag: 1.0.0
     dev: true
 
+  /is-decimal/1.0.4:
+    resolution: {integrity: sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==}
+    dev: true
+
   /is-deflate/1.0.0:
     resolution: {integrity: sha512-YDoFpuZWu1VRXlsnlYMzKyVRITXj7Ej/V9gXQ2/pAe7X1J7M/RNOqaIYi6qUn+B7nGyB9pDXrv02dsB58d2ZAQ==}
     dev: true
@@ -12388,6 +11316,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /is-hexadecimal/1.0.4:
+    resolution: {integrity: sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==}
+    dev: true
+
   /is-installed-globally/0.4.0:
     resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==}
     engines: {node: '>=10'}
@@ -12935,7 +11867,7 @@ packages:
       '@jest/types': 29.5.0
       '@types/stack-utils': 2.0.1
       chalk: 4.1.2
-      graceful-fs: 4.2.10
+      graceful-fs: 4.2.11
       micromatch: 4.0.5
       pretty-format: 29.5.0
       slash: 3.0.0
@@ -13079,21 +12011,21 @@ packages:
     resolution: {integrity: sha512-x7Wolra5V0tt3wRs3/ts3S6ciSQVypgGQlJpz2rsdQYoUKxMxPNaoHMGJN6qAuPJqS+2iQ1ZUn5kl7HCyls84g==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
-      '@babel/core': 7.20.12
-      '@babel/generator': 7.20.7
-      '@babel/plugin-syntax-jsx': 7.18.6_@babel+core@7.20.12
-      '@babel/plugin-syntax-typescript': 7.20.0_@babel+core@7.20.12
-      '@babel/traverse': 7.20.12
-      '@babel/types': 7.20.7
+      '@babel/core': 7.21.3
+      '@babel/generator': 7.21.3
+      '@babel/plugin-syntax-jsx': 7.18.6_@babel+core@7.21.3
+      '@babel/plugin-syntax-typescript': 7.20.0_@babel+core@7.21.3
+      '@babel/traverse': 7.21.3
+      '@babel/types': 7.21.3
       '@jest/expect-utils': 29.5.0
       '@jest/transform': 29.5.0
       '@jest/types': 29.5.0
       '@types/babel__traverse': 7.18.3
       '@types/prettier': 2.7.2
-      babel-preset-current-node-syntax: 1.0.1_@babel+core@7.20.12
+      babel-preset-current-node-syntax: 1.0.1_@babel+core@7.21.3
       chalk: 4.1.2
       expect: 29.5.0
-      graceful-fs: 4.2.10
+      graceful-fs: 4.2.11
       jest-diff: 29.5.0
       jest-get-type: 29.4.3
       jest-matcher-utils: 29.5.0
@@ -13272,7 +12204,7 @@ packages:
       '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6_@babel+core@7.21.3
       '@babel/plugin-proposal-optional-chaining': 7.21.0_@babel+core@7.21.3
       '@babel/plugin-transform-modules-commonjs': 7.21.2_@babel+core@7.21.3
-      '@babel/preset-env': 7.20.2_@babel+core@7.20.12
+      '@babel/preset-env': 7.20.2_@babel+core@7.21.3
       '@babel/preset-flow': 7.18.6_@babel+core@7.21.3
       '@babel/preset-typescript': 7.21.0_@babel+core@7.21.3
       '@babel/register': 7.21.0_@babel+core@7.21.3
@@ -13367,6 +12299,7 @@ packages:
 
   /json5/1.0.1:
     resolution: {integrity: sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==}
+    hasBin: true
     dependencies:
       minimist: 1.2.7
     dev: true
@@ -13763,6 +12696,13 @@ packages:
     resolution: {integrity: sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  /lowlight/1.20.0:
+    resolution: {integrity: sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==}
+    dependencies:
+      fault: 1.0.4
+      highlight.js: 10.7.3
+    dev: true
+
   /lru-cache/4.1.5:
     resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
     dependencies:
@@ -14161,6 +13101,7 @@ packages:
 
   /mkdirp/0.5.6:
     resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
+    hasBin: true
     dependencies:
       minimist: 1.2.7
 
@@ -14463,7 +13404,7 @@ packages:
     dependencies:
       env-paths: 2.2.1
       glob: 7.2.3
-      graceful-fs: 4.2.10
+      graceful-fs: 4.2.11
       make-fetch-happen: 10.2.1
       nopt: 6.0.0
       npmlog: 6.0.2
@@ -14974,6 +13915,17 @@ packages:
       data-uri-to-buffer: 0.0.3
     dev: false
 
+  /parse-entities/2.0.0:
+    resolution: {integrity: sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==}
+    dependencies:
+      character-entities: 1.2.4
+      character-entities-legacy: 1.1.4
+      character-reference-invalid: 1.1.4
+      is-alphanumerical: 1.0.4
+      is-decimal: 1.0.4
+      is-hexadecimal: 1.0.4
+    dev: true
+
   /parse-filepath/1.0.2:
     resolution: {integrity: sha512-FwdRXKCohSVeXqwtYonZTXtbGJKrn+HNyWDYVcp5yuJlesTwNH4rsmRZ+GrKAPJ5bLpRxESMeS+Rl0VCHRvB2Q==}
     engines: {node: '>=0.8'}
@@ -15676,10 +14628,14 @@ packages:
     resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
     engines: {node: '>= 0.8'}
 
+  /prismjs/1.27.0:
+    resolution: {integrity: sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA==}
+    engines: {node: '>=6'}
+    dev: true
+
   /prismjs/1.29.0:
     resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
     engines: {node: '>=6'}
-    dev: false
 
   /private-ip/2.3.3:
     resolution: {integrity: sha512-5zyFfekIVUOTVbL92hc8LJOtE/gyGHeREHkJ2yTyByP8Q2YZVoBqLg3EfYLeF0oVvGqtaEX2t2Qovja0/gStXw==}
@@ -15766,6 +14722,12 @@ packages:
       react-is: 16.13.1
     dev: true
 
+  /property-information/5.6.0:
+    resolution: {integrity: sha512-YUHSPk+A30YPv+0Qf8i9Mbfe/C0hdPXk1s1jPVToV8pk8BQtpw10ct89Eo7OWkutrwqvT0eicAxlOg3dOAu8JA==}
+    dependencies:
+      xtend: 4.0.2
+    dev: true
+
   /proto-list/1.2.4:
     resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
     dev: true
@@ -16167,6 +15129,19 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /react-syntax-highlighter/15.5.0_react@18.2.0:
+    resolution: {integrity: sha512-+zq2myprEnQmH5yw6Gqc8lD55QHnpKaU8TOcFeC/Lg/MQSs8UknEA0JC4nTZGFAXC2J2Hyj/ijJ7NlabyPi2gg==}
+    peerDependencies:
+      react: '>= 0.14.0'
+    dependencies:
+      '@babel/runtime': 7.20.7
+      highlight.js: 10.7.3
+      lowlight: 1.20.0
+      prismjs: 1.29.0
+      react: 18.2.0
+      refractor: 3.6.0
+    dev: true
+
   /react/18.2.0:
     resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
     engines: {node: '>=0.10.0'}
@@ -16368,6 +15343,14 @@ packages:
     resolution: {integrity: sha512-Ts1Y/anZELhSsjMcU605fU9RE4Oi3p5ORujwbIKXfWa+0Zxs510Qrmrce5/Jowq3cHSZSJqBjypxmHarc+vEWg==}
     dev: false
 
+  /refractor/3.6.0:
+    resolution: {integrity: sha512-MY9W41IOWxxk31o+YvFCNyNzdkc9M20NoZK5vq6jkv4I/uh2zkWcfudj0Q1fovjUQJrNewS9NMzeTtqPf+n5EA==}
+    dependencies:
+      hastscript: 6.0.0
+      parse-entities: 2.0.0
+      prismjs: 1.27.0
+    dev: true
+
   /regenerate-unicode-properties/10.1.0:
     resolution: {integrity: sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==}
     engines: {node: '>=4'}
@@ -16607,6 +15590,7 @@ packages:
 
   /resolve/1.22.1:
     resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
+    hasBin: true
     dependencies:
       is-core-module: 2.11.0
       path-parse: 1.0.7
@@ -17320,11 +16304,29 @@ packages:
     resolution: {integrity: sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==}
     dev: true
 
-  /storybook/7.0.0-rc.4:
-    resolution: {integrity: sha512-Hj06cdZe55hBGfbMwOpI8a5Mj/Dn8njNpcrgPIFcq6fHTU24MGrJP+e15+yo+NLmpJ+6tdsCByd9V6XQ7+r4ew==}
+  /storybook-addon-performance/0.17.1_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-pOt33LwBJU2fWzyawy+i03M5b27gF/+/EgexyvZZtWhab3GLdQcLnIqt7fTMLOievYmibbiD23M64Fbq91POUQ==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@xstate/react': 3.2.1_react@18.2.0+xstate@4.37.0
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+      xstate: 4.37.0
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@xstate/fsm'
+    dev: true
+
+  /storybook/7.0.0-rc.6:
+    resolution: {integrity: sha512-ZdQatRnVDzxsWbuP8dcue+W/sWRaQmyBQPlrSLLw6upYQq0+LmP9eNjroz+KmQaGwHt7T51ra/xaSTDb54Chbw==}
     hasBin: true
     dependencies:
-      '@storybook/cli': 7.0.0-rc.4
+      '@storybook/cli': 7.0.0-rc.6
     transitivePeerDependencies:
       - bufferutil
       - encoding
@@ -18422,6 +17424,18 @@ packages:
     resolution: {integrity: sha512-RtuPeMy7c1UrHwproMZN9gN6kiZ0SvJwRaEzwZY0j9MypEkFqyBaKv176jvlPtg58Zh36bOkS0NFABXMHvvGCA==}
     dev: false
 
+  /use-isomorphic-layout-effect/1.1.2_react@18.2.0:
+    resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      react: 18.2.0
+    dev: true
+
   /use-resize-observer/9.1.0_biqbaboplfbrettd7655fr4n2y:
     resolution: {integrity: sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow==}
     peerDependencies:
@@ -18433,6 +17447,14 @@ packages:
       react-dom: 18.2.0_react@18.2.0
     dev: true
 
+  /use-sync-external-store/1.2.0_react@18.2.0:
+    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      react: 18.2.0
+    dev: true
+
   /use/3.1.1:
     resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
     engines: {node: '>=0.10.0'}
@@ -18716,8 +17738,8 @@ packages:
   /vue-docgen-api/4.64.1_vue@3.2.47:
     resolution: {integrity: sha512-jbOf7ByE3Zvtuk+429Jorl+eIeh2aB2Fx1GUo3xJd1aByJWE8KDlSEa6b11PB1ze8f0sRUBraRDinICCk0KY7g==}
     dependencies:
-      '@babel/parser': 7.20.7
-      '@babel/types': 7.20.7
+      '@babel/parser': 7.21.3
+      '@babel/types': 7.21.3
       '@vue/compiler-dom': 3.2.47
       '@vue/compiler-sfc': 3.2.47
       ast-types: 0.14.2
@@ -19144,6 +18166,10 @@ packages:
     resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
     dev: false
 
+  /xstate/4.37.0:
+    resolution: {integrity: sha512-YC+JCerRclKS9ixQTuw8l3vs3iFqWzNzOGR0ID5XsSlieMXIV9nNPE43h9CGr7VdxA1QYhMwhCZA0EdpOd17Bg==}
+    dev: true
+
   /xtend/4.0.2:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}
@@ -19297,7 +18323,7 @@ packages:
       sharp: 0.31.3
     dev: false
 
-  github.com/misskey-dev/storybook-addon-misskey-theme/cf583db098365b2ccc81a82f63ca9c93bc32b640_vcphge7oza42ndhprrearltd3q:
+  github.com/misskey-dev/storybook-addon-misskey-theme/cf583db098365b2ccc81a82f63ca9c93bc32b640_hp2ec65oinwl37fsk4exx24idq:
     resolution: {tarball: https://codeload.github.com/misskey-dev/storybook-addon-misskey-theme/tar.gz/cf583db098365b2ccc81a82f63ca9c93bc32b640}
     id: github.com/misskey-dev/storybook-addon-misskey-theme/cf583db098365b2ccc81a82f63ca9c93bc32b640
     name: storybook-addon-misskey-theme
@@ -19318,13 +18344,13 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/blocks': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/components': 7.0.0-rc.5_biqbaboplfbrettd7655fr4n2y
-      '@storybook/core-events': 7.0.0-rc.5
-      '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y
-      '@storybook/preview-api': 7.0.0-rc.5
-      '@storybook/theming': 7.0.0-rc.5_biqbaboplfbrettd7655fr4n2y
-      '@storybook/types': 7.0.0-rc.5
+      '@storybook/blocks': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/components': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/core-events': 7.0.0-rc.6
+      '@storybook/manager-api': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/preview-api': 7.0.0-rc.6
+      '@storybook/theming': 7.0.0-rc.6_biqbaboplfbrettd7655fr4n2y
+      '@storybook/types': 7.0.0-rc.6
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
     dev: true