@props(['align' => 'right', 'width' => '48', 'contentClasses' => 'py-1 bg-white']) @php switch ($align) { case 'left': $alignmentClasses = 'ltr:origin-top-left rtl:origin-top-right'; break; case 'top': $alignmentClasses = 'origin-top'; break; case 'right': default: $alignmentClasses = 'ltr:origin-top-right rtl:origin-top-left'; break; } switch ($width) { case '48': $width = 'w-48'; break; } @endphp {{-- The panel is teleported to and positioned with `fixed` coordinates computed from the trigger's rect, so it always floats above ancestors that clip overflow (e.g. table scroll containers) instead of being cut off. --}}