@props(['size' => 40, 'label' => 'loading', 'color' => '#3b82f6'])
{{--
Cydekick loading spinner: ring of 8 dots, fading tail, stepped spin. Use for any NEW loading state.
Usage:
Design notes: z_notes/Claude_help/app_loading_spiiner_design.md
--}}
merge(['style' => 'display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;']) }}>
@if (filled($label))
{{ $label }}
@endif