import { ReactiveController, ReactiveControllerHost } from 'lit';

/**
 * This controller checks for slotted children. From these it generates
 * a list of used slot names (`unnamed` for children without a slot attribute)
 * and adds this to the `data-slot-names` attribute, as a space separated list.
 *
 * This allows CSS attribute selector to display/hide/configure a section
 * of the component as required (see [attr~=value] selector specifically).
 *
 * @example
 * .example {
 *   display: none;
 *
 *   :host([data-slot-names~="icon"]) & {
 *     display: inline;
 *   }
 * }
 *
 * https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors
 */
export declare class SbbSlotStateController implements ReactiveController {
    private _host;
    private _onChangeCallback;
    readonly slots: Set<string>;
    private _slotchangeHandler;
    constructor(_host: ReactiveControllerHost & HTMLElement, _onChangeCallback?: (() => void) | null);
    hostConnected(): void;
    hostDisconnected(): void;
    private _syncSlots;
}
//# sourceMappingURL=slot-state-controller.d.ts.map