Livewire & Alpine Modal x-ref not working

Hi, UPDATE: I forgot to add that I use this JS script to trigger the modals:

window.$modals = {

    show(name) {

        window.dispatchEvent(
        
            new CustomEvent('modal', {

                detail: name

            })
        
        );
    }
};

my prior modal worked with alpine alone and it was relatively easy to tell the checkbox which opens the modal if the modal is open or closed via x-ref. Checkbox state was always in sync! The modal can be closed in various ways (escape, click away and cancel button). Now I open the modal via livewire onclick and entangle and it doesn't work anymore.

On my input checkbox menu toggle I have:

x-data 
x-ref="navmodalx" 
onclick="$modals.show('nav-modal')" 

On my Modal I have:

x-data="{ show: @entangle($attributes->wire('model')), name: '{{ $name }}' }" 
        x-show="show"
        x-on:modal.window="show = ($event.detail === name);"
        x-on:keydown.escape.window="show = false, $refs.navmodalx.checked = false"

Help would be much appreciated. best regards Martin