<s>[INST] ### Namespace imports are not being recognized

I'm trying to import a sub-namespace from a module, but the compiler throws an error that the namespace is not defined.

I have a file `src/index.ts` that imports and exports all the components from `src/components/index.ts`. The `src/components/index.ts` file looks like this:
```typescript
// src/components/index.ts
export * from './Button';
export * from './Card';
export * from './Grid';
```
And in my `src/Button.ts` file, I have:
```typescript
// src/Button.ts
namespace MyNamespace {
    export class Button { ... }
}
```
But when I try to import the namespace in another file, I get an error:
```typescript
// src/MyComponent.ts
import { MyNamespace } from 'src';

console.log(MyNamespace.Button);
```
The error message is:
```
TS2503: Cannot find namespace 'MyNamespace'.
```
I've tried to use the `export * from './Button';` syntax in `index.ts` to re-export everything from `Button.ts`, but it doesn't seem to work. What's going wrong?[/INST]