feat(InputMenu/Select/SelectMenu): arrow prop implementation (#2503)

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

test/components/__snapshots__/Select.spec.ts.snap

@@ -39,7 +39,7 @@ exports[`Select > renders with arrow correctly 1`] = `
       [data-radix-select-viewport]::-webkit-scrollbar {
         display: none;
       }
-    </style>
+    </style><span style="position: absolute; top: 0px; transform-origin: center 0; transform: rotate(180deg); visibility: hidden;"><svg width="10" height="5" viewBox="0 0 30 10" preserveAspectRatio="none" class="fill-[var(--ui-border)]" style="display: block;"><polygon points="0,0 30,0 15,10"></polygon></svg></span>
   </div>
 </div>
 
@@ -116,6 +116,7 @@ exports[`Select > renders with class correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -171,6 +172,7 @@ exports[`Select > renders with defaultValue correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -226,6 +228,7 @@ exports[`Select > renders with disabled correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -288,6 +291,7 @@ exports[`Select > renders with id correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -333,6 +337,7 @@ exports[`Select > renders with item slot correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -381,6 +386,7 @@ exports[`Select > renders with item-label slot correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -436,6 +442,7 @@ exports[`Select > renders with item-leading slot correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -491,6 +498,7 @@ exports[`Select > renders with item-trailing slot correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -546,6 +554,7 @@ exports[`Select > renders with items correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -601,6 +610,7 @@ exports[`Select > renders with labelKey correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -661,6 +671,7 @@ exports[`Select > renders with leading slot correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -760,6 +771,7 @@ exports[`Select > renders with modelValue correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -815,6 +827,7 @@ exports[`Select > renders with name correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -870,6 +883,7 @@ exports[`Select > renders with neutral variant ghost correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -925,6 +939,7 @@ exports[`Select > renders with neutral variant none correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -980,6 +995,7 @@ exports[`Select > renders with neutral variant outline correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1035,6 +1051,7 @@ exports[`Select > renders with neutral variant soft correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1090,6 +1107,7 @@ exports[`Select > renders with neutral variant subtle correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1145,6 +1163,7 @@ exports[`Select > renders with placeholder correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1200,6 +1219,7 @@ exports[`Select > renders with primary variant ghost correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1255,6 +1275,7 @@ exports[`Select > renders with primary variant none correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1310,6 +1331,7 @@ exports[`Select > renders with primary variant outline correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1365,6 +1387,7 @@ exports[`Select > renders with primary variant soft correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1420,6 +1443,7 @@ exports[`Select > renders with primary variant subtle correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1475,6 +1499,7 @@ exports[`Select > renders with required correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1530,6 +1555,7 @@ exports[`Select > renders with selectedIcon correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1585,6 +1611,7 @@ exports[`Select > renders with size lg correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1640,6 +1667,7 @@ exports[`Select > renders with size md correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1695,6 +1723,7 @@ exports[`Select > renders with size sm correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1750,6 +1779,7 @@ exports[`Select > renders with size xl correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1805,6 +1835,7 @@ exports[`Select > renders with size xs correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1869,6 +1900,7 @@ exports[`Select > renders with trailing slot correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1933,6 +1965,7 @@ exports[`Select > renders with trailingIcon correctly 2`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -1988,6 +2021,7 @@ exports[`Select > renders with ui correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>
 
@@ -2043,6 +2077,7 @@ exports[`Select > renders with valueKey correctly 1`] = `
         display: none;
       }
     </style>
+    <!--v-if-->
   </div>
 </div>