/**
* Tabs Component
*
* A carousel-based tabs component with smooth animations and fixed container dimensions.
* Features horizontal sliding transitions, smart positioning marker, and independent panel scrolling.
*
* Features:
* - Carousel animation with smooth sliding transitions
* - Fixed dimensions prevent layout shift between tabs
* - Animated marker that follows active tab button
* - Rich label support via slots (icons, badges, custom content)
* - Custom marker slot for complete active tab styling control
* - Independent panel scrolling with scroll position reset
* - ResizeObserver for responsive percentage widths
* - Smart rendering - only updates DOM when necessary
* - Accessibility with ARIA roles and attributes
* - Top/bottom placement for tab buttons
*
* @example
*
*
*
* General content...
*
*
* Advanced content...
*
*
*
* @example
*
*
*
*
*
* Profile
*
*
*
*
* Notifications
* 5
*
*
*
* ...
* ...
*
*
* @example
*
*
*
*
*
* ...
* ...
*
*/
/**
* Tabs container attributes configuration
*/
export interface TabsAttributes {
width: string;
height: string;
active: string | null;
placement: 'top' | 'bottom';
}
/**
* Tab change event detail
*/
export interface TabChangeDetail {
activeId: string;
activeIndex: number;
previousId: string | null;
previousIndex: number | null;
}
/**
* TyTabs Web Component
*/
export declare class TyTabs extends HTMLElement {
/** Observed attributes */
static get observedAttributes(): string[];
constructor();
connectedCallback(): void;
disconnectedCallback(): void;
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
}
//# sourceMappingURL=tabs.d.ts.map