Integrate browser as target env of exports

lib/browser.ts

@@ -0,0 +1,24 @@
+/* eslint-disable no-undef, no-restricted-globals */
+
+type Name = "FormData" | "Blob" | "File";
+type Exports = typeof FormData | typeof Blob | typeof File;
+type AccessValue = (name: Name) => Exports;
+
+const accessValue: AccessValue = name => {
+  // new standardized access to the global object
+  if (typeof globalThis !== "undefined") {
+    return globalThis[name]
+  }
+  // WebWorker specific access
+  if (typeof self !== "undefined") {
+    return self[name]
+  }
+
+  return window[name]
+}
+
+const formData = accessValue("FormData")
+const blob = accessValue("Blob")
+const file = accessValue("File")
+
+export {formData as FormData, blob as Blob, file as File}

package.json

@@ -19,8 +19,15 @@
   "browser": "./browser.js",
   "types": "./@type/index.d.ts",
   "exports": {
-    "import": "./lib/esm/index.js",
-    "require": "./lib/cjs/index.js"
+    "node": {
+      "import": "./lib/esm/index.js",
+      "require": "./lib/cjs/index.js"
+    },
+    "browser": {
+      "import": "./lib/esm/browser.js",
+      "require": "./lib/cjs/browser.js"
+    },
+    "default": "./lib/esm/index.js"
   },
   "engines": {
     "node": ">= 12.4"