* chore(#10336): register snippets * test(#10336): add `components/Mk[A-B].*` stories * build: desynced lockfile * ci(#10336): preload assets * ci(#10336): use pull_request * build: update lockfile * fix: reactivity transform * chore: track upstream changes * refactor: avoid temporary previous tapping declarations * revert: avoid temporary previous tapping declarations This reverts commit e649b1b1e6771bee674f2dfb044e0efd72d0be5d. * test: flaky snapshots * style: import
This commit is contained in:
		
							parent
							
								
									2a7ba37996
								
							
						
					
					
						commit
						9bb6c536c0
					
				
					 21 changed files with 617 additions and 245 deletions
				
			
		| 
						 | 
				
			
			@ -245,7 +245,6 @@ You can override the default story by creating a impl story file (`MyComponent.s
 | 
			
		|||
 | 
			
		||||
```ts
 | 
			
		||||
/* eslint-disable @typescript-eslint/explicit-function-return-type */
 | 
			
		||||
/* eslint-disable import/no-duplicates */
 | 
			
		||||
import { StoryObj } from '@storybook/vue3';
 | 
			
		||||
import MyComponent from './MyComponent.vue';
 | 
			
		||||
export const Default = {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -118,7 +118,7 @@ function toStories(component: string): string {
 | 
			
		|||
				.replace(/[-.]|^(?=\d)/g, '_')
 | 
			
		||||
				.replace(/(?<=^[^A-Z_]*$)/, '_')}
 | 
			
		||||
		/> as estree.Identifier;
 | 
			
		||||
	const parameters = (
 | 
			
		||||
	const parameters =
 | 
			
		||||
		<object-expression
 | 
			
		||||
			properties={[
 | 
			
		||||
				<property
 | 
			
		||||
| 
						 | 
				
			
			@ -137,9 +137,8 @@ function toStories(component: string): string {
 | 
			
		|||
					  ]
 | 
			
		||||
					: []),
 | 
			
		||||
			]}
 | 
			
		||||
		/>
 | 
			
		||||
	) as estree.ObjectExpression;
 | 
			
		||||
	const program = (
 | 
			
		||||
		/> as estree.ObjectExpression;
 | 
			
		||||
	const program =
 | 
			
		||||
		<program
 | 
			
		||||
			body={[
 | 
			
		||||
				<import-declaration
 | 
			
		||||
| 
						 | 
				
			
			@ -379,11 +378,11 @@ function toStories(component: string): string {
 | 
			
		|||
					declaration={(<identifier name='meta' />) as estree.Identifier}
 | 
			
		||||
				/> as estree.ExportDefaultDeclaration,
 | 
			
		||||
			]}
 | 
			
		||||
		/>
 | 
			
		||||
	) as estree.Program;
 | 
			
		||||
		/> as estree.Program;
 | 
			
		||||
	return format(
 | 
			
		||||
		'/* eslint-disable @typescript-eslint/explicit-function-return-type */\n' +
 | 
			
		||||
			'/* eslint-disable import/no-default-export */\n' +
 | 
			
		||||
			'/* eslint-disable import/no-duplicates */\n' +
 | 
			
		||||
			generate(program, { generator }) +
 | 
			
		||||
			(hasImplStories ? readFileSync(`${implStories}.ts`, 'utf-8') : ''),
 | 
			
		||||
		{
 | 
			
		||||
| 
						 | 
				
			
			@ -397,6 +396,7 @@ function toStories(component: string): string {
 | 
			
		|||
// glob('src/{components,pages,ui,widgets}/**/*.vue')
 | 
			
		||||
Promise.all([
 | 
			
		||||
	glob('src/components/global/*.vue'),
 | 
			
		||||
	glob('src/components/Mk{A,B}*.vue'),
 | 
			
		||||
	glob('src/components/MkGalleryPostPreview.vue'),
 | 
			
		||||
	glob('src/pages/user/home.vue'),
 | 
			
		||||
])
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -8,6 +8,16 @@ export const onUnhandledRequest = ((req, print) => {
 | 
			
		|||
}) satisfies SharedOptions['onUnhandledRequest'];
 | 
			
		||||
 | 
			
		||||
export const commonHandlers = [
 | 
			
		||||
	rest.get('/fluent-emoji/:codepoints.png', async (req, res, ctx) => {
 | 
			
		||||
		const { codepoints } = req.params;
 | 
			
		||||
		const value = await fetch(`https://raw.githubusercontent.com/misskey-dev/emojis/main/dist/${codepoints}.png`).then((response) => response.blob());
 | 
			
		||||
		return res(ctx.set('Content-Type', 'image/png'), ctx.body(value));
 | 
			
		||||
	}),
 | 
			
		||||
	rest.get('/fluent-emojis/:codepoints.png', async (req, res, ctx) => {
 | 
			
		||||
		const { codepoints } = req.params;
 | 
			
		||||
		const value = await fetch(`https://raw.githubusercontent.com/misskey-dev/emojis/main/dist/${codepoints}.png`).then((response) => response.blob());
 | 
			
		||||
		return res(ctx.set('Content-Type', 'image/png'), ctx.body(value));
 | 
			
		||||
	}),
 | 
			
		||||
	rest.get('/twemoji/:codepoints.svg', async (req, res, ctx) => {
 | 
			
		||||
		const { codepoints } = req.params;
 | 
			
		||||
		const value = await fetch(`https://unpkg.com/@discordapp/twemoji@14.1.2/dist/svg/${codepoints}.svg`).then((response) => response.blob());
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,3 +1,5 @@
 | 
			
		|||
<link rel="preload" href="https://github.com/misskey-dev/misskey/blob/master/packages/frontend/assets/about-icon.png?raw=true" as="image" type="image/png" crossorigin="anonymous">
 | 
			
		||||
<link rel="preload" href="https://github.com/misskey-dev/misskey/blob/master/packages/frontend/assets/fedi.jpg?raw=true" as="image" type="image/jpeg" crossorigin="anonymous">
 | 
			
		||||
<link rel="stylesheet" href="https://unpkg.com/@tabler/icons-webfont@2.12.0/tabler-icons.min.css">
 | 
			
		||||
<link rel="stylesheet" href="https://unpkg.com/@fontsource/m-plus-rounded-1c/index.css">
 | 
			
		||||
<style>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										84
									
								
								packages/frontend/.vscode/storybook.code-snippets
									
										
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										84
									
								
								packages/frontend/.vscode/storybook.code-snippets
									
										
									
									
										vendored
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,84 @@
 | 
			
		|||
{
 | 
			
		||||
	"Storybook Story Impl File": {
 | 
			
		||||
		"scope": "typescript",
 | 
			
		||||
		"prefix": "storyimpl",
 | 
			
		||||
		"body": [
 | 
			
		||||
			"/* eslint-disable @typescript-eslint/explicit-function-return-type */",
 | 
			
		||||
			"import { StoryObj } from '@storybook/vue3';",
 | 
			
		||||
			"import $1 from './$1.vue';",
 | 
			
		||||
			"export const Default = {",
 | 
			
		||||
			"\trender(args) {",
 | 
			
		||||
			"\t\treturn {",
 | 
			
		||||
			"\t\t\tcomponents: {",
 | 
			
		||||
			"\t\t\t\t$1,",
 | 
			
		||||
			"\t\t\t},",
 | 
			
		||||
			"\t\t\tsetup() {",
 | 
			
		||||
			"\t\t\t\treturn {",
 | 
			
		||||
			"\t\t\t\t\targs,",
 | 
			
		||||
			"\t\t\t\t};",
 | 
			
		||||
			"\t\t\t},",
 | 
			
		||||
			"\t\t\tcomputed: {",
 | 
			
		||||
			"\t\t\t\tprops() {",
 | 
			
		||||
			"\t\t\t\t\treturn {",
 | 
			
		||||
			"\t\t\t\t\t\t...this.args,",
 | 
			
		||||
			"\t\t\t\t\t};",
 | 
			
		||||
			"\t\t\t\t},",
 | 
			
		||||
			"\t\t\t},",
 | 
			
		||||
			"\t\t\ttemplate: '<$1 v-bind=\"props\" />',",
 | 
			
		||||
			"\t\t};",
 | 
			
		||||
			"\t},",
 | 
			
		||||
			"\targs: {",
 | 
			
		||||
			"\t\t$2",
 | 
			
		||||
			"\t},",
 | 
			
		||||
			"\tparameters: {",
 | 
			
		||||
			"\t\tlayout: 'centered',",
 | 
			
		||||
			"\t},",
 | 
			
		||||
			"} satisfies StoryObj<typeof $1>;",
 | 
			
		||||
			""
 | 
			
		||||
		]
 | 
			
		||||
	},
 | 
			
		||||
	"Storybook Story Impl File (w/ events)": {
 | 
			
		||||
		"scope": "typescript",
 | 
			
		||||
		"prefix": "storyimplevent",
 | 
			
		||||
		"body": [
 | 
			
		||||
			"/* eslint-disable @typescript-eslint/explicit-function-return-type */",
 | 
			
		||||
			"import { action } from '@storybook/addon-actions';",
 | 
			
		||||
			"import { StoryObj } from '@storybook/vue3';",
 | 
			
		||||
			"import $1 from './$1.vue';",
 | 
			
		||||
			"export const Default = {",
 | 
			
		||||
			"\trender(args) {",
 | 
			
		||||
			"\t\treturn {",
 | 
			
		||||
			"\t\t\tcomponents: {",
 | 
			
		||||
			"\t\t\t\t$1,",
 | 
			
		||||
			"\t\t\t},",
 | 
			
		||||
			"\t\t\tsetup() {",
 | 
			
		||||
			"\t\t\t\treturn {",
 | 
			
		||||
			"\t\t\t\t\targs,",
 | 
			
		||||
			"\t\t\t\t};",
 | 
			
		||||
			"\t\t\t},",
 | 
			
		||||
			"\t\t\tcomputed: {",
 | 
			
		||||
			"\t\t\t\tprops() {",
 | 
			
		||||
			"\t\t\t\t\treturn {",
 | 
			
		||||
			"\t\t\t\t\t\t...this.args,",
 | 
			
		||||
			"\t\t\t\t\t};",
 | 
			
		||||
			"\t\t\t\t},",
 | 
			
		||||
			"\t\t\t\tevents() {",
 | 
			
		||||
			"\t\t\t\t\treturn {",
 | 
			
		||||
			"\t\t\t\t\t\t$3",
 | 
			
		||||
			"\t\t\t\t\t};",
 | 
			
		||||
			"\t\t\t\t},",
 | 
			
		||||
			"\t\t\t},",
 | 
			
		||||
			"\t\t\ttemplate: '<$1 v-bind=\"props\" v-on=\"events\" />',",
 | 
			
		||||
			"\t\t};",
 | 
			
		||||
			"\t},",
 | 
			
		||||
			"\targs: {",
 | 
			
		||||
			"\t\t$2",
 | 
			
		||||
			"\t},",
 | 
			
		||||
			"\tparameters: {",
 | 
			
		||||
			"\t\tlayout: 'centered',",
 | 
			
		||||
			"\t},",
 | 
			
		||||
			"} satisfies StoryObj<typeof $1>;",
 | 
			
		||||
			""
 | 
			
		||||
		]
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -74,6 +74,7 @@
 | 
			
		|||
		"vuedraggable": "next"
 | 
			
		||||
	},
 | 
			
		||||
	"devDependencies": {
 | 
			
		||||
		"@storybook/addon-actions": "7.0.2",
 | 
			
		||||
		"@storybook/addon-essentials": "7.0.2",
 | 
			
		||||
		"@storybook/addon-interactions": "7.0.2",
 | 
			
		||||
		"@storybook/addon-links": "7.0.2",
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -0,0 +1,49 @@
 | 
			
		|||
/* eslint-disable @typescript-eslint/explicit-function-return-type */
 | 
			
		||||
import { action } from '@storybook/addon-actions';
 | 
			
		||||
import { StoryObj } from '@storybook/vue3';
 | 
			
		||||
import { rest } from 'msw';
 | 
			
		||||
import { abuseUserReport } from '../../.storybook/fakes';
 | 
			
		||||
import { commonHandlers } from '../../.storybook/mocks';
 | 
			
		||||
import MkAbuseReport from './MkAbuseReport.vue';
 | 
			
		||||
export const Default = {
 | 
			
		||||
	render(args) {
 | 
			
		||||
		return {
 | 
			
		||||
			components: {
 | 
			
		||||
				MkAbuseReport,
 | 
			
		||||
			},
 | 
			
		||||
			setup() {
 | 
			
		||||
				return {
 | 
			
		||||
					args,
 | 
			
		||||
				};
 | 
			
		||||
			},
 | 
			
		||||
			computed: {
 | 
			
		||||
				props() {
 | 
			
		||||
					return {
 | 
			
		||||
						...this.args,
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
				events() {
 | 
			
		||||
					return {
 | 
			
		||||
						resolved: action('resolved'),
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
			},
 | 
			
		||||
			template: '<MkAbuseReport v-bind="props" v-on="events" />',
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
	args: {
 | 
			
		||||
		report: abuseUserReport(),
 | 
			
		||||
	},
 | 
			
		||||
	parameters: {
 | 
			
		||||
		layout: 'fullscreen',
 | 
			
		||||
		msw: {
 | 
			
		||||
			handlers: [
 | 
			
		||||
				...commonHandlers,
 | 
			
		||||
				rest.post('/api/admin/resolve-abuse-user-report', async (req, res, ctx) => {
 | 
			
		||||
					action('POST /api/admin/resolve-abuse-user-report')(await req.json());
 | 
			
		||||
					return res(ctx.json({}));
 | 
			
		||||
				}),
 | 
			
		||||
			],
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkAbuseReport>;
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,49 @@
 | 
			
		|||
/* eslint-disable @typescript-eslint/explicit-function-return-type */
 | 
			
		||||
import { action } from '@storybook/addon-actions';
 | 
			
		||||
import { StoryObj } from '@storybook/vue3';
 | 
			
		||||
import { rest } from 'msw';
 | 
			
		||||
import { userDetailed } from '../../.storybook/fakes';
 | 
			
		||||
import { commonHandlers } from '../../.storybook/mocks';
 | 
			
		||||
import MkAbuseReportWindow from './MkAbuseReportWindow.vue';
 | 
			
		||||
export const Default = {
 | 
			
		||||
	render(args) {
 | 
			
		||||
		return {
 | 
			
		||||
			components: {
 | 
			
		||||
				MkAbuseReportWindow,
 | 
			
		||||
			},
 | 
			
		||||
			setup() {
 | 
			
		||||
				return {
 | 
			
		||||
					args,
 | 
			
		||||
				};
 | 
			
		||||
			},
 | 
			
		||||
			computed: {
 | 
			
		||||
				props() {
 | 
			
		||||
					return {
 | 
			
		||||
						...this.args,
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
				events() {
 | 
			
		||||
					return {
 | 
			
		||||
						'closed': action('closed'),
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
			},
 | 
			
		||||
			template: '<MkAbuseReportWindow v-bind="props" v-on="events" />',
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
	args: {
 | 
			
		||||
		user: userDetailed(),
 | 
			
		||||
	},
 | 
			
		||||
	parameters: {
 | 
			
		||||
		layout: 'centered',
 | 
			
		||||
		msw: {
 | 
			
		||||
			handlers: [
 | 
			
		||||
				...commonHandlers,
 | 
			
		||||
				rest.post('/api/users/report-abuse', async (req, res, ctx) => {
 | 
			
		||||
					action('POST /api/users/report-abuse')(await req.json());
 | 
			
		||||
					return res(ctx.json({}));
 | 
			
		||||
				}),
 | 
			
		||||
			],
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkAbuseReportWindow>;
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,33 @@
 | 
			
		|||
/* eslint-disable @typescript-eslint/explicit-function-return-type */
 | 
			
		||||
import { StoryObj } from '@storybook/vue3';
 | 
			
		||||
import { userDetailed } from '../../.storybook/fakes';
 | 
			
		||||
import MkAccountMoved from './MkAccountMoved.vue';
 | 
			
		||||
export const Default = {
 | 
			
		||||
	render(args) {
 | 
			
		||||
		return {
 | 
			
		||||
			components: {
 | 
			
		||||
				MkAccountMoved,
 | 
			
		||||
			},
 | 
			
		||||
			setup() {
 | 
			
		||||
				return {
 | 
			
		||||
					args,
 | 
			
		||||
				};
 | 
			
		||||
			},
 | 
			
		||||
			computed: {
 | 
			
		||||
				props() {
 | 
			
		||||
					return {
 | 
			
		||||
						...this.args,
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
			},
 | 
			
		||||
			template: '<MkAccountMoved v-bind="props" />',
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
	args: {
 | 
			
		||||
		username: userDetailed().username,
 | 
			
		||||
		host: userDetailed().host,
 | 
			
		||||
	},
 | 
			
		||||
	parameters: {
 | 
			
		||||
		layout: 'centered',
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkAccountMoved>;
 | 
			
		||||
| 
						 | 
				
			
			@ -2,7 +2,7 @@
 | 
			
		|||
<div :class="$style.root">
 | 
			
		||||
	<i class="ti ti-plane-departure" style="margin-right: 8px;"></i>
 | 
			
		||||
	{{ i18n.ts.accountMoved }}
 | 
			
		||||
	<MkMention :class="$style.link" :username="acct" :host="host ?? localHost"/>
 | 
			
		||||
	<MkMention :class="$style.link" :username="username" :host="host ?? localHost"/>
 | 
			
		||||
</div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -12,7 +12,7 @@ import { i18n } from '@/i18n';
 | 
			
		|||
import { host as localHost } from '@/config';
 | 
			
		||||
 | 
			
		||||
defineProps<{
 | 
			
		||||
	acct: string;
 | 
			
		||||
	username: string;
 | 
			
		||||
	host: string;
 | 
			
		||||
}>();
 | 
			
		||||
</script>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -0,0 +1,56 @@
 | 
			
		|||
/* eslint-disable @typescript-eslint/explicit-function-return-type */
 | 
			
		||||
import { StoryObj } from '@storybook/vue3';
 | 
			
		||||
import { rest } from 'msw';
 | 
			
		||||
import { userDetailed } from '../../.storybook/fakes';
 | 
			
		||||
import { commonHandlers } from '../../.storybook/mocks';
 | 
			
		||||
import MkAchievements from './MkAchievements.vue';
 | 
			
		||||
import { ACHIEVEMENT_TYPES } from '@/scripts/achievements';
 | 
			
		||||
export const Empty = {
 | 
			
		||||
	render(args) {
 | 
			
		||||
		return {
 | 
			
		||||
			components: {
 | 
			
		||||
				MkAchievements,
 | 
			
		||||
			},
 | 
			
		||||
			setup() {
 | 
			
		||||
				return {
 | 
			
		||||
					args,
 | 
			
		||||
				};
 | 
			
		||||
			},
 | 
			
		||||
			computed: {
 | 
			
		||||
				props() {
 | 
			
		||||
					return {
 | 
			
		||||
						...this.args,
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
			},
 | 
			
		||||
			template: '<MkAchievements v-bind="props" />',
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
	args: {
 | 
			
		||||
		user: userDetailed(),
 | 
			
		||||
	},
 | 
			
		||||
	parameters: {
 | 
			
		||||
		layout: 'fullscreen',
 | 
			
		||||
		msw: {
 | 
			
		||||
			handlers: [
 | 
			
		||||
				...commonHandlers,
 | 
			
		||||
				rest.post('/api/users/achievements', (req, res, ctx) => {
 | 
			
		||||
					return res(ctx.json([]));
 | 
			
		||||
				}),
 | 
			
		||||
			],
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkAchievements>;
 | 
			
		||||
export const All = {
 | 
			
		||||
	...Empty,
 | 
			
		||||
	parameters: {
 | 
			
		||||
		msw: {
 | 
			
		||||
			handlers: [
 | 
			
		||||
				...commonHandlers,
 | 
			
		||||
				rest.post('/api/users/achievements', (req, res, ctx) => {
 | 
			
		||||
					return res(ctx.json(ACHIEVEMENT_TYPES.map((name) => ({ name, unlockedAt: 0 }))));
 | 
			
		||||
				}),
 | 
			
		||||
			],
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkAchievements>;
 | 
			
		||||
| 
						 | 
				
			
			@ -1,6 +1,7 @@
 | 
			
		|||
/* eslint-disable @typescript-eslint/explicit-function-return-type */
 | 
			
		||||
import { StoryObj } from '@storybook/vue3';
 | 
			
		||||
import MkAnalogClock from './MkAnalogClock.vue';
 | 
			
		||||
import isChromatic from 'chromatic';
 | 
			
		||||
export const Default = {
 | 
			
		||||
	render(args) {
 | 
			
		||||
		return {
 | 
			
		||||
| 
						 | 
				
			
			@ -22,6 +23,14 @@ export const Default = {
 | 
			
		|||
			template: '<MkAnalogClock v-bind="props" />',
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
	args: {
 | 
			
		||||
		now: isChromatic() ? () => new Date('2023-01-01T10:10:30') : undefined,
 | 
			
		||||
	},
 | 
			
		||||
	decorators: [
 | 
			
		||||
		() => ({
 | 
			
		||||
			template: '<div style="container-type:inline-size;height:100%"><div style="height:100cqmin;margin:auto;width:100cqmin"><story/></div></div>',
 | 
			
		||||
		}),
 | 
			
		||||
	],
 | 
			
		||||
	parameters: {
 | 
			
		||||
		layout: 'fullscreen',
 | 
			
		||||
	},
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -99,6 +99,7 @@ const props = withDefaults(defineProps<{
 | 
			
		|||
	graduations?: 'none' | 'dots' | 'numbers';
 | 
			
		||||
	fadeGraduations?: boolean;
 | 
			
		||||
	sAnimation?: 'none' | 'elastic' | 'easeOut';
 | 
			
		||||
	now?: () => Date;
 | 
			
		||||
}>(), {
 | 
			
		||||
	numbers: false,
 | 
			
		||||
	thickness: 0.1,
 | 
			
		||||
| 
						 | 
				
			
			@ -107,6 +108,7 @@ const props = withDefaults(defineProps<{
 | 
			
		|||
	graduations: 'dots',
 | 
			
		||||
	fadeGraduations: true,
 | 
			
		||||
	sAnimation: 'elastic',
 | 
			
		||||
	now: () => new Date(),
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
const graduationsMajor = computed(() => {
 | 
			
		||||
| 
						 | 
				
			
			@ -145,11 +147,17 @@ let disableSAnimate = $ref(false);
 | 
			
		|||
let sOneRound = false;
 | 
			
		||||
 | 
			
		||||
function tick() {
 | 
			
		||||
	const now = new Date();
 | 
			
		||||
	now.setMinutes(now.getMinutes() + (new Date().getTimezoneOffset() + props.offset));
 | 
			
		||||
	const now = props.now();
 | 
			
		||||
	now.setMinutes(now.getMinutes() + now.getTimezoneOffset() + props.offset);
 | 
			
		||||
	const previousS = s;
 | 
			
		||||
	const previousM = m;
 | 
			
		||||
	const previousH = h;
 | 
			
		||||
	s = now.getSeconds();
 | 
			
		||||
	m = now.getMinutes();
 | 
			
		||||
	h = now.getHours();
 | 
			
		||||
	if (previousS === s && previousM === m && previousH === h) {
 | 
			
		||||
		return;
 | 
			
		||||
	}
 | 
			
		||||
	hAngle = Math.PI * (h % (props.twentyfour ? 24 : 12) + (m + s / 60) / 60) / (props.twentyfour ? 12 : 6);
 | 
			
		||||
	mAngle = Math.PI * (m + s / 60) / 30;
 | 
			
		||||
	if (sOneRound) { // 秒針が一周した際のアニメーションをよしなに処理する(これが無いと秒が59->0になったときに期待したアニメーションにならない)
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										2
									
								
								packages/frontend/src/components/MkAsUi.stories.impl.ts
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										2
									
								
								packages/frontend/src/components/MkAsUi.stories.impl.ts
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,2 @@
 | 
			
		|||
import MkAsUi from './MkAsUi.vue';
 | 
			
		||||
void MkAsUi;
 | 
			
		||||
							
								
								
									
										176
									
								
								packages/frontend/src/components/MkAutocomplete.stories.impl.ts
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										176
									
								
								packages/frontend/src/components/MkAutocomplete.stories.impl.ts
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,176 @@
 | 
			
		|||
/* eslint-disable @typescript-eslint/explicit-function-return-type */
 | 
			
		||||
import { action } from '@storybook/addon-actions';
 | 
			
		||||
import { expect } from '@storybook/jest';
 | 
			
		||||
import { userEvent, waitFor, within } from '@storybook/testing-library';
 | 
			
		||||
import { StoryObj } from '@storybook/vue3';
 | 
			
		||||
import { rest } from 'msw';
 | 
			
		||||
import { userDetailed } from '../../.storybook/fakes';
 | 
			
		||||
import { commonHandlers } from '../../.storybook/mocks';
 | 
			
		||||
import MkAutocomplete from './MkAutocomplete.vue';
 | 
			
		||||
import MkInput from './MkInput.vue';
 | 
			
		||||
import { tick } from '@/scripts/test-utils';
 | 
			
		||||
const common = {
 | 
			
		||||
	render(args) {
 | 
			
		||||
		return {
 | 
			
		||||
			components: {
 | 
			
		||||
				MkAutocomplete,
 | 
			
		||||
			},
 | 
			
		||||
			setup() {
 | 
			
		||||
				return {
 | 
			
		||||
					args,
 | 
			
		||||
				};
 | 
			
		||||
			},
 | 
			
		||||
			computed: {
 | 
			
		||||
				props() {
 | 
			
		||||
					return {
 | 
			
		||||
						...this.args,
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
				events() {
 | 
			
		||||
					return {
 | 
			
		||||
						open: action('open'),
 | 
			
		||||
						closed: action('closed'),
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
			},
 | 
			
		||||
			template: '<MkAutocomplete v-bind="props" v-on="events" :textarea="textarea" />',
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
	args: {
 | 
			
		||||
		close: action('close'),
 | 
			
		||||
		x: 0,
 | 
			
		||||
		y: 0,
 | 
			
		||||
	},
 | 
			
		||||
	decorators: [
 | 
			
		||||
		(_, context) => ({
 | 
			
		||||
			components: {
 | 
			
		||||
				MkInput,
 | 
			
		||||
			},
 | 
			
		||||
			data() {
 | 
			
		||||
				return {
 | 
			
		||||
					q: context.args.q,
 | 
			
		||||
					textarea: null,
 | 
			
		||||
				};
 | 
			
		||||
			},
 | 
			
		||||
			methods: {
 | 
			
		||||
				inputMounted() {
 | 
			
		||||
					this.textarea = this.$refs.input.$refs.inputEl;
 | 
			
		||||
				},
 | 
			
		||||
			},
 | 
			
		||||
			template: '<MkInput v-model="q" ref="input" @vue:mounted="inputMounted"/><story v-if="textarea" :q="q" :textarea="textarea"/>',
 | 
			
		||||
		}),
 | 
			
		||||
	],
 | 
			
		||||
	parameters: {
 | 
			
		||||
		controls: {
 | 
			
		||||
			exclude: ['textarea'],
 | 
			
		||||
		},
 | 
			
		||||
		layout: 'centered',
 | 
			
		||||
		chromatic: {
 | 
			
		||||
			// FIXME: flaky
 | 
			
		||||
			disableSnapshot: true,
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkAutocomplete>;
 | 
			
		||||
export const User = {
 | 
			
		||||
	...common,
 | 
			
		||||
	args: {
 | 
			
		||||
		...common.args,
 | 
			
		||||
		type: 'user',
 | 
			
		||||
	},
 | 
			
		||||
	async play({ canvasElement }) {
 | 
			
		||||
		const canvas = within(canvasElement);
 | 
			
		||||
		const input = canvas.getByRole('combobox');
 | 
			
		||||
		await waitFor(() => userEvent.hover(input));
 | 
			
		||||
		await waitFor(() => userEvent.click(input));
 | 
			
		||||
		await waitFor(() => userEvent.type(input, 'm'));
 | 
			
		||||
		await waitFor(async () => {
 | 
			
		||||
			await userEvent.type(input, ' ', { delay: 256 });
 | 
			
		||||
			await tick();
 | 
			
		||||
			return await expect(canvas.getByRole('list')).toBeInTheDocument();
 | 
			
		||||
		}, { timeout: 16384 });
 | 
			
		||||
	},
 | 
			
		||||
	parameters: {
 | 
			
		||||
		...common.parameters,
 | 
			
		||||
		msw: {
 | 
			
		||||
			handlers: [
 | 
			
		||||
				...commonHandlers,
 | 
			
		||||
				rest.post('/api/users/search-by-username-and-host', (req, res, ctx) => {
 | 
			
		||||
					return res(ctx.json([
 | 
			
		||||
						userDetailed('44', 'mizuki', 'misskey-hub.net', 'Mizuki'),
 | 
			
		||||
						userDetailed('49', 'momoko', 'misskey-hub.net', 'Momoko'),
 | 
			
		||||
					]));
 | 
			
		||||
				}),
 | 
			
		||||
			],
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
};
 | 
			
		||||
export const Hashtag = {
 | 
			
		||||
	...common,
 | 
			
		||||
	args: {
 | 
			
		||||
		...common.args,
 | 
			
		||||
		type: 'hashtag',
 | 
			
		||||
	},
 | 
			
		||||
	async play({ canvasElement }) {
 | 
			
		||||
		const canvas = within(canvasElement);
 | 
			
		||||
		const input = canvas.getByRole('combobox');
 | 
			
		||||
		await waitFor(() => userEvent.hover(input));
 | 
			
		||||
		await waitFor(() => userEvent.click(input));
 | 
			
		||||
		await waitFor(() => userEvent.type(input, '気象'));
 | 
			
		||||
		await waitFor(async () => {
 | 
			
		||||
			await userEvent.type(input, ' ', { delay: 256 });
 | 
			
		||||
			await tick();
 | 
			
		||||
			return await expect(canvas.getByRole('list')).toBeInTheDocument();
 | 
			
		||||
		}, { interval: 256, timeout: 16384 });
 | 
			
		||||
	},
 | 
			
		||||
	parameters: {
 | 
			
		||||
		...common.parameters,
 | 
			
		||||
		msw: {
 | 
			
		||||
			handlers: [
 | 
			
		||||
				...commonHandlers,
 | 
			
		||||
				rest.post('/api/hashtags/search', (req, res, ctx) => {
 | 
			
		||||
					return res(ctx.json([
 | 
			
		||||
						'気象警報注意報',
 | 
			
		||||
						'気象警報',
 | 
			
		||||
						'気象情報',
 | 
			
		||||
					]));
 | 
			
		||||
				}),
 | 
			
		||||
			],
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
};
 | 
			
		||||
export const Emoji = {
 | 
			
		||||
	...common,
 | 
			
		||||
	args: {
 | 
			
		||||
		...common.args,
 | 
			
		||||
		type: 'emoji',
 | 
			
		||||
	},
 | 
			
		||||
	async play({ canvasElement }) {
 | 
			
		||||
		const canvas = within(canvasElement);
 | 
			
		||||
		const input = canvas.getByRole('combobox');
 | 
			
		||||
		await waitFor(() => userEvent.hover(input));
 | 
			
		||||
		await waitFor(() => userEvent.click(input));
 | 
			
		||||
		await waitFor(() => userEvent.type(input, 'smile'));
 | 
			
		||||
		await waitFor(async () => {
 | 
			
		||||
			await userEvent.type(input, ' ', { delay: 256 });
 | 
			
		||||
			await tick();
 | 
			
		||||
			return await expect(canvas.getByRole('list')).toBeInTheDocument();
 | 
			
		||||
		}, { interval: 256, timeout: 16384 });
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkAutocomplete>;
 | 
			
		||||
export const MfmTag = {
 | 
			
		||||
	...common,
 | 
			
		||||
	args: {
 | 
			
		||||
		...common.args,
 | 
			
		||||
		type: 'mfmTag',
 | 
			
		||||
	},
 | 
			
		||||
	async play({ canvasElement }) {
 | 
			
		||||
		const canvas = within(canvasElement);
 | 
			
		||||
		const input = canvas.getByRole('combobox');
 | 
			
		||||
		await waitFor(() => userEvent.hover(input));
 | 
			
		||||
		await waitFor(() => userEvent.click(input));
 | 
			
		||||
		await waitFor(async () => {
 | 
			
		||||
			await tick();
 | 
			
		||||
			return await expect(canvas.getByRole('list')).toBeInTheDocument();
 | 
			
		||||
		}, { interval: 256, timeout: 16384 });
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkAutocomplete>;
 | 
			
		||||
							
								
								
									
										46
									
								
								packages/frontend/src/components/MkAvatars.stories.impl.ts
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										46
									
								
								packages/frontend/src/components/MkAvatars.stories.impl.ts
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,46 @@
 | 
			
		|||
/* eslint-disable @typescript-eslint/explicit-function-return-type */
 | 
			
		||||
import { StoryObj } from '@storybook/vue3';
 | 
			
		||||
import { rest } from 'msw';
 | 
			
		||||
import { userDetailed } from '../../.storybook/fakes';
 | 
			
		||||
import { commonHandlers } from '../../.storybook/mocks';
 | 
			
		||||
import MkAvatars from './MkAvatars.vue';
 | 
			
		||||
export const Default = {
 | 
			
		||||
	render(args) {
 | 
			
		||||
		return {
 | 
			
		||||
			components: {
 | 
			
		||||
				MkAvatars,
 | 
			
		||||
			},
 | 
			
		||||
			setup() {
 | 
			
		||||
				return {
 | 
			
		||||
					args,
 | 
			
		||||
				};
 | 
			
		||||
			},
 | 
			
		||||
			computed: {
 | 
			
		||||
				props() {
 | 
			
		||||
					return {
 | 
			
		||||
						...this.args,
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
			},
 | 
			
		||||
			template: '<MkAvatars v-bind="props" />',
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
	args: {
 | 
			
		||||
		userIds: ['17', '20', '18'],
 | 
			
		||||
	},
 | 
			
		||||
	parameters: {
 | 
			
		||||
		layout: 'centered',
 | 
			
		||||
		msw: {
 | 
			
		||||
			handlers: [
 | 
			
		||||
				...commonHandlers,
 | 
			
		||||
				rest.post('/api/users/show', (req, res, ctx) => {
 | 
			
		||||
					return res(ctx.json([
 | 
			
		||||
						userDetailed('17'),
 | 
			
		||||
						userDetailed('20'),
 | 
			
		||||
						userDetailed('18'),
 | 
			
		||||
					]));
 | 
			
		||||
				}),
 | 
			
		||||
			],
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkAvatars>;
 | 
			
		||||
| 
						 | 
				
			
			@ -1,6 +1,6 @@
 | 
			
		|||
/* eslint-disable @typescript-eslint/explicit-function-return-type */
 | 
			
		||||
/* eslint-disable import/no-default-export */
 | 
			
		||||
/* eslint-disable import/no-duplicates */
 | 
			
		||||
import { action } from '@storybook/addon-actions';
 | 
			
		||||
import { StoryObj } from '@storybook/vue3';
 | 
			
		||||
import MkButton from './MkButton.vue';
 | 
			
		||||
export const Default = {
 | 
			
		||||
| 
						 | 
				
			
			@ -20,11 +20,60 @@ export const Default = {
 | 
			
		|||
						...this.args,
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
				events() {
 | 
			
		||||
					return {
 | 
			
		||||
						click: action('click'),
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
			},
 | 
			
		||||
			template: '<MkButton v-bind="props">Text</MkButton>',
 | 
			
		||||
			template: '<MkButton v-bind="props" v-on="events">Text</MkButton>',
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
	args: {
 | 
			
		||||
	},
 | 
			
		||||
	parameters: {
 | 
			
		||||
		layout: 'centered',
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkButton>;
 | 
			
		||||
export const Primary = {
 | 
			
		||||
	...Default,
 | 
			
		||||
	args: {
 | 
			
		||||
		...Default.args,
 | 
			
		||||
		primary: true,
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkButton>;
 | 
			
		||||
export const Gradate = {
 | 
			
		||||
	...Default,
 | 
			
		||||
	args: {
 | 
			
		||||
		...Default.args,
 | 
			
		||||
		gradate: true,
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkButton>;
 | 
			
		||||
export const Rounded = {
 | 
			
		||||
	...Default,
 | 
			
		||||
	args: {
 | 
			
		||||
		...Default.args,
 | 
			
		||||
		rounded: true,
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkButton>;
 | 
			
		||||
export const Danger = {
 | 
			
		||||
	...Default,
 | 
			
		||||
	args: {
 | 
			
		||||
		...Default.args,
 | 
			
		||||
		danger: true,
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkButton>;
 | 
			
		||||
export const Small = {
 | 
			
		||||
	...Default,
 | 
			
		||||
	args: {
 | 
			
		||||
		...Default.args,
 | 
			
		||||
		small: true,
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkButton>;
 | 
			
		||||
export const Large = {
 | 
			
		||||
	...Default,
 | 
			
		||||
	args: {
 | 
			
		||||
		...Default.args,
 | 
			
		||||
		large: true,
 | 
			
		||||
	},
 | 
			
		||||
} satisfies StoryObj<typeof MkButton>;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,4 +1,5 @@
 | 
			
		|||
/* eslint-disable @typescript-eslint/explicit-function-return-type */
 | 
			
		||||
import { action } from '@storybook/addon-actions';
 | 
			
		||||
import { expect } from '@storybook/jest';
 | 
			
		||||
import { waitFor } from '@storybook/testing-library';
 | 
			
		||||
import { StoryObj } from '@storybook/vue3';
 | 
			
		||||
| 
						 | 
				
			
			@ -20,14 +21,21 @@ export const Default = {
 | 
			
		|||
						...this.args,
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
				events() {
 | 
			
		||||
					return {
 | 
			
		||||
						retry: action('retry'),
 | 
			
		||||
					};
 | 
			
		||||
				},
 | 
			
		||||
			},
 | 
			
		||||
			template: '<MkError v-bind="props" />',
 | 
			
		||||
			template: '<MkError v-bind="props" v-on="events" />',
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
	async play({ canvasElement }) {
 | 
			
		||||
		await expect(canvasElement.firstElementChild).not.toBeNull();
 | 
			
		||||
		await waitFor(async () => expect(canvasElement.firstElementChild?.classList).not.toContain('_transition_zoom-enter-active'));
 | 
			
		||||
	},
 | 
			
		||||
	args: {
 | 
			
		||||
	},
 | 
			
		||||
	parameters: {
 | 
			
		||||
		layout: 'centered',
 | 
			
		||||
	},
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -8,6 +8,7 @@
 | 
			
		|||
</template>
 | 
			
		||||
 | 
			
		||||
<script lang="ts" setup>
 | 
			
		||||
import isChromatic from 'chromatic/isChromatic';
 | 
			
		||||
import { onUnmounted } from 'vue';
 | 
			
		||||
import { i18n } from '@/i18n';
 | 
			
		||||
import { dateTimeFormat } from '@/scripts/intl-const';
 | 
			
		||||
| 
						 | 
				
			
			@ -17,7 +18,7 @@ const props = withDefaults(defineProps<{
 | 
			
		|||
	origin?: Date | null;
 | 
			
		||||
	mode?: 'relative' | 'absolute' | 'detail';
 | 
			
		||||
}>(), {
 | 
			
		||||
	origin: null,
 | 
			
		||||
	origin: isChromatic() ? new Date('2023-04-01T00:00:00Z') : null,
 | 
			
		||||
	mode: 'relative',
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -7,7 +7,7 @@
 | 
			
		|||
			<!-- <div class="punished" v-if="user.isSilenced"><i class="ti ti-alert-triangle" style="margin-right: 8px;"></i> {{ i18n.ts.userSilenced }}</div> -->
 | 
			
		||||
 | 
			
		||||
			<div class="profile _gaps">
 | 
			
		||||
				<MkAccountMoved v-if="user.movedToUri" :host="user.movedToUri.host" :acct="user.movedToUri.username"/>
 | 
			
		||||
				<MkAccountMoved v-if="user.movedToUri" :host="user.movedToUri.host" :username="user.movedToUri.username"/>
 | 
			
		||||
				<MkRemoteCaution v-if="user.host != null" :href="user.url ?? user.uri!" class="warn"/>
 | 
			
		||||
 | 
			
		||||
				<div :key="user.id" class="main _panel">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										248
									
								
								pnpm-lock.yaml
									
										
									
										generated
									
									
									
								
							
							
						
						
									
										248
									
								
								pnpm-lock.yaml
									
										
									
										generated
									
									
									
								
							| 
						 | 
				
			
			@ -763,6 +763,9 @@ importers:
 | 
			
		|||
        specifier: next
 | 
			
		||||
        version: 4.1.0(vue@3.2.47)
 | 
			
		||||
    devDependencies:
 | 
			
		||||
      '@storybook/addon-actions':
 | 
			
		||||
        specifier: 7.0.2
 | 
			
		||||
        version: 7.0.2(react-dom@18.2.0)(react@18.2.0)
 | 
			
		||||
      '@storybook/addon-essentials':
 | 
			
		||||
        specifier: 7.0.2
 | 
			
		||||
        version: 7.0.2(react-dom@18.2.0)(react@18.2.0)
 | 
			
		||||
| 
						 | 
				
			
			@ -2039,11 +2042,6 @@ packages:
 | 
			
		|||
      '@babel/highlight': 7.18.6
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@babel/compat-data@7.20.10:
 | 
			
		||||
    resolution: {integrity: sha512-sEnuDPpOJR/fcafHMjpcpGN5M2jbUGUHwmuWKM/YdPzeEDJg8bgmbcWQFUfE32MQjti1koACvoPVsDe8Uq+idg==}
 | 
			
		||||
    engines: {node: '>=6.9.0'}
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@babel/compat-data@7.21.4:
 | 
			
		||||
    resolution: {integrity: sha512-/DYyDpeCfaVinT40FPGdkkb+lYSKvsVuMjDAG7jPOWWiM1ibOaB9CXJAlc4d1QpP/U2q2P9jbrSlClKSErd55g==}
 | 
			
		||||
    engines: {node: '>=6.9.0'}
 | 
			
		||||
| 
						 | 
				
			
			@ -2056,13 +2054,13 @@ packages:
 | 
			
		|||
      '@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.21.3)
 | 
			
		||||
      '@babel/helper-compilation-targets': 7.21.4(@babel/core@7.21.3)
 | 
			
		||||
      '@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
 | 
			
		||||
      '@babel/types': 7.21.4
 | 
			
		||||
      convert-source-map: 1.9.0
 | 
			
		||||
      debug: 4.3.4(supports-color@8.1.1)
 | 
			
		||||
      gensync: 1.0.0-beta.2
 | 
			
		||||
| 
						 | 
				
			
			@ -2076,7 +2074,7 @@ packages:
 | 
			
		|||
    resolution: {integrity: sha512-QS3iR1GYC/YGUnW7IdggFeN5c1poPUurnGttOV/bZgPGV+izC/D8HnD6DLwod0fsatNyVn1G3EVWMYIF0nHbeA==}
 | 
			
		||||
    engines: {node: '>=6.9.0'}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@babel/types': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.4
 | 
			
		||||
      '@jridgewell/gen-mapping': 0.3.2
 | 
			
		||||
      '@jridgewell/trace-mapping': 0.3.17
 | 
			
		||||
      jsesc: 2.5.2
 | 
			
		||||
| 
						 | 
				
			
			@ -2097,20 +2095,6 @@ packages:
 | 
			
		|||
      '@babel/types': 7.21.4
 | 
			
		||||
    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'}
 | 
			
		||||
    peerDependencies:
 | 
			
		||||
      '@babel/core': ^7.0.0
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@babel/compat-data': 7.20.10
 | 
			
		||||
      '@babel/core': 7.21.3
 | 
			
		||||
      '@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.21.4(@babel/core@7.21.3):
 | 
			
		||||
    resolution: {integrity: sha512-Fa0tTuOXZ1iL8IeDFUWCzjZcn+sJGd9RZdH9esYVjEejGmzf+FFYQpMi/kZUk2kPy/q1H3/GPw7np8qar/stfg==}
 | 
			
		||||
    engines: {node: '>=6.9.0'}
 | 
			
		||||
| 
						 | 
				
			
			@ -2347,7 +2331,7 @@ packages:
 | 
			
		|||
    engines: {node: '>=6.0.0'}
 | 
			
		||||
    hasBin: true
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@babel/types': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.4
 | 
			
		||||
 | 
			
		||||
  /@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==}
 | 
			
		||||
| 
						 | 
				
			
			@ -3052,7 +3036,7 @@ packages:
 | 
			
		|||
      '@babel/helper-module-imports': 7.18.6
 | 
			
		||||
      '@babel/helper-plugin-utils': 7.20.2
 | 
			
		||||
      '@babel/plugin-syntax-jsx': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/types': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.4
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@babel/plugin-transform-regenerator@7.20.5(@babel/core@7.21.3):
 | 
			
		||||
| 
						 | 
				
			
			@ -3163,92 +3147,6 @@ packages:
 | 
			
		|||
      '@babel/helper-plugin-utils': 7.20.2
 | 
			
		||||
    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'}
 | 
			
		||||
    peerDependencies:
 | 
			
		||||
      '@babel/core': ^7.0.0-0
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@babel/compat-data': 7.20.10
 | 
			
		||||
      '@babel/core': 7.21.3
 | 
			
		||||
      '@babel/helper-compilation-targets': 7.20.7(@babel/core@7.21.3)
 | 
			
		||||
      '@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.21.3)
 | 
			
		||||
      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.20.7(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-async-generator-functions': 7.20.7(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-class-static-block': 7.21.0(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-dynamic-import': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-export-namespace-from': 7.18.9(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-json-strings': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-logical-assignment-operators': 7.20.7(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-numeric-separator': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-object-rest-spread': 7.20.7(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-optional-catch-binding': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-private-property-in-object': 7.21.0(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-import-assertions': 7.20.0(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-arrow-functions': 7.20.7(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-async-to-generator': 7.20.7(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-block-scoped-functions': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-block-scoping': 7.21.0(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-classes': 7.21.0(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-computed-properties': 7.20.7(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-destructuring': 7.21.3(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-duplicate-keys': 7.18.9(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-exponentiation-operator': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-for-of': 7.21.0(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-function-name': 7.18.9(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-literals': 7.18.9(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-member-expression-literals': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-modules-amd': 7.20.11(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-modules-commonjs': 7.21.2(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-modules-systemjs': 7.20.11(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-modules-umd': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-named-capturing-groups-regex': 7.20.5(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-new-target': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-object-super': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-property-literals': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-regenerator': 7.20.5(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-reserved-words': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-shorthand-properties': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-spread': 7.20.7(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-sticky-regex': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-template-literals': 7.18.9(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-typeof-symbol': 7.18.9(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-unicode-escapes': 7.18.10(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/plugin-transform-unicode-regex': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/preset-modules': 0.1.5(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/types': 7.21.3
 | 
			
		||||
      babel-plugin-polyfill-corejs2: 0.3.3(@babel/core@7.21.3)
 | 
			
		||||
      babel-plugin-polyfill-corejs3: 0.6.0(@babel/core@7.21.3)
 | 
			
		||||
      babel-plugin-polyfill-regenerator: 0.4.1(@babel/core@7.21.3)
 | 
			
		||||
      core-js-compat: 3.29.1
 | 
			
		||||
      semver: 6.3.0
 | 
			
		||||
    transitivePeerDependencies:
 | 
			
		||||
      - supports-color
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@babel/preset-env@7.21.4(@babel/core@7.21.3):
 | 
			
		||||
    resolution: {integrity: sha512-2W57zHs2yDLm6GD5ZpvNn71lZ0B/iypSdIeq25OurDKji6AdzV07qp4s3n1/x5BqtiGaTrPN3nerlSCaC5qNTw==}
 | 
			
		||||
    engines: {node: '>=6.9.0'}
 | 
			
		||||
| 
						 | 
				
			
			@ -3432,14 +3330,6 @@ packages:
 | 
			
		|||
      - supports-color
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@babel/types@7.21.3:
 | 
			
		||||
    resolution: {integrity: sha512-sBGdETxC+/M4o/zKC0sl6sjWv62WFR/uzxrJ6uYyMLZOUlPnwzw0tKgVHOXxaAd5l2g8pEDM5RZ495GPQI77kg==}
 | 
			
		||||
    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.4:
 | 
			
		||||
    resolution: {integrity: sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==}
 | 
			
		||||
    engines: {node: '>=6.9.0'}
 | 
			
		||||
| 
						 | 
				
			
			@ -5518,17 +5408,6 @@ packages:
 | 
			
		|||
      - supports-color
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/channel-postmessage@7.0.0:
 | 
			
		||||
    resolution: {integrity: sha512-Sy3oHL/xDRjUiHnM0ncnkbOE5pK3O72MjOoiLJX4FCI90w03KM4+F/N0eU2cXl6yXHuCyI5eJisEzQxTNsaJiw==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@storybook/channels': 7.0.0
 | 
			
		||||
      '@storybook/client-logger': 7.0.0
 | 
			
		||||
      '@storybook/core-events': 7.0.0
 | 
			
		||||
      '@storybook/global': 5.0.0
 | 
			
		||||
      qs: 6.11.1
 | 
			
		||||
      telejson: 7.0.4
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/channel-postmessage@7.0.2:
 | 
			
		||||
    resolution: {integrity: sha512-SZ/KqnZcx10W9hJbrzBKcP9dmgaeTaXugUhcgw1IkmjKWdsKazqFZCPwQWZZKAmhO4wYbyYOhkz3wfSIeB4mFw==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
| 
						 | 
				
			
			@ -5549,10 +5428,6 @@ packages:
 | 
			
		|||
      telejson: 7.0.4
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/channels@7.0.0:
 | 
			
		||||
    resolution: {integrity: sha512-adPIkvL4q37dGTWCpSzV8ETLdkxsg7BAgzeT9pustZJjRIZqAHGUAm7krDtGT7jbV4dU0Zw0VpUrnmyfxIkOKQ==}
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/channels@7.0.2:
 | 
			
		||||
    resolution: {integrity: sha512-qkI8mFy9c8mxN2f01etayKhCaauL6RAsxRzbX1/pKj6UqhHWqqUbtHwymrv4hG5qDYjV1e9pd7ae5eNF8Kui0g==}
 | 
			
		||||
    dev: true
 | 
			
		||||
| 
						 | 
				
			
			@ -5562,7 +5437,7 @@ packages:
 | 
			
		|||
    hasBin: true
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@babel/core': 7.21.3
 | 
			
		||||
      '@babel/preset-env': 7.20.2(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/preset-env': 7.21.4(@babel/core@7.21.3)
 | 
			
		||||
      '@ndelangen/get-tarball': 3.0.7
 | 
			
		||||
      '@storybook/codemod': 7.0.2
 | 
			
		||||
      '@storybook/core-common': 7.0.2
 | 
			
		||||
| 
						 | 
				
			
			@ -5586,7 +5461,7 @@ packages:
 | 
			
		|||
      get-port: 5.1.1
 | 
			
		||||
      giget: 1.1.2
 | 
			
		||||
      globby: 11.1.0
 | 
			
		||||
      jscodeshift: 0.14.0(@babel/preset-env@7.20.2)
 | 
			
		||||
      jscodeshift: 0.14.0(@babel/preset-env@7.21.4)
 | 
			
		||||
      leven: 3.1.0
 | 
			
		||||
      prettier: 2.8.7
 | 
			
		||||
      prompts: 2.4.2
 | 
			
		||||
| 
						 | 
				
			
			@ -5606,12 +5481,6 @@ packages:
 | 
			
		|||
      - utf-8-validate
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/client-logger@7.0.0:
 | 
			
		||||
    resolution: {integrity: sha512-wRZZiPta37DFc8SVZ8Q3ZqyTrs5qgO6bcCuVDRLQAcO0Oz4xKEVPEVfVVxSPZU/+p2ypqdBBCP2pdL/Jy86AJg==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@storybook/global': 5.0.0
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/client-logger@7.0.2:
 | 
			
		||||
    resolution: {integrity: sha512-rv7W2BhzIQHbFpUM5/CP/acS6T5lTmaxT0MbZ9n+9h++9QQU/cFOdkZgSUbLVAb1AeUGoLsk0HYzcqPpV35Xsw==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
| 
						 | 
				
			
			@ -5623,7 +5492,7 @@ packages:
 | 
			
		|||
    dependencies:
 | 
			
		||||
      '@babel/core': 7.21.3
 | 
			
		||||
      '@babel/preset-env': 7.21.4(@babel/core@7.21.3)
 | 
			
		||||
      '@babel/types': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.4
 | 
			
		||||
      '@storybook/csf': 0.1.0
 | 
			
		||||
      '@storybook/csf-tools': 7.0.2
 | 
			
		||||
      '@storybook/node-logger': 7.0.2
 | 
			
		||||
| 
						 | 
				
			
			@ -5689,10 +5558,6 @@ packages:
 | 
			
		|||
      - supports-color
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/core-events@7.0.0:
 | 
			
		||||
    resolution: {integrity: sha512-pxzNmgEI1p90bHyAYABHDDtB2XM5pffq6CqIHboK6aSCux7Cdc16IjOYq6BJIhCKaaI+qQHaFLR4JfaFAsxwQQ==}
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/core-events@7.0.2:
 | 
			
		||||
    resolution: {integrity: sha512-1DCHCwHRL3+rlvnVVc/BCfReP31XaT2WYgcLeGTmkX1E43Po1MkgcM7PnJPSaa9POvSqZ+6YLZv5Bs1SXbufow==}
 | 
			
		||||
    dev: true
 | 
			
		||||
| 
						 | 
				
			
			@ -5764,7 +5629,7 @@ packages:
 | 
			
		|||
      '@babel/generator': 7.21.3
 | 
			
		||||
      '@babel/parser': 7.21.3
 | 
			
		||||
      '@babel/traverse': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.4
 | 
			
		||||
      '@storybook/csf': 0.1.0
 | 
			
		||||
      '@storybook/types': 7.0.2
 | 
			
		||||
      fs-extra: 11.1.0
 | 
			
		||||
| 
						 | 
				
			
			@ -5774,12 +5639,6 @@ packages:
 | 
			
		|||
      - supports-color
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/csf@0.0.2-next.11:
 | 
			
		||||
    resolution: {integrity: sha512-xGt0YSVxZb43sKmEf1GIQD8xEbo+c+S6khDEL7Qu/pYA0gh5z3WUuhOlovnelYj/YJod+XRsfVvk23AaRfUJ4Q==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      type-fest: 2.19.0
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/csf@0.1.0:
 | 
			
		||||
    resolution: {integrity: sha512-uk+jMXCZ8t38jSTHk2o5btI+aV2Ksbvl6DoOv3r6VaCM1KZqeuMwtwywIQdflkA8/6q/dKT8z8L+g8hC4GC3VQ==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
| 
						 | 
				
			
			@ -5814,16 +5673,6 @@ packages:
 | 
			
		|||
    resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==}
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/instrumenter@7.0.0:
 | 
			
		||||
    resolution: {integrity: sha512-A7jBrV7VM3OxRgall8rpjagy3VC78A/OV1g1aYVVLpAF/+Odj+MeHHF179+fR6JBLnBgukNfsG7/ZHHGs0gL5Q==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@storybook/channels': 7.0.0
 | 
			
		||||
      '@storybook/client-logger': 7.0.0
 | 
			
		||||
      '@storybook/core-events': 7.0.0
 | 
			
		||||
      '@storybook/global': 5.0.0
 | 
			
		||||
      '@storybook/preview-api': 7.0.0
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/instrumenter@7.0.2:
 | 
			
		||||
    resolution: {integrity: sha512-zr9/fuaYtGVUtcL8XgjA4Iq5jtzdcqQyOSH4XLXtz6JtSad3lkRagbJo2Vzbw7dO/4vzjfTMxEzvWjUuPxLOhA==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
| 
						 | 
				
			
			@ -5838,7 +5687,7 @@ packages:
 | 
			
		|||
    resolution: {integrity: sha512-TmybnEXlv5Fu2/Hq4nRj7alS9mw4CasLR0RDwaAzS+Vpvu1TC4+j9rh+b1BHtmWebbJh0JMT6mgzPqOyJdgtQA==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@storybook/expect': 27.5.2-0
 | 
			
		||||
      '@storybook/instrumenter': 7.0.0
 | 
			
		||||
      '@storybook/instrumenter': 7.0.2
 | 
			
		||||
      '@testing-library/jest-dom': 5.16.5
 | 
			
		||||
      jest-mock: 27.5.1
 | 
			
		||||
    dev: true
 | 
			
		||||
| 
						 | 
				
			
			@ -5889,26 +5738,6 @@ packages:
 | 
			
		|||
    resolution: {integrity: sha512-Hhiu3+N3ZDcbrhOCBJTDJbn/mC4l0v3ziyAP3yalq/2ZR9R5kfsEHHakKmswsKKV+ey0gNGijFTy3soU5oSs+A==}
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/preview-api@7.0.0:
 | 
			
		||||
    resolution: {integrity: sha512-Q0IYYH1gOmx42ClYlQfQPjuERBWM3Ey+3DFsLQaraKXDdgZ9wN7jPNuS7wxuUNylT0oa/3WjxT7qNfiGw8JtBw==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@storybook/channel-postmessage': 7.0.0
 | 
			
		||||
      '@storybook/channels': 7.0.0
 | 
			
		||||
      '@storybook/client-logger': 7.0.0
 | 
			
		||||
      '@storybook/core-events': 7.0.0
 | 
			
		||||
      '@storybook/csf': 0.0.2-next.11
 | 
			
		||||
      '@storybook/global': 5.0.0
 | 
			
		||||
      '@storybook/types': 7.0.0
 | 
			
		||||
      '@types/qs': 6.9.7
 | 
			
		||||
      dequal: 2.0.3
 | 
			
		||||
      lodash: 4.17.21
 | 
			
		||||
      memoizerific: 1.11.3
 | 
			
		||||
      qs: 6.11.1
 | 
			
		||||
      synchronous-promise: 2.0.17
 | 
			
		||||
      ts-dedent: 2.2.0
 | 
			
		||||
      util-deprecate: 1.0.2
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/preview-api@7.0.2:
 | 
			
		||||
    resolution: {integrity: sha512-QAlJM/r92+dQe/kB7MTTR9b/1mt9UJjxNjazGdEWipA/nw23kOF3o/hBcvKwBYkit4zGYsX70H+vuzW8hCo/lA==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
| 
						 | 
				
			
			@ -6078,15 +5907,6 @@ packages:
 | 
			
		|||
      react-dom: 18.2.0(react@18.2.0)
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/types@7.0.0:
 | 
			
		||||
    resolution: {integrity: sha512-eCMW/xTVMswgD/58itibw8s8f2hZ7tciT3saRdGCymg9tPUhMC/9eGIIUSr/C+xfnCJEZm6J6DgEUo1xlifonw==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@storybook/channels': 7.0.0
 | 
			
		||||
      '@types/babel__core': 7.20.0
 | 
			
		||||
      '@types/express': 4.17.17
 | 
			
		||||
      file-system-cache: 2.0.2
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@storybook/types@7.0.2:
 | 
			
		||||
    resolution: {integrity: sha512-0OCt/kAexa8MCcljxA+yZxGMn0n2U2Ync0KxotItqNbKBKVkaLQUls0+IXTWSCpC/QJvNZ049jxUHHanNi/96w==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
| 
						 | 
				
			
			@ -6544,7 +6364,7 @@ packages:
 | 
			
		|||
    resolution: {integrity: sha512-+n8dL/9GWblDO0iU6eZAwEIJVr5DWigtle+Q6HLOrh/pdbXOhOtqzq8VPPE2zvNJzSKY4vH/z3iT3tn0A3ypiQ==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@babel/parser': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.4
 | 
			
		||||
      '@types/babel__generator': 7.6.4
 | 
			
		||||
      '@types/babel__template': 7.4.1
 | 
			
		||||
      '@types/babel__traverse': 7.18.3
 | 
			
		||||
| 
						 | 
				
			
			@ -6553,20 +6373,20 @@ packages:
 | 
			
		|||
  /@types/babel__generator@7.6.4:
 | 
			
		||||
    resolution: {integrity: sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@babel/types': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.4
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@types/babel__template@7.4.1:
 | 
			
		||||
    resolution: {integrity: sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@babel/parser': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.4
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@types/babel__traverse@7.18.3:
 | 
			
		||||
    resolution: {integrity: sha512-1kbcJ40lLB7MHsj39U4Sh1uTd2E7rLEa79kmDpI6cy+XiXsteB3POdQomoq4FxszMrO3ZYchkhYJw7A2862b3w==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@babel/types': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.4
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /@types/bcryptjs@2.4.2:
 | 
			
		||||
| 
						 | 
				
			
			@ -10845,7 +10665,7 @@ packages:
 | 
			
		|||
    engines: {node: '>=8.3.0'}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@babel/traverse': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.4
 | 
			
		||||
      c8: 7.13.0
 | 
			
		||||
    transitivePeerDependencies:
 | 
			
		||||
      - supports-color
 | 
			
		||||
| 
						 | 
				
			
			@ -13821,36 +13641,6 @@ packages:
 | 
			
		|||
    resolution: {integrity: sha512-lJH6tJ77V8Nzd5QWRkFYCLc13a3vADkh3r/Fi8HupZGWk2OVVDfnZP8V/VgQgZ+lzW0kG2UGb5hFgt3V3ndotQ==}
 | 
			
		||||
    engines: {node: '>=0.1.90'}
 | 
			
		||||
 | 
			
		||||
  /jscodeshift@0.14.0(@babel/preset-env@7.20.2):
 | 
			
		||||
    resolution: {integrity: sha512-7eCC1knD7bLUPuSCwXsMZUH51O8jIcoVyKtI6P0XM0IVzlGjckPy3FIwQlorzbN0Sg79oK+RlohN32Mqf/lrYA==}
 | 
			
		||||
    hasBin: true
 | 
			
		||||
    peerDependencies:
 | 
			
		||||
      '@babel/preset-env': ^7.1.6
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@babel/core': 7.21.3
 | 
			
		||||
      '@babel/parser': 7.21.3
 | 
			
		||||
      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.21.3)
 | 
			
		||||
      '@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.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)
 | 
			
		||||
      babel-core: 7.0.0-bridge.0(@babel/core@7.21.3)
 | 
			
		||||
      chalk: 4.1.2
 | 
			
		||||
      flow-parser: 0.202.0
 | 
			
		||||
      graceful-fs: 4.2.11
 | 
			
		||||
      micromatch: 4.0.5
 | 
			
		||||
      neo-async: 2.6.2
 | 
			
		||||
      node-dir: 0.1.17
 | 
			
		||||
      recast: 0.21.5
 | 
			
		||||
      temp: 0.8.4
 | 
			
		||||
      write-file-atomic: 2.4.3
 | 
			
		||||
    transitivePeerDependencies:
 | 
			
		||||
      - supports-color
 | 
			
		||||
    dev: true
 | 
			
		||||
 | 
			
		||||
  /jscodeshift@0.14.0(@babel/preset-env@7.21.4):
 | 
			
		||||
    resolution: {integrity: sha512-7eCC1knD7bLUPuSCwXsMZUH51O8jIcoVyKtI6P0XM0IVzlGjckPy3FIwQlorzbN0Sg79oK+RlohN32Mqf/lrYA==}
 | 
			
		||||
    hasBin: true
 | 
			
		||||
| 
						 | 
				
			
			@ -19719,7 +19509,7 @@ packages:
 | 
			
		|||
    resolution: {integrity: sha512-jbOf7ByE3Zvtuk+429Jorl+eIeh2aB2Fx1GUo3xJd1aByJWE8KDlSEa6b11PB1ze8f0sRUBraRDinICCk0KY7g==}
 | 
			
		||||
    dependencies:
 | 
			
		||||
      '@babel/parser': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.3
 | 
			
		||||
      '@babel/types': 7.21.4
 | 
			
		||||
      '@vue/compiler-dom': 3.2.47
 | 
			
		||||
      '@vue/compiler-sfc': 3.2.47
 | 
			
		||||
      ast-types: 0.14.2
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue