[FEAT]: usePointerFine() Hook

[localhostd3veloper]

Add usePointerFine Hook

Adds the usePointerFine() hook that detects whether the user's primary input mechanism is a fine-grained pointer device (mouse, stylus, or touchpad).

Features

• Detects fine pointer devices using CSS media query (pointer: fine)
• Updates on device orientation and resize changes
• SSR-safe (handles undefined window)
• Automatically cleans up event listeners

Use Cases

• Adapt hover interactions based on device capabilities
• Show/hide precision controls based on input method
• Adjust UI layouts for touch vs mouse input

Implementation

Uses the native matchMedia API to detect pointer capabilities and listens for change, resize, and orientationchange events.

Screenshots

Fine Pointer

Coarse Pointer (else)

Resolves #100