import { Tailwind } from '../base/tailwind-base';
import { PlusSegmentedPickerItem } from '../segmented-picker-item';
/**
 * @tag plus-segmented-picker
 * @summary A segmented picker component that allows users to select one option from a group of options.
 *
 * @slot - The content of the segmented picker, should be plus-segmented-picker-item elements.
 *
 * @csspart host - The host element.
 * @csspart animation-overlay - The animation overlay element.
 *
 * @event plus-segmented-picker-item-changed - Emitted when an item is selected.
 * @eventDetail {item: PlusSegmentedPickerItem, value: string} - The selected item and its value.
 */
export default class PlusSegmentedPicker extends Tailwind {
    slots: PlusSegmentedPickerItem[];
    /**
     * The status of the segmented picker.
     * @type {'default' | 'primary'}
     * @default 'default'
     */
    status: 'default' | 'primary';
    /**
     * The shape of the segmented picker.
     * @type {'square' | 'circle'}
     * @default 'square'
     */
    shape: 'square' | 'circle';
    /**
     * The size of the segmented picker.
     * @type {'sm' | 'md' | 'lg'}
     * @default 'md'
     */
    size: 'sm' | 'md' | 'lg';
    private readonly groupName;
    private isFirstRender;
    firstUpdated(changedProperties: Map<string, unknown>): void;
    updated(changedProperties: Map<string, unknown>): void;
    private handleSlotChange;
    private updateOverlay;
    render(): import("lit-html").TemplateResult<1>;
}
export { PlusSegmentedPicker };
//# sourceMappingURL=segmented-picker.component.d.ts.map