diff --git a/package.json b/package.json
index 3ed3b0d..692f055 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "build": "turbo build",
     "changeset": "changeset",
     "changeset.apply": "changeset version && pnpm i --no-frozen-lockfile && git add .",
+    "changeset.publish": "pnpm changeset.release",
     "changeset.release": "pnpm build && pnpm publint && changeset publish",
     "clear-cache": "rm -rf packages/*/.turbo && rm -rf packages/*/.next && jest --clearCache",
     "dev": "turbo run build && turbo run dev --no-deps --no-cache --parallel --concurrency 20",
diff --git a/packages/examples/react/app.tsx b/packages/examples/react/app.tsx
index c456b10..8631be7 100644
--- a/packages/examples/react/app.tsx
+++ b/packages/examples/react/app.tsx
@@ -3,10 +3,18 @@ import '@storylite/storylite/dist/index.css'
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 
-import { StoryLiteRouter } from '@storylite/storylite'
+import { StoryLiteApp } from '@storylite/storylite'
+import stories from 'virtual:storylite-stories'
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
-    <StoryLiteRouter />
+    <StoryLiteApp
+      stories={stories}
+      config={{
+        title: 'My Storylite',
+        defaultStory: 'index',
+        stylesheets: [],
+      }}
+    />
   </React.StrictMode>,
 )
diff --git a/packages/examples/react/tsconfig.json b/packages/examples/react/tsconfig.json
index eb5d406..15a3770 100644
--- a/packages/examples/react/tsconfig.json
+++ b/packages/examples/react/tsconfig.json
@@ -3,6 +3,7 @@
   "include": ["stories", "src", "*.ts", "*.tsx"],
   "compilerOptions": {
     "jsx": "react-jsx",
-    "allowSyntheticDefaultImports": true
+    "allowSyntheticDefaultImports": true,
+    "types": ["node", "react", "react-dom", "@storylite/storylite/dist/virtual-modules.d.ts"]
   }
 }
diff --git a/packages/examples/react/vite.config.ts b/packages/examples/react/vite.config.ts
index a0cf921..4355f9e 100644
--- a/packages/examples/react/vite.config.ts
+++ b/packages/examples/react/vite.config.ts
@@ -15,9 +15,7 @@ export default defineConfig({
   },
   plugins: [
     storylitePlugin({
-      title: 'StoryLite - React', // Sidebar title
       stories: 'stories/**/*.stories.tsx', // relative to the CWD
-      defaultStory: 'index', // index page file prefix, e.g. index = index.stories.tsx
     }),
     react(),
   ],
diff --git a/packages/storylite/package.json b/packages/storylite/package.json
index 9c9a242..da6a1b4 100644
--- a/packages/storylite/package.json
+++ b/packages/storylite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storylite/storylite",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "A lightweight alternative to StoryBook, built on top of Vite⚡️",
   "license": "MIT",
   "type": "module",
diff --git a/packages/storylite/src/router.tsx b/packages/storylite/src/app.tsx
similarity index 86%
rename from packages/storylite/src/router.tsx
rename to packages/storylite/src/app.tsx
index 5a902a0..b0019ff 100644
--- a/packages/storylite/src/router.tsx
+++ b/packages/storylite/src/app.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { ActionFunction, createHashRouter, LoaderFunction, RouterProvider } from 'react-router-dom'
 
+import { StoryliteDataContext } from './context/StoriesDataContext'
 import MainLayout from './layouts/MainLayout'
 import Error404, { Layout as ErrorLayout } from './pages/404'
 import * as IndexPage from './pages/index'
@@ -8,6 +9,7 @@ import * as SandboxDashboardPage from './pages/sandbox/dashboard'
 import * as SandboxStoryIndex from './pages/sandbox/stories/$story'
 import * as SandboxExportedStory from './pages/sandbox/stories/$story/$export_name'
 import * as ExportedStory from './pages/stories/$story/$export_name'
+import { StoryLiteAppConfig, StoryModulesMap } from './types'
 
 type PageType = {
   default?: React.FC
@@ -99,8 +101,12 @@ const router = createHashRouter(
   })),
 )
 
