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