<turbo-stream action="update" target="compounds_autocomplete"><template>
    <div class="relative" data-controller='reveal existence' data-reveal-away-value="true" data-action="existence:added->reveal#toggle">
    <div hidden data-reveal class="text-left absolute z-10 w-full -mt-4 text-base shadow-lg p-2 bg-neutral-700 ring-1 ring-gray-900/5 rounded-md">
      <ul class="overflow-auto max-h-40 ">
          <a data-turbo-frame="_top" href="/compounds/2">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">RAD-140 (TESTOLONE)</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/1">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">S-23</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/4">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">LGD-4033 (LIGANDROL)</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/3">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">MK-2866 (OSTARINE)</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/5">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">S4 (ANDARINE)</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/6">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">YK-11 (MYOSTINE)</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/7">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">ACP-105</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/8">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">LGD-3303</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/9">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">AC-262,536</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/10">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">RAD-150</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/11">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">CARDARINE (GW-501516)</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/12">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">GW-0742</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/13">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">MK-677 (IBUTAMOREN)</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/14">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">SR-9009 (STENABOLIC)</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/15">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">SR-9011</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/22">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">PT-141 (BREMENALOTIDE)</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/17">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">TB-500</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/19">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">CJC-1295 (w/o DAC)</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/16">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">BPC-157</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/18">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">CJC-1295 (DAC)</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/20">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">IPAMORELIN</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/21">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">MELANOTAN-2</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/23">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">GHRP-2</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/24">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">GHRP-6</span>
            </li>
</a>          <a data-turbo-frame="_top" href="/compounds/25">
            <li class="p-2 text-neutral-200 cursor-pointer hover:bg-indigo-300 hover:text-white rounded-md">
              <span class="truncate">DSIP</span>
            </li>
</a>      </ul>
    </div>
  </div>

</template></turbo-stream>