🎨 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/chart/tooltip/heading.blade.php

@@ -0,0 +1,17 @@
+@blaze
+
+@props([
+    'field' => 'date',
+    'format' => null,
+])
+
+@php
+$format = is_array($format) ? \Illuminate\Support\Js::encode($format) : $format;
+@endphp
+
+<div {{ $attributes->class([
+    'bg-zinc-50 border-b border-zinc-200 dark:bg-zinc-600 dark:border-zinc-500 flex justify-between items-center p-2',
+    'text-xs font-medium [:where(&)]:text-zinc-800 dark:[:where(&)]:text-zinc-100'
+    ]) }}>
+    <slot field="{{ $field }}" @if ($format) format="{{ $format }}" @endif></slot>
+</div>

resources/views/flux/chart/tooltip/index.blade.php

@@ -0,0 +1,19 @@
+@blaze
+
+@props([
+    'field' => null,
+    'format' => null,
+])
+
+@php
+$format = is_array($format) ? \Illuminate\Support\Js::encode($format) : $format;
+
+$classes = Flux::classes()
+    ->add('opacity-0 data-active:opacity-100 absolute flex flex-col rounded-lg overflow-hidden shadow-lg border border-zinc-200 bg-white dark:border-zinc-500 dark:bg-zinc-700');
+@endphp
+
+<template name="tooltip">
+    <div {{ $attributes->class($classes) }}>
+        {{ $slot}}
+    </div>
+</template>

resources/views/flux/chart/tooltip/value.blade.php

@@ -0,0 +1,27 @@
+@blaze
+
+@props([
+    'label' => null,
+    'field' => null,
+    'format' => null,
+])
+
+@php
+$format = is_array($format) ? \Illuminate\Support\Js::encode($format) : $format;
+@endphp
+
+<div {{ $attributes->class(['flex items-center gap-2 p-2 text-xs [:where(&)]:text-zinc-500 dark:[:where(&)]:text-zinc-300']) }}>
+    {{ $slot }}
+
+    @if (is_string($label) && $label !== '')
+        <div class="text-zinc-800 dark:text-white">{{ $label }}</div>
+    @elseif ($label)
+        {{ $label }}
+    @endif
+
+    @if ($field)
+        <div class="flex-1"></div>
+
+        <slot field="{{ $field }}" @if ($format) format="{{ $format }}" @endif></slot>
+    @endif
+</div>