✨ Show icon preview

siguici · siguici · commit 2122344df341 · 2025-10-27T21:23:40.000+01:00
diff --git a/composer.json b/composer.json
@@ -29,6 +29,7 @@
         "laravel/installer": "^5.17",
         "laravel/prompts": "^0.3",
         "nunomaduro/termwind": "^2.3",
+        "sikessem/ui": "^0.9",
         "spatie/laravel-package-tools": "^1.92",
         "symfony/console": "^7.3"
     },
diff --git a/packages/core/composer.json b/packages/core/composer.json
@@ -26,6 +26,7 @@
         "filament/support": "^4.0",
         "illuminate/console": "^12.26",
         "illuminate/support": "^12.26",
+        "sikessem/ui": "^0.9",
         "spatie/laravel-package-tools": "^1.92"
     },
     "autoload": {
diff --git a/packages/core/src/Components/Fields/IconField.php b/packages/core/src/Components/Fields/IconField.php
@@ -7,6 +7,7 @@
 use Filament\Forms\Components\Select;
 use Filament\Support\Icons\Heroicon;
 use Loom\Rules\IconRule;
+use Sikessem\UI\Facade as UI;
 
 class IconField extends Field
 {
@@ -15,9 +16,26 @@ public static function make(?string $name = null): Select
         $name ??= loom()->config('components.icon.name', 'icon');
 
         return Select::make($name)
-            ->options(array_column(Heroicon::cases(), 'value', 'value'))
+            ->options(function () {
+                $icons = array_column(Heroicon::cases(), 'value', 'value');
+
+                foreach ($icons as $name => $icon) {
+                    $icon = str_starts_with($icon, 'o-')
+                        ? "heroicon-{$icon}"
+                        : "heroicon-s-{$icon}";
+                    $icons[$name] = UI::render(<<<HTML
+                        <span class="inline-flex items-center justify-center gap-1">
+                            <x-filament::icon icon='{$icon}'/>
+                            {$name}
+                        </span>
+                    HTML);
+                }
+
+                return $icons;
+            })
             ->rule(new IconRule)
             ->searchable()
+            ->allowHtml()
             ->label(loom()->trans('components.icon'));
     }
 }
