import { LitElement } from 'lit';
import type { DropUpItem } from './sw-ui-dropup';
/**
 * Pill-shaped split button: main action + optional chevron dropdown.
 *
 * When `items` is non-empty, renders as a unified pill with a subtle
 * divider between the icon area and the chevron: `[ 🎤 | ▲ ]`
 *
 * When `items` is empty, renders as a single pill button.
 *
 * - **active/inactive** slots → toggle button, dispatches `sw-split-button-toggle`
 * - **default** slot only → push button, dispatches `sw-split-button-click`
 *
 * @slot active   - icon shown when active
 * @slot inactive - icon shown when inactive
 * @slot (default)- icon for a non-toggle button
 *
 * @fires sw-split-button-toggle - Fired on toggle-mode click. `detail` is the new active state (boolean).
 * @fires sw-split-button-click  - Fired on push-mode click. No detail.
 *
 * @cssprop --sw-split-button-size     [44px]  - height (width auto-fits content)
 * @cssprop --sw-split-button-bg       - button background (falls back to --bg-surface)
 * @cssprop --sw-split-button-bg-hover - hover background (falls back to --bg-surface-raised)
 * @cssprop --sw-split-button-color    - icon colour (falls back to --fg-default)
 * @cssprop --sw-split-button-radius   - border-radius (falls back to --radius-full)
 */
export declare class SwUiSplitButton extends LitElement {
    static styles: import("lit").CSSResult[];
    items: Array<DropUpItem | string>;
    active: boolean;
    private _dropupOpen;
    private _hasNamedSlots;
    private _chevronBtn;
    private _onDropupSelect;
    private _updateNamedSlots;
    private _onMainClick;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'sw-ui-split-button': SwUiSplitButton;
    }
}
//# sourceMappingURL=sw-ui-split-button.d.ts.map