import type * as React from 'react';
import type { ProgressCircleContextValue, ProgressCircleProps } from './types.js';
export declare const ProgressCircleProvider: React.FC<ProgressCircleContextValue & {
    children: React.ReactNode;
}>, useProgressCircleContext: (consumerName: string) => ProgressCircleContextValue;
type CSSPropertiesWithVars = React.CSSProperties & Record<`--skdx-${string}`, string | number | undefined>;
/** @internal Value-dependent ring geometry, shared by ProgressCircle and ProgressCircleIndicator. */
export declare function getCircleVars(circumference: number, value: number | null, min: number, max: number): CSSPropertiesWithVars;
/**
 * Circular geometry host that publishes ring arithmetic as CSS custom
 * properties for a caller-supplied SVG to drive with `stroke-dasharray`/`stroke-dashoffset`.
 *
 * @example
 * ```tsx
 * <Progress value={66} aria-label="Sync progress">
 *   <ProgressCircle diameter={64} strokeWidth={6}>
 *     <svg width="64" height="64" viewBox="0 0 64 64">
 *       <ProgressCircleIndicator asChild>
 *         <circle cx="32" cy="32" r="29" fill="none" stroke="currentColor" strokeWidth={6} />
 *       </ProgressCircleIndicator>
 *     </svg>
 *   </ProgressCircle>
 * </Progress>
 * ```
 */
export declare const ProgressCircle: {
    ({ diameter, strokeWidth, ref: forwardedRef, ...props }: ProgressCircleProps): React.ReactNode;
    displayName: string;
};
export {};