import * as _radix_ui_react_context from '@radix-ui/react-context'; import React from 'react'; import { Primitive } from '@radix-ui/react-primitive'; import * as RovingFocusGroup from '@radix-ui/react-roving-focus'; import { Toggle } from '@radix-ui/react-toggle'; declare const createToggleGroupScope: _radix_ui_react_context.CreateScope; interface ToggleGroupSingleProps extends ToggleGroupImplSingleProps { type: 'single'; } interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps { type: 'multiple'; } declare const ToggleGroup: React.ForwardRefExoticComponent<(ToggleGroupSingleProps | ToggleGroupMultipleProps) & React.RefAttributes>; interface ToggleGroupImplSingleProps extends ToggleGroupImplProps { /** * The controlled stateful value of the item that is pressed. */ value?: string; /** * The value of the item that is pressed when initially rendered. Use * `defaultValue` if you do not need to control the state of a toggle group. */ defaultValue?: string; /** * The callback that fires when the value of the toggle group changes. */ onValueChange?(value: string): void; } interface ToggleGroupImplMultipleProps extends ToggleGroupImplProps { /** * The controlled stateful value of the items that are pressed. */ value?: string[]; /** * The value of the items that are pressed when initially rendered. Use * `defaultValue` if you do not need to control the state of a toggle group. */ defaultValue?: string[]; /** * The callback that fires when the state of the toggle group changes. */ onValueChange?(value: string[]): void; } type RovingFocusGroupProps = React.ComponentPropsWithoutRef; type PrimitiveDivProps = React.ComponentPropsWithoutRef; interface ToggleGroupImplProps extends PrimitiveDivProps { /** * Whether the group is disabled from user interaction. * @defaultValue false */ disabled?: boolean; /** * Whether the group should maintain roving focus of its buttons. * @defaultValue true */ rovingFocus?: boolean; loop?: RovingFocusGroupProps['loop']; orientation?: RovingFocusGroupProps['orientation']; dir?: RovingFocusGroupProps['dir']; } interface ToggleGroupItemProps extends Omit { } declare const ToggleGroupItem: React.ForwardRefExoticComponent>; type ToggleProps = React.ComponentPropsWithoutRef; interface ToggleGroupItemImplProps extends Omit { /** * A string value for the toggle group item. All items within a toggle group should use a unique value. */ value: string; } declare const Root: React.ForwardRefExoticComponent<(ToggleGroupSingleProps | ToggleGroupMultipleProps) & React.RefAttributes>; declare const Item: React.ForwardRefExoticComponent>; export { Item, Root, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupSingleProps, createToggleGroupScope };