{
  "id": "@typed/ui#component.Gen",
  "canonicalId": "@typed/ui#component.Gen",
  "symbol": {
    "id": "@typed/ui#component.Gen",
    "packageName": "@typed/ui",
    "moduleName": ".",
    "exportName": "component.Gen",
    "kind": "type",
    "signatures": [
      "type Gen = {\n    <Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any>(body: () => Generator<Yield, Result, any>): ComponentFx<Yield, Result>;\n    <Args extends readonly [\n        any,\n        ...ReadonlyArray<any>\n    ], Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any>(body: (...args: Args) => Generator<Yield, Result, any>): (...args: Args) => ComponentFx<Yield, Result>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A): ComponentResult<Args, A>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B): ComponentResult<Args, B>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C): ComponentResult<Args, C>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D): ComponentResult<Args, D>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E): ComponentResult<Args, E>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F): ComponentResult<Args, F>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G): ComponentResult<Args, G>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H): ComponentResult<Args, H>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H, I>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H, i: (_: H, ...args: Args) => I): ComponentResult<Args, I>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H, I, J>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H, i: (_: H, ...args: Args) => I, j: (_: I, ...args: Args) => J): ComponentResult<Args, J>;\n};"
    ],
    "summary": "The overloaded callable type of `component`.",
    "sections": {
      "Why": "`Gen` preserves argument, error, and service inference across generator\ncomponents and optional post-construction pipe functions. A zero-argument\nbody returns an `Fx`; a body with arguments returns a component function.",
      "Ownership and lifetime": "Calling a `Gen` value constructs a lazy `Fx` and starts no work. Resources\nyielded by the generator belong to a child forked from the running Fx's\nrequired parent Scope. The returned renderable shares that same child.",
      "Call signatures": "Creates a component directly for a zero-argument body.\n\nCreates a component function while preserving the generator's parameters.\n\nApplies one argument-aware transformation to the generated Fx.\n\nApplies two ordered argument-aware transformations to the generated Fx.\n\nApplies three ordered argument-aware transformations to the generated Fx.\n\nApplies four ordered argument-aware transformations to the generated Fx.\n\nApplies five ordered argument-aware transformations to the generated Fx.\n\nApplies six ordered argument-aware transformations to the generated Fx.\n\nApplies seven ordered argument-aware transformations to the generated Fx.\n\nApplies eight ordered argument-aware transformations to the generated Fx.\n\nApplies nine ordered argument-aware transformations to the generated Fx.\n\nApplies ten ordered argument-aware transformations to the generated Fx."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { component } from \"@typed/ui/Component\"\nimport { html } from \"@typed/template\"\n\nconst define: component.Gen = component\nconst Greeting = define(function* (name: string) {\n  return html`<p>Hello ${name}</p>`\n})"
      }
    ],
    "relations": [],
    "source": {
      "file": "packages/ui/src/Component.ts",
      "line": 69
    },
    "since": "1.0.0",
    "category": "Generator overloads"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/ui#component.Gen",
    "packageName": "@typed/ui",
    "packageVersion": "1.0.0-beta.7",
    "moduleName": ".",
    "consumerSpecifier": "@typed/ui",
    "exportName": "component",
    "qualifiedName": "component.Gen",
    "declarationKey": "declaration:e34a08e7aec35692eb24abcc",
    "family": "type-alias",
    "signatures": [
      "type Gen = {\n    <Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any>(body: () => Generator<Yield, Result, any>): ComponentFx<Yield, Result>;\n    <Args extends readonly [\n        any,\n        ...ReadonlyArray<any>\n    ], Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any>(body: (...args: Args) => Generator<Yield, Result, any>): (...args: Args) => ComponentFx<Yield, Result>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A): ComponentResult<Args, A>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B): ComponentResult<Args, B>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C): ComponentResult<Args, C>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D): ComponentResult<Args, D>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E): ComponentResult<Args, E>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F): ComponentResult<Args, F>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G): ComponentResult<Args, G>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H): ComponentResult<Args, H>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H, I>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H, i: (_: H, ...args: Args) => I): ComponentResult<Args, I>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H, I, J>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H, i: (_: H, ...args: Args) => I, j: (_: I, ...args: Args) => J): ComponentResult<Args, J>;\n};"
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 69,
          "column": 3
        },
        "end": {
          "line": 283,
          "column": 5
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 71,
          "column": 5
        },
        "end": {
          "line": 73,
          "column": 35
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 76,
          "column": 5
        },
        "end": {
          "line": 82,
          "column": 54
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 85,
          "column": 5
        },
        "end": {
          "line": 93,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 96,
          "column": 5
        },
        "end": {
          "line": 106,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 109,
          "column": 5
        },
        "end": {
          "line": 121,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 124,
          "column": 5
        },
        "end": {
          "line": 138,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 141,
          "column": 5
        },
        "end": {
          "line": 157,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 160,
          "column": 5
        },
        "end": {
          "line": 178,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 181,
          "column": 5
        },
        "end": {
          "line": 201,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 204,
          "column": 5
        },
        "end": {
          "line": 226,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 229,
          "column": 5
        },
        "end": {
          "line": 253,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 256,
          "column": 5
        },
        "end": {
          "line": 282,
          "column": 33
        }
      }
    ],
    "aliases": [
      "@typed/ui/Component#component.Gen",
      "@typed/ui/index#component.Gen"
    ],
    "isAlias": false,
    "parentId": "@typed/ui#component",
    "static": false
  },
  "declaration": {
    "declarationKey": "declaration:e34a08e7aec35692eb24abcc",
    "name": "Gen",
    "family": "type-alias",
    "facets": [
      {
        "family": "type-alias",
        "syntaxKind": "TypeAliasDeclaration",
        "signatures": [
          "type Gen = {\n    <Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any>(body: () => Generator<Yield, Result, any>): ComponentFx<Yield, Result>;\n    <Args extends readonly [\n        any,\n        ...ReadonlyArray<any>\n    ], Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any>(body: (...args: Args) => Generator<Yield, Result, any>): (...args: Args) => ComponentFx<Yield, Result>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A): ComponentResult<Args, A>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B): ComponentResult<Args, B>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C): ComponentResult<Args, C>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D): ComponentResult<Args, D>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E): ComponentResult<Args, E>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F): ComponentResult<Args, F>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G): ComponentResult<Args, G>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H): ComponentResult<Args, H>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H, I>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H, i: (_: H, ...args: Args) => I): ComponentResult<Args, I>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H, I, J>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H, i: (_: H, ...args: Args) => I, j: (_: I, ...args: Args) => J): ComponentResult<Args, J>;\n};"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 69,
              "column": 3
            },
            "end": {
              "line": 283,
              "column": 5
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      },
      {
        "family": "call-signature",
        "syntaxKind": "CallSignature",
        "signatures": [
          "<Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any>(body: () => Generator<Yield, Result, any>): ComponentFx<Yield, Result>;",
          "<Args extends readonly [\n    any,\n    ...ReadonlyArray<any>\n], Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any>(body: (...args: Args) => Generator<Yield, Result, any>): (...args: Args) => ComponentFx<Yield, Result>;",
          "<Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A): ComponentResult<Args, A>;",
          "<Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B): ComponentResult<Args, B>;",
          "<Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C): ComponentResult<Args, C>;",
          "<Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D): ComponentResult<Args, D>;",
          "<Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E): ComponentResult<Args, E>;",
          "<Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F): ComponentResult<Args, F>;",
          "<Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G): ComponentResult<Args, G>;",
          "<Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H): ComponentResult<Args, H>;",
          "<Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H, I>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H, i: (_: H, ...args: Args) => I): ComponentResult<Args, I>;",
          "<Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H, I, J>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H, i: (_: H, ...args: Args) => I, j: (_: I, ...args: Args) => J): ComponentResult<Args, J>;"
        ],
        "typeParameters": [
          "Yield extends Effect.Effect<any, any, any>",
          "const Result extends Renderable.Any",
          "Args extends readonly [any, ...ReadonlyArray<any>]",
          "Args extends ReadonlyArray<any>",
          "A",
          "B",
          "C",
          "D",
          "E",
          "F",
          "G",
          "H",
          "I",
          "J"
        ],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 71,
              "column": 5
            },
            "end": {
              "line": 73,
              "column": 35
            }
          },
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 76,
              "column": 5
            },
            "end": {
              "line": 82,
              "column": 54
            }
          },
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 85,
              "column": 5
            },
            "end": {
              "line": 93,
              "column": 33
            }
          },
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 96,
              "column": 5
            },
            "end": {
              "line": 106,
              "column": 33
            }
          },
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 109,
              "column": 5
            },
            "end": {
              "line": 121,
              "column": 33
            }
          },
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 124,
              "column": 5
            },
            "end": {
              "line": 138,
              "column": 33
            }
          },
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 141,
              "column": 5
            },
            "end": {
              "line": 157,
              "column": 33
            }
          },
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 160,
              "column": 5
            },
            "end": {
              "line": 178,
              "column": 33
            }
          },
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 181,
              "column": 5
            },
            "end": {
              "line": 201,
              "column": 33
            }
          },
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 204,
              "column": 5
            },
            "end": {
              "line": 226,
              "column": 33
            }
          },
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 229,
              "column": 5
            },
            "end": {
              "line": 253,
              "column": 33
            }
          },
          {
            "file": "packages/ui/src/Component.ts",
            "start": {
              "line": 256,
              "column": 5
            },
            "end": {
              "line": 282,
              "column": 33
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      }
    ],
    "signatures": [
      "type Gen = {\n    <Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any>(body: () => Generator<Yield, Result, any>): ComponentFx<Yield, Result>;\n    <Args extends readonly [\n        any,\n        ...ReadonlyArray<any>\n    ], Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any>(body: (...args: Args) => Generator<Yield, Result, any>): (...args: Args) => ComponentFx<Yield, Result>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A): ComponentResult<Args, A>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B): ComponentResult<Args, B>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C): ComponentResult<Args, C>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D): ComponentResult<Args, D>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E): ComponentResult<Args, E>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F): ComponentResult<Args, F>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G): ComponentResult<Args, G>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H): ComponentResult<Args, H>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H, I>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H, i: (_: H, ...args: Args) => I): ComponentResult<Args, I>;\n    <Args extends ReadonlyArray<any>, Yield extends Effect.Effect<any, any, any>, const Result extends Renderable.Any, A, B, C, D, E, F, G, H, I, J>(body: (...args: Args) => Generator<Yield, Result, any>, a: (_: ComponentFx<Yield, Result>, ...args: Args) => A, b: (_: A, ...args: Args) => B, c: (_: B, ...args: Args) => C, d: (_: C, ...args: Args) => D, e: (_: D, ...args: Args) => E, f: (_: E, ...args: Args) => F, g: (_: F, ...args: Args) => G, h: (_: G, ...args: Args) => H, i: (_: H, ...args: Args) => I, j: (_: I, ...args: Args) => J): ComponentResult<Args, J>;\n};"
    ],
    "typeParameters": [
      "Yield extends Effect.Effect<any, any, any>",
      "const Result extends Renderable.Any",
      "Args extends readonly [any, ...ReadonlyArray<any>]",
      "Args extends ReadonlyArray<any>",
      "A",
      "B",
      "C",
      "D",
      "E",
      "F",
      "G",
      "H",
      "I",
      "J"
    ],
    "summary": "The overloaded callable type of `component`.",
    "sections": {
      "Why": "`Gen` preserves argument, error, and service inference across generator\ncomponents and optional post-construction pipe functions. A zero-argument\nbody returns an `Fx`; a body with arguments returns a component function.",
      "Ownership and lifetime": "Calling a `Gen` value constructs a lazy `Fx` and starts no work. Resources\nyielded by the generator belong to a child forked from the running Fx's\nrequired parent Scope. The returned renderable shares that same child.",
      "Call signatures": "Creates a component directly for a zero-argument body.\n\nCreates a component function while preserving the generator's parameters.\n\nApplies one argument-aware transformation to the generated Fx.\n\nApplies two ordered argument-aware transformations to the generated Fx.\n\nApplies three ordered argument-aware transformations to the generated Fx.\n\nApplies four ordered argument-aware transformations to the generated Fx.\n\nApplies five ordered argument-aware transformations to the generated Fx.\n\nApplies six ordered argument-aware transformations to the generated Fx.\n\nApplies seven ordered argument-aware transformations to the generated Fx.\n\nApplies eight ordered argument-aware transformations to the generated Fx.\n\nApplies nine ordered argument-aware transformations to the generated Fx.\n\nApplies ten ordered argument-aware transformations to the generated Fx."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { component } from \"@typed/ui/Component\"\nimport { html } from \"@typed/template\"\n\nconst define: component.Gen = component\nconst Greeting = define(function* (name: string) {\n  return html`<p>Hello ${name}</p>`\n})"
      }
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 69,
          "column": 3
        },
        "end": {
          "line": 283,
          "column": 5
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 71,
          "column": 5
        },
        "end": {
          "line": 73,
          "column": 35
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 76,
          "column": 5
        },
        "end": {
          "line": 82,
          "column": 54
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 85,
          "column": 5
        },
        "end": {
          "line": 93,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 96,
          "column": 5
        },
        "end": {
          "line": 106,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 109,
          "column": 5
        },
        "end": {
          "line": 121,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 124,
          "column": 5
        },
        "end": {
          "line": 138,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 141,
          "column": 5
        },
        "end": {
          "line": 157,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 160,
          "column": 5
        },
        "end": {
          "line": 178,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 181,
          "column": 5
        },
        "end": {
          "line": 201,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 204,
          "column": 5
        },
        "end": {
          "line": 226,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 229,
          "column": 5
        },
        "end": {
          "line": 253,
          "column": 33
        }
      },
      {
        "file": "packages/ui/src/Component.ts",
        "start": {
          "line": 256,
          "column": 5
        },
        "end": {
          "line": 282,
          "column": 33
        }
      }
    ],
    "since": "1.0.0",
    "category": "Generator overloads"
  }
}