🎨 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/kanban/card.blade.php

@@ -0,0 +1,55 @@
+@blaze
+
+@props([
+    'heading' => null,
+    'as' => 'div',
+    'header' => null,
+    'footer' => null,
+])
+
+@php
+$classes = (string) Flux::classes()
+    ->add('rounded-lg shadow-xs ring-1 p-3')
+    ->add('bg-white dark:bg-zinc-700')
+    ->add('ring-black/7 dark:ring-zinc-700')
+    ;
+
+$asButtonClasses = (string) Flux::classes()
+    ->add('cursor-default select-none')
+    ->add('hover:bg-zinc-50 dark:hover:bg-zinc-700 dark:hover:ring-zinc-600')
+    ;
+@endphp
+
+<?php if ($as === 'button'): ?>
+    <ui-button {{ $attributes->class([$classes, $asButtonClasses]) }} data-flux-kanban-card>
+        @if ($header)
+            <div class="mb-2 [&:not(:has(>_*))]:hidden flex items-center gap-1.5">{{ $header }}</div>
+        @endif
+
+        <?php if ($heading): ?>
+            <flux:heading>{{ $heading }}</flux:heading>
+        <?php endif; ?>
+
+        {{ $slot }}
+
+        @if ($footer)
+            <div class="mt-2 [&:not(:has(>_*))]:hidden flex items-center gap-1.5">{{ $footer }}</div>
+        @endif
+    </ui-button>
+<?php else: ?>
+    <div {{ $attributes->class($classes) }} flux-kanban-card>
+        @if ($header)
+            <div class="mb-2 [&:not(:has(>_*))]:hidden flex items-center gap-1.5">{{ $header }}</div>
+        @endif
+
+        <?php if ($heading): ?>
+            <flux:heading>{{ $heading }}</flux:heading>
+        <?php endif; ?>
+
+        {{ $slot }}
+
+        @if ($footer)
+            <div class="mt-2 [&:not(:has(>_*))]:hidden flex items-center gap-1.5">{{ $footer }}</div>
+        @endif
+    </div>
+<?php endif; ?>