message: chore: forward ref for circle progress
diff: -import { chakra, SystemStyleObject, HTMLChakraProps } from "@chakra-ui/system"
  +import {
  + chakra,
  + SystemStyleObject,
  + HTMLChakraProps,
  + forwardRef,
  +} from "@chakra-ui/system"
  import { getProgressProps, spin } from "./progress.utils"
  import { Shape } from "./shape"
  @@ -71,7 +76,8 @@ export interface CircularProgressProps
  * @see Docs https://chakra-ui.com/circularprogress
  * @todo add theming support for circular progress
  */
  -export const CircularProgress: React.FC<CircularProgressProps> = (props) => {
  +export const CircularProgress = forwardRef<CircularProgressProps, "div">(
  + (props, ref) => {
  const {
  size = "48px",
  max = 100,
  @@ -125,6 +131,7 @@ export const CircularProgress: React.FC<CircularProgressProps> = (props) => {
  return (
  <chakra.div
  + ref={ref}
  className="chakra-progress"
  {...progress.bind}
  {...rest}
  @@ -152,6 +159,7 @@ export const CircularProgress: React.FC<CircularProgressProps> = (props) => {
  {children}
  </chakra.div>
  )
  -}
  + },
  +)
  CircularProgress.displayName = "CircularProgress"
  