import { LitElement } from 'lit';
/**
 * Tabs.
 * @slot unnamed - Slot for kyn-tab-panel components.
 * @slot tabs - Slot for kyn-tab components.
 * @fires on-change - Emits the new selected Tab ID when switching tabs. `detail:{ origEvent: PointerEvent,selectedTabId: string }`
 */
export declare class Tabs extends LitElement {
    static styles: import("lit").CSSResult;
    /** Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px. */
    accessor tabSize: string;
    /** Vertical orientation. */
    accessor vertical: boolean;
    /** AI specifier. */
    accessor aiConnected: boolean;
    /** Enables tab content change on focus with keyboard navigation/assistive technologies. */
    accessor disableAutoFocusUpdate: boolean;
    /** Adds scrollable overflow to the tab panels. */
    accessor scrollablePanels: boolean;
    /** Queries for slotted tabs.
     * @internal
     */
    accessor _tabs: any;
    /** Queries for slotted tab panels.
     * @internal
     */
    accessor _tabPanels: any;
    render(): import("lit-html").TemplateResult<1>;
    connectedCallback(): void;
    disconnectedCallback(): void;
    willUpdate(changedProps: any): void;
    private _handleSlotChangeTabs;
    private _updateChildren;
    /**
     * Updates children and emits a change event based on the provided
     * event details when a child kyn-tab is clicked.
     * @param {any} e - The parameter "e" is an event object that contains information about the event
     * that triggered the handleChange function.
     */
    private _handleChange;
    /**
     * Updates the selected property of tabs and the visible property of tab panels based on
     * the selected tab ID.
     * @param {string} selectedTabId - The selectedTabId parameter is a string that represents the ID of
     * the tab that is currently selected.
     */
    private _updateChildrenSelection;
    /**
     * Creates and dispatches a custom event called 'on-change' with the provided original event and
     * selected tab ID as details.
     * @param {any} origEvent - The origEvent parameter is the original event object that triggered the
     * change event. It could be any type of event object, such as a click event or a keydown event.
     * @param {string} selectedTabId - The selectedTabId parameter is a string that represents the ID of
     * the selected tab.
     */
    private _emitChangeEvent;
    /**
     * Handles keyboard events for navigating between tabs.
     * @param {any} e - The parameter `e` is an event object that represents the keyboard event. It
     * contains information about the keyboard event, such as the key code of the pressed key.
     * @returns In this code, the function `_handleKeyboard` returns nothing in all cases
     * except when the `keyCode` matches the left or right arrow key codes.
     */
    private _handleKeyboard;
}
declare global {
    interface HTMLElementTagNameMap {
        'kyn-tabs': Tabs;
    }
}
//# sourceMappingURL=tabs.d.ts.map