import type { ComponentSize, SurfaceVariant, ThemeColor } from '../../types'; export type OreTabItemProps = { /** Whether this tab is currently selected (set by ore-tabs) */ active?: boolean; /** Theme color (inherited from ore-tabs) */ color?: ThemeColor; /** Disable this tab */ disabled?: boolean; /** Size (inherited from ore-tabs) */ size?: ComponentSize; /** Unique value identifier — must match a ore-tab-panel value */ value: string; /** Visual variant (inherited from ore-tabs) */ variant?: SurfaceVariant; }; /** * Individual tab trigger. Must be placed in the `tabs` slot of `ore-tabs`. * * @element ore-tab-item * * @attr {string} value - Unique identifier, matches the corresponding ore-tab-panel value * @attr {boolean} active - Set by the parent ore-tabs when this tab is selected * @attr {boolean} disabled - Prevents selection * @attr {string} size - 'sm' | 'md' | 'lg' * @attr {string} variant - Inherited from ore-tabs: 'solid' | 'flat' | 'bordered' | 'ghost' | 'glass' | 'frost' * @attr {string} color - Inherited from ore-tabs: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' * * @slot prefix - Icon or content before the label * @slot - Tab label * @slot suffix - Badge or count after the label * * @cssprop --tab-item-radius - Button border radius * @cssprop --tab-item-transition - Transition duration/easing * @cssprop --tab-item-padding - Button padding * @cssprop --tab-item-font-size - Button font size * @cssprop --tab-item-color - Default text color * @cssprop --tab-item-hover-bg - Background on hover * @cssprop --tab-item-active-bg - Background when active/selected * @cssprop --tab-item-active-color - Text color when active/selected * @cssprop --tab-item-active-shadow - Box shadow when active/selected * @part tab - Tab trigger element. * @example * ```html * Overview * Settings * ``` */ export declare const TAB_ITEM_TAG: "ore-tab-item"; //# sourceMappingURL=tab-item.d.ts.map