Upgrade to Storybook 8 and switched to vite bundler

.storybook/local-presets.js

@@ -0,0 +1,11 @@
+/**
+ * to load the built addon in this test Storybook
+ */
+
+function managerEntries(entry = []) {
+  return [...entry, require.resolve('../dist/esm/manager.js')];
+}
+
+module.exports = {
+  managerEntries,
+};

.storybook/main.ts

@@ -0,0 +1,23 @@
+export default {
+  stories: ['../stories/**/*.stories.tsx'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    './local-presets.js',
+  ],
+  core: {
+    builder: '@storybook/builder-vite',
+  },
+  framework: '@storybook/react-vite',
+  async viteFinal(config) {
+    // Merge custom configuration into the default config
+    const { mergeConfig } = await import('vite');
+
+    return mergeConfig(config, {
+      // Add dependencies to pre-optimization
+      optimizeDeps: {
+        include: ['storybook-dark-mode'],
+      },
+    });
+  },
+};

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "cSpell.words": ["formik"]
+}

jest.config.js

@@ -1,5 +1,5 @@
 module.exports = {
   testEnvironment: 'jsdom',
   testPathIgnorePatterns: ['/node_modules/', '/dist/'],
-  setupFilesAfterEnv: ['@testing-library/jest-dom']
+  setupFilesAfterEnv: ['@testing-library/jest-dom'],
 };

manager.js

@@ -0,0 +1 @@
+import './dist/esm/manager';