docs: improve select options from types (#758)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>

docs/content/2.elements/3.avatar.md

@@ -41,8 +41,11 @@ props:
   chipText: ''
   chipPosition: 'top-right'
   size : 'sm'
-extraColors:
-  - gray
+options:
+  - name: 'chipColor'
+    restriction: 'included'
+    values:
+      - 'gray' 
 baseProps:
   src: 'https://avatars.githubusercontent.com/u/739984?v=4'
   alt: 'Avatar'
@@ -92,17 +95,6 @@ To stack avatars as a group, use the `AvatarGroup` component.
 props:
   size: 'sm'
   max: 2
-ui:
-  size:
-    '3xs': ''
-    '2xs': ''
-    xs: ''
-    sm: ''
-    md: ''
-    lg: ''
-    xl: ''
-    '2xl': ''
-    '3xl': ''
 code: |
   <UAvatar src="https://avatars.githubusercontent.com/u/739984?v=4" alt="benjamincanac" />
     <UAvatar src="https://avatars.githubusercontent.com/u/904724?v=4" alt="Atinux" />