@astro-dx/events

import { on } from '@astro-dx/events';

// Basic click
on('#btn', 'click', () => count.update(v => v + 1));

// Input event — value extracted automatically
on('#search', 'input', (value) => query.set(value as string));

// Pass an element directly
on(document, 'click', (e) => console.log(e));

import { onHover } from '@astro-dx/events';

onHover('#card', {
  enter: () => hovered.set(true),
  leave: () => hovered.set(false),
});

import { onKey } from '@astro-dx/events';

onKey('#search', 'Enter', () => performSearch());
onKey(document, 'Escape', () => modal.set(false));

import { onFocus } from '@astro-dx/events';

onFocus('#input', {
  focus: () => isFocused.set(true),
  blur: () => isFocused.set(false),
});