{
  "id": "@typed/ui/index#Link",
  "canonicalId": "@typed/ui#Link",
  "symbol": {
    "id": "@typed/ui/index#Link",
    "packageName": "@typed/ui",
    "moduleName": "index",
    "exportName": "Link",
    "kind": "function",
    "signatures": [
      "export declare function Link<const Options extends object>(options: Options, ..._: Options extends LinkOptions ? [\n] : [\n    \"Link options must satisfy LinkOptions\"\n]): Fx.Fx<RenderEvent, LinkError<Options>, LinkServices<Options>>;",
      "export declare function Link<const Options extends object, const Host extends HostResult>(options: Options, host: Dom.HostOverride<Dom.HostProps<HTMLAnchorElement>, Renderable.Any, Host>, ..._: Options extends LinkOptions ? [\n] : [\n    \"Link options must satisfy LinkOptions\"\n]): Fx.Fx<RenderEvent, LinkError<Options> | Fx.Error<Host>, LinkServices<Options> | Fx.Services<Host>>;"
    ],
    "summary": "Renders a native anchor with safe, eligible same-origin SPA navigation.\n\nModified clicks, downloads, external URLs, non-HTTP(S) destinations, and\nnon-self targets retain browser behavior. Unsafe executable schemes are\nrendered as `about:blank` and their clicks are canceled. A user click handler\nruns first through DOM host event chaining; `preventDefault()` prevents the\ninternal navigation decision.",
    "sections": {},
    "examples": [
      {
        "language": "ts",
        "code": "import { html } from \"@typed/template\";\nimport { Link } from \"@typed/ui/Link\";\n\nexport const AccountLinks = html`<nav aria-label=\"Account\">\n    ${Link({ href: \"/account/profile\", content: \"Edit profile\" })}\n    ${Link({\n      href: \"/account/security\",\n      content: \"Security settings\",\n      replace: false,\n    })}\n    ${Link({\n      href: \"https://www.w3.org/WAI/\",\n      content: \"Accessibility resources (opens in a new tab)\",\n      props: { target: \"_blank\", rel: \"noopener\" },\n    })}\n  </nav>`;"
      }
    ],
    "relations": [],
    "source": {
      "file": "packages/ui/src/Link.ts",
      "line": 173
    },
    "since": "1.0.0",
    "category": "Native controls"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/ui/index#Link",
    "packageName": "@typed/ui",
    "packageVersion": "1.0.0-beta.7",
    "moduleName": "index",
    "consumerSpecifier": "@typed/ui/index",
    "exportName": "Link",
    "qualifiedName": "Link",
    "declarationKey": "declaration:9f091db93d95f246f1077b74",
    "family": "function",
    "signatures": [
      "export declare function Link<const Options extends object>(options: Options, ..._: Options extends LinkOptions ? [\n] : [\n    \"Link options must satisfy LinkOptions\"\n]): Fx.Fx<RenderEvent, LinkError<Options>, LinkServices<Options>>;",
      "export declare function Link<const Options extends object, const Host extends HostResult>(options: Options, host: Dom.HostOverride<Dom.HostProps<HTMLAnchorElement>, Renderable.Any, Host>, ..._: Options extends LinkOptions ? [\n] : [\n    \"Link options must satisfy LinkOptions\"\n]): Fx.Fx<RenderEvent, LinkError<Options> | Fx.Error<Host>, LinkServices<Options> | Fx.Services<Host>>;"
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Link.ts",
        "start": {
          "line": 173,
          "column": 1
        },
        "end": {
          "line": 176,
          "column": 66
        }
      },
      {
        "file": "packages/ui/src/Link.ts",
        "start": {
          "line": 177,
          "column": 1
        },
        "end": {
          "line": 185,
          "column": 3
        }
      }
    ],
    "aliases": [
      "@typed/ui#Link",
      "@typed/ui/Link#Link"
    ],
    "isAlias": false,
    "static": false
  },
  "declaration": {
    "declarationKey": "declaration:9f091db93d95f246f1077b74",
    "name": "Link",
    "family": "function",
    "facets": [
      {
        "family": "function",
        "syntaxKind": "FunctionDeclaration",
        "signatures": [
          "export declare function Link<const Options extends object>(options: Options, ..._: Options extends LinkOptions ? [\n] : [\n    \"Link options must satisfy LinkOptions\"\n]): Fx.Fx<RenderEvent, LinkError<Options>, LinkServices<Options>>;",
          "export declare function Link<const Options extends object, const Host extends HostResult>(options: Options, host: Dom.HostOverride<Dom.HostProps<HTMLAnchorElement>, Renderable.Any, Host>, ..._: Options extends LinkOptions ? [\n] : [\n    \"Link options must satisfy LinkOptions\"\n]): Fx.Fx<RenderEvent, LinkError<Options> | Fx.Error<Host>, LinkServices<Options> | Fx.Services<Host>>;"
        ],
        "typeParameters": [
          "const Options extends object",
          "const Host extends HostResult"
        ],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Link.ts",
            "start": {
              "line": 173,
              "column": 1
            },
            "end": {
              "line": 176,
              "column": 66
            }
          },
          {
            "file": "packages/ui/src/Link.ts",
            "start": {
              "line": 177,
              "column": 1
            },
            "end": {
              "line": 185,
              "column": 3
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      }
    ],
    "signatures": [
      "export declare function Link<const Options extends object>(options: Options, ..._: Options extends LinkOptions ? [\n] : [\n    \"Link options must satisfy LinkOptions\"\n]): Fx.Fx<RenderEvent, LinkError<Options>, LinkServices<Options>>;",
      "export declare function Link<const Options extends object, const Host extends HostResult>(options: Options, host: Dom.HostOverride<Dom.HostProps<HTMLAnchorElement>, Renderable.Any, Host>, ..._: Options extends LinkOptions ? [\n] : [\n    \"Link options must satisfy LinkOptions\"\n]): Fx.Fx<RenderEvent, LinkError<Options> | Fx.Error<Host>, LinkServices<Options> | Fx.Services<Host>>;"
    ],
    "typeParameters": [
      "const Options extends object",
      "const Host extends HostResult"
    ],
    "summary": "Renders a native anchor with safe, eligible same-origin SPA navigation.\n\nModified clicks, downloads, external URLs, non-HTTP(S) destinations, and\nnon-self targets retain browser behavior. Unsafe executable schemes are\nrendered as `about:blank` and their clicks are canceled. A user click handler\nruns first through DOM host event chaining; `preventDefault()` prevents the\ninternal navigation decision.",
    "sections": {},
    "examples": [
      {
        "language": "ts",
        "code": "import { html } from \"@typed/template\";\nimport { Link } from \"@typed/ui/Link\";\n\nexport const AccountLinks = html`<nav aria-label=\"Account\">\n    ${Link({ href: \"/account/profile\", content: \"Edit profile\" })}\n    ${Link({\n      href: \"/account/security\",\n      content: \"Security settings\",\n      replace: false,\n    })}\n    ${Link({\n      href: \"https://www.w3.org/WAI/\",\n      content: \"Accessibility resources (opens in a new tab)\",\n      props: { target: \"_blank\", rel: \"noopener\" },\n    })}\n  </nav>`;"
      }
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Link.ts",
        "start": {
          "line": 173,
          "column": 1
        },
        "end": {
          "line": 176,
          "column": 66
        }
      },
      {
        "file": "packages/ui/src/Link.ts",
        "start": {
          "line": 177,
          "column": 1
        },
        "end": {
          "line": 185,
          "column": 3
        }
      }
    ],
    "since": "1.0.0",
    "category": "Native controls"
  }
}