import * as React from 'react'; import React__default 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'; type Scope = { [scopeName: string]: React.Context[]; } | undefined; type ScopeHook = (scope: Scope) => { [__scopeProp: string]: Scope; }; interface CreateScope { scopeName: string; (): ScopeHook; } declare const createToggleGroupScope: CreateScope; interface ToggleGroupSingleProps extends ToggleGroupImplSingleProps { type: 'single'; } interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps { type: 'multiple'; } declare const ToggleGroup: React__default.ForwardRefExoticComponent<(ToggleGroupSingleProps | ToggleGroupMultipleProps) & React__default.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__default.ComponentPropsWithoutRef; type PrimitiveDivProps = React__default.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__default.ForwardRefExoticComponent>; type ToggleProps = React__default.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__default.ForwardRefExoticComponent<(ToggleGroupSingleProps | ToggleGroupMultipleProps) & React__default.RefAttributes>; declare const Item: React__default.ForwardRefExoticComponent>; export { Item, Root, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupSingleProps, createToggleGroupScope };