import type { JSX, ValidComponent } from "@solidjs/web"; import type { BaseUIComponentProps, Orientation } from "../internals/types.js"; export type ToolbarRootOrientation = Orientation; export interface ToolbarRootState { disabled: boolean; orientation: Orientation; } export interface ToolbarRootProps extends BaseUIComponentProps<"div", ToolbarRootState> { /** Tag/component to render. Defaults to `"div"`. */ as?: ValidComponent; /** * Whether the toolbar (and every descendant part) ignores user interaction. * @default false */ disabled?: boolean | undefined; /** * Navigation orientation — drives arrow-key dispatch and the * `data-orientation` / `aria-orientation` attributes. * @default "horizontal" */ orientation?: Orientation | undefined; /** * Whether arrow-key navigation loops focus at the ends. * @default true */ loopFocus?: boolean | undefined; } /** * A container for grouping a set of controls — buttons, toggle groups, * separators, links. Renders a `