@php $base_class = 'lqd-dropdown flex relative group/dropdown [--dropdown-offset:0px]'; $trigger_base_class = 'lqd-dropdown-trigger hover:translate-y-0'; $dropdown_base_class = 'lqd-dropdown-dropdown absolute top-full opacity-0 invisible z-50 translate-y-1 pointer-events-none transition-all mt-[--dropdown-offset] before:absolute before:bottom-full before:-top-[--dropdown-offset] before:inset-x-0 group-[&.lqd-is-active]/dropdown:opacity-100 group-[&.lqd-is-active]/dropdown:visible group-[&.lqd-is-active]/dropdown:translate-y-0 group-[&.lqd-is-active]/dropdown:pointer-events-auto'; $dropdown_content_base_class = 'lqd-dropdown-dropdown-content min-w-44 border border-dropdown-border rounded-dropdown bg-dropdown-background text-dropdown-foreground shadow-lg shadow-black/5'; if ($anchor === 'start') { $dropdown_base_class .= ' start-0'; } else { $dropdown_base_class .= ' end-0'; } @endphp
withoutTwMergeClasses()->twMerge($base_class, $attributes->get('class')) }} @style([ '--dropdown-offset: ' . $offsetY . '' => !empty($offsetY), ]) x-data="dropdown({ triggerType: '{{ $triggerType }}' })" x-bind="parent" x-ref="parent" > twMergeFor('trigger', $trigger_base_class, $trigger->attributes->get('class')) }} variant="{{ $trigger->attributes->get('variant') ? $trigger->attributes->get('variant') : 'link' }}" x-bind="trigger" > {{ $trigger }}
twMergeFor('dropdown-dropdown', $dropdown_base_class) }} x-bind="dropdown" >
twMergeFor('dropdown', $dropdown_content_base_class, $dropdown->attributes->get('class')) }}> {{ $dropdown }}