edge-components

Modal: Action 

<button type="button" x-data="{ open: false }" @click="open = ! open" class="btn btn-primary">
    Toggle Modal
    <template x-teleport="body">
        <dialog class="modal modal-open " x-show="open" @keyup.escape.window="open = false">
            <div class="modal-box" @click.outside="open = false">
                <h3 class="font-bold text-lg">Congratulations random Internet user!</h3>
                <p class="py-4">You've been selected for a chance to get one year of subscription to use Wikipedia for free!</p>

                <div class="modal-action">

                    <button @click="open = false" class="btn">
                        ok
                    </button>

                </div>
            </div>
        </dialog>
    </template>
</button>
 
@jrmc.modal({ button: { text: 'Toggle Modal', class: 'btn-primary' } })
  <h3 class="font-bold text-lg">Congratulations random Internet user!</h3>
  <p class="py-4">You've been selected for a chance to get one year of subscription to use Wikipedia for free!</p>

  @slot('action')
    @!jrmc.button({ text: 'ok', ...$context.event.close })
  @end
@end

Modal not implementation daysyui solution, use alpinejs for open modal