chore: Update npm dependency to latest stable version

package.json

@@ -1,13 +1,9 @@
 {
   "name": "nexo-mdx",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "type": "module",
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
   "homepage": "https://github.com/kanakkholwal/nexo-mdx#readme",
   "repository": "https://github.com/kanakkholwal/nexo-mdx",
   "bugs": "https://github.com/kanakkholwal/nexo-mdx/issues",
@@ -29,19 +25,10 @@
     "nexo-mdx package",
     "React MDX editor"
   ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./types": {
-      "types": "./dist/types.d.ts"
-    }
-  },
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "tsc --p ./tsconfig-build.json && vite build",
+    "prepublishOnly": "npm run build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
@@ -83,7 +70,8 @@
     "terser": "^5.31.1",
     "tsconfig-paths": "^4.2.0",
     "typescript": "^5.2.2",
-    "vite": "^5.2.0"
+    "vite": "^5.2.0",
+    "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "peerDependencies": {
     "react": "^18.2.0",

tsconfig-build.json

@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["src"]
+}

tsconfig.json

@@ -41,7 +41,6 @@
   "include": [
     "src/**/*.ts",
     "src/**/*.tsx",
-
   ],
   "exclude": [
     "node_modules",

vite.config.ts

@@ -3,15 +3,17 @@ import react from '@vitejs/plugin-react-swc';
 import * as path from 'path';
 import { defineConfig } from "vite";
 import dts from 'vite-plugin-dts';
-
+import { libInjectCss } from 'vite-plugin-lib-inject-css'
 export default defineConfig({
   plugins: [
     react(),
+    libInjectCss(),
     dts({
-    insertTypesEntry: true,
-    copyDtsFiles: true,
-    tsconfigPath: './tsconfig.json',
-  }),],
+
+      insertTypesEntry: true,
+      copyDtsFiles: true,
+      tsconfigPath: './tsconfig.json',
+    }),],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
@@ -20,20 +22,18 @@ export default defineConfig({
     },
   },
   build: {
+    copyPublicDir: false,
     lib: {
       entry: path.resolve(__dirname, 'src/index.ts'),
       name: 'NexoMdx',
-      fileName: (format) => `nexo-mdx.${format}.js`,
+      formats: ['es']
     },
     rollupOptions: {
-      external: ['react', 'react-dom'],
+      external: ['react', 'react-dom', 'react/jsx-runtime'],
       output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-        },
-        exports: 'named'
-      },
+        assetFileNames: 'assets/[name][extname]',
+        entryFileNames: '[name].js',
+      }
     },
     minify: 'terser', // Use Terser for minification
   }