{
  "id": "@typed/ui#Composite.moveAndFocus",
  "canonicalId": "@typed/ui/Composite#moveAndFocus",
  "symbol": {
    "id": "@typed/ui#Composite.moveAndFocus",
    "packageName": "@typed/ui",
    "moduleName": ".",
    "exportName": "Composite.moveAndFocus",
    "kind": "function",
    "signatures": [
      "export declare function moveAndFocus<Value, CompositeState extends State, E, R, E2, R2, Element extends object>(options: MoveOptions<Value, CompositeState, E, R, E2, R2, Element>, direction: Move): Effect.Effect<CompositeState, E | E2, R | R2>;"
    ],
    "summary": "Moves active state, then focuses and scrolls the mounted active item when virtual focus is\ndisabled.",
    "sections": {
      "Why": "The operation exposes Composite's transition directly so callers can compose it in Effect\nprograms and native event handlers.",
      "Ownership and lifetime": "The returned Effect performs the update or DOM side effect only when run, preserves the declared\nerror and service channels, and retains no resources after completion.",
      "Example": "Import with `import { moveAndFocus } from \"@typed/ui/Composite\";` Extend the [Composite.makeState\nrunnable setup](/reference/%40typed%2Fui%2FComposite%23makeState). Inside the linked Effect\nprogram run `yield* moveAndFocus({ state, collection }, \"next\")`; the returned state names the\nnext id and its registered element receives native focus."
    },
    "examples": [],
    "relations": [],
    "source": {
      "file": "packages/ui/src/Composite.ts",
      "line": 671
    },
    "since": "1.0.0",
    "category": "DOM focus and scrolling"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/ui#Composite.moveAndFocus",
    "packageName": "@typed/ui",
    "packageVersion": "1.0.0-beta.7",
    "moduleName": ".",
    "consumerSpecifier": "@typed/ui",
    "exportName": "Composite",
    "qualifiedName": "Composite.moveAndFocus",
    "declarationKey": "declaration:def2746984b1529a17c8be20",
    "family": "function",
    "signatures": [
      "export declare function moveAndFocus<Value, CompositeState extends State, E, R, E2, R2, Element extends object>(options: MoveOptions<Value, CompositeState, E, R, E2, R2, Element>, direction: Move): Effect.Effect<CompositeState, E | E2, R | R2>;"
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Composite.ts",
        "start": {
          "line": 671,
          "column": 1
        },
        "end": {
          "line": 687,
          "column": 2
        }
      }
    ],
    "aliases": [
      "@typed/ui/Composite#moveAndFocus",
      "@typed/ui/index#Composite.moveAndFocus"
    ],
    "isAlias": true,
    "parentId": "@typed/ui#Composite",
    "static": false,
    "importedFrom": "declaration:def2746984b1529a17c8be20"
  },
  "declaration": {
    "declarationKey": "declaration:def2746984b1529a17c8be20",
    "name": "moveAndFocus",
    "family": "function",
    "facets": [
      {
        "family": "function",
        "syntaxKind": "FunctionDeclaration",
        "signatures": [
          "export declare function moveAndFocus<Value, CompositeState extends State, E, R, E2, R2, Element extends object>(options: MoveOptions<Value, CompositeState, E, R, E2, R2, Element>, direction: Move): Effect.Effect<CompositeState, E | E2, R | R2>;"
        ],
        "typeParameters": [
          "Value",
          "CompositeState extends State",
          "E",
          "R",
          "E2",
          "R2",
          "Element extends object"
        ],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Composite.ts",
            "start": {
              "line": 671,
              "column": 1
            },
            "end": {
              "line": 687,
              "column": 2
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      }
    ],
    "signatures": [
      "export declare function moveAndFocus<Value, CompositeState extends State, E, R, E2, R2, Element extends object>(options: MoveOptions<Value, CompositeState, E, R, E2, R2, Element>, direction: Move): Effect.Effect<CompositeState, E | E2, R | R2>;"
    ],
    "typeParameters": [
      "Value",
      "CompositeState extends State",
      "E",
      "R",
      "E2",
      "R2",
      "Element extends object"
    ],
    "summary": "Moves active state, then focuses and scrolls the mounted active item when virtual focus is\ndisabled.",
    "sections": {
      "Why": "The operation exposes Composite's transition directly so callers can compose it in Effect\nprograms and native event handlers.",
      "Ownership and lifetime": "The returned Effect performs the update or DOM side effect only when run, preserves the declared\nerror and service channels, and retains no resources after completion.",
      "Example": "Import with `import { moveAndFocus } from \"@typed/ui/Composite\";` Extend the [Composite.makeState\nrunnable setup](/reference/%40typed%2Fui%2FComposite%23makeState). Inside the linked Effect\nprogram run `yield* moveAndFocus({ state, collection }, \"next\")`; the returned state names the\nnext id and its registered element receives native focus."
    },
    "examples": [],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Composite.ts",
        "start": {
          "line": 671,
          "column": 1
        },
        "end": {
          "line": 687,
          "column": 2
        }
      }
    ],
    "since": "1.0.0",
    "category": "DOM focus and scrolling"
  }
}