import * as React from 'react';
import type { ChangeDetails } from '../../contracts/components.js';
export interface ToggleGroupRootProps {
    /** Controlled value. Pair with `onValueChange`. */
    value?: string[] | undefined;
    /** Initial value when uncontrolled. */
    defaultValue?: string[] | undefined;
    /** Called with the new value whenever it changes. */
    onValueChange?: ((value: string[], details: ChangeDetails) => void) | undefined;
    /** Allow multiple pressed items (default false — single-select clears the others). */
    multiple?: boolean | undefined;
    /** Roving-focus wrap-around (default true — REQ-CMP-38). */
    loop?: boolean | undefined;
    /** Layout direction; also the arrow-key axis. */
    orientation?: 'horizontal' | 'vertical' | undefined;
    /** Disables interaction. */
    disabled?: boolean | undefined;
    /** Class name merged onto the root element. */
    className?: string | undefined;
    /** Content rendered inside the component. */
    children?: React.ReactNode;
    /** Ref to the rendered root element. */
    ref?: React.Ref<HTMLDivElement> | undefined;
}
export interface ToggleGroupItemProps {
    value: string;
    disabled?: boolean | undefined;
    /** Keep the item focusable when disabled (REQ-CMP-38). */
    focusableWhenDisabled?: boolean | undefined;
    className?: string | undefined;
    children?: React.ReactNode;
    ref?: React.Ref<HTMLButtonElement> | undefined;
}
declare function ToggleGroupRoot({ value, defaultValue, onValueChange, multiple, loop, orientation, disabled, className, children, ref, }: ToggleGroupRootProps): React.JSX.Element;
declare function ToggleGroupItem({ value, disabled, focusableWhenDisabled, className, children, ref }: ToggleGroupItemProps): React.JSX.Element;
export declare const ToggleGroup: {
    Root: typeof ToggleGroupRoot;
    Item: typeof ToggleGroupItem;
};
export {};
//# sourceMappingURL=ToggleGroup.client.d.ts.map