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

@@ -0,0 +1,46 @@
+@blaze
+
+@php $srOnly = $srOnly ??= $attributes->pluck('sr-only'); @endphp
+
+@props([
+    'badge' => null,
+    'aside' => null,
+    'trailing' => null,
+    'srOnly' => null,
+])
+
+@php
+    $classes = Flux::classes()
+        ->add('inline-flex items-center')
+        ->add('text-sm font-medium')
+        ->add($srOnly ? 'sr-only' : '')
+        ->add('[:where(&)]:text-zinc-800 [:where(&)]:dark:text-white')
+        ->add('[&:has([data-flux-label-trailing])]:flex')
+        ;
+@endphp
+
+<ui-label {{ $attributes->class($classes) }} data-flux-label>
+    {{ $slot }}
+
+    <?php if (is_string($badge)): ?>
+        <span class="ms-1.5 text-zinc-800/70 text-xs bg-zinc-800/5 px-1.5 py-1 -my-1 rounded-[4px] dark:bg-white/10 dark:text-zinc-300" aria-hidden="true">
+            {{ $badge }}
+        </span>
+    <?php elseif ($badge): ?>
+        <span class="ms-1.5" aria-hidden="true">
+            {{ $badge }}
+        </span>
+    <?php endif; ?>
+
+    <?php if ($aside): ?>
+        <span class="ms-1.5 text-zinc-800/70 text-xs bg-zinc-800/5 px-1.5 py-1 -my-1 rounded-[4px] dark:bg-white/10 dark:text-zinc-300" aria-hidden="true">
+            {{ $aside }}
+        </span>
+    <?php endif; ?>
+
+    <?php if ($trailing): ?>
+        <div class="ml-auto" data-flux-label-trailing>
+            {{ $trailing }}
+        </div>
+    <?php endif; ?>
+</ui-label>