# moveAndFocus

Moves active state, then focuses and scrolls the mounted active item when virtual focus is
disabled.

## Signatures

```ts
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>;
```

## Why

The operation exposes Composite's transition directly so callers can compose it in Effect
programs and native event handlers.

## Ownership and lifetime

The returned Effect performs the update or DOM side effect only when run, preserves the declared
error and service channels, and retains no resources after completion.

## Example

Import with `import { moveAndFocus } from "@typed/ui/Composite";` Extend the [Composite.makeState
runnable setup](https://tylors.github.io/typed/reference/symbols/QHR5cGVkL3VpL0NvbXBvc2l0ZSNtYWtlU3RhdGU/). Inside the linked Effect
program run `yield* moveAndFocus({ state, collection }, "next")`; the returned state names the
next id and its registered element receives native focus.