diff --git a/src/pages/AccordionSamples.tsx b/src/pages/AccordionSamples.tsx
index 592131e..5602b15 100644
--- a/src/pages/AccordionSamples.tsx
+++ b/src/pages/AccordionSamples.tsx
@@ -1,4 +1,5 @@
-import { Accordion, AccordionGroup, Typography } from '../../lib';
+import { Accordion, AccordionGroup } from '../../dist/accordion';
+import { Typography } from '../../dist/typography';
 
 export const AccordionSamples = () => {
   return (
diff --git a/vite.config.ts b/vite.config.ts
index 196c280..3e6f8c0 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -20,9 +20,15 @@ export default defineConfig({
     minify: 'esbuild',
     copyPublicDir: false,
     lib: {
-      entry: 'lib/index.ts',
-      fileName: 'index',
-      formats: ['es', 'cjs'],
+      entry: {
+        callout: 'lib/Callout/Callout.tsx',
+        code: 'lib/Code/Code.tsx',
+        image: 'lib/Image/ImageZoom.tsx',
+        article: 'lib/Article/Article.tsx',
+        accordion: 'lib/Accordion/Accordion.tsx',
+        typography: 'lib/Typography/Typography.tsx',
+        utils: 'lib/utils.ts',
+      },
     },
     rollupOptions: {
       external: ['react/jsx-runtime', ...Object.keys(peerDependencies)],