fix(build): switch to UMD and externalize dependencies

- Change webpack library type from `module` to `umd` to resolve
  `styled-components` resolution issues in consumer plugins (fixes
"Cannot read properties of undefined").
- Add `globalObject: 'this'` for better UMD compatibility across
  environments.
- Externalize `react-icons`, `@tippyjs/react`, and `tippy.js` to reduce
  bundle size and prevent code duplication.
- Move tippy packages from `dependencies` to `peerDependencies` in
  package.json.

Author: Arthurk12

package-lock.json

@@ -34,12 +34,14 @@
     "@emotion/styled": "^11.14.1",
     "@mui/material": "^7.3.1",
     "@mui/styles": "^6.4.8",
+    "@tippyjs/react": "^4.2.6",
     "prop-types": "^15.8.1",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-icons": "^5.5.0",
     "react-modal": ">=3.16.1",
-    "styled-components": ">=5.3.0"
+    "styled-components": ">=5.3.0",
+    "tippy.js": "^6.3.7"
   },
   "devDependencies": {
     "@babel/cli": "^7.25.6",
@@ -85,8 +87,6 @@
     "@mui/icons-material": "^7.3.1",
     "@storybook/addon-a11y": "^9.1.5",
     "@storybook/addon-actions": "^9.0.8",
-    "@tippyjs/react": "^4.2.6",
-    "react-modal": ">=3.16.1",
-    "tippy.js": "^6.3.7"
+    "react-modal": ">=3.16.1"
   }
 }

package.json

@@ -21,19 +21,18 @@ export default {
     path: path.resolve('./dist/components'),
     filename: '[name].js',
     library: {
-      type: 'module',
+      type: 'umd',
     },
-    module: true,
-    environment: { module: true },
-  },
-  experiments: {
-    outputModule: true,
+    globalObject: 'this',
   },
   externals: {
     react: 'react',
     'react-dom': 'react-dom',
     'styled-components': 'styled-components',
     'react-modal': 'react-modal',
+    'react-icons': 'react-icons',
+    '@tippyjs/react': '@tippyjs/react',
+    'tippy.js': 'tippy.js',
   },
   resolve: {
     extensions: ['.tsx', '.ts', '.jsx', '.js', '.json'],