# Composite.InitialState

Initial Composite values. activeId defaults to null, orientation to horizontal, loop to true,
RTL and virtual focus to false.

## Signatures

```ts
export interface InitialState {
    readonly activeId?: string | null;
    readonly orientation?: Orientation;
    readonly loop?: boolean;
    readonly rtl?: boolean;
    readonly virtualFocus?: boolean;
}
```

## Why

Making initialization explicit documents hydration-sensitive defaults and lets servers and
clients construct matching state.

## Ownership and lifetime

This declaration is data or schema metadata and acquires no resources.

## Example

Import with `import type { InitialState } from "@typed/ui/Composite";` Extend the
[Composite.makeState runnable setup](https://tylors.github.io/typed/reference/symbols/QHR5cGVkL3VpL0NvbXBvc2l0ZSNtYWtlU3RhdGU/). Construct
policy explicitly with
`const initial: InitialState = { activeId: null, orientation: "vertical", loop: false, rtl: false, virtualFocus: true }; const state = yield* Composite.makeState(initial)`.

## Property: activeId

Id currently active for keyboard navigation; null means no active item.

## Property: loop

Whether movement wraps between the first and last enabled items.

## Property: orientation

Axis used to interpret Arrow-key movement.

## Property: rtl

Whether horizontal Arrow-key meaning is reversed for right-to-left layout.

## Property: virtualFocus

Whether DOM focus remains on the root and activeId is exposed via aria-activedescendant.