/**
 * Toolbar: a `role="toolbar"` container that groups related controls (icon
 * buttons, links, separators) and shares a single tab stop. Focus moves between
 * items with the arrow keys (Left/Right when horizontal, Up/Down when vertical),
 * with Home/End jumping to the first/last item: a roving-tabindex pattern where
 * only one item is tabbable at a time. Self-contained (no floating engine);
 * skinned with the veryfront theme tokens.
 *
 * @example
 * ```tsx
 * import { Toolbar, ToolbarButton, ToolbarSeparator } from "veryfront/ui";
 *
 * <Toolbar aria-label="Text formatting">
 *   <ToolbarButton aria-label="Bold">B</ToolbarButton>
 *   <ToolbarButton aria-label="Italic">I</ToolbarButton>
 *   <ToolbarSeparator />
 *   <ToolbarButton aria-label="Link">↗</ToolbarButton>
 * </Toolbar>;
 * ```
 *
 * @module react/components/ui/toolbar
 */
import * as React from "react";
export declare const toolbarVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
} & {
    class?: import("../../../utils/clsx.js").ClassValue;
    className?: import("../../../utils/clsx.js").ClassValue;
}) | undefined) => string;
/** Props accepted by `<Toolbar>`. */
export interface ToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Layout + arrow-key axis. `horizontal` uses Left/Right; `vertical` uses Up/Down. @default "horizontal" */
    orientation?: "horizontal" | "vertical";
    /** React 19: ref is a regular prop. */
    ref?: React.Ref<HTMLDivElement>;
}
/**
 * A container that groups controls behind one tab stop with roving focus. The
 * roving MECHANICS come from the active adapter's `toolbar` slot
 * (`useAdapter().toolbar`): builtin by default, swappable via `UIAdapterProvider`.
 */
export declare function Toolbar({ orientation, className, children, ...props }: ToolbarProps): React.ReactElement;
/** Props accepted by `<ToolbarButton>`. */
export interface ToolbarButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    /** React 19: ref is a regular prop. */
    ref?: React.Ref<HTMLButtonElement>;
}
/** A ghost icon button that participates in the toolbar's roving focus. */
export declare function ToolbarButton({ className, ...props }: ToolbarButtonProps): React.ReactElement;
/** Props accepted by `<ToolbarLink>`. */
export interface ToolbarLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
    /** Remove the link from roving focus and suppress every activation path. */
    disabled?: boolean;
    /** React 19: ref is a regular prop. */
    ref?: React.Ref<HTMLAnchorElement>;
}
/** An anchor styled like a {@link ToolbarButton} that joins the roving focus. */
export declare function ToolbarLink({ className, disabled, ...props }: ToolbarLinkProps): React.ReactElement;
/** Props accepted by `<ToolbarSeparator>`. */
export interface ToolbarSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Rule direction: `vertical` divides a horizontal toolbar and vice versa. @default "vertical" */
    orientation?: "horizontal" | "vertical";
    /** React 19: ref is a regular prop. */
    ref?: React.Ref<HTMLDivElement>;
}
/** A thin rule dividing groups of items within a toolbar. */
export declare function ToolbarSeparator({ orientation, className, ref, ...props }: ToolbarSeparatorProps): React.ReactElement;
//# sourceMappingURL=toolbar.d.ts.map