💄 style: Add roundToEven

Author: canisminor1990

src/IconAvatar/index.tsx

@@ -3,6 +3,8 @@ import { Center, type FlexboxProps } from 'react-layout-kit';
 
 import { IconType } from '@/types';
 
+import { roundToEven } from './util';
+
 export interface IconAvatarProps extends Omit<FlexboxProps, 'children'> {
   Icon?: IconType;
   background?: string;
@@ -42,7 +44,13 @@ const IconAvatar = forwardRef<HTMLDivElement, IconAvatarProps>(
           ...style,
         }}
       >
-        {Icon && <Icon className={iconClassName} size={size * iconMultiple} style={iconStyle} />}
+        {Icon && (
+          <Icon
+            className={iconClassName}
+            size={roundToEven(size * iconMultiple)}
+            style={iconStyle}
+          />
+        )}
       </Center>
     );
   },

src/IconAvatar/util.ts

@@ -0,0 +1,9 @@
+export const roundToEven = (number: number) => {
+  const rounded = Math.round(number);
+  const diff = Math.abs(number - rounded);
+
+  if (diff === 0.5) {
+    return rounded % 2 === 0 ? rounded : rounded - 1;
+  }
+  return rounded;
+};