import * as React from 'react'; import { type CompositeMetadata } from "../list/CompositeList.js"; import type { BaseUIComponentProps, BaseUIEvent } from "../../types.js"; import type { ModifierKey } from "../composite.js"; import type { CompositeGridNavigator } from "./gridNavigation.js"; import { StateAttributesMapping } from "../../getStateAttributesProps.js"; export declare function CompositeRoot>(componentProps: CompositeRoot.Props): React.JSX.Element; export interface CompositeRootState {} export interface CompositeRootProps> extends Pick, 'render' | 'className' | 'children' | 'style'> { props?: Array | (() => Record)> | undefined; state?: State | undefined; stateAttributesMapping?: StateAttributesMapping | undefined; refs?: React.Ref[] | undefined; tag?: keyof React.JSX.IntrinsicElements | undefined; orientation?: 'horizontal' | 'vertical' | 'both' | undefined; grid?: CompositeGridNavigator | undefined; loopFocus?: boolean | undefined; onLoop?: ((event: React.KeyboardEvent, prevIndex: number, nextIndex: number, elementsRef: React.RefObject>) => number) | undefined; highlightedIndex?: number | undefined; onHighlightedIndexChange?: ((index: number) => void) | undefined; enableHomeAndEndKeys?: boolean | undefined; onMapChange?: ((newMap: Map>) => void) | undefined; onKeyDown?: ((event: BaseUIEvent) => void) | undefined; stopEventPropagation?: boolean | undefined; rootRef?: React.RefObject | undefined; disabledIndices?: number[] | undefined; modifierKeys?: ModifierKey[] | undefined; highlightItemOnHover?: boolean | undefined; } export declare namespace CompositeRoot { type State = CompositeRootState; type Props> = CompositeRootProps; }