Create controls on existing stories for Storybook

.gitignore

@@ -1,6 +1,8 @@
 node_modules/
 coverage/
+storybook-static/
 .eslintcache
 .DS_Store
 dist/
 storybook-static/
+demo-storybook/

.storybook/main.js

@@ -1,3 +1,24 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.{js,mdx}'],
+import esbuild from 'rollup-plugin-esbuild';
+
+/** @type { import('@web/storybook-framework-web-components').StorybookConfig } */
+const config = {
+	stories: ['../stories/**/*.stories.{js,ts,mdx}'],
+	addons: ['@storybook/addon-essentials', '@storybook/addon-links'],
+	docs: {
+		//👇 See the table below for the list of supported options
+		autodocs: 'tag',
+	},
+	framework: {
+		name: '@web/storybook-framework-web-components',
+	},
+	/* Try to make the build parse TS files */
+	async rollupFinal(config) {
+		// add extra configuration for rollup
+		// e.g. a new plugin
+		config.plugins.push(esbuild({}));
+
+		return config;
+	},
 };
+
+export default config;