new Parent.Child() の形で呼び出せる、かつ、Parent と Child の実装を別ファイルで行う方法 [js, ts]

Question

知りたいこと

言葉で表しづらいのですが、js, ts で 外部で書いた class 等を namespace で区切りその内側に実装したいです。

別の言葉で表すと、 new Parent.Child() の形で呼び出せる、かつ、Parent と Child の実装を別ファイルで行う方法、またはそれが可能なのか知りたいです。

サンプルコード

動くもの

export class Parent {
    constructor(
        public readonly name: string,
        public readonly children: Parent.Child[]
    ) {}
}
export namespace Parent {
    export class Child {
        constructor(
            public readonly name: string,
            public readonly items: Item[],
        ) {}
    }
    export namespace Child {
        export interface Item {
            id: string;
            value: number;
        }
    }
}

理想イメージに近いもの

import { Child } from "./child"

export class Parent {
    constructor(
        public readonly name: string,
        public readonly children: Parent.Child[]
    ) {}
}
export namespace Parent {
    export class Child
}

ご存知の方がいらっしゃれば教えていただきたいです。