Updated the package.json

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cubetiq/muui",
-  "version": "0.0.1",
+  "version": "0.0.1-alpha.2",
   "author": {
     "name": "Sambo Chea",
     "email": "sombochea@cubetiqs.com"
@@ -15,24 +15,29 @@
   "license": "MIT",
   "main": "./dist/muui-vite.umd.js",
   "module": "./dist/muui-vite.es.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/muui-vite.es.js",
       "require": "./dist/muui-vite.umd.js"
     }
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "tsc && vite build"
-    "preview": "vite preview",
+  },
-    "test": "vitest run",
+  "peerDependencies": {
-    "watch": "vitest",
+    "@emotion/react": "^11.x",
-    "coverage": "vitest run --coverage"
+    "@emotion/styled": "^11.x",
+    "@mui/icons-material": "^5.x",
+    "@mui/material": "^5.x",
+    "react": "^16.8.0 || 17.x || 18.x",
+    "react-dom": "^16.8.0 || 17.x | 18.x"
   },
-  "peerDependencies": {},
   "devDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
     "@types/node": "^17.0.34",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
@@ -41,11 +46,7 @@
     "eslint-plugin-react": "^7.29.4",
     "typescript": "^4.6.3",
     "vite": "^2.9.9",
-    "vitest": "^0.12.6",
+    "vite-plugin-dts": "^1.1.1",
-    "@emotion/react": "^11.9.0",
-    "@emotion/styled": "^11.8.1",
-    "@mui/icons-material": "^5.6.2",
-    "@mui/material": "^5.7.0"
   },
   "browserslist": {
     "production": [
@@ -73,7 +74,14 @@
       "sourceType": "module"
     }
   },
-  "dependencies": {},
+  "dependencies": {
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.6.2",
+    "@mui/material": "^5.7.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
   "publishConfig": {
     "access": "public"
   }

vite.config.ts

@@ -1,18 +1,20 @@
-import * as path from "path";
+import * as path from "node:path";
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import dts from 'vite-plugin-dts';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   build: {
     lib: {
-      entry: path.resolve(__dirname, "src/lib/index.tsx"),
+      entry: path.resolve(__dirname, "src/lib/index.ts"),
-      name: "CUBETIQ MUUI",
+      name: "muui",
-      fileName: (format) => `muui-vite.${format}.js`,
+      formats: ['es', 'umd'],
+      fileName: (format) => `muui.${format}.js`,
     },
     rollupOptions: {
       // externalize deps that shouldn't be bundled
-      external: ["react", "react-dom"],
+      external: ["react", "react-dom", "@emotion/react", "@emotion/styled", "@mui/icons-material", "@mui/material"],
       output: {
         // Provide global variables to use in the UMD build for externalized deps
         globals: {
@@ -21,5 +23,7 @@ export default defineConfig({
       },
     },
   },
-  plugins: [react()],
+  plugins: [react(),dts({
+insertTypesEntry: true
+  })],
 });

vitest.config.js

@@ -1,8 +0,0 @@
-import { defineConfig } from "vite";
-
-export default defineConfig({
-  test: {
-    globals: false,
-    environment: "jsdom",
-  },
-});