/**
* @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 {};