User interface updates (round 3)

[agentphoenix]

Blocked by future updates to Catalyst.

• Combobox
• Command palette
• Date picker
• Description list
• File input
• Headings
• Notification
• Radio panel
• Slide-over
• Tabs
• Tooltip

Flux

[agentphoenix]

Blocked by the release of Tailwind 4 and Filament 4

[agentphoenix]

Updated modal content view

https://dribbble.com/shots/25441770-Share-your-project-Untitled-UI

modal-content.blade.php

@props([
    'icon' => null,
    'color' => null,
    'title',
    'action',
])

@php
    $color ??= $action->getColor();
    $icon ??= $action->getIcon();
@endphp

{{-- format-ignore-start --}}
<div class="flex flex-col gap-6">
    @if ($icon)
        <div class="inline-flex">
            <div class="p-[3px] rounded-xl bg-white ring-1 ring-gray-950/15 shadow-lg">
                <div
                    @class([
                        'rounded-[calc(theme(borderRadius.xl)-3px)] p-2 ring-1 ring-inset ring-gray-950/10',
                        match ($color) {
                            'primary' => 'bg-primary-500',
                            'danger' => 'bg-danger-500',
                            'info' => 'bg-info-500',
                            'success' => 'bg-success-500',
                            'warning' => 'bg-warning-500',
                            'gray' => 'bg-gray-800',
                            default => $color,
                        }
                    ])
                >
                    <x-icon :name="$icon" size="lg" class="text-white"></x-icon>
                </div>
            </div>
        </div>
    @endif

    <x-h2>{{ $title }}</x-h2>

    <div class="flex flex-col gap-4">
        {{ $slot }}
    </div>
</div>
{{-- format-ignore-end --}}

Update calls to modalContent:

$this->modalContent(fn (?Model $record): View => view($this->modalContentView, [
    'record' => $record,
    'action' => $this,
]));

Update the use of the modal-content component:

<x-filament.modal-content :$action color="gray" title="Add-on actions">

notification-discord-global-settings.blade.php

<x-filament.modal-content :$action color="bg-[#5865f2]" title="Global Discord settings">