2.x

resources/views/components/alert-warning.blade.php

@@ -1,5 +1,5 @@
 <div
-    class="rounded-lg border-2 border-yellow-500 border-opacity-50 bg-yellow-50 p-4 text-yellow-500 dark:bg-yellow-500 dark:bg-opacity-10 dark:text-white"
+    class="rounded-lg border border-l-4 border-yellow-500 bg-yellow-100 px-4 py-3 text-yellow-700 dark:bg-yellow-500 dark:bg-opacity-10 dark:text-yellow-500"
 >
     {{ $slot }}
 </div>

resources/views/components/progress-bar.blade.php

@@ -0,0 +1,13 @@
+@props(["value" => 0])
+
+<div class="relative flex h-6 overflow-hidden rounded bg-primary-200 text-xs dark:bg-primary-500 dark:bg-opacity-10">
+    <div
+        style="width: {{ $value }}%"
+        class="flex flex-col justify-center whitespace-nowrap bg-primary-500 text-center text-white shadow-none transition-all duration-500 ease-out"
+    ></div>
+    <span
+        class="{{ $value >= 40 ? "text-white" : "text-black dark:text-white" }} absolute left-0 right-0 top-1 text-center font-semibold"
+    >
+        {{ $value }}%
+    </span>
+</div>

resources/views/vendor/filament-panels/components/header/simple.blade.php

@@ -0,0 +1,29 @@
+@props([
+    'heading' => null,
+    'logo' => true,
+    'subheading' => null,
+])
+
+<header class="fi-simple-header flex items-center justify-between h-8">
+    <div class="flex items-center gap-1">
+        @if ($logo)
+            <x-filament-panels::logo />
+        @endif
+
+        @if (filled($heading))
+            <h1
+                class="fi-simple-header-heading text-center text-2xl font-bold tracking-tight text-gray-950 dark:text-white"
+            >
+                {{ $heading }}
+            </h1>
+        @endif
+    </div>
+
+    @if (filled($subheading))
+        <p
+            class="fi-simple-header-subheading text-center text-sm text-gray-500 dark:text-gray-400"
+        >
+            {{ $subheading }}
+        </p>
+    @endif
+</header>

resources/views/web/components/container.blade.php

@@ -0,0 +1,3 @@
+<div {{ $getExtraAttributeBag() }}>
+    {!! $content !!}
+</div>

resources/views/web/components/form.blade.php

@@ -0,0 +1,3 @@
+<form class="fi-form">
+    {{ $this->form }}
+</form>

resources/views/web/components/infolist.blade.php

@@ -0,0 +1,3 @@
+<div>
+    {{ $this->infolist }}
+</div>

resources/views/web/components/page.blade.php

@@ -0,0 +1,7 @@
+<div {{ $this->getExtraAttributesBag() }}>
+    <x-filament-panels::page>
+        @foreach ($this->getWidgets() as $key => $widget)
+            @livewire($widget[0], $widget[1] ?? [], key(class_basename($widget[0]) . "-" . $key))
+        @endforeach
+    </x-filament-panels::page>
+</div>

resources/views/web/components/tags.blade.php

@@ -0,0 +1,17 @@
+<div class="inline-flex gap-1">
+    @php
+        if (! isset($tags) && isset($getRecord)) {
+            $tags = $getRecord()->tags;
+        }
+    @endphp
+
+    @if (count($tags) === 0)
+        -
+    @endif
+
+    @foreach ($tags as $tag)
+        <x-filament::badge :color="$tag->color" icon="heroicon-o-tag">
+            {{ $tag->name }}
+        </x-filament::badge>
+    @endforeach
+</div>

resources/views/web/fields/alert.blade.php

@@ -0,0 +1,9 @@
+<div>
+    <div>
+        <div
+            class="border-{{ $getColor() }}-500 bg-{{ $getColor() }}-100 text-{{ $getColor() }}-700 dark:bg-{{ $getColor() }}-500 dark:text-{{ $getColor() }}-500 rounded-lg border border-l-4 px-4 py-3 dark:bg-opacity-10"
+        >
+            {{ $getMessage() }}
+        </div>
+    </div>
+</div>

resources/views/web/fields/provider.blade.php

@@ -0,0 +1,19 @@
+<x-filament-forms::field-wrapper.label>
+    {{ $getLabel() }}
+</x-filament-forms::field-wrapper.label>
+<div x-data="{ state: $wire.$entangle('{{ $getStatePath() }}') }" class="mt-1 grid grid-cols-6 gap-2">
+    @foreach (config("core.server_providers") as $p)
+        <div
+            class="flex w-full cursor-pointer items-center justify-center rounded-md border-2 bg-transparent px-3 pb-2 pt-3"
+            @click="state = '{{ $p }}'; $wire.set('{{ $getStatePath() }}', state)"
+            :class="{ 'border-primary-600': state === '{{ $p }}', 'border-primary-200 dark:border-primary-600 dark:border-opacity-20': state !== '{{ $p }}' }"
+        >
+            <div class="flex w-full flex-col items-center justify-center text-center">
+                <img src="{{ asset("static/images/" . $p . ".svg") }}" class="h-7" alt="Server" />
+                <span class="md:text-normal mt-2 hidden text-sm md:block">
+                    {{ $p }}
+                </span>
+            </div>
+        </div>
+    @endforeach
+</div>