Update Rollup config

Author: snelsi

rollup.config.mjs

@@ -1,32 +1,25 @@
 import externals from "rollup-plugin-node-externals";
 import resolve from "@rollup/plugin-node-resolve";
-import commonjs from "@rollup/plugin-commonjs";
 import typescript from "@rollup/plugin-typescript";
-
-import pkg from "./package.json" assert { type: "json" };
-
-const createOutput = (config) => ({
-  sourcemap: true,
-  banner: "'use client';",
-  ...(config || {}),
-});
+import preserveDirectives from "rollup-plugin-preserve-directives";
 
 /**
  * @type {import('rollup').RollupOptions}
  */
 const config = {
   input: "src/index.ts",
-  output: [
-    {
-      file: pkg.main,
-      format: "cjs",
-    },
-    {
-      file: pkg.module,
-      format: "esm",
-    },
-  ].map(createOutput),
-  plugins: [externals(), resolve(), commonjs(), typescript()],
+  output: {
+    format: "esm",
+    sourcemap: false,
+    preserveModules: true,
+    preserveModulesRoot: "src",
+    dir: "lib",
+  },
+  plugins: [externals(), resolve(), preserveDirectives(), typescript()],
+  onwarn(warning, warn) {
+    if (warning.code === "MODULE_LEVEL_DIRECTIVE" && warning.message.includes(`use client`)) return;
+    warn(warning);
+  },
 };
 
 export default config;