Addon-docs: Refactor common libraries into docs-utils

2025-04-04 23:01:16 +08:00 · 2022-03-12 11:52:20 +08:00 · 2022-03-12 11:52:20 +08:00 · 8570188f6a
commit 8570188f6a
parent 208d2f930b
71 changed files with 526 additions and 553 deletions
--- a/addons/docs/common-preset.js
+++ b/addons/docs/common-preset.js
@ -1,19 +0,0 @@
-function managerEntries(entry = [], options) {
-  return [...entry, require.resolve('./dist/esm/register')];
-}
-
-function config(entry = [], options = {}) {
-  const { framework } = options;
-  const docsConfig = [require.resolve('./dist/esm/frameworks/common/config')];
-  try {
-    docsConfig.push(require.resolve(`./dist/esm/frameworks/${framework}/config`));
-  } catch (err) {
-    // there is no custom config for the user's framework, do nothing
-  }
-  return [...docsConfig, ...entry];
-}
-
-module.exports = {
-  managerEntries,
-  config,
-};
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@ -55,22 +55,17 @@
    "prepare": "node ../../scripts/prepare.js"
  },
  "dependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/generator": "^7.12.11",
-    "@babel/parser": "^7.12.11",
    "@babel/plugin-transform-react-jsx": "^7.12.12",
    "@babel/preset-env": "^7.12.11",
    "@jest/transform": "^26.6.2",
    "@mdx-js/react": "^1.6.22",
    "@storybook/addons": "6.5.0-alpha.47",
    "@storybook/api": "6.5.0-alpha.47",
-    "@storybook/builder-webpack4": "6.5.0-alpha.47",
-    "@storybook/client-logger": "6.5.0-alpha.47",
    "@storybook/components": "6.5.0-alpha.47",
-    "@storybook/core": "6.5.0-alpha.47",
+    "@storybook/core-common": "6.5.0-alpha.47",
    "@storybook/core-events": "6.5.0-alpha.47",
    "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/csf-tools": "6.5.0-alpha.47",
+    "@storybook/docs-tools": "6.5.0-alpha.47",
    "@storybook/mdx1-csf": "canary",
    "@storybook/node-logger": "6.5.0-alpha.47",
    "@storybook/postinstall": "6.5.0-alpha.47",
@ -78,134 +73,44 @@
    "@storybook/source-loader": "6.5.0-alpha.47",
    "@storybook/store": "6.5.0-alpha.47",
    "@storybook/theming": "6.5.0-alpha.47",
-    "acorn": "^7.4.1",
-    "acorn-jsx": "^5.3.1",
-    "acorn-walk": "^7.2.0",
    "core-js": "^3.8.2",
-    "doctrine": "^3.0.0",
-    "escodegen": "^2.0.0",
    "fast-deep-equal": "^3.1.3",
    "global": "^4.4.0",
-    "html-tags": "^3.1.0",
-    "loader-utils": "^2.0.0",
    "lodash": "^4.17.21",
