Mantine Hooks

Use this skill for @mantine/hooks only — the standalone React hooks package. Do not pull in @mantine/core, @mantine/form, or other @mantine/* packages unless the user explicitly asks for them outside this skill.

Prefer current docs over memory. Pin narrative to @mantine/hooks@9.x (npm latest snapshot: 9.5.0, peer react@^19.2.0).

Workflow

1. Inspect the project before changing code:
   • Installed @mantine/hooks version and React peer version.
   • Whether the app is SPA-only or SSR/hydrated (affects getInitialValueInEffect and media/storage hooks).
   • Which hook families are in play: state, storage, events, observers, timing, or interaction builders.
2. Refresh versions and doc URLs from source-map.md when behavior or migration matters.
3. For install, imports, utils, SSR defaults, types, and package boundaries, use setup-core.md.
4. For boolean/list/object/Map/Set state, uncontrolled values, storage, queue, pagination, and history, use state-storage.md.
5. For click-outside, hotkeys, focus, hover/mouse, clipboard, fullscreen, long-press, and window/document events, use ui-events.md.
6. For media queries, observers, debounce/throttle, timers, idle/network/OS, and fetch, use observers-timing.md.
7. For move/drag/radial, collapse, mask, roving index, splitter, floating window, selection, and scroll helpers, use advanced-interaction.md.
8. For a full hook index with doc links, use catalog.md.