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,62 @@
+@props([
+    'id' => null,
+    'label' => null,
+    'icon' => 'o-chevron-down',
+
+    'trigger' => null,
+])
+
+<details 
+    x-data="{
+        dropdownOpen: false
+    }"
+    :open="dropdownOpen"
+    @click.outside="dropdownOpen = false"
+    @class(['dropdown'])
+>
+    {{-- CUSTOM TRIGGER --}}
+    @if($trigger)
+        <summary x-ref="button" @click.prevent="dropdownOpen = !dropdownOpen" {{ $trigger->attributes->class(['list-none']) }}>
+            {{ $trigger }}
+        </summary>
+    @else
+        {{-- DEFAULT TRIGGER --}}
+        <summary 
+            x-ref="button" 
+            @click.prevent="dropdownOpen = !dropdownOpen" 
+            {{ $attributes->class(["btn btn-ghost normal-case disabled:opacity-50 disabled:pointer-events-none"]) }}
+        >
+            {{ $label }}
+            <span class="transition-transform" :class="{'rotate-180': dropdownOpen }">
+                <x-ui.icon :name="$icon" />
+            </span>
+        </summary>
+    @endif
+
+    {{-- CONTENT --}}
+    <ul
+        @class([
+            'menu',
+            'absolute',
+            'top-0',
+            'p-2',
+            'shadow-lg',
+            'z-50',
+            'bg-base-100',
+            'rounded-box',
+            'w-auto',
+            'min-w-max',
+        ])
+        x-anchor.bottom-start="$refs.button"
+        @click="dropdownOpen = false"
+        x-transition:enter="ease-out duration-200"
+        x-transition:enter-start="-translate-y-2"
+        x-transition:enter-end="translate-y-0"
+        x-cloak
+    >
+        <div wire:key="dropdown-slot-{{ $id }}">
+            {{ $slot }}
+        </div>
+    </ul>
+
+</details>