🎨 Add new Flux icons: implement multiple reusable icon components (e.g., hand-raised, hand-thumb-up, heart, hashtag, home) with variant support for improved UI consistency.

resources/views/flux/table/sortable.blade.php

@@ -0,0 +1,33 @@
+@blaze
+
+@props([
+    'direction' => null,
+    'sorted' => false,
+])
+
+@php
+$classes = Flux::classes()
+    ->add('group/sortable flex items-center gap-1 -my-1 -ms-2 -me-2 px-2 py-1 ')
+    ->add('in-[.group\/end-align]:flex-row-reverse in-[.group\/end-align]:-me-2 in-[.group\/end-align]:-ms-8')
+    ;
+@endphp
+
+<button type="button" {{ $attributes->class($classes) }} data-flux-table-sortable>
+    {{ $slot }}
+
+    <div class="rounded-sm text-zinc-400 group-hover/sortable:text-zinc-800 dark:group-hover/sortable:text-white">
+        @if ($sorted)
+            @if ($direction === 'asc')
+                <flux:icon.chevron-up variant="micro" />
+            @elseif ($direction === 'desc')
+                <flux:icon.chevron-down variant="micro" />
+            @else
+                <flux:icon.chevron-down variant="micro" />
+            @endif
+        @else
+            <div class="opacity-0 group-hover/sortable:opacity-100">
+                <flux:icon.chevron-down variant="micro" />
+            </div>
+        @endif
+    </div>
+</button>