type Props = {
  popover: 'auto' | 'hint' | 'manual'
  popovertarget: string
  popovertargetaction: 'hide' | 'show' | 'toggle'
}

type State = {
  hasBackdrop: boolean // CSS ::backdrop
  isPopoverOpen: boolean // CSS :popover-open
}

type Methods = {
  hidePopover: () => void
  showPopover: () => void
  togglePopover: () => void
}

type Events = {
  beforetoggle: () => void
  toggle: () => void
}

---

• https://developer.chrome.com/blog/introducing-popover-api/
• https://developer.mozilla.org/en-US/docs/Web/API/Popover_API