fix: ECMAScript Modules in Node.js

[onemen]

Update all primitives to support ECMAScript Modules, resolve #1848.

1. Add "exports" field to all all primitives package.json.
   typescript: ECMAScript Modules in Node
   node: exports
2. Update "module" field file extensions to be ".mjs", this is also match parcel docs
3. Make a copy of index.d.ts to index.d.mts, see the code in scripts/fix-type-defs-imports.js
   this is the relevant quote from typescript:
   It’s important to note that the CommonJS entrypoint and the ES module entrypoint each needs its own declaration file, even if the contents are the same between them

this is the relevant section from package.json

  "exports": {
    ".": {
      "import": {
        "types": "./dist/index.d.mts",
        "default": "./dist/index.mjs"
      },
      "require": {
        "types": "./dist/index.d.ts",
        "default": "./dist/index.js"
      }
    }
  },
  "source": "./src/index.ts",
  "main": "./dist/index.js",
  "module": "./dist/index.mjs",
  "types": "./dist/index.d.ts",

[onemen]

@benoitgrelard , @andy-hook

I hope you can review and merge it soon.

keep bringing us your grate UI library.

[flex-haegul]

Looks good.

[SoYoung210]

@benoitgrelard , @andy-hook
There is currently an issue with ESM support when creating libraries using radix-ui
Hopefully this PR will be reviewed and fixed soon.

[benoitgrelard]

Thanks for doing this @onemen, it all looks good I think.

I'll ping you back here once the RCs have been generated, it would be great if you could then test out locally using the RC to confirm that it all works as you expect with ESM. 🙏

[onemen]

OK, Thank you

[benoitgrelard]

Ok, they have been generated, you can see all the versions here:

b61f185

Let me know if it all works as you expected locally when using ESM.

[onemen]

just tested

    "@radix-ui/react-checkbox": "^1.0.4-rc.6",
    "@radix-ui/react-dialog": "^1.0.4-rc.7",
    "@radix-ui/react-dropdown-menu": "^2.0.5-rc.11",
    "@radix-ui/react-popover": "^1.0.6-rc.11",
    "@radix-ui/react-separator": "^1.0.3-rc.6",
    "@radix-ui/react-tabs": "^1.0.4-rc.6",

on this project https://github.com/epicweb-dev/rocket-rental

everything work ok

we have to use a workaround and import from dist/index.js before this rc

- import Checkbox from '@radix-ui/react-checkbox/dist/index.js'
- import DropdownMenu from '@radix-ui/react-dropdown-menu/dist/index.js'
+ import * as Checkbox from '@radix-ui/react-checkbox'
+ import * as DropdownMenu from '@radix-ui/react-dropdown-menu'

[benoitgrelard]

Great! Glad it all works correctly.

And thanks again for the contribution! 🙏