import type { JSX, ValidComponent } from "@solidjs/web"; import type { BaseUIComponentProps } from "../../internals/types.js"; import { type TabsRootState } from "../tabs-root-context.js"; export interface TabsListState extends TabsRootState { } export interface TabsListProps extends BaseUIComponentProps<"div", TabsListState> { /** Tag/component to render. Defaults to `"div"`. */ as?: ValidComponent; /** * Whether to activate the tab the user moves focus to (via arrow keys or * programmatic focus) without requiring a click. When `false`, Enter / * Space is still required to activate the focused tab. * @default false */ activateOnFocus?: boolean | undefined; /** * Whether arrow-key navigation wraps from the last tab to the first and * vice versa. * @default true */ loopFocus?: boolean | undefined; } /** * Groups the `` buttons + (optionally) the `` into * a single keyboard-navigable widget. Renders a `
`. * * Composite-focus wiring: arrow keys move the roving focus between tabs, * Home/End jump to the first/last non-disabled tab, and Enter/Space activates * the focused tab (via ``'s `useButton`). When `activateOnFocus` is * `true`, focus alone activates the tab — child tabs read this through the * list context + apply it inside their own `onFocus` handler. */ export declare function TabsList(props: TabsListProps): JSX.Element; //# sourceMappingURL=tabs-list.d.ts.map