How to create independent modules in angular library

I'm working on angular library and inside my mint lib, there are 2 modules which is buton and dialog. I wanted to create each module as independent so inside app I can use like @myorg/mint/button. I'm getting following error if I use @myorg/mint/button and working good if @myorg/mint. How I can acheive this?

./src/app/app.component.ts:2:0-47 - Error: Module not found: Error: Can't resolve '@myorg/mint/dialog' in '/Users/mycp2ja4/Documents/my-app-test/src/app'

tsconfig.ts

"paths": {
      "@myorg/mint/*": ["./projects/mint/src/*"],
      "mint": [
        "dist/mint/mint",
        "dist/mint"
      ]
},