fix: update storybook defaults and TypeScript config (#9)

- Add @storybook/addon-docs with autodocs support
- Use expanded framework config format in .storybook/main.js
- Add skipLibCheck to tsconfig (fixes @types/mdx JSX errors from addon-docs)
- Convert stories to TypeScript with proper Meta/StoryObj types
- Add tags: ['autodocs'] to story meta for auto-generated docs

Author: cristinecula

.storybook/main.js

@@ -1,5 +1,11 @@
 export default {
-  stories: ['../stories/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
-  addons: [],
-  framework: '@storybook/web-components-vite',
+	stories: ['../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+	addons: ['@storybook/addon-docs'],
+	framework: {
+		name: '@storybook/web-components-vite',
+		options: {},
+	},
+	docs: {
+		autodocs: 'tag',
+	},
 };

package-lock.json

@@ -70,6 +70,7 @@
     "@open-wc/testing": "^4.0.0",
     "@semantic-release/changelog": "^6.0.0",
     "@semantic-release/git": "^10.0.0",
+    "@storybook/addon-docs": "^10.0.0",
     "@storybook/web-components-vite": "^10.0.0",
     "@types/mocha": "^10.0.6",
     "@types/node": "^24.0.0",

package.json

@@ -0,0 +1,38 @@
+import { html } from '@pionjs/pion';
+import type { Meta, StoryObj } from '@storybook/web-components';
+import '../src/component';
+
+interface StoryArgs {
+	greeting: string;
+}
+
+const meta: Meta<StoryArgs> = {
+	title: 'CosmozComponent',
+	component: 'cosmoz-component',
+	tags: ['autodocs'],
+	argTypes: {
+		greeting: { control: 'text', description: 'Greeting text' },
+	},
+	args: {
+		greeting: 'Hello',
+	},
+};
+
+export default meta;
+
+type Story = StoryObj<StoryArgs>;
+
+export const Default: Story = {
+	render: (args) =>
+		html`<cosmoz-component
+			greeting=${args.greeting}
+		></cosmoz-component>`,
+};
+
+export const CustomGreeting: Story = {
+	args: { greeting: 'Hi there' },
+};
+
+export const NoGreeting: Story = {
+	args: { greeting: '' },
+};

stories/component.stories.js

@@ -7,7 +7,8 @@
     "strict": true,
     "target": "esnext",
     "allowJs": true,
-    "baseUrl": "."
+    "baseUrl": ".",
+    "skipLibCheck": true
   },
   "exclude": ["node_modules", "dist", "coverage", "storybook-static", "stories"]
 }