{
  "id": "@typed/ui#Focusable.FocusableOptions",
  "canonicalId": "@typed/ui/Focusable#FocusableOptions",
  "symbol": {
    "id": "@typed/ui#Focusable.FocusableOptions",
    "packageName": "@typed/ui",
    "moduleName": ".",
    "exportName": "Focusable.FocusableOptions",
    "kind": "interface",
    "signatures": [
      "export interface FocusableOptions extends Dom.HostOptions<HTMLDivElement> {\n    readonly content: Renderable.Any;\n    readonly role?: Renderable.Any<string | null | undefined>;\n    readonly tabIndex?: Renderable.Any<number | null | undefined>;\n}"
    ],
    "summary": "Options for a generic focusable host.",
    "sections": {
      "Why": "Some composite patterns need a focus target without adding a specialized\nwidget role. These options make that choice explicit.",
      "Ownership and lifetime": "The model is inert; rendered dynamic values live for the component Scope.",
      "Property: content": "Content rendered inside the focusable host.",
      "Property: content: Why": "Content remains independent of the focus behavior.",
      "Property: content: Ownership and lifetime": "Dynamic content follows the rendered Scope and is released with it.",
      "Property: role": "Optional ARIA role for the focus target.",
      "Property: role: Why": "Callers, not Typed, know which widget semantics apply.",
      "Property: role: Ownership and lifetime": "The reflected value retains no resources.",
      "Property: tabIndex": "Tab order value; defaults to zero.",
      "Property: tabIndex: Why": "An explicit tab index makes a non-interactive host keyboard reachable.",
      "Property: tabIndex: Ownership and lifetime": "Dynamic values are observed only for the component Scope."
    },
    "examples": [],
    "relations": [],
    "source": {
      "file": "packages/ui/src/Focusable.ts",
      "line": 23
    },
    "since": "1.0.0",
    "category": "Keyboard focus"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/ui#Focusable.FocusableOptions",
    "packageName": "@typed/ui",
    "packageVersion": "1.0.0-beta.7",
    "moduleName": ".",
    "consumerSpecifier": "@typed/ui",
    "exportName": "Focusable",
    "qualifiedName": "Focusable.FocusableOptions",
    "declarationKey": "declaration:1cb12d4d3e090cea9ec57f92",
    "family": "interface",
    "signatures": [
      "export interface FocusableOptions extends Dom.HostOptions<HTMLDivElement> {\n    readonly content: Renderable.Any;\n    readonly role?: Renderable.Any<string | null | undefined>;\n    readonly tabIndex?: Renderable.Any<number | null | undefined>;\n}"
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Focusable.ts",
        "start": {
          "line": 23,
          "column": 1
        },
        "end": {
          "line": 54,
          "column": 2
        }
      },
      {
        "file": "packages/ui/src/Focusable.ts",
        "start": {
          "line": 33,
          "column": 3
        },
        "end": {
          "line": 33,
          "column": 36
        }
      },
      {
        "file": "packages/ui/src/Focusable.ts",
        "start": {
          "line": 43,
          "column": 3
        },
        "end": {
          "line": 43,
          "column": 61
        }
      },
      {
        "file": "packages/ui/src/Focusable.ts",
        "start": {
          "line": 53,
          "column": 3
        },
        "end": {
          "line": 53,
          "column": 65
        }
      }
    ],
    "aliases": [
      "@typed/ui/Focusable#FocusableOptions",
      "@typed/ui/index#Focusable.FocusableOptions"
    ],
    "isAlias": true,
    "parentId": "@typed/ui#Focusable",
    "static": false,
    "importedFrom": "declaration:1cb12d4d3e090cea9ec57f92"
  },
  "declaration": {
    "declarationKey": "declaration:1cb12d4d3e090cea9ec57f92",
    "name": "FocusableOptions",
    "family": "interface",
    "facets": [
      {
        "family": "interface",
        "syntaxKind": "InterfaceDeclaration",
        "signatures": [
          "export interface FocusableOptions extends Dom.HostOptions<HTMLDivElement> {\n    readonly content: Renderable.Any;\n    readonly role?: Renderable.Any<string | null | undefined>;\n    readonly tabIndex?: Renderable.Any<number | null | undefined>;\n}"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Focusable.ts",
            "start": {
              "line": 23,
              "column": 1
            },
            "end": {
              "line": 54,
              "column": 2
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      },
      {
        "family": "property",
        "syntaxKind": "PropertySignature",
        "signatures": [
          "readonly content: Renderable.Any;"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Focusable.ts",
            "start": {
              "line": 33,
              "column": 3
            },
            "end": {
              "line": 33,
              "column": 36
            }
          }
        ],
        "static": false,
        "readonly": true,
        "optional": false
      },
      {
        "family": "property",
        "syntaxKind": "PropertySignature",
        "signatures": [
          "readonly role?: Renderable.Any<string | null | undefined>;"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Focusable.ts",
            "start": {
              "line": 43,
              "column": 3
            },
            "end": {
              "line": 43,
              "column": 61
            }
          }
        ],
        "static": false,
        "readonly": true,
        "optional": true
      },
      {
        "family": "property",
        "syntaxKind": "PropertySignature",
        "signatures": [
          "readonly tabIndex?: Renderable.Any<number | null | undefined>;"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Focusable.ts",
            "start": {
              "line": 53,
              "column": 3
            },
            "end": {
              "line": 53,
              "column": 65
            }
          }
        ],
        "static": false,
        "readonly": true,
        "optional": true
      }
    ],
    "signatures": [
      "export interface FocusableOptions extends Dom.HostOptions<HTMLDivElement> {\n    readonly content: Renderable.Any;\n    readonly role?: Renderable.Any<string | null | undefined>;\n    readonly tabIndex?: Renderable.Any<number | null | undefined>;\n}"
    ],
    "typeParameters": [],
    "summary": "Options for a generic focusable host.",
    "sections": {
      "Why": "Some composite patterns need a focus target without adding a specialized\nwidget role. These options make that choice explicit.",
      "Ownership and lifetime": "The model is inert; rendered dynamic values live for the component Scope.",
      "Property: content": "Content rendered inside the focusable host.",
      "Property: content: Why": "Content remains independent of the focus behavior.",
      "Property: content: Ownership and lifetime": "Dynamic content follows the rendered Scope and is released with it.",
      "Property: role": "Optional ARIA role for the focus target.",
      "Property: role: Why": "Callers, not Typed, know which widget semantics apply.",
      "Property: role: Ownership and lifetime": "The reflected value retains no resources.",
      "Property: tabIndex": "Tab order value; defaults to zero.",
      "Property: tabIndex: Why": "An explicit tab index makes a non-interactive host keyboard reachable.",
      "Property: tabIndex: Ownership and lifetime": "Dynamic values are observed only for the component Scope."
    },
    "examples": [],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Focusable.ts",
        "start": {
          "line": 23,
          "column": 1
        },
        "end": {
          "line": 54,
          "column": 2
        }
      },
      {
        "file": "packages/ui/src/Focusable.ts",
        "start": {
          "line": 33,
          "column": 3
        },
        "end": {
          "line": 33,
          "column": 36
        }
      },
      {
        "file": "packages/ui/src/Focusable.ts",
        "start": {
          "line": 43,
          "column": 3
        },
        "end": {
          "line": 43,
          "column": 61
        }
      },
      {
        "file": "packages/ui/src/Focusable.ts",
        "start": {
          "line": 53,
          "column": 3
        },
        "end": {
          "line": 53,
          "column": 65
        }
      }
    ],
    "since": "1.0.0",
    "category": "Keyboard focus"
  }
}