You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

695 lines
44 KiB
HTML

<!-- Include this script tag or install `@tailwindplus/elements` via npm: -->
<!-- <script src="https://cdn.jsdelivr.net/npm/@tailwindplus/elements@1" type="module"></script> -->
<button
command="show-modal"
commandfor="dialog"
class="rounded-md bg-white/80 px-2.5 py-1.5 text-sm font-semibold text-gray-900 hover:bg-white/90"
>
Open command palette
</button>
<el-dialog>
<dialog id="dialog" class="backdrop:bg-transparent">
<el-dialog-backdrop
class="fixed inset-0 bg-gray-500/25 transition-opacity data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in"
></el-dialog-backdrop>
<div
tabindex="0"
class="fixed inset-0 w-screen overflow-y-auto p-4 focus:outline-none sm:p-6 md:p-20"
>
<el-dialog-panel
class="mx-auto block max-w-2xl transform overflow-hidden rounded-xl bg-white shadow-2xl ring-1 ring-black/5 transition-all data-closed:scale-95 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in"
>
<el-command-palette>
<div class="grid grid-cols-1 border-b border-gray-100">
<input
type="text"
autofocus
placeholder="Search..."
class="col-start-1 row-start-1 h-12 w-full pr-4 pl-11 text-base text-gray-900 outline-hidden placeholder:text-gray-400 sm:text-sm"
/>
<svg
viewBox="0 0 20 20"
fill="currentColor"
data-slot="icon"
aria-hidden="true"
class="pointer-events-none col-start-1 row-start-1 ml-4 size-5 self-center text-gray-400"
>
<path
d="M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9Z"
clip-rule="evenodd"
fill-rule="evenodd"
/>
</svg>
</div>
<el-command-list
class="block max-h-80 scroll-py-2 overflow-y-auto"
>
<el-defaults class="block divide-y divide-gray-100">
<div class="p-2">
<h2
class="mt-4 mb-2 px-3 text-xs font-semibold text-gray-500"
>
Recent searches
</h2>
<div class="text-sm text-gray-700">
<a
href="#"
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Workflow Inc. / Website
Redesign</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
</div>
</div>
<div class="p-2">
<h2 class="sr-only">Quick actions</h2>
<div class="text-sm text-gray-700">
<a
href="#"
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m3.75 9v6m3-3H9m1.5-12H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Add new file...</span
>
<span
aria-hidden="true"
class="ml-3 flex-none text-xs font-semibold text-gray-400 group-aria-selected:text-indigo-100"
>
<kbd class="font-sans"></kbd
><kbd class="font-sans">N</kbd>
</span>
</a>
<a
href="#"
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M12 10.5v6m3-3H9m4.06-7.19-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Add new folder...</span
>
<span
aria-hidden="true"
class="ml-3 flex-none text-xs font-semibold text-gray-400 group-aria-selected:text-indigo-100"
>
<kbd class="font-sans"></kbd
><kbd class="font-sans">F</kbd>
</span>
</a>
<a
href="#"
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M5.25 8.25h15m-16.5 7.5h15m-1.8-13.5-3.9 19.5m-2.1-19.5-3.9 19.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Add hashtag...</span
>
<span
aria-hidden="true"
class="ml-3 flex-none text-xs font-semibold text-gray-400 group-aria-selected:text-indigo-100"
>
<kbd class="font-sans"></kbd
><kbd class="font-sans">H</kbd>
</span>
</a>
<a
href="#"
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M6 6h.008v.008H6V6Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Add label...</span
>
<span
aria-hidden="true"
class="ml-3 flex-none text-xs font-semibold text-gray-400 group-aria-selected:text-indigo-100"
>
<kbd class="font-sans"></kbd
><kbd class="font-sans">L</kbd>
</span>
</a>
</div>
</div>
</el-defaults>
<el-command-group
hidden
class="block p-2 text-sm text-gray-700"
>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Workflow Inc. / Website Redesign</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Workflow Inc. / Open Graph Image</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Workflow Inc. / Logo Design</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Workflow Inc. / Advertising Campaign</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Conglomerate Inc. / TV Ad Campaign</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Conglomerate Inc. / Mobile App</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Conglomerate Inc. / Product Design</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Conglomerate Inc. / Intranet</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Conglomerate Inc. / Custom
Programming</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Multinational LLC / Creative Writing</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Multinational LLC / Animation</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Multinational LLC / Product
Illustration</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Products Inc. / Video Production</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Products Inc. / Print Brochure</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
<a
href="#"
hidden
class="group flex cursor-default items-center rounded-md px-3 py-2 select-none focus:outline-hidden aria-selected:bg-indigo-600 aria-selected:text-white"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="size-6 flex-none text-gray-400 group-aria-selected:text-white forced-colors:group-aria-selected:text-[Highlight]"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="ml-3 flex-auto truncate"
>Products Inc. / Documentation</span
>
<span
aria-hidden="true"
class="ml-3 hidden flex-none text-indigo-100 group-aria-selected:inline"
>Jump to...</span
>
</a>
</el-command-group>
</el-command-list>
<el-no-results
hidden
class="block px-6 py-14 text-center sm:px-14"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
data-slot="icon"
aria-hidden="true"
class="mx-auto size-6 text-gray-400"
>
<path
d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<p class="mt-4 text-sm text-gray-900">
We couldn't find any projects with that term. Please
try again.
</p>
</el-no-results>
</el-command-palette>
</el-dialog-panel>
</div>
</dialog>
</el-dialog>