@kashifd/jwero-components 0.1.8 → 0.1.10

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kashifd/jwero-components",
   "private": false,
-  "version": "0.1.8",
+  "version": "0.1.10",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -43,7 +43,9 @@
     "vite": "^5.3.1"
   },
   "description": "This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
-  "main": "./src/index.tsx",
+  "main": "./dist/jwero-components.es.js",
+  "module": "./dist/jwero-components.es.js",
+  "types": "./dist/types/index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/kashifkd/jwero-components.git"

package/tsconfig.app.json

@@ -1,5 +1,8 @@
 {
   "compilerOptions": {
+    "outDir": "./dist",
+    "declarationDir": "./dist/types",
+    "declaration": true,
     "composite": true,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
     "target": "ES2020",

package/vite.config.ts

@@ -1,24 +1,26 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react-swc';
+import path from 'path';
 
 export default defineConfig({
   plugins: [react()],
   build: {
     lib: {
-      entry: 'src/index.tsx',
+      entry: path.resolve(__dirname, 'src/index.tsx'),
       name: 'JweroComponents',
-      fileName: (format) => `index.${format}.js`,
+      fileName: (format) => `jwero-components.${format}.js`,
     },
     rollupOptions: {
-      // Make sure to externalize deps that shouldn't be bundled
-      // into your library
-      external: ['react', 'react-dom'],
+      external: ['react', 'react-dom', '@emotion/react', '@emotion/styled', '@mui/material'],
       output: {
         globals: {
           react: 'React',
           'react-dom': 'ReactDOM',
-        },
-      },
-    },
-  },
+          '@emotion/react': 'emotionReact',
+          '@emotion/styled': 'emotionStyled',
+          '@mui/material': 'muiMaterial'
+        }
+      }
+    }
+  }
 });