import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
import { LuzmoElement } from '../../utils/base';
import { RovingTabindexController } from '../../utils/reactive-controllers/roving-tabindex';
import { ElementSize } from '../../utils/sized-mixin';
import type { LuzmoSwatch, SwatchBorder, SwatchRounding, SwatchShape } from './swatch';
export type SwatchGroupSizes = Exclude<ElementSize, 'xxs' | 'xl' | 'xxl'>;
export type SwatchSelects = 'single' | 'multiple' | undefined;
declare const LuzmoSwatchGroup_base: typeof LuzmoElement & {
    new (...args: any[]): import("../..").SizedElementInterface;
    prototype: import("../..").SizedElementInterface;
};
/**
 * @element luzmo-swatch-group
 *
 * @slot - Swatch elements to manage as a group
 */
export declare class LuzmoSwatchGroup extends LuzmoSwatchGroup_base {
    static get styles(): CSSResultArray;
    border: SwatchBorder;
    density: 'compact' | 'spacious' | undefined;
    rounding: SwatchRounding;
    get selected(): string[];
    set selected(selected: string[]);
    private _selected;
    selects: SwatchSelects;
    private selectedSet;
    shape: SwatchShape;
    swatches: LuzmoSwatch[];
    constructor();
    rovingTabindexController: RovingTabindexController<LuzmoSwatch>;
    focus(options?: FocusOptions): void;
    protected handleChange(event: Event & {
        target: LuzmoSwatch;
    }): void;
    private manageChange;
    private getPassthroughSwatchActions;
    private getSelectionSwatchActions;
    protected render(): TemplateResult;
    protected willUpdate(changes: PropertyValues<this>): void;
}
export {};