/** * @fileoverview Saasflare ProgressCircle — circular progress indicator. * @author Saasflare™ * * The radial counterpart to Progress. Sized via the `size` prop; stroke * width auto-scales but can be overridden. Renders an SVG ring with a * smooth spring animation from 0% to the current value. Optionally * displays a center label (the consumer's children). * * @module packages/ui/components/ui/progress-circle * @package ui * @layer core * * @example * * * @example * * 45% * */ import { type ReactNode } from "react"; import { type SaasflareComponentProps } from "../../providers"; declare const SIZE_PX: { readonly sm: 48; readonly md: 64; readonly lg: 96; readonly xl: 128; }; /** Size preset of a {@link ProgressCircle} — selects the outer diameter (`sm` 48px, `md` 64px, `lg` 96px, `xl` 128px). */ export type ProgressCircleSize = keyof typeof SIZE_PX; /** Props for the ProgressCircle component. */ export interface ProgressCircleProps extends SaasflareComponentProps { /** Current value in the range `[0, max]`. */ value: number; /** Maximum value. Default: `100`. */ max?: number; /** Size preset. Default: `"md"`. */ size?: ProgressCircleSize; /** Ring stroke width in pixels. Default: derived from `size`. */ strokeWidth?: number; /** Center content (e.g. the numeric label). */ children?: ReactNode; /** Additional class names on the outer wrapper. */ className?: string; /** Accessible label. Default: `"%"`. */ "aria-label"?: string; } /** * Circular progress indicator. Drop-in radial counterpart to Progress. * * @component * @layer core * * @example * */ export declare function ProgressCircle({ value, max, size, strokeWidth, children, className, surface, radius, animated, iconWeight, "aria-label": ariaLabel, }: ProgressCircleProps): import("react/jsx-runtime").JSX.Element; export {};