import * as React from 'react'; import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'; import { type VariantProps } from 'class-variance-authority'; /** * Visual group of two-state toggle buttons (Button Group / Toolbar). * * @description * Allows single or multiple active selection from a compact group of toggle buttons. * Handles shared variant/size context for all child `` components. * * @ai-rules * 1. `type` is REQUIRED — must be `"single"` (exclusive) or `"multiple"` (any number active). * 2. In `type="single"`, ToggleGroup guarantees exclusive selection automatically. * 3. Control value via `value`/`onValueChange` — value is a `string` (single) or `string[]` (multiple). */ declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit, "ref"> | Omit, "ref">) & VariantProps<(props?: ({ variant?: "default" | "outline" | null | undefined; size?: "default" | "sm" | "lg" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string>) & React.RefAttributes>; declare const ToggleGroupItem: React.ForwardRefExoticComponent, "ref"> & VariantProps<(props?: ({ variant?: "default" | "outline" | null | undefined; size?: "default" | "sm" | "lg" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes>; export { ToggleGroup, ToggleGroupItem };