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

@@ -0,0 +1,9 @@
+@blaze
+
+@props([
+    'animate' => null,
+])
+
+<div {{ $attributes }} data-flux-skeleton-group>
+    {{ $slot }}
+</div>

resources/views/flux/skeleton/index.blade.php

@@ -0,0 +1,29 @@
+@blaze
+
+@aware(['animate' => null])
+
+@props([
+    'animate' => null,
+])
+
+@php
+    $classes = Flux::classes()
+        ->add('[:where(&)]:h-4 [:where(&)]:rounded-md [:where(&)]:bg-zinc-400/20')
+        ->add(match ($animate) {
+            'shimmer' => [
+                'relative before:absolute before:inset-0 before:-translate-x-full',
+                'overflow-hidden isolate',
+                '[:where(&)]:[--flux-shimmer-color:white]',
+                'dark:[:where(&)]:[--flux-shimmer-color:var(--color-zinc-900)]',
+                'before:z-10 before:animate-[flux-shimmer_2s_infinite]',
+                'before:bg-gradient-to-r before:from-transparent before:via-[var(--flux-shimmer-color)]/50 dark:before:via-[var(--flux-shimmer-color)]/50 before:to-transparent',
+            ],
+            'pulse' => 'animate-pulse',
+            default => '',
+        })
+        ;
+@endphp
+
+<div {{ $attributes->class($classes) }} data-flux-skeleton>
+    {{ $slot }}
+</div>

resources/views/flux/skeleton/line.blade.php

@@ -0,0 +1,34 @@
+@blaze
+
+@aware(['animate' => null])
+
+@props([
+    'size' => 'base',
+    'animate' => null,
+])
+
+@php
+$classes = Flux::classes()
+    ->add('[:where(&)]:w-full')
+    ->add(match ($size) {
+        'base' => '[:where(&)]:h-5 py-[3px]',
+        'lg' => 'h-6 py-[2px]',
+    })
+    ->add(match ($animate) {
+        'shimmer' => [
+            'relative before:absolute before:inset-0 before:-translate-x-full',
+            'overflow-hidden isolate',
+            '[:where(&)]:[--flux-shimmer-color:white]',
+            'dark:[:where(&)]:[--flux-shimmer-color:var(--color-zinc-900)]',
+            'before:z-10 before:animate-[flux-shimmer_2s_infinite]',
+            'before:bg-gradient-to-r before:from-transparent before:via-[var(--flux-shimmer-color)]/50 dark:before:via-[var(--flux-shimmer-color)]/50 before:to-transparent',
+        ],
+        'pulse' => 'animate-pulse',
+        default => '',
+    })
+    ;
+@endphp
+
+<div {{ $attributes->class($classes) }} data-flux-skeleton-line>
+    <div class="h-full [:where(&)]:rounded [:where(&)]:bg-zinc-400/20">{{ $slot }}</div>
+</div>