-    "nanoid": "^3.1.23",
-    "p-limit": "^3.1.0",
-    "prettier": ">=2.2.1 <=2.3.0",
-    "prop-types": "^15.7.2",
-    "react-element-to-jsx-string": "^14.3.4",
-    "regenerator-runtime": "^0.13.7",
    "remark-external-links": "^8.0.0",
    "remark-slug": "^6.0.0",
    "ts-dedent": "^2.0.0",
    "util-deprecate": "^1.0.2"
  },
  "devDependencies": {
-    "@angular/core": "^11.2.14",
    "@babel/core": "^7.12.10",
-    "@emotion/core": "^10.3.1",
-    "@emotion/styled": "^10.0.27",
-    "@storybook/angular": "6.5.0-alpha.47",
-    "@storybook/html": "6.5.0-alpha.47",
    "@storybook/mdx2-csf": "canary",
-    "@storybook/react": "6.5.0-alpha.47",
-    "@storybook/vue": "6.5.0-alpha.47",
-    "@storybook/web-components": "6.5.0-alpha.47",
-    "@types/cross-spawn": "^6.0.2",
-    "@types/doctrine": "^0.0.3",
-    "@types/estree": "^0.0.44",
-    "@types/loader-utils": "^2.0.0",
-    "@types/prop-types": "^15.7.3",
-    "@types/tmp": "^0.2.0",
    "@types/util-deprecate": "^1.0.0",
    "babel-loader": "^8.0.0",
-    "babel-plugin-react-docgen": "^4.2.1",
-    "cross-spawn": "^7.0.3",
-    "jest": "^26.6.3",
-    "jest-specific-snapshot": "^4.0.0",
-    "lit-element": "^3.0.2",
-    "lit-html": "^2.0.2",
-    "require-from-string": "^2.0.2",
-    "rxjs": "^6.6.3",
-    "styled-components": "^5.2.1",
-    "sveltedoc-parser": "4.1.0",
-    "tmp": "^0.2.1",
-    "vue": "^2.6.10",
-    "webpack": "4",
-    "zone.js": "^0.11.3"
+    "webpack": "4"
  },
  "peerDependencies": {
-    "@storybook/angular": "6.5.0-alpha.47",
-    "@storybook/html": "6.5.0-alpha.47",
    "@storybook/mdx2-csf": "*",
-    "@storybook/react": "6.5.0-alpha.47",
-    "@storybook/vue": "6.5.0-alpha.47",
-    "@storybook/vue3": "6.5.0-alpha.47",
-    "@storybook/web-components": "6.5.0-alpha.47",
-    "lit": "^2.0.0",
-    "lit-html": "^1.4.1 || ^2.0.0",
    "react": "^16.8.0 || ^17.0.0",
    "react-dom": "^16.8.0 || ^17.0.0",
-    "svelte": "^3.31.2",
-    "sveltedoc-parser": "^4.1.0",
-    "vue": "^2.6.10 || ^3.0.0",
    "webpack": "*"
  },
  "peerDependenciesMeta": {
-    "@storybook/angular": {
-      "optional": true
-    },
    "@storybook/builder-webpack4": {
      "optional": true
    },
    "@storybook/builder-webpack5": {
      "optional": true
    },
-    "@storybook/html": {
-      "optional": true
-    },
-    "@storybook/manager-webpack4": {
-      "optional": true
-    },
-    "@storybook/manager-webpack5": {
-      "optional": true
-    },
    "@storybook/mdx2-csf": {
      "optional": true
    },
-    "@storybook/react": {
-      "optional": true
-    },
-    "@storybook/vue": {
-      "optional": true
-    },
-    "@storybook/vue3": {
-      "optional": true
-    },
-    "@storybook/web-components": {
-      "optional": true
-    },
-    "lit": {
-      "optional": true
-    },
-    "lit-html": {
-      "optional": true
-    },
    "react": {
      "optional": true
    },
    "react-dom": {
      "optional": true
    },
-    "svelte": {
-      "optional": true
-    },
-    "sveltedoc-parser": {
-      "optional": true
-    },
-    "vue": {
-      "optional": true
-    },
    "webpack": {
      "optional": true
    }
--- a/addons/docs/preset.js
+++ b/addons/docs/preset.js
@ -1,16 +1,16 @@
-const getFrameworkPresets = (framework) => {
-  try {
-    return [require.resolve(`./dist/cjs/frameworks/${framework}/preset`)];
-  } catch (err) {
-    // there is no custom config for the user's framework, do nothing
-    return [];
-  }
-};
+const { findDistEsm } = require('@storybook/core-common');
+const { webpack } = require('./dist/cjs/frameworks/common/preset');

-module.exports = (storybookOptions, presetOptions) => {
-  return [
-    { name: require.resolve('./common-preset'), options: presetOptions },
-    { name: require.resolve('./dist/cjs/frameworks/common/preset'), options: presetOptions },
-    ...getFrameworkPresets(storybookOptions.framework),
-  ];
+function managerEntries(entry = [], options) {
+  return [...entry, findDistEsm(__dirname, 'register')];
+}
+
+function config(entry = [], options = {}) {
+  return [findDistEsm(__dirname, 'frameworks/common/config'), ...entry];
+}
+
+module.exports = {
+  webpack,
+  managerEntries,
+  config,
 };
--- a/addons/docs/src/blocks/ArgsTable.tsx
+++ b/addons/docs/src/blocks/ArgsTable.tsx
@ -7,6 +7,7 @@ import {
  SortType,
  TabbedArgsTable,
 } from '@storybook/components';
+import { ArgTypesExtractor } from '@storybook/docs-tools';
 import { addons } from '@storybook/addons';
 import { filterArgTypes, PropDescriptor } from '@storybook/store';
 import Events from '@storybook/core-events';
@ -15,7 +16,6 @@ import { StrictArgTypes, Args } from '@storybook/csf';
 import { DocsContext, DocsContextProps } from './DocsContext';
 import { Component, CURRENT_SELECTION, PRIMARY_STORY } from './types';
 import { getComponentName } from './utils';
-import { ArgTypesExtractor } from '../lib/docgen/types';
 import { lookupStoryId } from './Story';
 import { useStory } from './useStory';

--- a/addons/docs/src/blocks/Description.tsx
+++ b/addons/docs/src/blocks/Description.tsx
@ -1,8 +1,9 @@
 import React, { FunctionComponent, useContext } from 'react';
 import { Description, DescriptionProps as PureDescriptionProps } from '@storybook/components';
+import { str } from '@storybook/docs-tools';
+
 import { DocsContext, DocsContextProps } from './DocsContext';
 import { Component, CURRENT_SELECTION } from './types';
-import { str } from '../lib/docgen';

 export enum DescriptionType {
  INFO = 'info',
--- a/addons/docs/src/lib/index.ts
+++ b/addons/docs/src/lib/index.ts
@ -1 +0,0 @@
-export * from './utils';
--- a/lib/docs-tools/README.md
+++ b/lib/docs-tools/README.md
@ -0,0 +1,6 @@
+# Storybook Docs Utils
+
+Shared utility functions for frameworks to implement docs
+
+- ArgType extraction
+- Dynamic snippet generation
--- a/lib/docs-tools/package.json
+++ b/lib/docs-tools/package.json
@ -0,0 +1,60 @@
+{
+  "name": "@storybook/docs-tools",
+  "version": "6.5.0-alpha.47",
+  "description": "Shared utility functions for frameworks to implement docs",
+  "keywords": [
+    "storybook"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/lib/docs-tools",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "lib/docs-tools"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/storybook"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/ts3.9/index.d.ts",
+  "typesVersions": {
+    "<3.8": {
+      "dist/ts3.9/*": [
+        "dist/ts3.4/*"
+      ]
+    }
+  },
+  "files": [
+    "dist/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "prepare": "node ../../scripts/prepare.js"
+  },
+  "dependencies": {
+    "@babel/core": "^7.12.10",
+    "@storybook/csf": "0.0.2--canary.87bc651.0",
+    "@storybook/store": "6.5.0-alpha.47",
+    "core-js": "^3.8.2",
+    "doctrine": "^3.0.0",
+    "lodash": "^4.17.21",
+    "regenerator-runtime": "^0.13.7"
+  },
+  "devDependencies": {
+    "jest-specific-snapshot": "^4.0.0",
+    "require-from-string": "^2.0.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "af457c20c773f57bea0504bf525a2f74852fe94a",
+  "sbmodern": "dist/modern/index.js"
+}
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/proptypes/arrays.js
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/proptypes/arrays.js
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/proptypes/enums.js
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/proptypes/enums.js
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/proptypes/misc.js
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/proptypes/misc.js
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/proptypes/objects.js
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/proptypes/objects.js
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/proptypes/react.js
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/proptypes/react.js
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/proptypes/scalars.js
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/proptypes/scalars.js
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/aliases.tsx
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/aliases.tsx
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/arrays.tsx
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/arrays.tsx
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/enums.tsx
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/enums.tsx
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/functions.tsx
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/functions.tsx
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/interfaces.tsx
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/interfaces.tsx
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/intersections.tsx
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/intersections.tsx
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/optionals.tsx
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/optionals.tsx
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/records.tsx
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/records.tsx
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/scalars.tsx
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/scalars.tsx
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/tuples.tsx
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/tuples.tsx
--- a/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/unions.tsx
+++ b/lib/docs-tools/src/argTypes/convert/testfixtures/typescript/unions.tsx
--- a/lib/docs-tools/src/argTypes/convert/convert.test.ts
+++ b/lib/docs-tools/src/argTypes/convert/convert.test.ts
--- a/lib/docs-tools/src/argTypes/convert/flow/convert.ts
+++ b/lib/docs-tools/src/argTypes/convert/flow/convert.ts
--- a/lib/docs-tools/src/argTypes/convert/flow/index.ts
+++ b/lib/docs-tools/src/argTypes/convert/flow/index.ts
--- a/lib/docs-tools/src/argTypes/convert/flow/types.ts
+++ b/lib/docs-tools/src/argTypes/convert/flow/types.ts
--- a/lib/docs-tools/src/argTypes/convert/index.ts
+++ b/lib/docs-tools/src/argTypes/convert/index.ts
--- a/lib/docs-tools/src/argTypes/convert/proptypes/convert.ts
+++ b/lib/docs-tools/src/argTypes/convert/proptypes/convert.ts
--- a/lib/docs-tools/src/argTypes/convert/proptypes/index.ts
+++ b/lib/docs-tools/src/argTypes/convert/proptypes/index.ts
--- a/lib/docs-tools/src/argTypes/convert/proptypes/types.ts
+++ b/lib/docs-tools/src/argTypes/convert/proptypes/types.ts
--- a/lib/docs-tools/src/argTypes/convert/typescript/convert.ts
+++ b/lib/docs-tools/src/argTypes/convert/typescript/convert.ts
--- a/lib/docs-tools/src/argTypes/convert/typescript/index.ts
+++ b/lib/docs-tools/src/argTypes/convert/typescript/index.ts
--- a/lib/docs-tools/src/argTypes/convert/typescript/types.ts
+++ b/lib/docs-tools/src/argTypes/convert/typescript/types.ts
--- a/lib/docs-tools/src/argTypes/convert/utils.ts
+++ b/lib/docs-tools/src/argTypes/convert/utils.ts
--- a/lib/docs-tools/src/argTypes/docgen/PropDef.ts
+++ b/lib/docs-tools/src/argTypes/docgen/PropDef.ts
--- a/lib/docs-tools/src/argTypes/docgen/createPropDef.ts
+++ b/lib/docs-tools/src/argTypes/docgen/createPropDef.ts
@ -1,4 +1,4 @@
-import { PropDefaultValue } from '@storybook/components';
+import { PropDefaultValue } from './PropDef';
 import { PropDef, TypeSystem, DocgenInfo, DocgenType, DocgenPropDefaultValue } from './types';
 import { JsDocParsingResult } from '../jsdocParser';
 import { createSummaryValue } from '../utils';
--- a/lib/docs-tools/src/argTypes/docgen/extractDocgenProps.test.ts
+++ b/lib/docs-tools/src/argTypes/docgen/extractDocgenProps.test.ts
@ -1,6 +1,6 @@
 /* eslint-disable no-underscore-dangle */

-import { Component } from '../../blocks/types';
+import { Component } from '../types';
 import { extractComponentProps } from './extractDocgenProps';

 const DOCGEN_SECTION = 'props';
--- a/lib/docs-tools/src/argTypes/docgen/extractDocgenProps.ts
+++ b/lib/docs-tools/src/argTypes/docgen/extractDocgenProps.ts
@ -1,4 +1,4 @@
-import { Component } from '../../blocks/types';
+import { Component } from '../types';
 import { ExtractedJsDoc, parseJsDoc } from '../jsdocParser';
 import { PropDef, DocgenInfo, TypeSystem } from './types';
 import { getDocgenSection, isValidDocgenSection, getDocgenDescription } from './utils';
--- a/lib/docs-tools/src/argTypes/docgen/flow/createDefaultValue.ts
+++ b/lib/docs-tools/src/argTypes/docgen/flow/createDefaultValue.ts
@ -1,4 +1,4 @@
-import { PropDefaultValue } from '@storybook/components';
+import { PropDefaultValue } from '../PropDef';
 import { DocgenPropDefaultValue, DocgenPropType } from '../types';
 import { createSummaryValue, isTooLongForDefaultValueSummary } from '../../utils';
 import { isDefaultValueBlacklisted } from '../utils/defaultValue';
--- a/lib/docs-tools/src/argTypes/docgen/flow/createPropDef.test.ts
+++ b/lib/docs-tools/src/argTypes/docgen/flow/createPropDef.test.ts
--- a/lib/docs-tools/src/argTypes/docgen/flow/createPropDef.ts
+++ b/lib/docs-tools/src/argTypes/docgen/flow/createPropDef.ts
--- a/lib/docs-tools/src/argTypes/docgen/flow/createType.ts
+++ b/lib/docs-tools/src/argTypes/docgen/flow/createType.ts
@ -1,4 +1,4 @@
-import { PropType } from '@storybook/components';
+import { PropType } from '../PropDef';
 import { DocgenFlowType } from '../types';
 import { createSummaryValue, isTooLongForTypeSummary } from '../../utils';

--- a/lib/docs-tools/src/argTypes/docgen/index.ts
+++ b/lib/docs-tools/src/argTypes/docgen/index.ts
@ -1,3 +1,4 @@
 export * from './types';
 export * from './utils';
 export * from './extractDocgenProps';
+export * from './PropDef';
--- a/lib/docs-tools/src/argTypes/docgen/typeScript/createDefaultValue.ts
+++ b/lib/docs-tools/src/argTypes/docgen/typeScript/createDefaultValue.ts
@ -1,4 +1,4 @@
-import { PropDefaultValue } from '@storybook/components';
+import { PropDefaultValue } from '../PropDef';
 import { DocgenInfo } from '../types';
 import { createSummaryValue } from '../../utils';
 import { isDefaultValueBlacklisted } from '../utils/defaultValue';
--- a/lib/docs-tools/src/argTypes/docgen/typeScript/createPropDef.test.ts
+++ b/lib/docs-tools/src/argTypes/docgen/typeScript/createPropDef.test.ts
--- a/lib/docs-tools/src/argTypes/docgen/typeScript/createPropDef.ts
+++ b/lib/docs-tools/src/argTypes/docgen/typeScript/createPropDef.ts
--- a/lib/docs-tools/src/argTypes/docgen/typeScript/createType.ts
+++ b/lib/docs-tools/src/argTypes/docgen/typeScript/createType.ts
@ -1,4 +1,4 @@
-import { PropType } from '@storybook/components';
+import { PropType } from '../PropDef';
 import { DocgenInfo } from '../types';
 import { createSummaryValue } from '../../utils';

--- a/lib/docs-tools/src/argTypes/docgen/types.ts
+++ b/lib/docs-tools/src/argTypes/docgen/types.ts
@ -1,6 +1,6 @@
 import type { StrictArgTypes } from '@storybook/csf';
 import type { PropDef } from './PropDef';
-import type { Component } from '../../blocks/types';
+import type { Component } from '../types';

 export type PropsExtractor = (component: Component) => { rows?: PropDef[] } | null;

--- a/lib/docs-tools/src/argTypes/docgen/utils/defaultValue.ts
+++ b/lib/docs-tools/src/argTypes/docgen/utils/defaultValue.ts
--- a/lib/docs-tools/src/argTypes/docgen/utils/docgenInfo.ts
+++ b/lib/docs-tools/src/argTypes/docgen/utils/docgenInfo.ts
@ -1,6 +1,6 @@
 /* eslint-disable no-underscore-dangle */

-import { Component } from '../../../blocks/types';
+import { Component } from '../../types';
 import { str } from './string';

 export function hasDocgen(component: Component): boolean {
--- a/lib/docs-tools/src/argTypes/docgen/utils/index.ts
+++ b/lib/docs-tools/src/argTypes/docgen/utils/index.ts
--- a/lib/docs-tools/src/argTypes/docgen/utils/string.ts
+++ b/lib/docs-tools/src/argTypes/docgen/utils/string.ts
--- a/lib/docs-tools/src/argTypes/enhanceArgTypes.test.ts
+++ b/lib/docs-tools/src/argTypes/enhanceArgTypes.test.ts
@ -0,0 +1,269 @@
+import type { ArgTypes } from '@storybook/api';
+import type { StrictInputType } from '@storybook/csf';
+import { enhanceArgTypes } from './enhanceArgTypes';
+
+expect.addSnapshotSerializer({
+  print: (val: any) => JSON.stringify(val, null, 2),
+  test: (val) => typeof val !== 'string',
+});
+
+const enhance = ({
+  argType,
+  arg,
+  extractedArgTypes,
+  isArgsStory = true,
+}: {
+  argType?: StrictInputType;
+  arg?: any;
+  extractedArgTypes?: ArgTypes;
+  isArgsStory?: boolean;
+}) => {
+  const context = {
+    componentId: 'foo',
+    title: 'foo',
+    kind: 'foo',
+    id: 'foo--bar',
+    name: 'bar',
+    story: 'bar',
+    component: 'dummy',
+    parameters: {
+      __isArgsStory: isArgsStory,
+      docs: {
+        extractArgTypes: extractedArgTypes && (() => extractedArgTypes),
+      },
+    },
+    argTypes: argType && { input: argType },
+    initialArgs: { input: arg },
+    args: { input: arg },
+    globals: {},
+  };
+  return enhanceArgTypes(context);
+};
+
+describe('enhanceArgTypes', () => {
+  describe('no-args story function', () => {
+    it('should no-op', () => {
+      expect(
+        enhance({
+          argType: { name: 'input', foo: 'unmodified', type: { name: 'number' } },
+          isArgsStory: false,
+        }).input
+      ).toMatchInlineSnapshot(`
+        {
+          "name": "input",
+          "foo": "unmodified",
+          "type": {
+            "name": "number"
+          }
+        }
+      `);
+    });
+  });
+  describe('args story function', () => {
+    describe('single-source input', () => {
+      describe('argTypes input', () => {
+        it('number', () => {
+          expect(
+            enhance({
+              argType: { name: 'input', type: { name: 'number' } },
+            }).input
+          ).toMatchInlineSnapshot(`
+            {
+              "name": "input",
+              "type": {
+                "name": "number"
+              }
+            }
+          `);
+        });
+      });
+
+      describe('extraction from component', () => {
+        it('number', () => {
+          expect(
+            enhance({ extractedArgTypes: { input: { name: 'input', type: { name: 'number' } } } })
+              .input
+          ).toMatchInlineSnapshot(`
+            {
+              "name": "input",
+              "type": {
+                "name": "number"
+              }
+            }
+          `);
+        });
+      });
+
+      describe('controls input', () => {
+        it('range', () => {
+          expect(
+            enhance({
+              argType: { name: 'input', control: { type: 'range', min: 0, max: 100 } },
+            }).input
+          ).toMatchInlineSnapshot(`
+            {
+              "name": "input",
+              "control": {
+                "type": "range",
+                "min": 0,
+                "max": 100
+              }
+            }
+          `);
+        });
+        it('options', () => {
+          expect(
+            enhance({
+              argType: { name: 'input', control: { type: 'radio', options: [1, 2] } },
+            }).input
+          ).toMatchInlineSnapshot(`
+            {
+              "name": "input",
+              "control": {
+                "type": "radio",
+                "options": [
+                  1,
+                  2
+                ]
+              }
+            }
+          `);
+        });
+      });
+    });
+
+    describe('mixed-source input', () => {
+      it('user-specified argTypes take precedence over extracted argTypes', () => {
+        expect(
+          enhance({
+            argType: { name: 'input', type: { name: 'number' } },
+            extractedArgTypes: { input: { type: { name: 'string' } } },
+          }).input
+        ).toMatchInlineSnapshot(`
+          {
+            "type": {
+              "name": "number"
+            },
+            "name": "input"
+          }
+        `);
+      });
+
+      it('user-specified argTypes take precedence over inferred argTypes', () => {
+        expect(
+          enhance({
+            argType: { name: 'input', type: { name: 'number' } },
+            arg: 'hello',
+          }).input
+        ).toMatchInlineSnapshot(`
+          {
+            "name": "input",
+            "type": {
+              "name": "number"
+            }
+          }
+        `);
+      });
+
+      it('extracted argTypes take precedence over inferred argTypes', () => {
+        expect(
+          enhance({
+            extractedArgTypes: { input: { type: { name: 'string' } } },
+            arg: 6,
+          }).input
+        ).toMatchInlineSnapshot(`
+          {
+            "type": {
+              "name": "string"
+            }
+          }
+        `);
+      });
+
+      it('user-specified controls take precedence over inferred controls', () => {
+        expect(
+          enhance({
+            argType: { name: 'input', defaultValue: 5, control: { type: 'range', step: 50 } },
+            arg: 3,
+            extractedArgTypes: { input: { name: 'input' } },
+          }).input
+        ).toMatchInlineSnapshot(`
+          {
+            "name": "input",
+            "defaultValue": 5,
+            "control": {
+              "type": "range",
+              "step": 50
+            }
+          }
+        `);
+      });
+
+      it('includes extracted argTypes when there are no user-specified argTypes', () => {
+        expect(
+          enhance({
+            arg: 3,
+            extractedArgTypes: { input: { name: 'input' }, foo: { type: { name: 'number' } } },
+          })
+        ).toMatchInlineSnapshot(`
+          {
+            "input": {
+              "name": "input"
+            },
+            "foo": {
+              "type": {
+                "name": "number"
+              }
+            }
+          }
+        `);
+      });
+
+      it('includes extracted argTypes when user-specified argTypes match', () => {
+        expect(
+          enhance({
+            argType: { name: 'input', type: { name: 'number' } },
+            extractedArgTypes: { input: { name: 'input' }, foo: { type: { name: 'number' } } },
+          })
+        ).toMatchInlineSnapshot(`
+          {
+            "input": {
+              "name": "input",
+              "type": {
+                "name": "number"
+              }
+            },
+            "foo": {
+              "type": {
+                "name": "number"
+              }
+            }
+          }
+        `);
+      });
+
+      it('excludes extracted argTypes when user-specified argTypes do not match', () => {
+        expect(
+          enhance({
+            argType: { name: 'input', type: { name: 'number' } },
+            extractedArgTypes: { foo: { type: { name: 'number' } } },
+          })
+        ).toMatchInlineSnapshot(`
+          {
+            "foo": {
+              "type": {
+                "name": "number"
+              }
+            },
+            "input": {
+              "name": "input",
+              "type": {
+                "name": "number"
+              }
+            }
+          }
+        `);
+      });
+    });
+  });
+});
--- a/lib/docs-tools/src/argTypes/enhanceArgTypes.ts
+++ b/lib/docs-tools/src/argTypes/enhanceArgTypes.ts
@ -0,0 +1,20 @@
+import { AnyFramework, StoryContextForEnhancers } from '@storybook/csf';
+import { combineParameters } from '@storybook/store';
+
+export const enhanceArgTypes = <TFramework extends AnyFramework>(
+  context: StoryContextForEnhancers<TFramework>
+) => {
+  const {
+    component,
+    argTypes: userArgTypes,
+    parameters: { docs = {} },
+  } = context;
+  const { extractArgTypes } = docs;
+
+  const extractedArgTypes = extractArgTypes && component ? extractArgTypes(component) : {};
+  const withExtractedTypes = extractedArgTypes
+    ? combineParameters(extractedArgTypes, userArgTypes)
+    : userArgTypes;
+
+  return withExtractedTypes;
+};
--- a/lib/docs-tools/src/argTypes/index.ts
+++ b/lib/docs-tools/src/argTypes/index.ts
@ -0,0 +1,8 @@
+export * from './convert';
+export * from './docgen';
+
+export * from './jsdocParser';
+export * from './types';
+export * from './utils';
+
+export * from './enhanceArgTypes';
--- a/lib/docs-tools/src/argTypes/jsdocParser.test.ts
+++ b/lib/docs-tools/src/argTypes/jsdocParser.test.ts
--- a/lib/docs-tools/src/argTypes/jsdocParser.ts
+++ b/lib/docs-tools/src/argTypes/jsdocParser.ts
--- a/lib/docs-tools/src/argTypes/types.ts
+++ b/lib/docs-tools/src/argTypes/types.ts
@ -0,0 +1 @@
+export type Component = any;
--- a/lib/docs-tools/src/argTypes/typings.d.ts
+++ b/lib/docs-tools/src/argTypes/typings.d.ts
@ -0,0 +1 @@
+declare module 'require-from-string';
--- a/lib/docs-tools/src/argTypes/utils.test.ts
+++ b/lib/docs-tools/src/argTypes/utils.test.ts
--- a/lib/docs-tools/src/argTypes/utils.ts
+++ b/lib/docs-tools/src/argTypes/utils.ts
@ -1,4 +1,4 @@
-import { PropSummaryValue } from '@storybook/components';
+import { PropSummaryValue } from './docgen';

 export const MAX_TYPE_SUMMARY_LENGTH = 90;
 export const MAX_DEFAULT_VALUE_SUMMARY_LENGTH = 50;
--- a/lib/docs-tools/src/index.ts
+++ b/lib/docs-tools/src/index.ts
@ -0,0 +1,2 @@
+export * from './argTypes';
+export * from './shared';
--- a/lib/docs-tools/src/shared.ts
+++ b/lib/docs-tools/src/shared.ts
@ -0,0 +1,28 @@
+export const ADDON_ID = 'storybook/docs';
+export const PANEL_ID = `${ADDON_ID}/panel`;
+export const PARAM_KEY = `docs`;
+
+export const SNIPPET_RENDERED = `${ADDON_ID}/snippet-rendered`;
+
+export enum SourceType {
+  /**
+   * AUTO is the default
+   *
+   * Use the CODE logic if:
+   * - the user has set a custom source snippet in `docs.source.code` story parameter
+   * - the story is not an args-based story
+   *
+   * Use the DYNAMIC rendered snippet if the story is an args story
+   */
+  AUTO = 'auto',
+
+  /**
+   * Render the code extracted by source-loader
+   */
+  CODE = 'code',
+
+  /**
+   * Render dynamically-rendered source snippet from the story's virtual DOM (currently React only)
+   */
+  DYNAMIC = 'dynamic',
+}
--- a/lib/docs-tools/tsconfig.json
+++ b/lib/docs-tools/tsconfig.json
@ -0,0 +1,20 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": [
+      "node"
+    ]
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "src/**/*.test.*",
+    "src/**/tests/**/*",
+    "src/**/__tests__/**/*",
+    "src/**/*.stories.*",
+    "src/**/*.mockdata.*",
+    "src/**/__testfixtures__/**"
+  ]
+}
--- a/nx.json
+++ b/nx.json
@ -70,6 +70,9 @@
    "@storybook/angular": {
      "implicitDependencies": []
    },
+    "@storybook/docs-tools": {
+      "implicitDependencies": []
+    },
    "@storybook/ember": {
      "implicitDependencies": []
    },
--- a/package.json
+++ b/package.json
@ -164,6 +164,7 @@
    "@storybook/core": "workspace:*",
    "@storybook/core-events": "workspace:*",
    "@storybook/csf-tools": "workspace:*",
+    "@storybook/docs-tools": "workspace:*",
    "@storybook/ember": "workspace:*",
    "@storybook/eslint-config-storybook": "^2.4.0",
    "@storybook/html": "workspace:*",
--- a/workspace.json
+++ b/workspace.json
@ -69,6 +69,10 @@
      "root": "app/angular",
      "type": "library"
    },
+    "@storybook/docs-tools": {
+      "root": "app/docs-tools",
+      "type": "library"
+    },
    "@storybook/ember": {
      "root": "app/ember",
      "type": "library"
--- a/yarn.lock
+++ b/yarn.lock
@ -2768,32 +2768,6 @@ __metadata:
  languageName: node
  linkType: hard

-"@ember/test-helpers@npm:^2.1.4":
-  version: 2.6.0
-  resolution: "@ember/test-helpers@npm:2.6.0"
-  dependencies:
-    "@ember/test-waiters": ^3.0.0
-    broccoli-debug: ^0.6.5
-    broccoli-funnel: ^3.0.8
-    ember-cli-babel: ^7.26.6
-    ember-cli-htmlbars: ^5.7.1
-    ember-destroyable-polyfill: ^2.0.3
-  checksum: 76f125590f683e4af22be0242657fe4ccbfd97950d8db33f17519638e9a84ba859489650410b80f2ec8d81eb34f577883f65309a2fc63c178ff75759ebc18b35
-  languageName: node
-  linkType: hard
-
-"@ember/test-waiters@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "@ember/test-waiters@npm:3.0.1"
-  dependencies:
-    calculate-cache-key-for-tree: ^2.0.0
-    ember-cli-babel: ^7.26.6
-    ember-cli-version-checker: ^5.1.2
-    semver: ^7.3.5
-  checksum: 5c4ed1a8e6851a8cfbccad268073932920bc575b36e22da2351feeab2ee73810f620d707194c73c6dff0a5aca3440952102b96519cd54cc4f9cc4957a1abcf41
-  languageName: node
-  linkType: hard
-
 "@emotion/cache@npm:^10.0.27":
  version: 10.0.29
  resolution: "@emotion/cache@npm:10.0.29"
@ -2840,7 +2814,7 @@ __metadata:
  languageName: node
  linkType: hard

-"@emotion/is-prop-valid@npm:0.8.8, @emotion/is-prop-valid@npm:^0.8.1, @emotion/is-prop-valid@npm:^0.8.6, @emotion/is-prop-valid@npm:^0.8.8":
+"@emotion/is-prop-valid@npm:0.8.8, @emotion/is-prop-valid@npm:^0.8.1, @emotion/is-prop-valid@npm:^0.8.6":
  version: 0.8.8
  resolution: "@emotion/is-prop-valid@npm:0.8.8"
  dependencies:
@ -2914,14 +2888,14 @@ __metadata:
  languageName: node
  linkType: hard

-"@emotion/stylis@npm:0.8.5, @emotion/stylis@npm:^0.8.4":
+"@emotion/stylis@npm:0.8.5":
  version: 0.8.5
  resolution: "@emotion/stylis@npm:0.8.5"
  checksum: f109e3f11cb0d48e8658aaa23578c5bcfe35e297819cfb089a3de6ba8dc0f89b0960474922690c6028df5d2e1895b4967f2fb280642c030054c312f1e137ce26
  languageName: node
  linkType: hard

-"@emotion/unitless@npm:0.7.5, @emotion/unitless@npm:^0.7.0, @emotion/unitless@npm:^0.7.4":
+"@emotion/unitless@npm:0.7.5, @emotion/unitless@npm:^0.7.0":
  version: 0.7.5
  resolution: "@emotion/unitless@npm:0.7.5"
  checksum: 4d0d94f53cb97b4481bbfa394953e1899a0b877644642ba9dd7247c27eb8c48e14e22aeb11411d7d9874685ad85dd5fb5b50eb78c6d8840eb56a84b92dcef2f4
@ -4492,13 +4466,6 @@ __metadata:
  languageName: node
  linkType: hard

-"@lit/reactive-element@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "@lit/reactive-element@npm:1.3.0"
-  checksum: a92a6762d8d9f1be19720021034fb20c6e446a6c530257668e536a0468156fa44276b301d0b1ffa34161ec986e09628a477542a0e40acfc37edbc7f29c7b7f39
-  languageName: node
-  linkType: hard
-
 "@mdx-js/mdx@npm:^1.6.22":
  version: 1.6.22
  resolution: "@mdx-js/mdx@npm:1.6.22"
@ -6353,134 +6320,53 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "@storybook/addon-docs@workspace:addons/docs"
  dependencies:
-    "@angular/core": ^11.2.14
    "@babel/core": ^7.12.10
-    "@babel/generator": ^7.12.11
-    "@babel/parser": ^7.12.11
    "@babel/plugin-transform-react-jsx": ^7.12.12
    "@babel/preset-env": ^7.12.11
-    "@emotion/core": ^10.3.1
-    "@emotion/styled": ^10.0.27
    "@jest/transform": ^26.6.2
    "@mdx-js/react": ^1.6.22
    "@storybook/addons": 6.5.0-alpha.47
-    "@storybook/angular": 6.5.0-alpha.47
    "@storybook/api": 6.5.0-alpha.47
-    "@storybook/builder-webpack4": 6.5.0-alpha.47
-    "@storybook/client-logger": 6.5.0-alpha.47
    "@storybook/components": 6.5.0-alpha.47
-    "@storybook/core": 6.5.0-alpha.47
+    "@storybook/core-common": 6.5.0-alpha.47
    "@storybook/core-events": 6.5.0-alpha.47
    "@storybook/csf": 0.0.2--canary.87bc651.0
-    "@storybook/csf-tools": 6.5.0-alpha.47
-    "@storybook/html": 6.5.0-alpha.47
+    "@storybook/docs-tools": 6.5.0-alpha.47
    "@storybook/mdx1-csf": canary
    "@storybook/mdx2-csf": canary
    "@storybook/node-logger": 6.5.0-alpha.47
    "@storybook/postinstall": 6.5.0-alpha.47
    "@storybook/preview-web": 6.5.0-alpha.47
-    "@storybook/react": 6.5.0-alpha.47
    "@storybook/source-loader": 6.5.0-alpha.47
    "@storybook/store": 6.5.0-alpha.47
    "@storybook/theming": 6.5.0-alpha.47
-    "@storybook/vue": 6.5.0-alpha.47
-    "@storybook/web-components": 6.5.0-alpha.47
-    "@types/cross-spawn": ^6.0.2
-    "@types/doctrine": ^0.0.3
-    "@types/estree": ^0.0.44
-    "@types/loader-utils": ^2.0.0
-    "@types/prop-types": ^15.7.3
-    "@types/tmp": ^0.2.0
    "@types/util-deprecate": ^1.0.0
-    acorn: ^7.4.1
-    acorn-jsx: ^5.3.1
-    acorn-walk: ^7.2.0
    babel-loader: ^8.0.0
-    babel-plugin-react-docgen: ^4.2.1
    core-js: ^3.8.2
-    cross-spawn: ^7.0.3
-    doctrine: ^3.0.0
-    escodegen: ^2.0.0
    fast-deep-equal: ^3.1.3
    global: ^4.4.0
-    html-tags: ^3.1.0
-    jest: ^26.6.3
-    jest-specific-snapshot: ^4.0.0
-    lit-element: ^3.0.2
-    lit-html: ^2.0.2
-    loader-utils: ^2.0.0
    lodash: ^4.17.21
-    nanoid: ^3.1.23
-    p-limit: ^3.1.0
-    prettier: ">=2.2.1 <=2.3.0"
-    prop-types: ^15.7.2
-    react-element-to-jsx-string: ^14.3.4
-    regenerator-runtime: ^0.13.7
    remark-external-links: ^8.0.0
    remark-slug: ^6.0.0
-    require-from-string: ^2.0.2
-    rxjs: ^6.6.3
-    styled-components: ^5.2.1
-    sveltedoc-parser: 4.1.0
-    tmp: ^0.2.1
    ts-dedent: ^2.0.0
    util-deprecate: ^1.0.2
-    vue: ^2.6.10
    webpack: 4
-    zone.js: ^0.11.3
  peerDependencies:
-    "@storybook/angular": 6.5.0-alpha.47
-    "@storybook/html": 6.5.0-alpha.47
    "@storybook/mdx2-csf": "*"
-    "@storybook/react": 6.5.0-alpha.47
-    "@storybook/vue": 6.5.0-alpha.47
-    "@storybook/vue3": 6.5.0-alpha.47
-    "@storybook/web-components": 6.5.0-alpha.47
-    lit: ^2.0.0
-    lit-html: ^1.4.1 || ^2.0.0
    react: ^16.8.0 || ^17.0.0
    react-dom: ^16.8.0 || ^17.0.0
-    svelte: ^3.31.2
-    sveltedoc-parser: ^4.1.0
-    vue: ^2.6.10 || ^3.0.0
    webpack: "*"
  peerDependenciesMeta:
-    "@storybook/angular":
-      optional: true
    "@storybook/builder-webpack4":
      optional: true
    "@storybook/builder-webpack5":
      optional: true
-    "@storybook/html":
-      optional: true
-    "@storybook/manager-webpack4":
-      optional: true
-    "@storybook/manager-webpack5":
-      optional: true
    "@storybook/mdx2-csf":
      optional: true
-    "@storybook/react":
-      optional: true
-    "@storybook/vue":
-      optional: true
-    "@storybook/vue3":
-      optional: true
-    "@storybook/web-components":
-      optional: true
-    lit:
-      optional: true
-    lit-html:
-      optional: true
    react:
      optional: true
    react-dom:
      optional: true
-    svelte:
-      optional: true
-    sveltedoc-parser:
-      optional: true
-    vue:
-      optional: true
    webpack:
      optional: true
  languageName: unknown
@ -6965,38 +6851,43 @@ __metadata:
    "@nrwl/workspace": ^11.6.3
    "@storybook/addons": 6.5.0-alpha.47
    "@storybook/api": 6.5.0-alpha.47
+    "@storybook/client-logger": 6.5.0-alpha.47
    "@storybook/core": 6.5.0-alpha.47
    "@storybook/core-common": 6.5.0-alpha.47
    "@storybook/core-events": 6.5.0-alpha.47
    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/docs-tools": 6.5.0-alpha.47
    "@storybook/node-logger": 6.5.0-alpha.47
    "@storybook/semver": ^7.3.2
    "@storybook/store": 6.5.0-alpha.47
    "@types/autoprefixer": ^9.7.2
-    "@types/jest": ^26.0.16
    "@types/node": ^14.14.20 || ^16.0.0
    "@types/react": ^16.14.23
    "@types/react-dom": ^16.9.14
    "@types/webpack-env": ^1.16.0
    autoprefixer: ^9.8.6
    core-js: ^3.8.2
+    cross-spawn: ^7.0.3
    find-up: ^5.0.0
    fork-ts-checker-webpack-plugin: ^4.1.6
    global: ^4.4.0
    jest: ^26.6.3
    jest-preset-angular: ^8.3.2
+    jest-specific-snapshot: ^4.0.0
+    nanoid: ^3.1.23
+    p-limit: ^3.1.0
    postcss: ^7.0.36
    postcss-loader: ^4.2.0
+    prettier: ">=2.2.1 <=2.3.0"
    raw-loader: ^4.0.2
    react: ^16.14.0
    react-dom: ^16.14.0
    read-pkg-up: ^7.0.1
    regenerator-runtime: ^0.13.7
    sass-loader: ^10.1.0
-    strip-json-comments: 3.1.1
    telejson: ^5.3.3
+    tmp: ^0.2.1
    ts-dedent: ^2.0.0
-    ts-jest: ^26.4.4
    ts-loader: ^8.0.14
    tsconfig-paths-webpack-plugin: ^3.3.0
    util-deprecate: ^1.0.2
@ -7699,6 +7590,22 @@ __metadata:
  languageName: node
  linkType: hard

+"@storybook/docs-tools@6.5.0-alpha.47, @storybook/docs-tools@workspace:*, @storybook/docs-tools@workspace:lib/docs-tools":
+  version: 0.0.0-use.local
+  resolution: "@storybook/docs-tools@workspace:lib/docs-tools"
+  dependencies:
+    "@babel/core": ^7.12.10
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/store": 6.5.0-alpha.47
+    core-js: ^3.8.2
+    doctrine: ^3.0.0
+    jest-specific-snapshot: ^4.0.0
+    lodash: ^4.17.21
+    regenerator-runtime: ^0.13.7
+    require-from-string: ^2.0.2
+  languageName: unknown
+  linkType: soft
+
 "@storybook/ember-cli-storybook@npm:^0.2.1":
  version: 0.2.1
  resolution: "@storybook/ember-cli-storybook@npm:0.2.1"
@ -7715,9 +7622,9 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "@storybook/ember@workspace:app/ember"
  dependencies:
-    "@ember/test-helpers": ^2.1.4
    "@storybook/core": 6.5.0-alpha.47
    "@storybook/core-common": 6.5.0-alpha.47
+    "@storybook/docs-tools": 6.5.0-alpha.47
    "@storybook/store": 6.5.0-alpha.47
    core-js: ^3.8.2
    global: ^4.4.0
@ -7808,10 +7715,10 @@ __metadata:
  resolution: "@storybook/html@workspace:app/html"
  dependencies:
    "@storybook/addons": 6.5.0-alpha.47
-    "@storybook/client-api": 6.5.0-alpha.47
    "@storybook/core": 6.5.0-alpha.47
    "@storybook/core-common": 6.5.0-alpha.47
    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/docs-tools": 6.5.0-alpha.47
    "@storybook/preview-web": 6.5.0-alpha.47
    "@storybook/store": 6.5.0-alpha.47
    "@types/node": ^14.14.20 || ^16.0.0
@ -7824,6 +7731,7 @@ __metadata:
    read-pkg-up: ^7.0.1
    regenerator-runtime: ^0.13.7
    ts-dedent: ^2.0.0
+    webpack: 4
  peerDependencies:
    "@babel/core": "*"
  bin:
@ -8183,33 +8091,42 @@ __metadata:
    "@babel/preset-react": ^7.12.10
    "@pmmmwh/react-refresh-webpack-plugin": ^0.5.3
    "@storybook/addons": 6.5.0-alpha.47
-    "@storybook/client-api": 6.5.0-alpha.47
+    "@storybook/client-logger": 6.5.0-alpha.47
    "@storybook/core": 6.5.0-alpha.47
    "@storybook/core-common": 6.5.0-alpha.47
    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/docs-tools": 6.5.0-alpha.47
    "@storybook/node-logger": 6.5.0-alpha.47
    "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0
    "@storybook/semver": ^7.3.2
    "@storybook/store": 6.5.0-alpha.47
    "@types/node": ^14.14.20 || ^16.0.0
-    "@types/prompts": ^2.0.9
+    "@types/util-deprecate": ^1.0.0
    "@types/webpack-env": ^1.16.0
+    acorn: ^7.4.1
+    acorn-jsx: ^5.3.1
+    acorn-walk: ^7.2.0
    babel-plugin-add-react-displayname: ^0.0.5
-    babel-plugin-named-asset-import: ^0.3.1
    babel-plugin-react-docgen: ^4.2.1
    core-js: ^3.8.2
+    escodegen: ^2.0.0
    global: ^4.4.0
+    html-tags: ^3.1.0
    lodash: ^4.17.21
    prop-types: ^15.7.2
+    react-element-to-jsx-string: ^14.3.4
    react-refresh: ^0.11.0
    read-pkg-up: ^7.0.1
    regenerator-runtime: ^0.13.7
    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
    webpack: 4
  peerDependencies:
    "@babel/core": ^7.11.5
+    jest-specific-snapshot: ^4.0.0
    react: ^16.8.0 || ^17.0.0
    react-dom: ^16.8.0 || ^17.0.0
+    require-from-string: ^2.0.2
  peerDependenciesMeta:
    "@babel/core":
      optional: true
@ -8297,6 +8214,7 @@ __metadata:
    "@storybook/core": "workspace:*"
    "@storybook/core-events": "workspace:*"
    "@storybook/csf-tools": "workspace:*"
+    "@storybook/docs-tools": "workspace:*"
    "@storybook/ember": "workspace:*"
    "@storybook/eslint-config-storybook": ^2.4.0
    "@storybook/html": "workspace:*"
@ -8617,21 +8535,27 @@ __metadata:
  resolution: "@storybook/svelte@workspace:app/svelte"
  dependencies:
    "@storybook/addons": 6.5.0-alpha.47
+    "@storybook/client-logger": 6.5.0-alpha.47
    "@storybook/core": 6.5.0-alpha.47
    "@storybook/core-common": 6.5.0-alpha.47
    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/docs-tools": 6.5.0-alpha.47
+    "@storybook/node-logger": 6.5.0-alpha.47
    "@storybook/store": 6.5.0-alpha.47
+    "@types/loader-utils": ^2.0.0
    "@types/webpack-env": ^1.16.0
    core-js: ^3.8.2
    global: ^4.4.0
+    loader-utils: ^2.0.0
    react: 16.14.0
    react-dom: 16.14.0
    read-pkg-up: ^7.0.1
    regenerator-runtime: ^0.13.7
    svelte: ^3.31.2
    svelte-loader: ^3.0.0
-    sveltedoc-parser: ^4.1.0
+    sveltedoc-parser: 4.1.0
    ts-dedent: ^2.0.0
+    webpack: 4
  peerDependencies:
    "@babel/core": "*"
    svelte: ^3.1.0
@ -8753,6 +8677,7 @@ __metadata:
    "@storybook/core": 6.5.0-alpha.47
    "@storybook/core-common": 6.5.0-alpha.47
    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/docs-tools": 6.5.0-alpha.47
    "@storybook/store": 6.5.0-alpha.47
    "@types/node": ^14.14.20 || ^16.0.0
    "@types/webpack-env": ^1.16.0
@ -8787,14 +8712,17 @@ __metadata:
  resolution: "@storybook/vue@workspace:app/vue"
  dependencies:
    "@storybook/addons": 6.5.0-alpha.47
+    "@storybook/client-logger": 6.5.0-alpha.47
    "@storybook/core": 6.5.0-alpha.47
    "@storybook/core-common": 6.5.0-alpha.47
    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/docs-tools": 6.5.0-alpha.47
    "@storybook/store": 6.5.0-alpha.47
    "@types/node": ^14.14.20 || ^16.0.0
    "@types/webpack-env": ^1.16.0
    core-js: ^3.8.2
    global: ^4.4.0
+    prettier: ">=2.2.1 <=2.3.0"
    react: 16.14.0
    react-dom: 16.14.0
    read-pkg-up: ^7.0.1
@ -8821,7 +8749,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@storybook/web-components@6.5.0-alpha.47, @storybook/web-components@workspace:*, @storybook/web-components@workspace:app/web-components":
+"@storybook/web-components@workspace:*, @storybook/web-components@workspace:app/web-components":
  version: 0.0.0-use.local
  resolution: "@storybook/web-components@workspace:app/web-components"
  dependencies:
@ -8830,9 +8758,11 @@ __metadata:
    "@babel/preset-env": ^7.12.11
    "@storybook/addons": 6.5.0-alpha.47
    "@storybook/client-api": 6.5.0-alpha.47
+    "@storybook/client-logger": 6.5.0-alpha.47
    "@storybook/core": 6.5.0-alpha.47
    "@storybook/core-common": 6.5.0-alpha.47
    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/docs-tools": 6.5.0-alpha.47
    "@storybook/preview-web": 6.5.0-alpha.47
    "@storybook/store": 6.5.0-alpha.47
    "@types/node": ^14.14.20 || ^16.0.0
@ -9597,13 +9527,6 @@ __metadata:
  languageName: node
  linkType: hard

-"@types/estree@npm:^0.0.44":
-  version: 0.0.44
-  resolution: "@types/estree@npm:0.0.44"
-  checksum: 3659c1f020b3b4351a30301a46ad0321189316bf75288823d606c4b561c5a64d28591712cd706763aafa35690c51dece35a7567c676896814c31e48ffc3b135f
-  languageName: node
-  linkType: hard
-
 "@types/estree@npm:^0.0.46":
  version: 0.0.46
  resolution: "@types/estree@npm:0.0.46"
@ -10398,13 +10321,6 @@ __metadata:
  languageName: node
  linkType: hard

-"@types/tmp@npm:^0.2.0":
-  version: 0.2.3
-  resolution: "@types/tmp@npm:0.2.3"
-  checksum: a9a32d723b483713ef537af31caddfcc2129ba21a0d56f5e4eef39508e07d415b1ec7327486d15b2cd4ac277deaaef0f8368ed1a0f4029e5ef5c393f9c15856b
-  languageName: node
-  linkType: hard
-
 "@types/trusted-types@npm:^2.0.2":
  version: 2.0.2
  resolution: "@types/trusted-types@npm:2.0.2"
@ -12443,7 +12359,7 @@ __metadata:
  languageName: node
  linkType: hard

-"acorn@npm:^8.0.0, acorn@npm:^8.2.4, acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.6.0":
+"acorn@npm:^8.0.0, acorn@npm:^8.2.4, acorn@npm:^8.4.1, acorn@npm:^8.5.0":
  version: 8.7.0
  resolution: "acorn@npm:8.7.0"
  bin:
@ -13434,21 +13350,6 @@ __metadata:
  languageName: node
  linkType: hard

-"async-disk-cache@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "async-disk-cache@npm:2.1.0"
-  dependencies:
-    debug: ^4.1.1
-    heimdalljs: ^0.2.3
-    istextorbinary: ^2.5.1
-    mkdirp: ^0.5.0
-    rimraf: ^3.0.0
-    rsvp: ^4.8.5
-    username-sync: ^1.0.2
-  checksum: 131110af8f0c21ebdc32154c6650bf9156589fcf2c237cf2935128855dc4d543db94c1b6315bf65c85dcc8c3d4d3e9ab4428983b5ee54d20bc6593735237088b
-  languageName: node
-  linkType: hard
-
 "async-each@npm:^1.0.1":
  version: 1.0.3
  resolution: "async-each@npm:1.0.3"
@ -13874,17 +13775,6 @@ __metadata:
  languageName: node
  linkType: hard

-"babel-plugin-debug-macros@npm:^0.2.0":
-  version: 0.2.0
-  resolution: "babel-plugin-debug-macros@npm:0.2.0"
-  dependencies:
-    semver: ^5.3.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-beta.42
-  checksum: d70d26a0e3ceeb5af0c91b0726448cec237f433afa5b493ba344a615f63ab29576c92e391f834c8c7cce57a549bf7a3e5f663771dac216daaf9887727090d901
-  languageName: node
-  linkType: hard
-
 "babel-plugin-debug-macros@npm:^0.3.3, babel-plugin-debug-macros@npm:^0.3.4":
  version: 0.3.4
  resolution: "babel-plugin-debug-macros@npm:0.3.4"
@ -13967,19 +13857,6 @@ __metadata:
  languageName: node
  linkType: hard

-"babel-plugin-htmlbars-inline-precompile@npm:^5.0.0":
-  version: 5.3.1
-  resolution: "babel-plugin-htmlbars-inline-precompile@npm:5.3.1"
-  dependencies:
-    babel-plugin-ember-modules-api-polyfill: ^3.5.0
-    line-column: ^1.0.2
-    magic-string: ^0.25.7
-    parse-static-imports: ^1.1.0
-    string.prototype.matchall: ^4.0.5
-  checksum: 8a93893d22f5dc6cb8c271c228311b3cb60b01df247f592e0d88df88b690114f7193fc2175c72de3ad3898a81a53dc0c407c6f059801315dea912e5628c9a5fa
-  languageName: node
-  linkType: hard
-
 "babel-plugin-istanbul@npm:^5.1.0":
  version: 5.2.0
  resolution: "babel-plugin-istanbul@npm:5.2.0"
@ -14074,7 +13951,7 @@ __metadata:
  languageName: node
  linkType: hard

-"babel-plugin-named-asset-import@npm:^0.3.1, babel-plugin-named-asset-import@npm:^0.3.6, babel-plugin-named-asset-import@npm:^0.3.7":
+"babel-plugin-named-asset-import@npm:^0.3.6, babel-plugin-named-asset-import@npm:^0.3.7":
  version: 0.3.8
  resolution: "babel-plugin-named-asset-import@npm:0.3.8"
  peerDependencies:
@ -14161,7 +14038,7 @@ __metadata:
  languageName: node
  linkType: hard

-"babel-plugin-styled-components@npm:>= 1, babel-plugin-styled-components@npm:>= 1.12.0":
+"babel-plugin-styled-components@npm:>= 1":
  version: 2.0.6
  resolution: "babel-plugin-styled-components@npm:2.0.6"
  dependencies:
@ -14597,7 +14474,7 @@ __metadata:
  languageName: node
  linkType: hard

-"binaryextensions@npm:1 || 2, binaryextensions@npm:^2.1.2":
+"binaryextensions@npm:1 || 2":
  version: 2.3.0
  resolution: "binaryextensions@npm:2.3.0"
  checksum: 5b118f3b864a9908109c93d0534e21983c0cf2e064c00e2866f60af3920179c85f1ca74275271b66c9381d8d5ea8c9bd254d50cf279dbcb3a9dfb9e40baaa3f2
@ -15069,21 +14946,6 @@ __metadata:
  languageName: node
  linkType: hard

-"broccoli-funnel@npm:^3.0.8":
-  version: 3.0.8
-  resolution: "broccoli-funnel@npm:3.0.8"
-  dependencies:
-    array-equal: ^1.0.0
-    broccoli-plugin: ^4.0.7
-    debug: ^4.1.1
-    fs-tree-diff: ^2.0.1
-    heimdalljs: ^0.2.0
-    minimatch: ^3.0.0
-    walk-sync: ^2.0.2
-  checksum: 0cffcd9e8b075151348a59ff37e20a3b235e70b3c8ae58c39b6dfe35d2242e00d06d670cac8a412b459a04fb6427ae186ddaf2834f6492ed4a96163f119c7f27
-  languageName: node
-  linkType: hard
-
 "broccoli-kitchen-sink-helpers@npm:^0.2.5":
  version: 0.2.9
  resolution: "broccoli-kitchen-sink-helpers@npm:0.2.9"
@ -15230,25 +15092,6 @@ __metadata:
  languageName: node
  linkType: hard

-"broccoli-persistent-filter@npm:^3.1.2":
-  version: 3.1.2
-  resolution: "broccoli-persistent-filter@npm:3.1.2"
-  dependencies:
-    async-disk-cache: ^2.0.0
-    async-promise-queue: ^1.0.3
-    broccoli-plugin: ^4.0.3
-    fs-tree-diff: ^2.0.0
-    hash-for-dep: ^1.5.0
-    heimdalljs: ^0.2.1
-    heimdalljs-logger: ^0.1.7
-    promise-map-series: ^0.2.1
-    rimraf: ^3.0.0
-    symlink-or-copy: ^1.0.1
-    sync-disk-cache: ^2.0.0
-  checksum: 349d716019c1e273eff4ef93233d7753e66610a5b9aacdcc4e1b3faecdc4ea7b2a9ed8ad982ae1ba7a5bce35a470637d4db0c9534300952582c630f4cc14485a
-  languageName: node
-  linkType: hard
-
 "broccoli-plugin@npm:1.1.0":
  version: 1.1.0
  resolution: "broccoli-plugin@npm:1.1.0"
@ -15300,7 +15143,7 @@ __metadata:
  languageName: node
  linkType: hard

-"broccoli-plugin@npm:^4.0.2, broccoli-plugin@npm:^4.0.3, broccoli-plugin@npm:^4.0.7":
+"broccoli-plugin@npm:^4.0.2":
  version: 4.0.7
  resolution: "broccoli-plugin@npm:4.0.7"
  dependencies:
@ -18355,17 +18198,6 @@ __metadata:
  languageName: node
  linkType: hard

-"css-to-react-native@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "css-to-react-native@npm:3.0.0"
-  dependencies:
-    camelize: ^1.0.0
-    css-color-keywords: ^1.0.0
-    postcss-value-parser: ^4.0.2
-  checksum: 03dcf5381ff6a888e3621aaffd812fd52df803d01c264b99142a9f73942007c2e953bd27339d6e2da2504a940a2b0d3cc702d3a737165703a0d8ae9c5626c1c1
-  languageName: node
-  linkType: hard
-
 "css-tree@npm:1.0.0-alpha.37":
  version: 1.0.0-alpha.37
  resolution: "css-tree@npm:1.0.0-alpha.37"
@ -19920,16 +19752,6 @@ __metadata:
  languageName: node
  linkType: hard

-"editions@npm:^2.2.0":
-  version: 2.3.1
-  resolution: "editions@npm:2.3.1"
-  dependencies:
-    errlop: ^2.0.0
-    semver: ^6.3.0
-  checksum: 18a507230eff7a16e4f6839323ba9a9c9504a3ae46efcf6d0512fe639a43e64c977f17b2f586987e319f8308674d148f0201e960ef29d3d0207e65f8fe5d77e9
-  languageName: node
-  linkType: hard
-
 "ee-first@npm:1.1.1":
  version: 1.1.1
  resolution: "ee-first@npm:1.1.1"
@ -20027,7 +19849,7 @@ __metadata:
  languageName: node
  linkType: hard

-"ember-cli-babel@npm:^7.1.2, ember-cli-babel@npm:^7.13.0, ember-cli-babel@npm:^7.13.2, ember-cli-babel@npm:^7.19.0, ember-cli-babel@npm:^7.22.1, ember-cli-babel@npm:^7.23.0, ember-cli-babel@npm:^7.26.6, ember-cli-babel@npm:^7.5.0, ember-cli-babel@npm:^7.7.3":
+"ember-cli-babel@npm:^7.1.2, ember-cli-babel@npm:^7.13.0, ember-cli-babel@npm:^7.13.2, ember-cli-babel@npm:^7.19.0, ember-cli-babel@npm:^7.22.1, ember-cli-babel@npm:^7.23.0, ember-cli-babel@npm:^7.5.0, ember-cli-babel@npm:^7.7.3":
  version: 7.26.11
  resolution: "ember-cli-babel@npm:7.26.11"
  dependencies:
@ -20094,30 +19916,6 @@ __metadata:
  languageName: node
  linkType: hard

-"ember-cli-htmlbars@npm:^5.7.1":
-  version: 5.7.2
-  resolution: "ember-cli-htmlbars@npm:5.7.2"
-  dependencies:
-    "@ember/edition-utils": ^1.2.0
-    babel-plugin-htmlbars-inline-precompile: ^5.0.0
-    broccoli-debug: ^0.6.5
-    broccoli-persistent-filter: ^3.1.2
-    broccoli-plugin: ^4.0.3
-    common-tags: ^1.8.0
-    ember-cli-babel-plugin-helpers: ^1.1.1
-    ember-cli-version-checker: ^5.1.2
-    fs-tree-diff: ^2.0.1
-    hash-for-dep: ^1.5.1
-    heimdalljs-logger: ^0.1.10
-    json-stable-stringify: ^1.0.1
-    semver: ^7.3.4
-    silent-error: ^1.1.1
-    strip-bom: ^4.0.0
-    walk-sync: ^2.2.0
-  checksum: 7c4e69947f396056af21d1b153bcb97dd958fcfc52cc1f7cd7e84a6dc90558ca4b63bc3a77066c96da519cdd7733b565d800c4ab3643d5010612b6e322dd15dc
-  languageName: node
-  linkType: hard
-
 "ember-cli-inject-live-reload@npm:^2.0.2":
  version: 2.1.0
  resolution: "ember-cli-inject-live-reload@npm:2.1.0"
@ -20260,7 +20058,7 @@ __metadata:
  languageName: node
  linkType: hard

-"ember-cli-version-checker@npm:^5.1.1, ember-cli-version-checker@npm:^5.1.2":
+"ember-cli-version-checker@npm:^5.1.1":
  version: 5.1.2
  resolution: "ember-cli-version-checker@npm:5.1.2"
  dependencies:
@ -20372,30 +20170,6 @@ __metadata:
  languageName: node
  linkType: hard

-"ember-compatibility-helpers@npm:^1.2.1":
-  version: 1.2.6
-  resolution: "ember-compatibility-helpers@npm:1.2.6"
-  dependencies:
-    babel-plugin-debug-macros: ^0.2.0
-    ember-cli-version-checker: ^5.1.1
-    find-up: ^5.0.0
-    fs-extra: ^9.1.0
-    semver: ^5.4.1
-  checksum: 691390534e43623b0e339540ef42362b97e142f136487e1031ff53afc2772cce94c3b0db7dab1e09446a58c2e23d3c075af00e87805e61fb2b2a164d81daa417
-  languageName: node
-  linkType: hard
-
-"ember-destroyable-polyfill@npm:^2.0.3":
-  version: 2.0.3
-  resolution: "ember-destroyable-polyfill@npm:2.0.3"
-  dependencies:
-    ember-cli-babel: ^7.22.1
-    ember-cli-version-checker: ^5.1.1
-    ember-compatibility-helpers: ^1.2.1
-  checksum: da2dbb6bbf7d0ca56d96aeba9ce46ad31cd3f690a376c2fdd9e6b3a111bb68c60765fd49e9a39ab7032011df7b28af21fb87a2a27e83582084bf2956b5441005
-  languageName: node
-  linkType: hard
-
 "ember-example@workspace:examples/ember-cli":
  version: 0.0.0-use.local
  resolution: "ember-example@workspace:examples/ember-cli"
@ -20910,13 +20684,6 @@ __metadata:
  languageName: node
  linkType: hard

-"errlop@npm:^2.0.0":
-  version: 2.2.0
-  resolution: "errlop@npm:2.2.0"
-  checksum: dd4bcd0cf9d3c0942dbfbf8c07d10715bbf06118d53f4b77102e8b653e421e3858abb613ff4e5f55df62f01fa54ea31a7cea620b05c43d20a2c040aac3c46085
-  languageName: node
-  linkType: hard
-
 "errno@npm:^0.1.1, errno@npm:^0.1.3, errno@npm:~0.1.1, errno@npm:~0.1.7":
  version: 0.1.8
  resolution: "errno@npm:0.1.8"
@ -21690,7 +21457,7 @@ __metadata:
  languageName: node
  linkType: hard

-"eslint-visitor-keys@npm:^3.0.0, eslint-visitor-keys@npm:^3.1.0":
+"eslint-visitor-keys@npm:^3.0.0":
  version: 3.3.0
  resolution: "eslint-visitor-keys@npm:3.3.0"
  checksum: fc6a9b5bdee8d90e35e7564fd9db10fdf507a2c089a4f0d4d3dd091f7f4ac6790547c8b1b7a760642ef819f875ef86dd5bcb8cdf01b0775f57a699f4e6a20a18
@ -21782,17 +21549,6 @@ __metadata:
  languageName: node
  linkType: hard

-"espree@npm:9.2.0":
-  version: 9.2.0
-  resolution: "espree@npm:9.2.0"
-  dependencies:
-    acorn: ^8.6.0
-    acorn-jsx: ^5.3.1
-    eslint-visitor-keys: ^3.1.0
-  checksum: fa0acceb6bf151193b873379ba8ee3771c93ce3b656aeb9fe4a36adcf170e315925096e8addddd2d347ae6026ab18febc5892e314e6b109b61a9c3be75f88dc0
-  languageName: node
-  linkType: hard
-
 "espree@npm:^7.3.0, espree@npm:^7.3.1":
  version: 7.3.1
  resolution: "espree@npm:7.3.1"
@ -24974,7 +24730,7 @@ __metadata:
  languageName: node
  linkType: hard

-"hoist-non-react-statics@npm:^3.0.0, hoist-non-react-statics@npm:^3.3.0":
+"hoist-non-react-statics@npm:^3.3.0":
  version: 3.3.2
  resolution: "hoist-non-react-statics@npm:3.3.2"
  dependencies:
@ -27388,17 +27144,6 @@ __metadata:
  languageName: node
  linkType: hard

-"istextorbinary@npm:^2.5.1":
-  version: 2.6.0
-  resolution: "istextorbinary@npm:2.6.0"
-  dependencies:
-    binaryextensions: ^2.1.2
-    editions: ^2.2.0
-    textextensions: ^2.5.0
-  checksum: 43efaf1eecc740defc3f445383553ec3fe248e368c86a5ad58010a265bd3ac30f85e65216fbd5cccac6efe265e1dd6eb1a2b83f9a7707140ec335b3402fe89cc
-  languageName: node
-  linkType: hard
-
 "iterate-iterator@npm:^1.0.1":
  version: 1.0.2
  resolution: "iterate-iterator@npm:1.0.2"
@ -29938,16 +29683,6 @@ __metadata:
  languageName: node
  linkType: hard

-"line-column@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "line-column@npm:1.0.2"
-  dependencies:
-    isarray: ^1.0.0
-    isobject: ^2.0.0
-  checksum: 75aa918a9791362a3369c7222689350dc6df5b040314525ba79c3682f1386e13a3ceddd6b2584b8cb5c3ab3a5b3c50c940a182772dbb6361303bf6ef65fc2d64
-  languageName: node
-  linkType: hard
-
 "lines-and-columns@npm:^1.1.6":
  version: 1.2.4
  resolution: "lines-and-columns@npm:1.2.4"
@ -30028,16 +29763,6 @@ __metadata:
  languageName: node
  linkType: hard

-"lit-element@npm:^3.0.2":
-  version: 3.2.0
-  resolution: "lit-element@npm:3.2.0"
-  dependencies:
-    "@lit/reactive-element": ^1.3.0
-    lit-html: ^2.2.0
-  checksum: d3b3e8b7fe47c4fbf75de0dca70bfa4c7f874dede7a2a5561a4c03e5bd7b4d18ba111b1c36cea14423ab2a7fd9b8c1a4d2f224a5012ab23b3ddb46600e08d5af
-  languageName: node
-  linkType: hard
-
 "lit-html@npm:2.0.2":
  version: 2.0.2
  resolution: "lit-html@npm:2.0.2"
@ -30047,15 +29772,6 @@ __metadata:
  languageName: node
  linkType: hard

-"lit-html@npm:^2.0.2, lit-html@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "lit-html@npm:2.2.0"
-  dependencies:
-    "@types/trusted-types": ^2.0.2
-  checksum: 9e7d593c0c7b657791e919fa315f66377444741faac4de574b3b64c50bdd5a8fbda8c61274616ccc546beb26712c5f6117f4297d805beac66fb0b14a604e3d7a
-  languageName: node
-  linkType: hard
-
 "livereload-js@npm:^3.3.1":
  version: 3.3.3
  resolution: "livereload-js@npm:3.3.3"
@ -34699,13 +34415,6 @@ __metadata:
  languageName: node
  linkType: hard

-"parse-static-imports@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "parse-static-imports@npm:1.1.0"
-  checksum: 24a210b3ed4fc8ab4d79a807956484a60f97cd0e8174d4c2c88c034fdba65d87ce62ec293aadee46e07d476959610a905a2b80d60b343fd525e057479cabfbbe
-  languageName: node
-  linkType: hard
-
 "parse-url@npm:^6.0.0":
  version: 6.0.0
  resolution: "parse-url@npm:6.0.0"
@ -42221,7 +41930,7 @@ __metadata:
  languageName: node
  linkType: hard

-"string.prototype.matchall@npm:^4.0.0 || ^3.0.1, string.prototype.matchall@npm:^4.0.2, string.prototype.matchall@npm:^4.0.5, string.prototype.matchall@npm:^4.0.6":
+"string.prototype.matchall@npm:^4.0.0 || ^3.0.1, string.prototype.matchall@npm:^4.0.2, string.prototype.matchall@npm:^4.0.6":
  version: 4.0.6
  resolution: "string.prototype.matchall@npm:4.0.6"
  dependencies:
@ -42480,7 +42189,7 @@ __metadata:
  languageName: node
  linkType: hard

-"strip-json-comments@npm:3.1.1, strip-json-comments@npm:^3.1.0, strip-json-comments@npm:^3.1.1":
+"strip-json-comments@npm:^3.1.0, strip-json-comments@npm:^3.1.1":
  version: 3.1.1
  resolution: "strip-json-comments@npm:3.1.1"
  checksum: 9681a6257b925a7fa0f285851c0e613cc934a50661fa7bb41ca9cbbff89686bb4a0ee366e6ecedc4daafd01e83eee0720111ab294366fe7c185e935475ebcecd
@ -42574,28 +42283,6 @@ __metadata:
  languageName: node
  linkType: hard

-"styled-components@npm:^5.2.1":
-  version: 5.3.3
-  resolution: "styled-components@npm:5.3.3"
-  dependencies:
-    "@babel/helper-module-imports": ^7.0.0
-    "@babel/traverse": ^7.4.5
-    "@emotion/is-prop-valid": ^0.8.8
-    "@emotion/stylis": ^0.8.4
-    "@emotion/unitless": ^0.7.4
-    babel-plugin-styled-components: ">= 1.12.0"
-    css-to-react-native: ^3.0.0
-    hoist-non-react-statics: ^3.0.0
-    shallowequal: ^1.1.0
-    supports-color: ^5.5.0
-  peerDependencies:
-    react: ">= 16.8.0"
-    react-dom: ">= 16.8.0"
-    react-is: ">= 16.8.0"
-  checksum: 0fda77406c668a16c753f0778850a90d5fbeae419791dac533e3f67e77f8c767d89022626aafa169fffe8b0873e15bf71126b2bab945dc98af6079d8b90e7488
-  languageName: node
-  linkType: hard
-
 "styled_string@npm:0.0.1":
  version: 0.0.1
  resolution: "styled_string@npm:0.0.1"
@ -42885,17 +42572,6 @@ __metadata:
  languageName: node
  linkType: hard

-"sveltedoc-parser@npm:^4.1.0":
-  version: 4.3.1
-  resolution: "sveltedoc-parser@npm:4.3.1"
-  dependencies:
-    eslint: 8.4.1
-    espree: 9.2.0
-    htmlparser2-svelte: 4.1.0
-  checksum: 38e0258956fcf1bbe2ecc61286b73e96eedbec62e236c6b3adfc7055a4b2b50034b99f887a9e5eaccac233a87ccbc9434abe156f6a3ef25a640dcb54a4b99f46
-  languageName: node
-  linkType: hard
-
 "svg-parser@npm:^2.0.0, svg-parser@npm:^2.0.2":
  version: 2.0.4
  resolution: "svg-parser@npm:2.0.4"
@ -43008,19 +42684,6 @@ __metadata:
  languageName: node
  linkType: hard

-"sync-disk-cache@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "sync-disk-cache@npm:2.1.0"
-  dependencies:
-    debug: ^4.1.1
-    heimdalljs: ^0.2.6
-    mkdirp: ^0.5.0
-    rimraf: ^3.0.0
-    username-sync: ^1.0.2
-  checksum: d1bfc95940188d500f17aaec249e45fbf55c30839d9a68be8a28606183b149beb87c76969e74372ba601ea50b42716489673ea7031334f42f98ec2f06921b59c
-  languageName: node
-  linkType: hard
-
 "synchronous-promise@npm:^2.0.15":
  version: 2.0.15
  resolution: "synchronous-promise@npm:2.0.15"
@ -43403,7 +43066,7 @@ __metadata:
  languageName: node
  linkType: hard

-"textextensions@npm:1 || 2, textextensions@npm:^2.5.0":
+"textextensions@npm:1 || 2":
  version: 2.6.0
  resolution: "textextensions@npm:2.6.0"
  checksum: 02cb5eb25a0a4597d402a6971741a2d49335e699051db44e4f252ecb4249bb193f08068ecd6d880565f7b34c84832fe60f4b82119b9a2d5e3e58e85509c3dc96
@ -45981,7 +45644,7 @@ __metadata:
  languageName: node
  linkType: hard

-"vue@npm:^2.6.10, vue@npm:^2.6.12":
+"vue@npm:^2.6.12":
  version: 2.6.14
  resolution: "vue@npm:2.6.14"
  checksum: efbe26ccc7c1bd025b88e464ebc81217b92350a77b98049122a46ac2242e249719f930d3914e2efdeaaa521a51e6e6b1cb9ffbf95b4835ed94dc92efb481040f