chore: Use ESM in dev (#42)

* chore: Use ESM in dev

* Revert module type

* Use relative path

.size-limit.js → .size-limit.cjs

@@ -12,13 +12,13 @@ module.exports = [
   },
   {
     name: "ESM Minified",
-    path: "dist/esm/*.js",
+    path: "dist/esm/*.mjs",
     gzip: false,
     limit: "134B",
   },
   {
     name: "ESM Compressed",
-    path: "dist/esm/*.js",
+    path: "dist/esm/*.mjs",
     limit: "107B",
   },
 ];

benchmark/index.js → benchmark/index.mjs

@@ -1,9 +1,9 @@
-const benchmark = require("benchmark");
-const classnames = require("classnames");
-const { clsx } = require("clsx");
-const { cx } = require("classix");
+import benchmark from "benchmark";
+import classnames from "classnames";
+import { clsx } from "clsx";
+import { cx } from "classix";
 
-const { cx: cxLocal } = require("../dist/cjs/classix.js");
+import { cx as cxLocal } from "../dist/esm/classix.mjs";
 
 new benchmark.Suite()
   .add("classnames", () => classnames("class1", true && "class2"))

jest.config.js → jest.config.cjs

@@ -1,3 +1,4 @@
+/** @type {import('jest').Config} */
 module.exports = {
   preset: "ts-jest",
   collectCoverage: true,

package.json

@@ -2,9 +2,17 @@
   "name": "classix",
   "version": "1.0.0-semantic-release",
   "description": "The fastest and tiniest utility for conditionally joining classNames.",
-  "main": "dist/cjs/classix.js",
-  "module": "dist/esm/classix.js",
-  "types": "dist/classix.d.ts",
+  "main": "./dist/cjs/classix.js",
+  "module": "./dist/esm/classix.mjs",
+  "types": "./dist/classix.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/classix.js",
+      "import": "./dist/esm/classix.mjs",
+      "types": "./dist/classix.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
   "author": "Alex Nault",
   "keywords": [
     "class",
@@ -19,7 +27,7 @@
   "repository": "https://github.com/alexnault/classix",
   "homepage": "https://github.com/alexnault/classix#readme",
   "scripts": {
-    "bench": "node benchmark",
+    "bench": "node benchmark/index.mjs",
     "build": "rm -rf ./dist && rollup -c",
     "format": "prettier --write \"{src,benchmark}/**/*.{js,ts}\"",
     "lint": "eslint src/ --max-warnings=0",

rollup.config.js → rollup.config.mjs

@@ -14,7 +14,7 @@ export default [
         strict: false, // Don't emit "use strict" in output
       },
       {
-        file: `dist/esm/classix.js`,
+        file: `dist/esm/classix.mjs`,
         format: "es",
       },
     ],