feat: move cheat sheet link to TOC sidebar with external link icon

resources/views/components/docs/alert.blade.php

@@ -25,7 +25,7 @@
     };
 @endphp
 
-<div class="{{ $styles['container'] }} flex flex-col gap-2 border-l-2 bg-zinc-100/50 px-3 py-2 dark:bg-zinc-800">
+<div class="{{ $styles['container'] }} my-6 flex flex-col gap-2 border-l-2 bg-zinc-100/50 px-3 py-2 dark:bg-zinc-800">
     <div class="{{ $styles['icon'] }}">
         @switch($normalizedType)
             @case('info')

resources/views/components/docs/toc.blade.php

@@ -4,13 +4,23 @@
 ])
 
 <flux:navlist class="gap-6">
-    @foreach ($toc as $section)
+    @foreach ($toc as $key => $section)
         <flux:navlist.group heading="{{ $section['name'] }}">
             @foreach ($section['links'] as $link)
                 <flux:navlist.item href="{{ '' === $link['path'] ? route('home') : route('docs.show', ['page' => $link['path']]) }}" wire:navigate :current="$link['path'] === $currentPath">
                     {{ $link['title'] }}
                 </flux:navlist.item>
             @endforeach
+
+            @if ($loop->last)
+                <flux:navlist.item href="{{ route('cheat-sheet') }}" target="_blank">
+                    <div class="flex items-center gap-2">
+                        <span>Cheat Sheet</span>
+
+                        <flux:icon.square-arrow-out-up-right class="size-3" />
+                    </div>
+                </flux:navlist.item>
+            @endif
         </flux:navlist.group>
     @endforeach
 </flux:navlist>

resources/views/components/layouts/docs.blade.php

@@ -33,8 +33,6 @@
             </a>
 
             <div class="flex items-center gap-3">
-                <flux:button size="sm" href="{{ route('cheat-sheet') }}">Cheat Sheet</flux:button>
-
                 {{-- GitHub Button --}}
                 <flux:button icon="github" size="sm" href="https://github.com/loadinglucian/deployer-php/" target="_blank">GitHub</flux:button>
 

resources/views/flux/icon/square-arrow-out-up-right.blade.php

@@ -0,0 +1,45 @@
+@blaze
+
+{{-- Credit: Lucide (https://lucide.dev) --}}
+
+@props([
+    'variant' => 'outline',
+])
+
+@php
+if ($variant === 'solid') {
+    throw new \Exception('The "solid" variant is not supported in Lucide.');
+}
+
+$classes = Flux::classes('shrink-0')
+    ->add(match($variant) {
+        'outline' => '[:where(&)]:size-6',
+        'solid' => '[:where(&)]:size-6',
+        'mini' => '[:where(&)]:size-5',
+        'micro' => '[:where(&)]:size-4',
+    });
+
+$strokeWidth = match ($variant) {
+    'outline' => 2,
+    'mini' => 2.25,
+    'micro' => 2.5,
+};
+@endphp
+
+<svg
+    {{ $attributes->class($classes) }}
+    data-flux-icon
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="{{ $strokeWidth }}"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true"
+    data-slot="icon"
+>
+  <path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6" />
+  <path d="m21 3-9 9" />
+  <path d="M15 3h6v6" />
+</svg>