message: fix: add box, decoupled circle theme
diff: import React from 'react';
  -import Center from './Center';
  +import Box from '../../primitives/Box';
  import type { ICircleProps } from './types';
  +import { usePropsResolution } from '../../../hooks/useThemeProps';
  import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
  -const Circle = ({ style, size, ...props }: ICircleProps, ref: any) => {
  +const Circle = (props: ICircleProps, ref: any) => {
  + const { ...resolvedProps } = usePropsResolution('Circle', props);
  +
  //TODO: refactor for responsive prop
  if (useHasResponsiveProps(props)) {
  return null;
  }
  - return (
  - <Center
  - rounded="full"
  - size={size}
  - {...props}
  - ref={ref}
  - height={props.height ? props.height : undefined}
  - width={props.width ? props.width : undefined}
  - style={style}
  - />
  - );
  + return <Box {...resolvedProps} ref={ref} />;
  };
  export default React.memo(React.forwardRef(Circle));
  