Initial commit

2026-05-09 17:28:23 +02:00
commit 9d73f82529
5575 changed files with 281989 additions and 0 deletions
@@ -0,0 +1,79 @@
+@props(['icon', 'routeGroup' => '', 'classes' => '', 'childClasses' => 'min-w-[150px]', 'uppercase' => false])
+
+<div
+ x-data="{
+ open: false,
+ isTouch: false,
+ init() {
+ this.isTouch = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)
+ },
+ toggle() {
+ if (this.open) {
+ return this.close()
+ }
+
+ this.$refs.button.focus()
+
+ this.open = true
+ },
+ close(focusAfter) {
+ if (! this.open) return
+
+ this.open = false
+
+ focusAfter && focusAfter.focus()
+ }
+ }"
+ x-on:keydown.escape.prevent.stop="close($refs.button)"
+ x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
+ x-on:dropdown-close.window="close()"
+ x-on:close-menu.window="close()"
+ x-id="['dropdown-button']"
+ @class([
+ 'relative h-[60px] px-3 text-sm font-semibold uppercase tracking-wide transition-all duration-200 ease-in-out border-b-4 border-transparent hover:border-b-[var(--color-primary)] z-50',
+ $classes,
+ 'border-b-[var(--color-primary)]' => request()->is($routeGroup),
+ ])"
+>
+ <!-- Button -->
+ <button
+ x-ref="button"
+ x-on:click="toggle()"
+ :aria-expanded="open"
+ :aria-controls="$id('dropdown-button')"
+ type="button"
+ class="flex items-center gap-2 h-full text-sm font-medium"
+ >
+ @if(isset($icon))
+ <i class="hidden navigation-icon {{ $icon }} lg:inline-flex"></i>
+ @endif
+ {{ $slot }}
+
+ <!-- Heroicon: chevron-down -->
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 transition-transform duration-200" :class="open ? 'rotate-180' : ''" style="color: var(--color-text-muted)" viewBox="0 0 20 20"
+ fill="currentColor">
+ <path fill-rule="evenodd"
+ d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+ clip-rule="evenodd"/>
+ </svg>
+ </button>
+
+ <!-- Panel -->
+ <div
+ x-ref="panel"
+ x-show="open"
+ x-cloak
+ x-transition:enter="transition ease-out duration-200"
+ x-transition:enter-start="opacity-0 transform scale-95"
+ x-transition:enter-end="opacity-100 transform scale-100"
+ x-transition:leave="transition ease-in duration-150"
+ x-transition:leave-start="opacity-100 transform scale-100"
+ x-transition:leave-end="opacity-0 transform scale-95"
+ x-on:click.outside="close($refs.button)"
+ :id="$id('dropdown-button')"
+ style="display: none; background-color: var(--color-dropdown); border-radius: var(--dropdown-radius); border: var(--dropdown-border); box-shadow: var(--dropdown-shadow); color: var(--color-text);"
+ @class(['absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 w-full md:w-auto', $childClasses])
+ >
+ {{ $children }}
+ </div>
+</div>