diff --git a/.storybook/main.ts b/.storybook/main.ts
index b351162..aa26ad5 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -4,7 +4,7 @@ const CopyPlugin = require("copy-webpack-plugin");
 const path = require("path");
 
 const config: StorybookConfig = {
-    stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+    stories: ["./stories/**/*.mdx", "./stories/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
     addons: ["@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-interactions"],
     staticDirs: ["./public"],
     framework: {
diff --git a/src/stories/DocExamples/ChartUsageWithTypescript.tsx b/.storybook/stories/DocExamples/ChartUsageWithTypescript.tsx
similarity index 100%
rename from src/stories/DocExamples/ChartUsageWithTypescript.tsx
rename to .storybook/stories/DocExamples/ChartUsageWithTypescript.tsx
diff --git a/src/stories/DocExamples/ChartWith3dSurface.tsx b/.storybook/stories/DocExamples/ChartWith3dSurface.tsx
similarity index 100%
rename from src/stories/DocExamples/ChartWith3dSurface.tsx
rename to .storybook/stories/DocExamples/ChartWith3dSurface.tsx
diff --git a/src/stories/DocExamples/ChartWithConfig.tsx b/.storybook/stories/DocExamples/ChartWithConfig.tsx
similarity index 100%
rename from src/stories/DocExamples/ChartWithConfig.tsx
rename to .storybook/stories/DocExamples/ChartWithConfig.tsx
diff --git a/src/stories/DocExamples/ChartWithFallback.tsx b/.storybook/stories/DocExamples/ChartWithFallback.tsx
similarity index 100%
rename from src/stories/DocExamples/ChartWithFallback.tsx
rename to .storybook/stories/DocExamples/ChartWithFallback.tsx
diff --git a/src/stories/DocExamples/ChartWithInitCallback.tsx b/.storybook/stories/DocExamples/ChartWithInitCallback.tsx
similarity index 100%
rename from src/stories/DocExamples/ChartWithInitCallback.tsx
rename to .storybook/stories/DocExamples/ChartWithInitCallback.tsx
diff --git a/src/stories/DocExamples/ChartWithInitFunction.tsx b/.storybook/stories/DocExamples/ChartWithInitFunction.tsx
similarity index 100%
rename from src/stories/DocExamples/ChartWithInitFunction.tsx
rename to .storybook/stories/DocExamples/ChartWithInitFunction.tsx
diff --git a/src/stories/DocExamples/ChartWithNestedComponents.tsx b/.storybook/stories/DocExamples/ChartWithNestedComponents.tsx
similarity index 100%
rename from src/stories/DocExamples/ChartWithNestedComponents.tsx
rename to .storybook/stories/DocExamples/ChartWithNestedComponents.tsx
diff --git a/src/stories/DocExamples/ChartWithPieSurface.tsx b/.storybook/stories/DocExamples/ChartWithPieSurface.tsx
similarity index 100%
rename from src/stories/DocExamples/ChartWithPieSurface.tsx
rename to .storybook/stories/DocExamples/ChartWithPieSurface.tsx
diff --git a/src/stories/DocExamples/PrimaryChartExample.tsx b/.storybook/stories/DocExamples/PrimaryChartExample.tsx
similarity index 100%
rename from src/stories/DocExamples/PrimaryChartExample.tsx
rename to .storybook/stories/DocExamples/PrimaryChartExample.tsx
diff --git a/src/stories/SciChartReact.stories.tsx b/.storybook/stories/SciChartReact.stories.tsx
similarity index 99%
rename from src/stories/SciChartReact.stories.tsx
rename to .storybook/stories/SciChartReact.stories.tsx
index 2c601c4..bf32117 100644
--- a/src/stories/SciChartReact.stories.tsx
+++ b/.storybook/stories/SciChartReact.stories.tsx
@@ -18,7 +18,7 @@ import { ChartUsageWithTypescript as ChartUsageWithTypescriptRenderer } from "./
 import { ChartWith3dSurface as ChartWith3dSurfaceRenderer } from "./DocExamples/ChartWith3dSurface";
 import { ChartWithPieSurface as ChartWithPieSurfaceRenderer } from "./DocExamples/ChartWithPieSurface";
 import { SciChart3DSurface, SciChartSurface } from "scichart";
-import { SciChartReact } from "../SciChart";
+import { SciChartReact } from "../../src/SciChart";
 import { Title, Subtitle, Description, Primary, Controls, Stories, ArgTypes } from "@storybook/blocks";
 
 SciChartSurface.useWasmFromCDN();
diff --git a/src/stories/assets/accessibility.png b/.storybook/stories/assets/accessibility.png
similarity index 100%
rename from src/stories/assets/accessibility.png
rename to .storybook/stories/assets/accessibility.png
diff --git a/src/stories/assets/accessibility.svg b/.storybook/stories/assets/accessibility.svg
similarity index 100%
rename from src/stories/assets/accessibility.svg
rename to .storybook/stories/assets/accessibility.svg
diff --git a/src/stories/assets/addon-library.png b/.storybook/stories/assets/addon-library.png
similarity index 100%
rename from src/stories/assets/addon-library.png
rename to .storybook/stories/assets/addon-library.png
diff --git a/src/stories/assets/assets.png b/.storybook/stories/assets/assets.png
similarity index 100%
rename from src/stories/assets/assets.png
rename to .storybook/stories/assets/assets.png
diff --git a/src/stories/assets/context.png b/.storybook/stories/assets/context.png
similarity index 100%
rename from src/stories/assets/context.png
rename to .storybook/stories/assets/context.png
diff --git a/src/stories/assets/discord.svg b/.storybook/stories/assets/discord.svg
similarity index 100%
rename from src/stories/assets/discord.svg
rename to .storybook/stories/assets/discord.svg
diff --git a/src/stories/assets/docs.png b/.storybook/stories/assets/docs.png
similarity index 100%
rename from src/stories/assets/docs.png
rename to .storybook/stories/assets/docs.png
diff --git a/src/stories/assets/figma-plugin.png b/.storybook/stories/assets/figma-plugin.png
similarity index 100%
rename from src/stories/assets/figma-plugin.png
rename to .storybook/stories/assets/figma-plugin.png
diff --git a/src/stories/assets/github.svg b/.storybook/stories/assets/github.svg
similarity index 100%
rename from src/stories/assets/github.svg
rename to .storybook/stories/assets/github.svg
diff --git a/src/stories/assets/share.png b/.storybook/stories/assets/share.png
similarity index 100%
rename from src/stories/assets/share.png
rename to .storybook/stories/assets/share.png
diff --git a/src/stories/assets/styling.png b/.storybook/stories/assets/styling.png
similarity index 100%
rename from src/stories/assets/styling.png
rename to .storybook/stories/assets/styling.png
diff --git a/src/stories/assets/testing.png b/.storybook/stories/assets/testing.png
similarity index 100%
rename from src/stories/assets/testing.png
rename to .storybook/stories/assets/testing.png
diff --git a/src/stories/assets/theming.png b/.storybook/stories/assets/theming.png
similarity index 100%
rename from src/stories/assets/theming.png
rename to .storybook/stories/assets/theming.png
diff --git a/src/stories/assets/tutorials.svg b/.storybook/stories/assets/tutorials.svg
similarity index 100%
rename from src/stories/assets/tutorials.svg
rename to .storybook/stories/assets/tutorials.svg
diff --git a/src/stories/assets/youtube.svg b/.storybook/stories/assets/youtube.svg
similarity index 100%
rename from src/stories/assets/youtube.svg
rename to .storybook/stories/assets/youtube.svg
diff --git a/src/stories/raw-loader.d.ts b/.storybook/stories/raw-loader.d.ts
similarity index 100%
rename from src/stories/raw-loader.d.ts
rename to .storybook/stories/raw-loader.d.ts
diff --git a/src/stories/tsconfig.json b/.storybook/stories/tsconfig.json
similarity index 98%
rename from src/stories/tsconfig.json
rename to .storybook/stories/tsconfig.json
index 2796665..cf1cb34 100644
--- a/src/stories/tsconfig.json
+++ b/.storybook/stories/tsconfig.json
@@ -30,13 +30,12 @@
         // "moduleResolution": "node10",                     /* Specify how TypeScript looks up a file from a given module specifier. */
         "baseUrl": "./" /* Specify the base directory to resolve non-relative module names. */,
         "paths": {
-            "scichart-react": ["../"]
+            "scichart-react": ["../../src"]
         } /* Specify a set of entries that re-map imports to additional lookup locations. */,
         // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
         "typeRoots": [
-            "./src/types",
-            "./node_modules/@types",
-            ".src/stories/raw-loader.d.ts"
+            "../../node_modules/@types",
+            "./raw-loader.d.ts"
         ] /* Specify multiple folders that act like './node_modules/@types'. */,
         // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
         // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */