import { type SaasflareComponentProps } from "../../providers"; declare const SIZE_PX: { readonly sm: 14; readonly md: 20; readonly lg: 28; readonly xl: 36; }; /** Star size preset of a {@link Rating} — per-star pixel size (`sm` 14px, `md` 20px, `lg` 28px, `xl` 36px). */ export type RatingSize = keyof typeof SIZE_PX; /** Props for the Rating component. */ export interface RatingProps extends SaasflareComponentProps { /** Controlled value (0..count). */ value?: number; /** Uncontrolled initial value. */ defaultValue?: number; /** Called when the user clicks a star. */ onChange?: (value: number) => void; /** Number of stars. Default: `5`. */ count?: number; /** Allow half-star granularity. Default: `false`. */ allowHalf?: boolean; /** Read-only display mode (no interaction, no hover preview). */ readOnly?: boolean; /** Disable the rating. */ disabled?: boolean; /** Star size. Default: `"md"`. */ size?: RatingSize; /** Star color (any CSS color). Default: `var(--warning)` — brand-independent gold. */ color?: string; /** Additional class names. */ className?: string; /** Accessible label. */ "aria-label"?: string; } /** * Star rating input with half-star and read-only support. * * @component * @layer core */ export declare function Rating({ value, defaultValue, onChange, count, allowHalf, readOnly, disabled, size, color, className, surface, radius, animated, iconWeight, "aria-label": ariaLabel, }: RatingProps): import("react/jsx-runtime").JSX.Element; export {};