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

@@ -0,0 +1,36 @@
+@blaze
+
+@props([
+    'orientation' => null,
+    'vertical' => false,
+    'variant' => null,
+    'faint' => false,
+    'text' => null,
+])
+
+@php
+$orientation ??= $vertical ? 'vertical' : 'horizontal';
+
+$classes = Flux::classes('border-0 [print-color-adjust:exact]')
+    ->add(match ($variant) {
+        'subtle' => 'bg-border-subtle',
+        default => 'bg-border-default',
+    })
+    ->add(match ($orientation) {
+        'horizontal' => 'h-px w-full',
+        'vertical' => 'self-stretch self-center w-px',
+    })
+    ;
+@endphp
+
+<?php if ($text): ?>
+    <div data-orientation="{{ $orientation }}" class="flex items-center w-full" role="none" data-flux-separator>
+        <div {{ $attributes->class([$classes, 'grow']) }}></div>
+
+        <span class="shrink mx-6 font-medium text-sm text-text-secondary whitespace-nowrap">{{ $text }}</span>
+
+        <div {{ $attributes->class([$classes, 'grow']) }}></div>
+    </div>
+<?php else: ?>
+    <div data-orientation="{{ $orientation }}" role="none" {{ $attributes->class($classes, 'shrink-0') }} data-flux-separator></div>
+<?php endif; ?>