I think monorepo is fairly correct now but I don't know for sure

packages/ui/src/based-avatar.tsx

@@ -1,8 +1,7 @@
 'use client';
 
-import { type ComponentProps } from 'react';
-import { AvatarImage } from '@/components/ui/avatar';
-import { cn } from '@/lib/utils';
+import type { ComponentProps } from 'react';
+import { cn, AvatarImage } from '@gib/ui';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { User } from 'lucide-react';
 
@@ -58,7 +57,7 @@ const BasedAvatar = ({
           ) : (
             <User
               {...userIconProps}
-              className={cn('', userIconProps?.className)}
+              className={cn('', userIconProps.className)}
             />
           )}
         </AvatarPrimitive.Fallback>