import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
import { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';
import { FilterChipProps } from './filter-chip';
import type * as React from "react";
export type ToggleGroupProps = ToggleGroupPrimitive.Props;
/**
 * A set of related toggle buttons that share pressed state. Wraps Base UI's
 * `ToggleGroup`, which manages the value array, roving keyboard focus, and
 * single-vs-multi-select semantics (`multiple`). Render `ToggleGroupChip`
 * children for the design system's pill styling.
 */
export declare function ToggleGroup({ className, ...props }: ToggleGroupProps): React.JSX.Element;
export type ToggleGroupChipProps = {
    /** The value contributed to the group when this chip is pressed. */
    value: string;
    /** Extra classes merged after the chip variants. */
    className?: string;
} & Pick<FilterChipProps, "size"> & Omit<React.ComponentProps<typeof TogglePrimitive>, "value" | "render" | "className">;
/**
 * A `ToggleGroup` item styled as a filter chip. Reuses `filterChipVariants` so
 * the chip's shape, focus ring, and selected fill stay identical to the
 * standalone `FilterChip`. The selected fill is driven by Base UI's actual
 * pressed state — derived from the group's value — so it can never drift from
 * what the group considers selected; the consumer passes no `selected` prop.
 * Base UI also supplies `aria-pressed`, `data-pressed`, and the group's
 * keyboard navigation.
 */
export declare function ToggleGroupChip({ value, size, className, ...props }: ToggleGroupChipProps): React.JSX.Element;
//# sourceMappingURL=toggle-group.d.ts.map