{
  "id": "@typed/ui/index#Dom.renderHost",
  "canonicalId": "@typed/ui/Dom/Render#renderHost",
  "symbol": {
    "id": "@typed/ui/index#Dom.renderHost",
    "packageName": "@typed/ui",
    "moduleName": "index",
    "exportName": "Dom.renderHost",
    "kind": "function",
    "signatures": [
      "export declare function renderHost<Element extends globalThis.Element>(): <const Options extends HostOptions<Element>, const Internal extends HostProps<Element>, const Content extends RenderableInput, const Fallback extends HostResult, const Host extends HostResult = never>(options: Options, host: HostOverride<RenderHostProps<Options, Internal>, Content, Host> | undefined, buildInternal: (helpers: InternalPropsHelpers<Options>) => Internal, content: Content, fallback: (props: RenderHostProps<Options, Internal>, content: Content) => Fallback) => HostComponent<Options | Host>;"
    ],
    "summary": "Creates the host-rendering boundary for a particular DOM element type.",
    "sections": {
      "Why": "Components can compute required props once, merge them with caller props,\nthen delegate either to a custom host or to a native-template fallback. This\nexposes the boundary needed for external renderers without a framework adapter.",
      "Ownership and lifetime": "The returned component is lazy. Its Scope owns the chosen Effect/Fx result,\nmerged listener/ref work, and only the render-event range that result emits.\nA custom host owns output it creates and must honor the supplied props."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { renderHost } from \"@typed/ui/Dom/Render\"\nimport { html } from \"@typed/template\"\n\nconst renderButton = renderHost<HTMLButtonElement>()\nconst button = renderButton(\n  { props: { class: \"action\" } },\n  undefined,\n  () => ({ type: \"button\" }),\n  \"Save\",\n  (props, content) => html`<button ...${props}>${content}</button>`\n)"
      }
    ],
    "relations": [],
    "source": {
      "file": "packages/ui/src/Dom/Render.ts",
      "line": 54
    },
    "since": "1.0.0",
    "category": "Host rendering"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/ui/index#Dom.renderHost",
    "packageName": "@typed/ui",
    "packageVersion": "1.0.0-beta.7",
    "moduleName": "index",
    "consumerSpecifier": "@typed/ui/index",
    "exportName": "Dom",
    "qualifiedName": "Dom.renderHost",
    "declarationKey": "declaration:caee2b49df8d74599f6a305d",
    "family": "function",
    "signatures": [
      "export declare function renderHost<Element extends globalThis.Element>(): <const Options extends HostOptions<Element>, const Internal extends HostProps<Element>, const Content extends RenderableInput, const Fallback extends HostResult, const Host extends HostResult = never>(options: Options, host: HostOverride<RenderHostProps<Options, Internal>, Content, Host> | undefined, buildInternal: (helpers: InternalPropsHelpers<Options>) => Internal, content: Content, fallback: (props: RenderHostProps<Options, Internal>, content: Content) => Fallback) => HostComponent<Options | Host>;"
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Dom/Render.ts",
        "start": {
          "line": 54,
          "column": 1
        },
        "end": {
          "line": 76,
          "column": 2
        }
      }
    ],
    "aliases": [
      "@typed/ui#Dom.renderHost",
      "@typed/ui/Dom#renderHost",
      "@typed/ui/Dom/Render#renderHost",
      "@typed/ui/Dom/index#renderHost"
    ],
    "isAlias": true,
    "parentId": "@typed/ui/index#Dom",
    "static": false,
    "importedFrom": "declaration:caee2b49df8d74599f6a305d"
  },
  "declaration": {
    "declarationKey": "declaration:caee2b49df8d74599f6a305d",
    "name": "renderHost",
    "family": "function",
    "facets": [
      {
        "family": "function",
        "syntaxKind": "FunctionDeclaration",
        "signatures": [
          "export declare function renderHost<Element extends globalThis.Element>(): <const Options extends HostOptions<Element>, const Internal extends HostProps<Element>, const Content extends RenderableInput, const Fallback extends HostResult, const Host extends HostResult = never>(options: Options, host: HostOverride<RenderHostProps<Options, Internal>, Content, Host> | undefined, buildInternal: (helpers: InternalPropsHelpers<Options>) => Internal, content: Content, fallback: (props: RenderHostProps<Options, Internal>, content: Content) => Fallback) => HostComponent<Options | Host>;"
        ],
        "typeParameters": [
          "Element extends globalThis.Element"
        ],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Dom/Render.ts",
            "start": {
              "line": 54,
              "column": 1
            },
            "end": {
              "line": 76,
              "column": 2
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      }
    ],
    "signatures": [
      "export declare function renderHost<Element extends globalThis.Element>(): <const Options extends HostOptions<Element>, const Internal extends HostProps<Element>, const Content extends RenderableInput, const Fallback extends HostResult, const Host extends HostResult = never>(options: Options, host: HostOverride<RenderHostProps<Options, Internal>, Content, Host> | undefined, buildInternal: (helpers: InternalPropsHelpers<Options>) => Internal, content: Content, fallback: (props: RenderHostProps<Options, Internal>, content: Content) => Fallback) => HostComponent<Options | Host>;"
    ],
    "typeParameters": [
      "Element extends globalThis.Element"
    ],
    "summary": "Creates the host-rendering boundary for a particular DOM element type.",
    "sections": {
      "Why": "Components can compute required props once, merge them with caller props,\nthen delegate either to a custom host or to a native-template fallback. This\nexposes the boundary needed for external renderers without a framework adapter.",
      "Ownership and lifetime": "The returned component is lazy. Its Scope owns the chosen Effect/Fx result,\nmerged listener/ref work, and only the render-event range that result emits.\nA custom host owns output it creates and must honor the supplied props."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { renderHost } from \"@typed/ui/Dom/Render\"\nimport { html } from \"@typed/template\"\n\nconst renderButton = renderHost<HTMLButtonElement>()\nconst button = renderButton(\n  { props: { class: \"action\" } },\n  undefined,\n  () => ({ type: \"button\" }),\n  \"Save\",\n  (props, content) => html`<button ...${props}>${content}</button>`\n)"
      }
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Dom/Render.ts",
        "start": {
          "line": 54,
          "column": 1
        },
        "end": {
          "line": 76,
          "column": 2
        }
      }
    ],
    "since": "1.0.0",
    "category": "Host rendering"
  }
}