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

@@ -0,0 +1,44 @@
+@blaze
+
+@props([
+    'inline' => false,
+    'variant' => null,
+    'color' => null,
+    'size' => null,
+])
+
+@php
+$classes = Flux::classes()
+    ->add(match ($size) {
+        'xl' => 'text-lg',
+        'lg' => 'text-base',
+        default => '[:where(&)]:text-sm',
+        'sm' => 'text-xs',
+    })
+    ->add($color ? match($color) {
+        'red' => 'text-red-600 dark:text-red-400',
+        'orange' => 'text-orange-600 dark:text-orange-400',
+        'amber' => 'text-amber-600 dark:text-amber-500',
+        'yellow' => 'text-yellow-600 dark:text-yellow-500',
+        'lime' => 'text-lime-600 dark:text-lime-500',
+        'green' => 'text-green-600 dark:text-green-500',
+        'emerald' => 'text-emerald-600 dark:text-emerald-400',
+        'teal' => 'text-teal-600 dark:text-teal-400',
+        'cyan' => 'text-cyan-600 dark:text-cyan-400',
+        'sky' => 'text-sky-600 dark:text-sky-400',
+        'blue' => 'text-blue-600 dark:text-blue-400',
+        'indigo' => 'text-indigo-600 dark:text-indigo-400',
+        'violet' => 'text-violet-600 dark:text-violet-400',
+        'purple' => 'text-purple-600 dark:text-purple-400',
+        'fuchsia' => 'text-fuchsia-600 dark:text-fuchsia-400',
+        'pink' => 'text-pink-600 dark:text-pink-400',
+        'rose' => 'text-rose-600 dark:text-rose-400',
+    } : match ($variant) {
+        'strong' => '[:where(&)]:text-text-primary',
+        'subtle' => '[:where(&)]:text-text-disabled',
+        default => '[:where(&)]:text-text-secondary',
+    })
+    ;
+@endphp
+{{-- NOTE: It's important that this file has NO newline at the end of the file. --}}
+<?php if ($inline) : ?><span {{ $attributes->class($classes) }} data-flux-text @if ($color) color="{{ $color }}" @endif>{{ $slot }}</span><?php else: ?><p {{ $attributes->class($classes) }} data-flux-text @if ($color) data-color="{{ $color }}" @endif>{{ $slot }}</p><?php endif; ?>