Why not use namespace exports

[oviirup]

Before we can begin I want to admit that I do not have in-depth knowledge about Node.js or TypeScript. I am still learning.

According to current shadcn-components we have to import every single part of a component in order to use it.

import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';

Recently I learned about the namespace exports an I implemented it on the component exports like so...

export namespace Tooltip {
  export const Root = TooltipRoot
  export const Provider = TooltipProvider
  export const Trigger = TooltipTrigger
  export const Content = TooltipContent
}

This allows only a single import of Tooltip as use it like

import { Tooltip } from '@/components/ui/tooltip';

<Tooltip.Root>
  <Tooltip.Trigger>open</Tooltip.Trigger>
  <Tooltip.Content>hello world</Tooltip.Content>
</Tooltip.Root>;

Now, I am wondering what is the reason for not using namespace.

[oviirup]

I have looked into the source code of radix-ui, hero-ui, and some others, and everyone seems to avoid namespace exports. There is even a strict eslint rule suggesting not to use namespace export. I want to know why?

[vdawg-git]

It is considered outdated.
My thought is also that it is Typescript specific syntax which cannot be erased easily, so it could cause problems in environments which can execute Typescript directly like in Bun.

But I dont really know