{
  "id": "@typed/ui/index#Hovercard.Anchor",
  "canonicalId": "@typed/ui/Hovercard#Anchor",
  "symbol": {
    "id": "@typed/ui/index#Hovercard.Anchor",
    "packageName": "@typed/ui",
    "moduleName": "index",
    "exportName": "Hovercard.Anchor",
    "kind": "function",
    "signatures": [
      "export declare function Anchor<const Options extends AnchorOptions, const Host extends HostResult = never>(options: Options, host?: Dom.HostOverride<Dom.RenderHostProps<Options, AnchorInternalProps<Options>>, Options[\"content\"], Host>): Fx<RenderEvent, Renderable.Error<Options | Host>, Renderable.Services<Options | Host> | Scope.Scope | RenderTemplate>;"
    ],
    "summary": "Renders an anchor coordinating pointer and optional host-focus behavior.",
    "sections": {
      "Why": "The default host is a non-focusable `<span>`, so it provides pointer behavior\nonly. Give the span `tabindex`, or supply a natively focusable custom host,\nfor direct focus, blur, and keydown handling. Unlike a tooltip, hovercard\ncontent may receive focus; host blur checks `relatedTarget` and stays open\nwhile focus moves inside the card. Nested-anchor focus does not bubble.",
      "Ownership and lifetime": "Running the Fx owns real DOM handlers and dynamic relationships in its Scope.\nCustom hosts must preserve `aria-controls` and all supplied handlers."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { Effect } from \"effect\"\nimport * as Hovercard from \"@typed/ui/Hovercard\"\n\nconst program = Effect.gen(function* () {\n  const state = yield* Hovercard.makeState({ id: \"author-card\" })\n  return Hovercard.Anchor({\n    state,\n    content: \"Ada Lovelace\",\n    props: { tabindex: 0 }\n  })\n})"
      }
    ],
    "relations": [],
    "source": {
      "file": "packages/ui/src/Hovercard.ts",
      "line": 266
    },
    "since": "1.0.0",
    "category": "Pointer and focus anchors"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/ui/index#Hovercard.Anchor",
    "packageName": "@typed/ui",
    "packageVersion": "1.0.0-beta.13",
    "moduleName": "index",
    "consumerSpecifier": "@typed/ui/index",
    "exportName": "Hovercard",
    "qualifiedName": "Hovercard.Anchor",
    "declarationKey": "declaration:1400a6acf4e9700597462328",
    "family": "function",
    "signatures": [
      "export declare function Anchor<const Options extends AnchorOptions, const Host extends HostResult = never>(options: Options, host?: Dom.HostOverride<Dom.RenderHostProps<Options, AnchorInternalProps<Options>>, Options[\"content\"], Host>): Fx<RenderEvent, Renderable.Error<Options | Host>, Renderable.Services<Options | Host> | Scope.Scope | RenderTemplate>;"
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Hovercard.ts",
        "start": {
          "line": 266,
          "column": 1
        },
        "end": {
          "line": 291,
          "column": 2
        }
      }
    ],
    "aliases": [
      "@typed/ui#Hovercard.Anchor",
      "@typed/ui/Hovercard#Anchor"
    ],
    "isAlias": true,
    "parentId": "@typed/ui/index#Hovercard",
    "static": false,
    "importedFrom": "declaration:1400a6acf4e9700597462328"
  },
  "declaration": {
    "declarationKey": "declaration:1400a6acf4e9700597462328",
    "name": "Anchor",
    "family": "function",
    "facets": [
      {
        "family": "function",
        "syntaxKind": "FunctionDeclaration",
        "signatures": [
          "export declare function Anchor<const Options extends AnchorOptions, const Host extends HostResult = never>(options: Options, host?: Dom.HostOverride<Dom.RenderHostProps<Options, AnchorInternalProps<Options>>, Options[\"content\"], Host>): Fx<RenderEvent, Renderable.Error<Options | Host>, Renderable.Services<Options | Host> | Scope.Scope | RenderTemplate>;"
        ],
        "typeParameters": [
          "const Options extends AnchorOptions",
          "const Host extends HostResult = never"
        ],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Hovercard.ts",
            "start": {
              "line": 266,
              "column": 1
            },
            "end": {
              "line": 291,
              "column": 2
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      }
    ],
    "signatures": [
      "export declare function Anchor<const Options extends AnchorOptions, const Host extends HostResult = never>(options: Options, host?: Dom.HostOverride<Dom.RenderHostProps<Options, AnchorInternalProps<Options>>, Options[\"content\"], Host>): Fx<RenderEvent, Renderable.Error<Options | Host>, Renderable.Services<Options | Host> | Scope.Scope | RenderTemplate>;"
    ],
    "typeParameters": [
      "const Options extends AnchorOptions",
      "const Host extends HostResult = never"
    ],
    "summary": "Renders an anchor coordinating pointer and optional host-focus behavior.",
    "sections": {
      "Why": "The default host is a non-focusable `<span>`, so it provides pointer behavior\nonly. Give the span `tabindex`, or supply a natively focusable custom host,\nfor direct focus, blur, and keydown handling. Unlike a tooltip, hovercard\ncontent may receive focus; host blur checks `relatedTarget` and stays open\nwhile focus moves inside the card. Nested-anchor focus does not bubble.",
      "Ownership and lifetime": "Running the Fx owns real DOM handlers and dynamic relationships in its Scope.\nCustom hosts must preserve `aria-controls` and all supplied handlers."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { Effect } from \"effect\"\nimport * as Hovercard from \"@typed/ui/Hovercard\"\n\nconst program = Effect.gen(function* () {\n  const state = yield* Hovercard.makeState({ id: \"author-card\" })\n  return Hovercard.Anchor({\n    state,\n    content: \"Ada Lovelace\",\n    props: { tabindex: 0 }\n  })\n})"
      }
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Hovercard.ts",
        "start": {
          "line": 266,
          "column": 1
        },
        "end": {
          "line": 291,
          "column": 2
        }
      }
    ],
    "since": "1.0.0",
    "category": "Pointer and focus anchors"
  }
}