import * as React from 'react'; import { Primitive } from '@radix-ui/react-primitive'; type Scope = { [scopeName: string]: React.Context[]; } | undefined; type ScopeHook = (scope: Scope) => { [__scopeProp: string]: Scope; }; interface CreateScope { scopeName: string; (): ScopeHook; } declare const createRovingFocusGroupScope: CreateScope; type Orientation = React.AriaAttributes['aria-orientation']; type Direction = 'ltr' | 'rtl'; interface RovingFocusGroupOptions { /** * The orientation of the group. * Mainly so arrow navigation is done accordingly (left & right vs. up & down) */ orientation?: Orientation; /** * The direction of navigation between items. */ dir?: Direction; /** * Whether keyboard navigation should loop around * @defaultValue false */ loop?: boolean; } interface RovingFocusGroupProps extends RovingFocusGroupImplProps { } declare const RovingFocusGroup: React.ForwardRefExoticComponent>; type PrimitiveDivProps = React.ComponentPropsWithoutRef; interface RovingFocusGroupImplProps extends Omit, RovingFocusGroupOptions { currentTabStopId?: string | null; defaultCurrentTabStopId?: string; onCurrentTabStopIdChange?: (tabStopId: string | null) => void; onEntryFocus?: (event: Event) => void; preventScrollOnEntryFocus?: boolean; } type PrimitiveSpanProps = React.ComponentPropsWithoutRef; interface RovingFocusItemProps extends PrimitiveSpanProps { tabStopId?: string; focusable?: boolean; active?: boolean; } declare const RovingFocusGroupItem: React.ForwardRefExoticComponent>; declare const Root: React.ForwardRefExoticComponent>; declare const Item: React.ForwardRefExoticComponent>; export { Item, Root, RovingFocusGroup, RovingFocusGroupItem, type RovingFocusGroupProps, type RovingFocusItemProps, createRovingFocusGroupScope };