Made of little things.

import { LitElement } from 'lit';
import { StoreController } from '../state/store';
import { store, type EditorState } from '../state/editor-state';

/**
 * Lit base for editor components. Renders into light DOM so the global stylesheet,
 * element ids and test selectors keep applying; hosts are `display: contents`.
 */
export class LightElement extends LitElement {
    protected createRenderRoot(): HTMLElement {
        return this;
    }
    /** Subscribe this component to a slice of editor state. */
    protected watch<T>(select: (state: EditorState) => T): StoreController<EditorState, T> {
        return new StoreController(this, store, select);
    }
}