Add storybook deploy + format

.github/actions/setup/action.yml

@@ -7,8 +7,8 @@ runs:
       uses: pnpm/[email protected]
     - uses: actions/setup-node@v4
       with:
-        node-version: '20'
-        cache: 'pnpm'
+        node-version: "20"
+        cache: "pnpm"
     - name: Print versions
       shell: bash
       run: node --version && pnpm --version

.github/workflows/deploy-storybook.yml

@@ -0,0 +1,21 @@
+name: Build and Publish Storybook to GitHub Pages
+on:
+  push:
+    branches:
+      - pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup
+      - uses: bitovi/[email protected]
+        with:
+          install_command: pnpm install
+          build_command: pnpm build-storybook
+          path: storybook-static
+          checkout: false

.storybook/main.ts

@@ -11,7 +11,11 @@ function getAbsolutePath(value: string): any {
   return dirname(require.resolve(join(value, "package.json")));
 }
 const config: StorybookConfig = {
-  stories: ["../src/index.mdx", "../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  stories: [
+    "../src/index.mdx",
+    "../src/**/*.mdx",
+    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)",
+  ],
   addons: [
     getAbsolutePath("@storybook/addon-essentials"),
     getAbsolutePath("@chromatic-com/storybook"),