Chore: storybook vite

.storybook/main.ts

@@ -0,0 +1,28 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions'
+  ],
+  logLevel: 'debug',
+  docs: {
+    autodocs: 'tag',
+  },
+  framework: {
+    name: '@storybook/react-vite',
+    options: {}
+  },
+  core: {
+    builder: {
+      name: '@storybook/builder-vite',
+      options: {
+        viteConfigPath: './vite.storybook.config.ts',
+      },
+    },
+  },
+};
+
+export default config;

.storybook/manager.js → .storybook/manager.ts

@@ -1,4 +1,4 @@
-import { addons } from '@storybook/addons';
+import { addons } from '@storybook/manager-api';
 import niceNodeTheme from './niceNodeTheme';
 
 addons.setConfig({

.storybook/niceNodeTheme.ts

@@ -0,0 +1,15 @@
+import { create } from '@storybook/theming/create';
+import { processes } from 'systeminformation';
+
+let brandUrl = 'https://nndesign.netlify.app/'
+if(process.env.NODE_ENV === 'development') {
+  brandUrl = 'http://localhost:6006/'
+}
+
+export default create({
+  base: 'dark',
+  brandTitle: 'NiceNode UI Components',
+  brandUrl,
+  brandImage: 'https://www.nicenode.xyz/favicon.png',
+  brandTarget: '_self',
+});

.storybook/preview.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import RedesignContainer from '../src/renderer/Generics/redesign/RedesignContainer';
+import type { Preview } from '@storybook/react';
+
+export const parameters = {
+  // actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      // color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};
+const preview: Preview = {
+  parameters,
+  decorators: [
+    (Story) => (
+      <RedesignContainer>
+        <Story />
+      </RedesignContainer>
+    ),
+  ],
+};
+
+export default preview;