feat: add resources and view components

2026-05-21 16:05:19 +07:00
parent 28a06315b8
commit b2d60e680d
249 changed files with 37379 additions and 0 deletions
@@ -0,0 +1,84 @@
+@php
+    use Filament\Support\Enums\IconSize;
+    use Filament\Support\View\Components\CalloutComponent\IconComponent;
+
+    use function Filament\Support\generate_icon_html;
+    use function Filament\Support\is_slot_empty;
+@endphp
+
+@props([
+    'color' => 'gray',
+    'controls' => null,
+    'description' => null,
+    'footer' => null,
+    'heading' => null,
+    'icon' => null,
+    'iconColor' => null,
+    'iconSize' => null,
+])
+
+@php
+    if (filled($iconSize) && (! $iconSize instanceof IconSize)) {
+        $iconSize = IconSize::tryFrom($iconSize) ?? $iconSize;
+    }
+
+    $iconColor ??= $color;
+
+    $hasDescription = filled((string) $description);
+    $hasHeading = filled($heading);
+    $hasFooter = ! is_slot_empty($footer);
+    $hasIcon = filled($icon);
+    $hasControls = ! is_slot_empty($controls);
+@endphp
+
+<div
+    {{
+        $attributes
+            ->color(\Filament\Support\View\Components\CalloutComponent::class, $color)
+            ->class(['fi-callout'])
+    }}
+>
+    @if ($hasIcon)
+        {{
+            generate_icon_html(
+                $icon,
+                attributes: (new \Illuminate\View\ComponentAttributeBag)
+                    ->color(IconComponent::class, $iconColor)
+                    ->class(['fi-callout-icon']),
+                size: $iconSize ?? IconSize::Large,
+            )
+        }}
+    @endif
+
+    @if ($hasHeading || $hasDescription || $hasFooter)
+        <div class="fi-callout-main">
+            @if ($hasHeading || $hasDescription)
+                <div class="fi-callout-text">
+                    @if ($hasHeading)
+                        <h4 class="fi-callout-heading">
+                            {{ $heading }}
+                        </h4>
+                    @endif
+
+                    @if ($hasDescription)
+                        <p class="fi-callout-description">
+                            {{ $description }}
+                        </p>
+                    @endif
+                </div>
+            @endif
+
+            @if ($hasFooter)
+                <div class="fi-callout-footer">
+                    {{ $footer }}
+                </div>
+            @endif
+        </div>
+    @endif
+
+    @if ($hasControls)
+        <div class="fi-callout-controls">
+            {{ $controls }}
+        </div>
+    @endif
+</div>