{
  "id": "@typed/ui/Form#Form",
  "canonicalId": "@typed/ui/Form#Form",
  "symbol": {
    "id": "@typed/ui/Form#Form",
    "packageName": "@typed/ui",
    "moduleName": "Form",
    "exportName": "Form",
    "kind": "function",
    "signatures": [
      "export declare function Form<const Values extends object, E, R, const Options extends FormOptions<Values, E, R>, const Host extends HostResult = never>(options: Options & Pick<FormOptions<Values, E, R>, \"state\" | \"content\">, host?: Dom.HostOverride<Dom.RenderHostProps<Options, FormProps<Values, E, R, Options>>, Options[\"content\"], Host>): SchemaBoundRootResult<Options, Host>;"
    ],
    "summary": "Renders a native form and provides its state to bound descendants.",
    "sections": {},
    "examples": [
      {
        "language": "ts",
        "code": "import { Form, Submit, TextInput, makeState } from \"@typed/ui/Form\"\nimport { Effect, Schema } from \"effect\"\nimport { html } from \"@typed/template\"\n\nconst codec = Schema.Struct({ email: Schema.String })\nconst view = Effect.gen(function* () {\n  const state = yield* makeState(codec, { id: \"signup\", values: { email: \"\" } })\n  return Form({\n    state,\n    content: html`${TextInput({ state, name: \"email\" })}${Submit({ content: \"Join\" })}`,\n    onValidSubmit: (values) => Effect.log(`Submitting ${values.email}`)\n  })\n})"
      }
    ],
    "relations": [],
    "source": {
      "file": "packages/ui/src/Form.ts",
      "line": 2435
    },
    "since": "1.0.0",
    "category": "Form roots"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/ui/Form#Form",
    "packageName": "@typed/ui",
    "packageVersion": "1.0.0-beta.13",
    "moduleName": "Form",
    "consumerSpecifier": "@typed/ui/Form",
    "exportName": "Form",
    "qualifiedName": "Form",
    "declarationKey": "declaration:46254e1236b8dd9656d47449",
    "family": "function",
    "signatures": [
      "export declare function Form<const Values extends object, E, R, const Options extends FormOptions<Values, E, R>, const Host extends HostResult = never>(options: Options & Pick<FormOptions<Values, E, R>, \"state\" | \"content\">, host?: Dom.HostOverride<Dom.RenderHostProps<Options, FormProps<Values, E, R, Options>>, Options[\"content\"], Host>): SchemaBoundRootResult<Options, Host>;"
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Form.ts",
        "start": {
          "line": 2435,
          "column": 1
        },
        "end": {
          "line": 2465,
          "column": 2
        }
      }
    ],
    "aliases": [
      "@typed/ui#Form.Form",
      "@typed/ui/index#Form.Form"
    ],
    "isAlias": false,
    "static": false
  },
  "declaration": {
    "declarationKey": "declaration:46254e1236b8dd9656d47449",
    "name": "Form",
    "family": "function",
    "facets": [
      {
        "family": "function",
        "syntaxKind": "FunctionDeclaration",
        "signatures": [
          "export declare function Form<const Values extends object, E, R, const Options extends FormOptions<Values, E, R>, const Host extends HostResult = never>(options: Options & Pick<FormOptions<Values, E, R>, \"state\" | \"content\">, host?: Dom.HostOverride<Dom.RenderHostProps<Options, FormProps<Values, E, R, Options>>, Options[\"content\"], Host>): SchemaBoundRootResult<Options, Host>;"
        ],
        "typeParameters": [
          "const Values extends object",
          "E",
          "R",
          "const Options extends FormOptions<Values, E, R>",
          "const Host extends HostResult = never"
        ],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Form.ts",
            "start": {
              "line": 2435,
              "column": 1
            },
            "end": {
              "line": 2465,
              "column": 2
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      }
    ],
    "signatures": [
      "export declare function Form<const Values extends object, E, R, const Options extends FormOptions<Values, E, R>, const Host extends HostResult = never>(options: Options & Pick<FormOptions<Values, E, R>, \"state\" | \"content\">, host?: Dom.HostOverride<Dom.RenderHostProps<Options, FormProps<Values, E, R, Options>>, Options[\"content\"], Host>): SchemaBoundRootResult<Options, Host>;"
    ],
    "typeParameters": [
      "const Values extends object",
      "E",
      "R",
      "const Options extends FormOptions<Values, E, R>",
      "const Host extends HostResult = never"
    ],
    "summary": "Renders a native form and provides its state to bound descendants.",
    "sections": {},
    "examples": [
      {
        "language": "ts",
        "code": "import { Form, Submit, TextInput, makeState } from \"@typed/ui/Form\"\nimport { Effect, Schema } from \"effect\"\nimport { html } from \"@typed/template\"\n\nconst codec = Schema.Struct({ email: Schema.String })\nconst view = Effect.gen(function* () {\n  const state = yield* makeState(codec, { id: \"signup\", values: { email: \"\" } })\n  return Form({\n    state,\n    content: html`${TextInput({ state, name: \"email\" })}${Submit({ content: \"Join\" })}`,\n    onValidSubmit: (values) => Effect.log(`Submitting ${values.email}`)\n  })\n})"
      }
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Form.ts",
        "start": {
          "line": 2435,
          "column": 1
        },
        "end": {
          "line": 2465,
          "column": 2
        }
      }
    ],
    "since": "1.0.0",
    "category": "Form roots"
  }
}