Grid · API reference

Import

import { Grid } from "@typed/ui/index";

This public exposure is a re-export. Its import path is supported; declaration documentation is shared with the other public exposures below.

export * as Grid from "./Grid.js";

Grid.Cell
Renders and optionally registers a gridcell with row and column coordinates.
Grid.CellOptions
Inputs accepted by Grid.Cell in addition to the shared DOM host options.
Grid.CellPosition
Logical coordinates stored with each registered Grid cell.
Grid.ColumnHeader
Renders the Cell contract with the columnheader role.
Grid.InitialState
Initial Grid values. activeId defaults to null.
Grid.Root
Renders the focus-owning grid root and initializes the active cell from DOM order on first focus.
Grid.RootOptions
Inputs accepted by Grid.Root in addition to the shared DOM host options.
Grid.Row
Renders an ARIA row and forwards an optional one-based aria-rowindex.
Grid.RowHeader
Renders the Cell contract with the rowheader role.
Grid.RowOptions
Inputs accepted by Grid.Row in addition to the shared DOM host options.
Grid.State
The cell ID exposed by the root through aria-activedescendant. Native focus stays on the root; selected cells and editing state are not stored here.
Grid.StateSchema
Effect Schema used by makeState to encode, decode, and hydrate Grid state.
Grid.activate
Sets activeId, including null to clear virtual focus.
Grid.makeCollection
Creates a scoped Collection for Grid items.
Grid.makeState
Creates hydrated Grid state. activeId defaults to null.
Grid.moveActiveId
Maps grid keys to a cell id: horizontal movement stays in-row, vertical movement stays in-column, and Ctrl+Home/End reaches grid endpoints.

These import paths expose the same declaration. Each page retains its own public name and signature.