import type { ComponentSize, ThemeColor } from '../../types';
import '../../content/icon/icon';
export type OreRatingEvents = {
change: Event;
input: Event;
};
/** Rating props */
export type OreRatingProps = {
/** Theme color */
color?: ThemeColor;
/** Disable interaction */
disabled?: boolean;
/** Error message — marks the field as invalid (fallback when the `error` slot is empty) */
error?: string;
/** Helper text displayed below the stars (fallback when the `helper` slot is empty) */
helper?: string;
/** Accessible group label */
label?: string;
/** Maximum rating (number of stars) */
max?: number;
/** Form field name */
name?: string;
/** Make rating read-only */
readonly?: boolean;
/** Component size */
size?: ComponentSize;
/** Render selected stars as solid-filled instead of outline-only */
solid?: boolean;
/** Current rating value */
value?: number;
};
/**
* A star rating input.
*
* @element ore-rating
*
* @attr {number} value - Current rating value (default: 0)
* @attr {number} max - Maximum number of stars (default: 5)
* @attr {boolean} readonly - Read-only display mode
* @attr {boolean} disabled - Disabled state
* @attr {string} label - aria-label for the group (default: 'Rating')
* @attr {string} color - Theme color for filled stars: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
* @attr {string} size - 'sm' | 'md' | 'lg'
* @attr {string} name - Form field name
* @attr {boolean} solid - Fill selected stars (outline remains default when omitted)
* @attr {string} helper - Helper text below the stars
* @attr {string} error - Error message below the stars
*
* @fires input - Emitted when the rating changes.
* @fires change - Emitted when the rating changes.
*
* @cssprop --rating-star-size - Star diameter
* @cssprop --rating-color-empty - Empty star color
* @cssprop --rating-color-filled - Filled star color
* @cssprop --rating-gap - Gap between stars
*
* @part stars - Stars container.
* @part star - Star item element.
* @part helper-text - The helper/error text element.
* @example
* ```html
*
*
* ```
*/
export declare const RATING_TAG: "ore-rating";
//# sourceMappingURL=rating.d.ts.map