{
  "id": "@typed/ui/index#Form.InputComponent",
  "canonicalId": "@typed/ui/Form#InputComponent",
  "symbol": {
    "id": "@typed/ui/index#Form.InputComponent",
    "packageName": "@typed/ui",
    "moduleName": "index",
    "exportName": "Form.InputComponent",
    "kind": "type",
    "signatures": [
      "export type InputComponent<Value> = <const Values extends object, const Options extends InputOptions<Values, Value>, const Host extends HostResult = never>(options: Options & Pick<InputOptions<Values, Value>, \"state\" | \"name\">, host?: Dom.HostOverride<Dom.RenderHostProps<Options, InputProps<Values, Value>>, \"\", Host>) => Fx<RenderEvent, Schema.SchemaError | Renderable.Error<RenderableComponentOptions<Options> | Host>, Renderable.Services<RenderableComponentOptions<Options> | Host> | Scope.Scope | RenderTemplate>;"
    ],
    "summary": "Public component contract shared by state-explicit native input factories.",
    "sections": {},
    "examples": [
      {
        "language": "ts",
        "code": "import { InputComponent, makeState, TextInput } from \"@typed/ui/Form\"\nimport { html } from \"@typed/template\"\nimport { Effect, Schema } from \"effect\"\n\nconst Text: InputComponent<string> = TextInput\nconst rendered = Effect.gen(function* () {\n  const state = yield* makeState(Schema.Struct({ name: Schema.String }), {\n    values: { name: \"\" }\n  })\n  return Text({ state, name: \"name\" }, (props) => html`<input ...${props} />`)\n})"
      }
    ],
    "relations": [],
    "source": {
      "file": "packages/ui/src/Form.ts",
      "line": 728
    },
    "since": "1.0.0",
    "category": "Native controls"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/ui/index#Form.InputComponent",
    "packageName": "@typed/ui",
    "packageVersion": "1.0.0-beta.13",
    "moduleName": "index",
    "consumerSpecifier": "@typed/ui/index",
    "exportName": "Form",
    "qualifiedName": "Form.InputComponent",
    "declarationKey": "declaration:0cba92ecde42184473cd0c70",
    "family": "type-alias",
    "signatures": [
      "export type InputComponent<Value> = <const Values extends object, const Options extends InputOptions<Values, Value>, const Host extends HostResult = never>(options: Options & Pick<InputOptions<Values, Value>, \"state\" | \"name\">, host?: Dom.HostOverride<Dom.RenderHostProps<Options, InputProps<Values, Value>>, \"\", Host>) => Fx<RenderEvent, Schema.SchemaError | Renderable.Error<RenderableComponentOptions<Options> | Host>, Renderable.Services<RenderableComponentOptions<Options> | Host> | Scope.Scope | RenderTemplate>;"
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Form.ts",
        "start": {
          "line": 728,
          "column": 1
        },
        "end": {
          "line": 739,
          "column": 3
        }
      }
    ],
    "aliases": [
      "@typed/ui#Form.InputComponent",
      "@typed/ui/Form#InputComponent"
    ],
    "isAlias": true,
    "parentId": "@typed/ui/index#Form",
    "static": false,
    "importedFrom": "declaration:0cba92ecde42184473cd0c70"
  },
  "declaration": {
    "declarationKey": "declaration:0cba92ecde42184473cd0c70",
    "name": "InputComponent",
    "family": "type-alias",
    "facets": [
      {
        "family": "type-alias",
        "syntaxKind": "TypeAliasDeclaration",
        "signatures": [
          "export type InputComponent<Value> = <const Values extends object, const Options extends InputOptions<Values, Value>, const Host extends HostResult = never>(options: Options & Pick<InputOptions<Values, Value>, \"state\" | \"name\">, host?: Dom.HostOverride<Dom.RenderHostProps<Options, InputProps<Values, Value>>, \"\", Host>) => Fx<RenderEvent, Schema.SchemaError | Renderable.Error<RenderableComponentOptions<Options> | Host>, Renderable.Services<RenderableComponentOptions<Options> | Host> | Scope.Scope | RenderTemplate>;"
        ],
        "typeParameters": [
          "Value"
        ],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Form.ts",
            "start": {
              "line": 728,
              "column": 1
            },
            "end": {
              "line": 739,
              "column": 3
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      }
    ],
    "signatures": [
      "export type InputComponent<Value> = <const Values extends object, const Options extends InputOptions<Values, Value>, const Host extends HostResult = never>(options: Options & Pick<InputOptions<Values, Value>, \"state\" | \"name\">, host?: Dom.HostOverride<Dom.RenderHostProps<Options, InputProps<Values, Value>>, \"\", Host>) => Fx<RenderEvent, Schema.SchemaError | Renderable.Error<RenderableComponentOptions<Options> | Host>, Renderable.Services<RenderableComponentOptions<Options> | Host> | Scope.Scope | RenderTemplate>;"
    ],
    "typeParameters": [
      "Value"
    ],
    "summary": "Public component contract shared by state-explicit native input factories.",
    "sections": {},
    "examples": [
      {
        "language": "ts",
        "code": "import { InputComponent, makeState, TextInput } from \"@typed/ui/Form\"\nimport { html } from \"@typed/template\"\nimport { Effect, Schema } from \"effect\"\n\nconst Text: InputComponent<string> = TextInput\nconst rendered = Effect.gen(function* () {\n  const state = yield* makeState(Schema.Struct({ name: Schema.String }), {\n    values: { name: \"\" }\n  })\n  return Text({ state, name: \"name\" }, (props) => html`<input ...${props} />`)\n})"
      }
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Form.ts",
        "start": {
          "line": 728,
          "column": 1
        },
        "end": {
          "line": 739,
          "column": 3
        }
      }
    ],
    "since": "1.0.0",
    "category": "Native controls"
  }
}