-const Router = () => {
-  return <RouterProvider router={router} />
+const StoryLiteApp = (props: { config?: StoryLiteAppConfig; stories: StoryModulesMap }) => {
+  return (
+    <StoryliteDataContext.Provider value={{ config: props.config, stories: props.stories }}>
+      <RouterProvider router={router} />
+    </StoryliteDataContext.Provider>
+  )
 }
 
-export default Router
+export default StoryLiteApp
diff --git a/packages/storylite/src/components/Sidebar.tsx b/packages/storylite/src/components/Sidebar.tsx
index 8357134..b39200e 100644
--- a/packages/storylite/src/components/Sidebar.tsx
+++ b/packages/storylite/src/components/Sidebar.tsx
@@ -2,8 +2,8 @@ import React, { useState } from 'react'
 import { Link, useParams } from 'react-router-dom'
 
 import { Bookmark, MinusSquare, PlusSquare } from 'lucide-react'
-import storyMap from 'storylite-user-stories'
 
+import { useStoryliteStories } from '@/context/StoriesDataContext'
 import { ElementIds, StoryMeta, StoryModule, StoryModulesMapValue } from '@/types'
 
 type SidebarProps = {
@@ -18,8 +18,6 @@ type SidebarItemBaseProps = {
   currentExportName?: string
 }
 
-const minTooltipLength = 16
-
 export default function Sidebar({ title, ...rest }: SidebarProps) {
   const { story, export_name } = useParams()
 
@@ -40,10 +38,12 @@ function SidebarNav({
   currentStoryName?: string
   currentExportName?: string
 }): JSX.Element {
+  const stories = useStoryliteStories()
+
   return (
     <nav className={'SidebarNav'}>
       <ul>
-        {Array.from<[string, StoryModulesMapValue]>(storyMap).map(([storyName, storyData], i) => {
+        {Array.from<[string, StoryModulesMapValue]>(stories).map(([storyName, storyData], i) => {
           return (
             <SidebarListItem
               key={i}
@@ -79,7 +79,7 @@ function SidebarListItem(props: SidebarItemBaseProps): JSX.Element {
     const firstStoryExport = storyData.module[exports[0]]
     const classes = [storyName === currentStoryName ? 'Active' : ''].join(' ')
     const title = firstStoryExport.storyTitle || storyData.meta.title || storyName
-    const tooltip = title.length >= minTooltipLength ? title : undefined
+    const tooltip = typeof title === 'string' ? title : undefined
 
     return (
       <li className={classes} title={tooltip}>
@@ -98,7 +98,7 @@ function SidebarListItem(props: SidebarItemBaseProps): JSX.Element {
     />
   )
   const title = storyData.meta.title || storyName
-  const tooltip = title.length >= minTooltipLength ? title : undefined
+  const tooltip = typeof title === 'string' ? title : undefined
 
   return (
     <li className={'WithNestedList'} title={tooltip}>
@@ -122,7 +122,7 @@ function SidebarNestedList(props: SidebarItemBaseProps): JSX.Element {
           const exportFn = storyData.module[exportName]
           const classes = [exportName === currentExportName ? 'Active' : '', 'InnerList'].join(' ')
           const title = exportFn.storyTitle || exportName
-          const tooltip = title.length >= minTooltipLength ? title : undefined
+          const tooltip = typeof title === 'string' ? title : undefined
 
           return (
             <li key={i} className={classes} title={tooltip}>
diff --git a/packages/storylite/src/components/SidebarTitle.tsx b/packages/storylite/src/components/SidebarTitle.tsx
index 6a45ac4..088dd2f 100644
--- a/packages/storylite/src/components/SidebarTitle.tsx
+++ b/packages/storylite/src/components/SidebarTitle.tsx
@@ -1,13 +1,16 @@
 import { Link } from 'react-router-dom'
 
 import { Library } from 'lucide-react'
-import storiesConfig from 'storylite-user-config'
+
+import { useStoryliteConfig } from '@/context/StoriesDataContext'
 
 export default function SidebarTitle() {
+  const config = useStoryliteConfig()
+
   return (
     <div className={'SidebarTitle'}>
       <Link to={'/'}>
-        <Library style={{ verticalAlign: 'middle' }} /> {storiesConfig.title}
+        <Library style={{ verticalAlign: 'middle' }} /> {config.title}
       </Link>
     </div>
   )
diff --git a/packages/storylite/src/components/Story.tsx b/packages/storylite/src/components/Story.tsx
index e6a6225..f5afc50 100644
--- a/packages/storylite/src/components/Story.tsx
+++ b/packages/storylite/src/components/Story.tsx
@@ -1,13 +1,14 @@
 import React from 'react'
 import { useSearchParams } from 'react-router-dom'
 
-import storyMap from 'storylite-user-stories'
-
+import { useStoryliteStories } from '@/context/StoriesDataContext'
 import { ElementIds, StoryComponent, StoryMeta, StoryModule } from '@/types'
 
 import Toolbar from './Toolbar'
 
 export function Story({ story, exportName }: { story: string; exportName?: string }): JSX.Element {
+  const stories = useStoryliteStories()
+
   const notFound = (
     <StorySandbox story={story} exportName={exportName}>
       <h3>
@@ -19,7 +20,7 @@ export function Story({ story, exportName }: { story: string; exportName?: strin
       </h3>
     </StorySandbox>
   )
-  const storyMapData = storyMap.get(story)
+  const storyMapData = stories.get(story)
 
   if (!storyMapData) {
     return notFound
diff --git a/packages/storylite/src/context/StoriesDataContext.tsx b/packages/storylite/src/context/StoriesDataContext.tsx
new file mode 100644
index 0000000..21181c5
--- /dev/null
+++ b/packages/storylite/src/context/StoriesDataContext.tsx
@@ -0,0 +1,69 @@
+import React from 'react'
+
+import { StoryLiteAppConfig, StoryModulesMap } from '..'
+
+export type StoryliteDataContextType = {
+  config?: StoryLiteAppConfig
+  stories: StoryModulesMap
+}
+
+export const StoryliteDataContext = React.createContext<StoryliteDataContextType | undefined>(
+  undefined,
+)
+
+export const useStoryliteDataContext = () => {
+  const context = React.useContext(StoryliteDataContext)
+  if (!context) {
+    throw new Error('useStoryliteDataContext must be used within a StoryliteDataProvider')
+  }
+
+  return context
+}
+
+export const useStoryliteData = (): Required<StoryliteDataContextType> => {
+  const { config, stories } = useStoryliteDataContext()
+
+  if (!config) {
+    throw new Error(
+      'useStoryliteData must be used within a StoryliteDataProvider. config is undefined.',
+    )
+  }
+
+  return { config, stories }
+}
+
+export const useStoryliteConfig = (): StoryLiteAppConfig => {
+  const { config } = useStoryliteData()
+
+  return config
+}
+
+export const useStoryliteStories = (): StoryModulesMap => {
+  const { stories } = useStoryliteData()
+
+  return stories
+}
+
+const defaultConfig: StoryLiteAppConfig = {
+  title: 'Storylite',
+  defaultStory: 'index',
+  stylesheets: [],
+}
+
+export const StoryliteDataProvider = ({
+  config,
+  stories,
+  children,
+}: {
+  config?: StoryLiteAppConfig
+  stories: StoryModulesMap
+  children: React.ReactNode
+}) => {
+  const mergedConfig: StoryLiteAppConfig = { ...defaultConfig, ...config }
+
+  return (
+    <StoryliteDataContext.Provider value={{ config: mergedConfig, stories }}>
+      {children}
+    </StoryliteDataContext.Provider>
+  )
+}
diff --git a/packages/storylite/src/index.ts b/packages/storylite/src/index.ts
index 1cd6a58..75ce570 100644
--- a/packages/storylite/src/index.ts
+++ b/packages/storylite/src/index.ts
@@ -1,7 +1,7 @@
 import './styles/index.css'
 
-import StoryLiteRouter from './router'
+import StoryLiteApp from './app'
 
 export * from './types'
 
-export { StoryLiteRouter }
+export { StoryLiteApp }
diff --git a/packages/storylite/src/pages/sandbox/dashboard.tsx b/packages/storylite/src/pages/sandbox/dashboard.tsx
index 57cd669..7af4d8b 100644
--- a/packages/storylite/src/pages/sandbox/dashboard.tsx
+++ b/packages/storylite/src/pages/sandbox/dashboard.tsx
@@ -1,11 +1,12 @@
-import userConfig from 'storylite-user-config'
-
 import { Story } from '@/components/Story'
+import { useStoryliteConfig } from '@/context/StoriesDataContext'
 
 import SandboxLayout from '../../layouts/SandboxLayout'
 
 export default function StoryPage() {
-  return <Story story={userConfig.defaultStory || 'index'} exportName={'Main'} />
+  const config = useStoryliteConfig()
+
+  return <Story story={config.defaultStory || 'index'} exportName={'Main'} />
 }
 
 export const Layout = SandboxLayout
diff --git a/packages/storylite/src/plugins/index.ts b/packages/storylite/src/plugins/index.ts
index fe89444..6998ff5 100644
--- a/packages/storylite/src/plugins/index.ts
+++ b/packages/storylite/src/plugins/index.ts
@@ -1,4 +1,4 @@
-import removeTestIdPlugin from './removeTestIdPlugin'
-import storylitePlugin from './storylitePlugin'
+import removeTestIdPlugin from './vite-plugin-remove-testid'
+import storylitePlugin from './vite-plugin-storylite'
 
 export { removeTestIdPlugin, storylitePlugin }
diff --git a/packages/storylite/src/plugins/storylitePlugin.ts b/packages/storylite/src/plugins/storylitePlugin.ts
deleted file mode 100644
index 683f00a..0000000
--- a/packages/storylite/src/plugins/storylitePlugin.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import { Plugin } from 'vite'
-
-import { StoryLiteUserConfig } from '@/types'
-
-const defaultConfig: StoryLiteUserConfig = {
-  title: 'StoryLite',
-  stories: 'stories/**/*.stories.tsx',
-  defaultStory: 'index',
-  styleImports: {
-    ui: [],
-    sandbox: [],
-  },
-}
-
-const generateConfigCode = (
-  userConfig?: StoryLiteUserConfig,
-): { config: StoryLiteUserConfig; code: string } => {
-  const code = `
-  // generated by storylite
-  
-  const defaultConfig = ${JSON.stringify(defaultConfig)}
-  const userConfig = ${JSON.stringify(userConfig ?? {})}
-  const resolvedConfig = { ...defaultConfig, ...userConfig }
-  
-  export default resolvedConfig
-`
-
-  return {
-    config: { ...defaultConfig, ...userConfig },
-    code,
-  }
-}
-
-const createCssBundleCode = (cssFiles: string[]) => {
-  // import all as inline and export a concat of them:
-  const cssImports = cssFiles
-    .map((cssFile, idx) => `import css${idx} from '${cssFile}?inline'`)
-    .join('\n')
-
-  const cssExports = cssFiles.map((cssFile, idx) => `css${idx}`).join(' + ')
-
-  const cssVarDeclaration = `const cssConcat = ${cssExports.length > 0 ? cssExports : '""'};`
-
-  return `${cssImports}\n${cssVarDeclaration}\nexport default cssConcat`
-}
-
-const moduleNames = {
-  userConfig: 'storylite-user-config',
-  userStories: 'storylite-user-stories',
-  userUiStyles: 'storylite-user-styles-ui',
-  userSandboxStyles: 'storylite-user-styles-sandbox',
-}
-
-const storylitePlugin = (userConfig?: StoryLiteUserConfig): Plugin => {
-  const { config: storyliteConfig, code: storyliteConfigImportCode } =
-    generateConfigCode(userConfig)
-  // Define the file pattern to match
-  const moduleIds = Object.values(moduleNames)
-
-  return {
-    name: 'import-stories',
-    resolveId(id) {
-      if (moduleIds.includes(id)) {
-        return id // return the exact same ID, so Vite knows how to resolve it
-      }
-
-      return null // otherwise, return null to let Vite handle the import as usual
-    },
-
-    async load(id) {
-      if (id === moduleNames.userStories) {
-        // the returned code can only be JS
-        return `
-          const createStoryMap = (stories) => {
-            const sortedStories = Object.entries(stories)
-              .sort(([aName], [bName]) => aName.localeCompare(bName))
-              .sort(([, { default: aStory }], [, { default: bStory }]) => {
-                const aPriority = aStory?.priority || 0;
-                const bPriority = bStory?.priority || 0;
-                return bPriority - aPriority;
-              });
-          
-            const storyMap = new Map(sortedStories.map(([path, module]) => {
-              const baseName = path.split('/').pop().replace(/\.stories\.tsx$/, '');
-              const meta = module.default || { title: baseName.split('_').join(' ') };
-              return [baseName, { module, meta }];
-            }));
-          
-            return storyMap;
-          };
-          
-          const storyMap = createStoryMap(import.meta.glob('/${storyliteConfig.stories}', {eager: true}));
-          
-          console.log('Stories: ', Array.from(storyMap.keys()));
-          
-          export default storyMap
-        `
-      }
-
-      if (id === moduleNames.userConfig) {
-        return storyliteConfigImportCode
-      }
-
-      if (id === moduleNames.userUiStyles) {
-        const cssFiles = storyliteConfig.styleImports?.ui || []
-
-        return createCssBundleCode(cssFiles)
-      }
-
-      if (id === moduleNames.userSandboxStyles) {
-        const cssFiles = storyliteConfig.styleImports?.sandbox || []
-
-        return createCssBundleCode(cssFiles)
-      }
-
-      return null // otherwise, return null to let Vite handle the import as usual
-    },
-  }
-}
-
-export default storylitePlugin
diff --git a/packages/storylite/src/plugins/removeTestIdPlugin.ts b/packages/storylite/src/plugins/vite-plugin-remove-testid/index.ts
similarity index 90%
rename from packages/storylite/src/plugins/removeTestIdPlugin.ts
rename to packages/storylite/src/plugins/vite-plugin-remove-testid/index.ts
index 8925525..3221cfd 100644
--- a/packages/storylite/src/plugins/removeTestIdPlugin.ts
+++ b/packages/storylite/src/plugins/vite-plugin-remove-testid/index.ts
@@ -2,7 +2,7 @@ import { Plugin } from 'vite'
 
 function removeTestIdsPlugin(enabled = true): Plugin {
   return {
-    name: 'remove-test-ids',
+    name: 'vite-plugin-remove-testid',
     transform(code, id) {
       if (enabled && (id.endsWith('ts') || id.endsWith('tsx'))) {
         code.match(/data-testid=".*?"/g)?.forEach(match => {
diff --git a/packages/storylite/src/plugins/vite-plugin-storylite/index.ts b/packages/storylite/src/plugins/vite-plugin-storylite/index.ts
new file mode 100644
index 0000000..78eb818
--- /dev/null
+++ b/packages/storylite/src/plugins/vite-plugin-storylite/index.ts
@@ -0,0 +1,60 @@
+import { Plugin } from 'vite'
+
+import { StoryLitePluginConfig } from '@/types'
+
+const storiesVirtualModuleId = 'virtual:storylite-stories'
+const resolvedStoriesVirtualModuleId = '\0virtual:storylite-stories'
+
+const defaultConfig: StoryLitePluginConfig = {
+  stories: 'stories/**/*.stories.tsx', // this is relative to the process.cwd()
+}
+
+const storylitePlugin = (userConfig?: StoryLitePluginConfig): Plugin => {
+  const config = { ...defaultConfig, ...userConfig }
+
+  return {
+    name: 'vite-plugin-storylite',
+    resolveId(id) {
+      if (id === storiesVirtualModuleId) {
+        return resolvedStoriesVirtualModuleId
+      }
+
+      return null // return null to let Vite handle the import as usual
+    },
+
+    async load(id) {
+      if (id === resolvedStoriesVirtualModuleId) {
+        // the returned code can only be JS
+        return `
+          const createStoryMap = (stories) => {
+            const sortedStories = Object.entries(stories)
+              .sort(([aName], [bName]) => aName.localeCompare(bName))
+              .sort(([, { default: aStory }], [, { default: bStory }]) => {
+                const aPriority = aStory?.priority || 0;
+                const bPriority = bStory?.priority || 0;
+                return bPriority - aPriority;
+              });
+          
+            const storyMap = new Map(sortedStories.map(([path, module]) => {
+              const baseName = path.split('/').pop().replace(/\.stories\.tsx$/, '');
+              const meta = module.default || { title: baseName.split('_').join(' ') };
+              return [baseName, { module, meta }];
+            }));
+          
+            return storyMap;
+          };
+          
+          const storyMap = createStoryMap(import.meta.glob('/${config.stories}', {eager: true}));
+          
+          console.log('Stories: ', Array.from(storyMap.keys()));
+          
+          export default storyMap
+        `
+      }
+
+      return null // otherwise, return null to let Vite handle the import as usual
+    },
+  }
+}
+
+export default storylitePlugin
diff --git a/packages/storylite/src/plugins/vite-plugin-storylite/virtual-modules.d.ts b/packages/storylite/src/plugins/vite-plugin-storylite/virtual-modules.d.ts
new file mode 100644
index 0000000..680899b
--- /dev/null
+++ b/packages/storylite/src/plugins/vite-plugin-storylite/virtual-modules.d.ts
@@ -0,0 +1,4 @@
+declare module 'virtual:storylite-stories' {
+  const userStories: Map<string, { module: any; meta: any }>
+  export default userStories
+}
diff --git a/packages/storylite/src/types/index.ts b/packages/storylite/src/types/index.ts
index 2d96891..306d1cb 100644
--- a/packages/storylite/src/types/index.ts
+++ b/packages/storylite/src/types/index.ts
@@ -1,34 +1,16 @@
 import React from 'react'
 
-export enum ElementIds {
-  MainGlobalStyles = 'stories_mainLayoutGlobalStyles',
-  SandboxGlobalStyles = 'stories_sandboxLayoutGlobalStyles',
-  Iframe = 'stories_Iframe',
-  Sidebar = 'stories_Sidebar',
-  StoryCanvas = 'stories_Canvas',
+export type StoryLitePluginConfig = {
+  stories: string
 }
 
-export type StoryLiteUserConfig = {
-  title?: React.ReactNode
-  stories?: string
+export type StoryLiteAppConfig = {
+  title: React.ReactNode
   defaultStory: string
-  addons?: StoryAddonList
-  styleImports?: {
-    ui: string[]
-    sandbox: string[]
-  }
-}
-
-export type StoryLiteUserConfigExport = Required<StoryLiteUserConfig>
-
-export enum ColorScheme {
-  Light = 'light',
-  Dark = 'dark',
-  Auto = 'auto',
+  stylesheets: string[]
+  // addons: StoryAddonList
 }
 
-export type StoryImportPaths = [string, string][]
-
 export enum StoryAddon {
   DarkMode = 'DarkMode',
   FullScreen = 'FullScreen',
@@ -48,7 +30,7 @@ export type StoryAddonSettings = {
   onClick?: () => void
 }
 
-export type StoryAddonList = (StoryAddon | [StoryAddon, StoryAddonSettings] | StoryAddonSettings)[]
+// export type StoryAddonList = (StoryAddon | [StoryAddon, StoryAddonSettings] | StoryAddonSettings)[]
 
 export type StoryComponent<P = any> = React.FC<P> & {
   args?: any
@@ -57,10 +39,10 @@ export type StoryComponent<P = any> = React.FC<P> & {
 }
 
 export type StoryMeta = {
-  title?: string
-  icon?: JSX.Element
-  addons?: StoryAddonList
+  title?: React.ReactNode
+  icon?: React.ReactNode
   priority?: number
+  // addons?: StoryAddonList
 }
 
 export type StoryModule<P = any> = {
@@ -70,5 +52,18 @@ export type StoryModule<P = any> = {
 }
 
 export type StoryModulesMapValue = { module: StoryModule; meta: StoryMeta }
-export type StoryImportGlob = Record<string, StoryModule>
 export type StoryModulesMap = Map<string, StoryModulesMapValue>
+
+export enum ElementIds {
+  MainGlobalStyles = 'stories_mainLayoutGlobalStyles',
+  SandboxGlobalStyles = 'stories_sandboxLayoutGlobalStyles',
+  Iframe = 'stories_Iframe',
+  Sidebar = 'stories_Sidebar',
+  StoryCanvas = 'stories_Canvas',
+}
+
+export enum ColorScheme {
+  Light = 'light',
+  Dark = 'dark',
+  Auto = 'auto',
+}
diff --git a/packages/storylite/src/types/storylite-user-config.d.ts b/packages/storylite/src/types/storylite-user-config.d.ts
deleted file mode 100644
index 6ab90ef..0000000
--- a/packages/storylite/src/types/storylite-user-config.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-declare module 'storylite-user-config' {
-  import { StoryLiteUserConfig } from '@/types'
-  const userConfig: StoryLiteUserConfig
-  export default userConfig
-}
diff --git a/packages/storylite/src/types/storylite-user-stories.d.ts b/packages/storylite/src/types/storylite-user-stories.d.ts
deleted file mode 100644
index f32067d..0000000
--- a/packages/storylite/src/types/storylite-user-stories.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-declare module 'storylite-user-stories' {
-  import { StoryModulesMap } from '@/types'
-  const userStories: StoryModulesMap
-  export default userStories
-}
diff --git a/packages/storylite/src/types/storylite-user-styles-sandbox.d.ts b/packages/storylite/src/types/storylite-user-styles-sandbox.d.ts
deleted file mode 100644
index 23d2ec4..0000000
--- a/packages/storylite/src/types/storylite-user-styles-sandbox.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare module 'storylite-user-styles-sandbox' {
-  const userSandboxStyles: string
-  export default userSandboxStyles
-}
diff --git a/packages/storylite/src/types/storylite-user-styles-ui.d.ts b/packages/storylite/src/types/storylite-user-styles-ui.d.ts
deleted file mode 100644
index 0df528a..0000000
--- a/packages/storylite/src/types/storylite-user-styles-ui.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare module 'storylite-user-styles-ui' {
-  const userUiStyles: string
-  export default userUiStyles
-}
diff --git a/packages/storylite/tsup.config.ts b/packages/storylite/tsup.config.ts
index 552c347..750f5cc 100644
--- a/packages/storylite/tsup.config.ts
+++ b/packages/storylite/tsup.config.ts
@@ -11,12 +11,36 @@ export default defineConfig([
     target: 'es2020',
     ignoreWatch: ['**/dist/**', '**/node_modules/**', '*.test.ts'],
     clean: true,
-    dts: true,
+    dts: {
+      compilerOptions: {
+        // Ensure ".d.ts" modules are generated
+        declaration: true,
+        // Skip ".js" generation
+        noEmit: false,
+        emitDeclarationOnly: true,
+        // Skip code generation when error occurs
+        noEmitOnError: true,
+        // Avoid extra work
+        checkJs: false,
+        declarationMap: false,
+        skipLibCheck: true,
+        // Ensure TS2742 errors are visible
+        preserveSymlinks: true,
+        // Ensure we can parse the latest code
+        target: 'ESNext',
+        types: ['node'],
+      },
+    },
     sourcemap: true,
     splitting: true,
     minify: false,
     skipNodeModulesBundle: true,
     external: ['node_modules'],
-    onSuccess: 'cp ../../README.md ./README.md && cp ../../LICENSE ./LICENSE',
+    onSuccess: [
+      'sleep 2',
+      'cp ../../README.md ./README.md',
+      'cp ../../LICENSE ./LICENSE',
+      'cp ./src/plugins/vite-plugin-storylite/virtual-modules.d.ts ./dist/virtual-modules.d.ts',
+    ].join(' && '),
   },
 ])