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

@@ -0,0 +1,30 @@
+@blaze
+
+@props([
+    'sticky' => null,
+    'container' => null,
+])
+
+@php
+$classes = Flux::classes('[grid-area:header]')
+    ->add('z-10 min-h-14')
+    ->add($container ? '' : 'flex items-center px-6 lg:px-8')
+    ;
+
+if ($sticky) {
+    $attributes = $attributes->merge([
+        'x-data' => '',
+        'x-bind:style' => '{ position: \'sticky\', top: $el.offsetTop + \'px\', \'max-height\': \'calc(100vh - \' + $el.offsetTop + \'px)\' }',
+    ]);
+}
+@endphp
+
+<header {{ $attributes->class($classes) }} data-flux-header>
+    @if ($container)
+        <div class="mx-auto w-full h-full [:where(&)]:max-w-7xl px-6 lg:px-8 flex items-center">
+            {{ $slot }}
+        </div>
+    @else
+        {{ $slot }}
+    @endif
+</header>