import { EventEmitter } from '../../stencil-public-runtime';
import { type ControlWidth } from '../../utils';
import { type TabGroupItem } from './tab-item-utils';
export type TabBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'translucent' | 'inverted' | 'media' | 'always-dark';
export type TabGroupSize = 'sm' | 'md' | 'lg';
export type TabGroupWidth = ControlWidth;
export declare class TabGroup {
    el: HTMLElement;
    value: string;
    tabs: TabGroupItem[];
    /** Control density: 24px small, 32px medium, or 40px large track. */
    size: TabGroupSize;
    /** Width fit — hug content (default) or fill the parent with equal-width segments. */
    width: TabGroupWidth;
    background: TabBackground | undefined;
    ariaLabel: string | null;
    ariaLabelledby: string | undefined;
    dsChange: EventEmitter<string>;
    private get selectableTabs();
    private get focusableTabId();
    private selectTab;
    private focusTab;
    /** Keep focus on the selected tab when value changes externally (e.g. BarNav menu). */
    onValueChange(next: string, prev: string | undefined): void;
    /**
     * Find the next non-inactive tab index relative to `from`, stepping by `step`.
     * Returns `from` unchanged if no other enabled tab exists.
     */
    private findEnabled;
    handleKeyDown(e: KeyboardEvent): void;
    private getBgClass;
    render(): any;
}
//# sourceMappingURL=TabGroup.d.ts.map