I'm trying to make a package in typescript, this one in particular. But after installing it locally in my project with yarn add file:../parascan-js, I can't import the modules correctly.

I expect import options for my package to be parascan/components/* (name changed from uikit) but what I see are the file/folders in the root such as src, dist, tsconfig etc. I want to be able to import with

import {Table} from "parascan/components/info"

Instead of this

import Table from "parascan/src/components/info/Table"

I've tried building dist folder with tsc and babel. Made some changes to package.json by adding type: module and module: dist/index.js but nothing worked.

Another way to look at this problem is using a generic common package like @chakra-ui/react as example. Text are imported with:

import { Text } from @chakra-ui/react

And not:

import { Text } from @chakra-ui/react/src/index
//or
//import { Text } from @chakra-ui/react/dist/index

I'm new to js/ts, so articles on how to create packages would be helpful.