import * as React from 'react';
import { type FormValidityHandle } from '../utils/formControl.cjs';
import type { ToggleGroupContextValue, ToggleGroupProps } from './types.cjs';
export declare const ToggleGroupProvider: React.FC<ToggleGroupContextValue & {
    children: React.ReactNode;
}>, useToggleGroupContext: (consumerName: string) => ToggleGroupContextValue;
/**
 * Single- or multiple-selection toggle group with roving tabindex and arrow-key/Home/End navigation, rendering derived anatomy from `options` or manual `children`; `variant="segmented"` with `selectOnFocus` paints it as one joined strip whose choice follows focus.
 *
 * @example
 * ```tsx
 * <ToggleGroup
 *   type="single"
 *   defaultValue="left"
 *   aria-label="Text alignment"
 *   options={[
 *     { value: 'left', label: 'Left' },
 *     { value: 'center', label: 'Center' },
 *     { value: 'right', label: 'Right' },
 *   ]}
 * />
 *
 * <ToggleGroup
 *   type="single"
 *   variant="segmented"
 *   selectOnFocus
 *   loop={false}
 *   deselectable={false}
 *   defaultValue="week"
 *   aria-label="Date range"
 *   options={[
 *     { value: 'day', label: 'Day' },
 *     { value: 'week', label: 'Week' },
 *   ]}
 * />
 * ```
 */
export declare const ToggleGroup: {
    ({ ref: forwardedRef, ...props }: Omit<ToggleGroupProps, "ref"> & {
        ref?: React.Ref<HTMLDivElement & FormValidityHandle> | undefined;
    }): React.ReactNode;
    displayName: string;
};