import * as React from 'react';
import * as ProgressPrimitive from '@radix-ui/react-progress';
type ProgressVariant = 'default' | 'success' | 'info' | 'warning' | 'destructive';
/**
* Numeric progress bar from 0 to 100.
*
* @description
* Indicates deterministic task progress (file upload %, form completion steps, etc.).
* Built on Radix UI Progress with smooth CSS transition.
*
* @ai-rules
* 1. Control progress via the `value` prop (e.g., `value={66}`).
* 2. Use `variant` to communicate semantic state: `success`, `info`, `warning`, `destructive`.
* 3. For indeterminate / infinite loading, use `` — not `