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

@@ -0,0 +1,40 @@
+@blaze
+
+@props([
+    'legend' => null,
+    'description' => null,
+])
+
+@php
+$classes = Flux::classes()
+    ->add('[&[disabled]_[data-flux-label]]:opacity-50') // Dim labels when the fieldset is disabled...
+    ->add('[&[disabled]_[data-flux-legend]]:opacity-50') // Dim legend when the fieldset is disabled...
+
+    // Adjust spacing between fields...
+    ->add('*:data-flux-field:mb-3')
+
+    // Adjust spacing between fields...
+    ->add('*:data-flux-field:mb-3')
+    ->add('[&>[data-flux-field]:has(>[data-flux-description])]:mb-4')
+    ->add('[&>[data-flux-field]:last-child]:mb-0!')
+
+    // Adjust spacing below legend...
+    ->add('[&>legend]:mb-4')
+    ->add('[&>legend:has(+[data-flux-description])]:mb-2')
+
+    // Adjust spacing below description...
+    ->add('[&>legend+[data-flux-description]]:mb-4')
+    ;
+@endphp
+
+<fieldset {{ $attributes->class($classes) }} data-flux-fieldset>
+    <?php if ($legend): ?>
+        <flux:legend>{{ $legend }}</flux:legend>
+    <?php endif; ?>
+
+    <?php if ($description): ?>
+        <flux:description>{{ $description }}</flux:description>
+    <?php endif; ?>
+
+    {{ $slot }}
+</fieldset>