`AppState`

⚠️ The application state is unstable and is likely to experience breaking changes.

The internal state of the <Puck> component.

`data`

The current Data payload being managed by Puck.

The current state of the Puck editor interface.

Param	Example	Type
`arrayState`	`{}`	Object
`componentList`	`{ typography: { components: [ "HeadingBlock" ] } }`	Object
`field.focus`	`"title"`	String
`isDragging`	`false`	Boolean
`itemSelector`	`{ index: 0, zone: "my-content" }`	Object
`leftSideBarVisible`	`false`	Boolean
`rightSideBarVisible`	`false`	Boolean
`viewports`	`{ controlsVisible: true, current: {}, options: [] }`	Object

An object describing the internal state of array items

An object describing the component list. Similar shape to the categories API

Array containing the names of components in this category

Title of the category

Whether or not the category is visible in the side bar

Whether or not the category is expanded in the side bar

The name of the currently focused field.

A boolean stating whether or not the user is currently dragging a component.

An object describing which item is selected.

The index of the item within the zone.

The zone that the item is defined within. Defaults to main content zone.

Whether or not the left side bar is visible.

Whether or not the right side bar is visible.

Whether or not the viewport controls are visible.

The currently selected viewport.

Param	Example	Type
`width`	`1440`	Number
`height`	`"auto"`	Number \| `"auto"`

The width of the current viewport.

The height of the current viewport.

The available viewport options, as provided via the viewports API.