chore!: convert to ESM

BREAKING CHANGE: the library is now ESM-only
BREAKING CHANGE: CJS build is no longer bundled

package.json

@@ -4,18 +4,12 @@
   "description": "Responsive photo gallery component for React",
   "author": "Igor Danchenko",
   "license": "MIT",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "type": "module",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
-    "import": {
-      "types": "./dist/index.d.mts",
-      "default": "./dist/index.mjs"
-    },
-    "require": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
+    "types": "./dist/index.d.ts",
+    "default": "./dist/index.js"
   },
   "files": [
     "dist"
@@ -46,7 +40,7 @@
     "start": "npm-run-all clean --parallel \"build:* -- -w\"",
     "lint": "eslint .",
     "test": "vitest run --coverage",
-    "dev": "vite --config dev/vite.config.mts"
+    "dev": "vite --config dev/vite.config.ts"
   },
   "peerDependencies": {
     "react": ">=18"

rollup.config.js

@@ -0,0 +1,7 @@
+import dts from "rollup-plugin-dts";
+
+export default {
+  input: "src/index.ts",
+  output: { dir: "dist" },
+  plugins: [dts()],
+};

vite.config.mts → vite.config.ts

@@ -17,14 +17,14 @@ export default defineConfig({
     minify: false,
     target: "es2020",
     lib: {
-      entry: "src/index.ts",
-      formats: ["cjs", "es"],
-      fileName: (format) => `index.${format === "es" ? "mjs" : "js"}`,
+      entry: {
+        index: "src/index.ts",
+      },
+      formats: ["es"],
     },
     rollupOptions: {
       external: "react",
       output: {
-        exports: "named",
         banner: '"use client";',
       },
       plugins: [cleanup({ extensions: ["ts", "tsx"] })],