import Tailwind from '../base/tailwind-base'; /** * @tag plus-rating * @summary A rating component to display and optionally set a rating value. * * @csspart host - The main container element. * @csspart star-container - The container for each star. * @csspart star-icon - Each individual star icon. * @csspart star-partial - The element used to display partial stars. * * @event plus-change - Emitted when the rating value changes via user interaction. * @event plus-hover - Emitted when the user hovers over a star, includes the potential value. * * @cssprop [--star-color-active=--color-warning-500] - Color of active/selected stars. * @cssprop [--star-color-inactive=--color-neutral-300] - Color of inactive stars. * @cssprop [--star-color-hover=--plus-color-text-primary] - Color of stars on hover. */ export default class PlusRating extends Tailwind { static styles: import("lit").CSSResult[]; value: number; max: number; precision: number; readonly: boolean; disabled: boolean; size: 'sm' | 'md' | 'lg'; name?: string; /** The name of the icon to use for empty rating items. */ emptyIconName: string; /** The name of the icon to use for filled rating items. */ filledIconName: string; /** The label for the rating component. */ label?: string; /** The caption text displayed below the rating. */ caption?: string; required: boolean; private hoverValue; private isHovering; private error; connectedCallback(): void; private clampValue; private getStarValue; private getStarLabel; private handleMouseOver; private handleMouseLeave; private handleClick; private handleKeyDown; /** Checks validity and sets the error state. Returns true if valid, false otherwise. */ reportValidity(): boolean; render(): import("lit-html").TemplateResult<1>; } export { PlusRating }; //# sourceMappingURL=rating.d.ts.map