Fix package and remove umd and add treeshaking

Author: mustafasaifee42

.gitignore

@@ -15,6 +15,7 @@ storybook-static
 dist
 dist-ssr
 *.local
+stats.html
 
 # Editor directories and files
 .vscode/*

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@undp/design-system-react",
-  "version": "1.0.11",
+  "version": "1.1.0",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "browser": "./dist/index.umd.js",
@@ -107,10 +107,10 @@
   },
   "peerDependenciesMeta": {
     "react": {
-      "optional": true
+      "optional": false
     },
     "react-dom": {
-      "optional": true
+      "optional": false
     }
   },
   "devDependencies": {
@@ -152,6 +152,7 @@
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
+    "rollup-plugin-visualizer": "^6.0.3",
     "shadcn-ui": "^0.9.5",
     "storybook": "^9.1.2",
     "tailwindcss": "^4.1.4",

package.json

@@ -4,6 +4,7 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import eslint from '@nabla/vite-plugin-eslint';
 import dts from 'vite-plugin-dts';
+import { visualizer } from 'rollup-plugin-visualizer';
 import tailwindcss from '@tailwindcss/vite';
 
 // https://vitejs.dev/config/
@@ -14,6 +15,7 @@ export default defineConfig(() => {
       exclude: ['**/*.mdx', '**/*.test.tsx', 'stories'],
       rollupTypes: true,
     }),
+    visualizer({ filename: 'stats.html', open: true }),
     react(),
     eslint(),
     tailwindcss(),
@@ -28,9 +30,8 @@ export default defineConfig(() => {
         fileName: format => {
           if (format === 'es') return 'index.js'; // ES Module
           if (format === 'cjs') return 'index.cjs'; // CommonJS Module
-          return 'index.umd.js'; // UMD Module
         },
-        formats: ['es', 'cjs', 'umd'],
+        formats: ['es', 'cjs'],
       },
       rollupOptions: {
         external: ['react', 'react-dom'],
@@ -46,6 +47,7 @@ export default defineConfig(() => {
             return 'assets/[name][extname]';
           },
         },
+        treeshake: true,
       },
       sourcemap: true,
       emptyOutDir: true,