Support tree-shaking by enabling preserveModules (#602)

Author: TheRusskiy

packages/@headlessui-react/package.json

@@ -4,12 +4,13 @@
   "description": "A set of completely unstyled, fully accessible UI components for React, designed to integrate beautifully with Tailwind CSS.",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
-  "module": "dist/headlessui.esm.js",
+  "module": "dist/index.esm.js",
   "license": "MIT",
   "files": [
     "README.md",
     "dist"
   ],
+  "sideEffects": false,
   "engines": {
     "node": ">=10"
   },

packages/@headlessui-react/tsdx.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  rollup(config, opts) {
+    if (opts.format === 'esm') {
+      config = { ...config, preserveModules: true }
+      config.output = { ...config.output, dir: 'dist/', entryFileNames: '[name].esm.js' }
+      delete config.output.file
+    }
+    return config
+  },
+}