portal.tsx

Renders React portal children into external DOM node, enabling UI components beyond root hierarchy.

import { Component } from "react";
import ReactDOM from "react-dom";

import type React from "react";

interface PortalProps {
  children: React.ReactNode;
  portalId: string;
  portalHost?: ShadowRoot;
}

/**
 * `Portal` is a React component that allows you to render children into a DOM node
 * that exists outside the DOM hierarchy of the parent component.
 *
 * @class
 * @param {PortalProps} props - The properties that define the `Portal` component.
 * @property {React.ReactNode} props.children - The children to be rendered into the `Portal`.
 * @property {string} props.portalId - The id of the DOM node into which the `Portal` will render.
 * @property {ShadowRoot} [props.portalHost] - The DOM node to host the `Portal`.
 */
class Portal extends Component<PortalProps> {
  constructor(prop

... (truncated -- full source via MCP)