diff --git a/package.json b/package.json
index 42654d2..1ed6f4e 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "zeni-ui",
   "private": false,
-  "version": "1.2.0-beta",
+  "version": "1.2.1-beta",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -72,4 +72,4 @@
     "@tailwindcss/forms": "^0.5.7",
     "iconsax-react": "^0.0.8"
   }
-}
+}
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index 86c1a9c..8df6fcd 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,8 +4,7 @@ import { extname, relative, resolve } from "path";
 import dts from "vite-plugin-dts";
 import { fileURLToPath } from "node:url";
 import { glob } from "glob";
-import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
-
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -22,10 +21,11 @@ export default defineConfig({
     copyPublicDir: false,
     lib: {
       entry: resolve(__dirname, "lib/main.ts"),
-      formats: ["es"],
+      formats: ["es", "cjs"],
+      name: "ZENI-UI",
     },
     rollupOptions: {
-      external: ["react", "react/jsx-runtime"],
+      external: ["react", "react-dom", "react/jsx-runtime", "tailwindcss"],
       input: Object.fromEntries(
         glob.sync("lib/**/!(*.d).{ts,tsx}").map((file) => [
           // The name of the entry point