{
  "id": "@typed/template/Renderable#Renderable",
  "canonicalId": "@typed/template#Renderable",
  "symbol": {
    "id": "@typed/template/Renderable#Renderable",
    "packageName": "@typed/template",
    "moduleName": "Renderable",
    "exportName": "Renderable",
    "kind": "type",
    "signatures": [
      "export type Renderable<A, E = never, R = never> = A | {\n    readonly [key: string]: Renderable<unknown, E, R>;\n} | ReadonlyArray<Renderable<A, E, R>> | Effect.Effect<A, E, R> | Stream.Stream<A, E, R> | Fx.Fx<A, E, R> | HydrationRef<E, R> | ([\n    A\n] extends [\n    ReadonlyArray<infer Item>\n] ? Many<Item, E, R> : never);",
      "export declare namespace Renderable {\n    type Any<A = any> = Renderable<A, any, any> | Renderable<A, never, never> | Renderable<never, any, any> | Renderable<never, never, any>;\n    type Primitive = string | number | boolean | bigint | null | undefined | void | RenderEvent;\n    type Effects = Effect.Effect<any, any, any> | Fx.Fx<any, any, any> | Stream.Stream<any, any, any>;\n    type Services<T> = RenderableServices<T>;\n    type Error<T> = RenderableError<T>;\n    type Success<T> = [\n        T\n    ] extends [\n        never\n    ] ? never : T extends Many<infer A, any, any> ? ReadonlyArray<A> : T extends Fx.Fx<infer A, any, any> ? A : T extends Stream.Stream<infer A, any, any> ? A : T extends Effect.Effect<infer A, any, any> ? Success<A> : T extends Option.Option<infer A> ? Success<A> | null : T extends ReadonlyArray<any> ? {\n        readonly [K in keyof T]: Success<T[K]>;\n    } : T extends null | undefined | void ? null : T extends (...args: Array<any>) => any ? null : T extends RenderEvent ? T : T extends object ? {\n        readonly [K in keyof T]: Success<T[K]>;\n    } : T;\n    type ServicesFromObject<T> = [\n        {\n            [K in keyof T]-?: T[K] extends (...args: Array<any>) => any ? FunctionServices<ReturnType<T[K]>> : Services<T[K]>;\n        }[keyof T]\n    ] extends [\n        infer U\n    ] ? U : never;\n    type ErrorFromObject<T> = [\n        {\n            [K in keyof T]-?: T[K] extends (...args: Array<any>) => any ? FunctionError<ReturnType<T[K]>> : Error<T[K]>;\n        }[keyof T]\n    ] extends [\n        infer U\n    ] ? U : never;\n}"
    ],
    "summary": "Represents any value that can be rendered into a template.\n\nThis includes:\n- Primitives (string, number, boolean, null, undefined)\n- Arrays of Renderables\n- Effects that produce a Renderable\n- Streams (Fx or Stream) that emit Renderables\n- Objects (typically for setting properties or attributes)",
    "sections": {
      "Why": "`Renderable` is deliberately a union of Effect ecosystem values and ordinary\ndata rather than a component base class. Effect, Stream, Fx, hydration refs,\narrays, objects, primitives, and `RenderEvent` outputs preserve their own\nsuccess, error, and service channels through template inference.",
      "Ownership and lifetime": "A Renderable is a description or borrowed value. Calling `html` does not run\nit; the Scope that drains the resulting Fx owns upstream subscriptions,\ninterruption, and finalizers. Existing DOM nodes retain their identity and\nexternal owner until inserted into a renderer-owned dynamic range."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { Effect } from \"effect\"\nimport { html } from \"@typed/template\"\nimport { Fx } from \"@typed/fx\"\nimport { RefSubject } from \"@typed/fx/RefSubject\"\n\n// Primitives\nconst primitive = html`<div>${\"Hello\"}</div>`\nconst number = html`<div>${42}</div>`\nconst boolean = html`<div>${true}</div>`\n\n// Effects\nconst effect = html`<div>${Effect.succeed(\"Async value\")}</div>`\n\n// Fx streams (reactive)\nconst program = Effect.gen(function* () {\n  const count = yield* RefSubject.make(0)\n  return html`<div>Count: ${count}</div>`\n})\n\n// Arrays\nconst items = [1, 2, 3]\nconst list = html`<ul>${items.map((n) => html`<li>${n}</li>`)}</ul>`\n\n// Objects (for attributes)\nconst withProps = html`<div .data=${{ foo: \"bar\" }}></div>`"
      }
    ],
    "relations": [],
    "source": {
      "file": "packages/template/src/Renderable.ts",
      "line": 72
    },
    "since": "1.0.0",
    "category": "Renderable inputs"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/template/Renderable#Renderable",
    "packageName": "@typed/template",
    "packageVersion": "1.0.0-beta.13",
    "moduleName": "Renderable",
    "consumerSpecifier": "@typed/template/Renderable",
    "exportName": "Renderable",
    "qualifiedName": "Renderable",
    "declarationKey": "declaration:bae26223c2ae38192bca3285",
    "family": "type-alias",
    "signatures": [
      "export type Renderable<A, E = never, R = never> = A | {\n    readonly [key: string]: Renderable<unknown, E, R>;\n} | ReadonlyArray<Renderable<A, E, R>> | Effect.Effect<A, E, R> | Stream.Stream<A, E, R> | Fx.Fx<A, E, R> | HydrationRef<E, R> | ([\n    A\n] extends [\n    ReadonlyArray<infer Item>\n] ? Many<Item, E, R> : never);",
      "export declare namespace Renderable {\n    type Any<A = any> = Renderable<A, any, any> | Renderable<A, never, never> | Renderable<never, any, any> | Renderable<never, never, any>;\n    type Primitive = string | number | boolean | bigint | null | undefined | void | RenderEvent;\n    type Effects = Effect.Effect<any, any, any> | Fx.Fx<any, any, any> | Stream.Stream<any, any, any>;\n    type Services<T> = RenderableServices<T>;\n    type Error<T> = RenderableError<T>;\n    type Success<T> = [\n        T\n    ] extends [\n        never\n    ] ? never : T extends Many<infer A, any, any> ? ReadonlyArray<A> : T extends Fx.Fx<infer A, any, any> ? A : T extends Stream.Stream<infer A, any, any> ? A : T extends Effect.Effect<infer A, any, any> ? Success<A> : T extends Option.Option<infer A> ? Success<A> | null : T extends ReadonlyArray<any> ? {\n        readonly [K in keyof T]: Success<T[K]>;\n    } : T extends null | undefined | void ? null : T extends (...args: Array<any>) => any ? null : T extends RenderEvent ? T : T extends object ? {\n        readonly [K in keyof T]: Success<T[K]>;\n    } : T;\n    type ServicesFromObject<T> = [\n        {\n            [K in keyof T]-?: T[K] extends (...args: Array<any>) => any ? FunctionServices<ReturnType<T[K]>> : Services<T[K]>;\n        }[keyof T]\n    ] extends [\n        infer U\n    ] ? U : never;\n    type ErrorFromObject<T> = [\n        {\n            [K in keyof T]-?: T[K] extends (...args: Array<any>) => any ? FunctionError<ReturnType<T[K]>> : Error<T[K]>;\n        }[keyof T]\n    ] extends [\n        infer U\n    ] ? U : never;\n}"
    ],
    "sourceSpans": [
      {
        "file": "packages/template/src/Renderable.ts",
        "start": {
          "line": 72,
          "column": 1
        },
        "end": {
          "line": 80,
          "column": 74
        }
      },
      {
        "file": "packages/template/src/Renderable.ts",
        "start": {
          "line": 82,
          "column": 1
        },
        "end": {
          "line": 285,
          "column": 2
        }
      },
      {
        "file": "packages/template/src/Renderable.ts",
        "start": {
          "line": 74,
          "column": 7
        },
        "end": {
          "line": 74,
          "column": 56
        }
      }
    ],
    "aliases": [
      "@typed/template#Renderable"
    ],
    "isAlias": false,
    "static": false
  },
  "declaration": {
    "declarationKey": "declaration:bae26223c2ae38192bca3285",
    "name": "Renderable",
    "family": "type-alias",
    "facets": [
      {
        "family": "type-alias",
        "syntaxKind": "TypeAliasDeclaration",
        "signatures": [
          "export type Renderable<A, E = never, R = never> = A | {\n    readonly [key: string]: Renderable<unknown, E, R>;\n} | ReadonlyArray<Renderable<A, E, R>> | Effect.Effect<A, E, R> | Stream.Stream<A, E, R> | Fx.Fx<A, E, R> | HydrationRef<E, R> | ([\n    A\n] extends [\n    ReadonlyArray<infer Item>\n] ? Many<Item, E, R> : never);"
        ],
        "typeParameters": [
          "A",
          "E = never",
          "R = never"
        ],
        "sourceSpans": [
          {
            "file": "packages/template/src/Renderable.ts",
            "start": {
              "line": 72,
              "column": 1
            },
            "end": {
              "line": 80,
              "column": 74
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      },
      {
        "family": "namespace",
        "syntaxKind": "ModuleDeclaration",
        "signatures": [
          "export declare namespace Renderable {\n    type Any<A = any> = Renderable<A, any, any> | Renderable<A, never, never> | Renderable<never, any, any> | Renderable<never, never, any>;\n    type Primitive = string | number | boolean | bigint | null | undefined | void | RenderEvent;\n    type Effects = Effect.Effect<any, any, any> | Fx.Fx<any, any, any> | Stream.Stream<any, any, any>;\n    type Services<T> = RenderableServices<T>;\n    type Error<T> = RenderableError<T>;\n    type Success<T> = [\n        T\n    ] extends [\n        never\n    ] ? never : T extends Many<infer A, any, any> ? ReadonlyArray<A> : T extends Fx.Fx<infer A, any, any> ? A : T extends Stream.Stream<infer A, any, any> ? A : T extends Effect.Effect<infer A, any, any> ? Success<A> : T extends Option.Option<infer A> ? Success<A> | null : T extends ReadonlyArray<any> ? {\n        readonly [K in keyof T]: Success<T[K]>;\n    } : T extends null | undefined | void ? null : T extends (...args: Array<any>) => any ? null : T extends RenderEvent ? T : T extends object ? {\n        readonly [K in keyof T]: Success<T[K]>;\n    } : T;\n    type ServicesFromObject<T> = [\n        {\n            [K in keyof T]-?: T[K] extends (...args: Array<any>) => any ? FunctionServices<ReturnType<T[K]>> : Services<T[K]>;\n        }[keyof T]\n    ] extends [\n        infer U\n    ] ? U : never;\n    type ErrorFromObject<T> = [\n        {\n            [K in keyof T]-?: T[K] extends (...args: Array<any>) => any ? FunctionError<ReturnType<T[K]>> : Error<T[K]>;\n        }[keyof T]\n    ] extends [\n        infer U\n    ] ? U : never;\n}"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/template/src/Renderable.ts",
            "start": {
              "line": 82,
              "column": 1
            },
            "end": {
              "line": 285,
              "column": 2
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      },
      {
        "family": "index-signature",
        "syntaxKind": "IndexSignature",
        "signatures": [
          "readonly [key: string]: Renderable<unknown, E, R>;"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/template/src/Renderable.ts",
            "start": {
              "line": 74,
              "column": 7
            },
            "end": {
              "line": 74,
              "column": 56
            }
          }
        ],
        "static": false,
        "readonly": true,
        "optional": false
      }
    ],
    "signatures": [
      "export type Renderable<A, E = never, R = never> = A | {\n    readonly [key: string]: Renderable<unknown, E, R>;\n} | ReadonlyArray<Renderable<A, E, R>> | Effect.Effect<A, E, R> | Stream.Stream<A, E, R> | Fx.Fx<A, E, R> | HydrationRef<E, R> | ([\n    A\n] extends [\n    ReadonlyArray<infer Item>\n] ? Many<Item, E, R> : never);",
      "export declare namespace Renderable {\n    type Any<A = any> = Renderable<A, any, any> | Renderable<A, never, never> | Renderable<never, any, any> | Renderable<never, never, any>;\n    type Primitive = string | number | boolean | bigint | null | undefined | void | RenderEvent;\n    type Effects = Effect.Effect<any, any, any> | Fx.Fx<any, any, any> | Stream.Stream<any, any, any>;\n    type Services<T> = RenderableServices<T>;\n    type Error<T> = RenderableError<T>;\n    type Success<T> = [\n        T\n    ] extends [\n        never\n    ] ? never : T extends Many<infer A, any, any> ? ReadonlyArray<A> : T extends Fx.Fx<infer A, any, any> ? A : T extends Stream.Stream<infer A, any, any> ? A : T extends Effect.Effect<infer A, any, any> ? Success<A> : T extends Option.Option<infer A> ? Success<A> | null : T extends ReadonlyArray<any> ? {\n        readonly [K in keyof T]: Success<T[K]>;\n    } : T extends null | undefined | void ? null : T extends (...args: Array<any>) => any ? null : T extends RenderEvent ? T : T extends object ? {\n        readonly [K in keyof T]: Success<T[K]>;\n    } : T;\n    type ServicesFromObject<T> = [\n        {\n            [K in keyof T]-?: T[K] extends (...args: Array<any>) => any ? FunctionServices<ReturnType<T[K]>> : Services<T[K]>;\n        }[keyof T]\n    ] extends [\n        infer U\n    ] ? U : never;\n    type ErrorFromObject<T> = [\n        {\n            [K in keyof T]-?: T[K] extends (...args: Array<any>) => any ? FunctionError<ReturnType<T[K]>> : Error<T[K]>;\n        }[keyof T]\n    ] extends [\n        infer U\n    ] ? U : never;\n}"
    ],
    "typeParameters": [
      "A",
      "E = never",
      "R = never"
    ],
    "summary": "Represents any value that can be rendered into a template.\n\nThis includes:\n- Primitives (string, number, boolean, null, undefined)\n- Arrays of Renderables\n- Effects that produce a Renderable\n- Streams (Fx or Stream) that emit Renderables\n- Objects (typically for setting properties or attributes)",
    "sections": {
      "Why": "`Renderable` is deliberately a union of Effect ecosystem values and ordinary\ndata rather than a component base class. Effect, Stream, Fx, hydration refs,\narrays, objects, primitives, and `RenderEvent` outputs preserve their own\nsuccess, error, and service channels through template inference.",
      "Ownership and lifetime": "A Renderable is a description or borrowed value. Calling `html` does not run\nit; the Scope that drains the resulting Fx owns upstream subscriptions,\ninterruption, and finalizers. Existing DOM nodes retain their identity and\nexternal owner until inserted into a renderer-owned dynamic range."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { Effect } from \"effect\"\nimport { html } from \"@typed/template\"\nimport { Fx } from \"@typed/fx\"\nimport { RefSubject } from \"@typed/fx/RefSubject\"\n\n// Primitives\nconst primitive = html`<div>${\"Hello\"}</div>`\nconst number = html`<div>${42}</div>`\nconst boolean = html`<div>${true}</div>`\n\n// Effects\nconst effect = html`<div>${Effect.succeed(\"Async value\")}</div>`\n\n// Fx streams (reactive)\nconst program = Effect.gen(function* () {\n  const count = yield* RefSubject.make(0)\n  return html`<div>Count: ${count}</div>`\n})\n\n// Arrays\nconst items = [1, 2, 3]\nconst list = html`<ul>${items.map((n) => html`<li>${n}</li>`)}</ul>`\n\n// Objects (for attributes)\nconst withProps = html`<div .data=${{ foo: \"bar\" }}></div>`"
      }
    ],
    "sourceSpans": [
      {
        "file": "packages/template/src/Renderable.ts",
        "start": {
          "line": 72,
          "column": 1
        },
        "end": {
          "line": 80,
          "column": 74
        }
      },
      {
        "file": "packages/template/src/Renderable.ts",
        "start": {
          "line": 82,
          "column": 1
        },
        "end": {
          "line": 285,
          "column": 2
        }
      },
      {
        "file": "packages/template/src/Renderable.ts",
        "start": {
          "line": 74,
          "column": 7
        },
        "end": {
          "line": 74,
          "column": 56
        }
      }
    ],
    "since": "1.0.0",
    "category": "Renderable inputs"
  }
}