{
  "id": "@typed/ui/index#Tooltip.Anchor",
  "canonicalId": "@typed/ui/Tooltip#Anchor",
  "symbol": {
    "id": "@typed/ui/index#Tooltip.Anchor",
    "packageName": "@typed/ui",
    "moduleName": "index",
    "exportName": "Tooltip.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 a tooltip anchor with pointer and optional host-focus behavior.",
    "sections": {
      "Why": "The default host is a non-focusable `<span>`, so it provides pointer behavior\nonly. Give that host `tabindex`, or supply a natively focusable custom host,\nto activate its direct focus, blur, and keydown handlers. Those events are\nattached to the host itself and do not observe focus on nested content.\nTooltip content remains descriptive rather than an interactive dialog.",
      "Ownership and lifetime": "Running the Fx owns event listeners and dynamic relationship state in its\nScope. Custom hosts must preserve `aria-describedby` and all handlers."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { Effect } from \"effect\"\nimport * as Tooltip from \"@typed/ui/Tooltip\"\n\nconst program = Effect.gen(function* () {\n  const state = yield* Tooltip.makeState({ id: \"save-help\" })\n  return Tooltip.Anchor({\n    state,\n    content: \"Save\",\n    props: { tabindex: 0 }\n  })\n})"
      }
    ],
    "relations": [],
    "source": {
      "file": "packages/ui/src/Tooltip.ts",
      "line": 260
    },
    "since": "1.0.0",
    "category": "Pointer and focus anchors"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/ui/index#Tooltip.Anchor",
    "packageName": "@typed/ui",
    "packageVersion": "1.0.0-beta.7",
    "moduleName": "index",
    "consumerSpecifier": "@typed/ui/index",
    "exportName": "Tooltip",
    "qualifiedName": "Tooltip.Anchor",
    "declarationKey": "declaration:002f6e146d9931c6fa82c14f",
    "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/Tooltip.ts",
        "start": {
          "line": 260,
          "column": 1
        },
        "end": {
          "line": 285,
          "column": 2
        }
      }
    ],
    "aliases": [
      "@typed/ui#Tooltip.Anchor",
      "@typed/ui/Tooltip#Anchor"
    ],
    "isAlias": true,
    "parentId": "@typed/ui/index#Tooltip",
    "static": false,
    "importedFrom": "declaration:002f6e146d9931c6fa82c14f"
  },
  "declaration": {
    "declarationKey": "declaration:002f6e146d9931c6fa82c14f",
    "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/Tooltip.ts",
            "start": {
              "line": 260,
              "column": 1
            },
            "end": {
              "line": 285,
              "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 a tooltip anchor with pointer and optional host-focus behavior.",
    "sections": {
      "Why": "The default host is a non-focusable `<span>`, so it provides pointer behavior\nonly. Give that host `tabindex`, or supply a natively focusable custom host,\nto activate its direct focus, blur, and keydown handlers. Those events are\nattached to the host itself and do not observe focus on nested content.\nTooltip content remains descriptive rather than an interactive dialog.",
      "Ownership and lifetime": "Running the Fx owns event listeners and dynamic relationship state in its\nScope. Custom hosts must preserve `aria-describedby` and all handlers."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { Effect } from \"effect\"\nimport * as Tooltip from \"@typed/ui/Tooltip\"\n\nconst program = Effect.gen(function* () {\n  const state = yield* Tooltip.makeState({ id: \"save-help\" })\n  return Tooltip.Anchor({\n    state,\n    content: \"Save\",\n    props: { tabindex: 0 }\n  })\n})"
      }
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Tooltip.ts",
        "start": {
          "line": 260,
          "column": 1
        },
        "end": {
          "line": 285,
          "column": 2
        }
      }
    ],
    "since": "1.0.0",
    "category": "Pointer and focus anchors"
  }
}
