Chore: Upgrade to Laravel 12 + remove Mary and Jetstream dependencies (#141)

* docs: remove requirement for setting APP_KEY manually * optimize date picker * clean up modals * spot light working * reorganization * add lazy load * wip * remove filament * styling
2025-09-26 17:41:28 -05:00
parent 910d426ad4
commit e6f38d9481
146 changed files with 5443 additions and 3909 deletions
@@ -0,0 +1,116 @@
+@props([
+    'key' => 'modal',
+    'title' => null,
+    'subtitle' => null,
+    'persistent' => false,
+    'withoutTrapFocus' => false,
+    'boxClass' => '',
+    'noCard' => false,
+    'shortcut' => null,
+    'noTeleport' => false,
+])
+
+@if(!$noTeleport)
+<template x-teleport="body">
+@endif
+    <dialog
+        x-data="{ 
+            @if (!empty($attributes->whereStartsWith('wire:model')->first()))
+                init(){
+                    this.$watch('wireModelValue', value => value ? this.show() : this.close())
+                },
+                wireModelValue: $wire.entangle('{{ $attributes->whereStartsWith('wire:model')->first() }}').live,
+            @endif
+            open: false,
+            close() {
+                this.open = false;
+                this.$el.close()
+            },
+            cancel() {
+                @if($persistent)
+                    this.$refs.modalContent.classList.add('wiggle')
+                    this.$refs.modalContent.addEventListener('animationend', (e) => {
+                        this.$refs.modalContent.classList.remove('wiggle')
+                    })
+                @else
+                    this.close()
+                @endif
+            },
+            show() {
+                this.open = true;
+                @if($persistent)
+                    this.$el.showModal();
+                @else
+                    this.$el.show();
+                @endif
+            }
+        }"
+
+        @close="close()"
+        :open="open"
+
+        {{ 
+            $attributes->filter(
+                fn ($value, $key) => !Str::startsWith($key, 'wire:model')
+            )->class(["modal duration-50 z-50"]) 
+        }}
+
+        id="{{ $key }}"
+
+        x-on:toggle-{{ $key }}.window="open ? close() : show();"
+
+        @if($shortcut)
+            @keydown.window.prevent.{{ $shortcut }}="show();"
+        @endif
+
+        @keydown.escape.prevent.stop="cancel()"
+
+        @if(!$withoutTrapFocus)
+            x-trap="open" 
+            x-bind:inert="!open"
+        @endif
+    >
+        {{-- BACKDROP --}}
+        <div 
+            @click.prevent.stop="cancel()" 
+            class="absolute inset-0 w-full h-full bg-base-300/50"
+            x-show="open"
+        ></div>
+        
+        {{-- MODAL CONTENT --}}
+        <div x-ref="modalContent" class="modal-box overflow-y-visible p-0 {{ $boxClass }}">
+
+            @if(!$noCard)
+                <x-ui.card     
+                    :title="$title"
+                    :subtitle="$subtitle"
+                    expanded="true"
+                >
+        
+                @if (!$persistent && !$noCard)
+                    <x-ui.button 
+                        icon="o-x-mark" 
+                        title="{{ __('Close') }}"
+                        class="absolute top-4 right-4 btn-ghost btn-circle btn-sm z-10" 
+                        @click="close()" 
+                        tabindex="-999"
+                    />
+                @endif
+                    
+                    {{ $slot }}
+
+                </x-ui.card>
+
+            @else 
+
+                {{ $slot }}
+
+            @endif
+
+        </div>
+        
+    </dialog>
+
+@if(!$noTeleport)
+</template> 
+@endif