@supermousejs/core 2.0.5 → 2.2.0

package/dist/index.mjs

@@ -1,13 +1,143 @@
-let d = 0;
-class c {
+function c(n, t, e) {
+  return n + (t - n) * e;
+}
+function d(n, t, e, i) {
+  return c(n, t, 1 - Math.exp(-e * i));
+}
+function p(n, t) {
+  return Math.atan2(t, n) * (180 / Math.PI);
+}
+class f {
+  constructor(t, e, i, o) {
+    this.state = t, this.options = e, this.getHoverSelector = i, this.onEnableChange = o, this.checkDeviceCapability(), this.checkMotionPreference(), this.bindEvents();
+  }
+  state;
+  options;
+  getHoverSelector;
+  onEnableChange;
+  mediaQueryList;
+  mediaQueryHandler;
+  motionQuery;
+  /**
+   * Master switch for input processing.
+   * Toggled by `Supermouse.enable()`/`disable()` or automatically by device capability checks.
+   */
+  isEnabled = !0;
+  abortController = new AbortController();
+  /**
+   * Automatically disables the custom cursor on devices without fine pointer control.
+   */
+  checkDeviceCapability() {
+    this.options.autoDisableOnMobile && (this.mediaQueryList = window.matchMedia("(pointer: fine)"), this.updateEnabledState(this.mediaQueryList.matches), this.mediaQueryHandler = (t) => {
+      this.updateEnabledState(t.matches);
+    }, this.mediaQueryList.addEventListener("change", this.mediaQueryHandler, {
+      signal: this.abortController.signal
+    }));
+  }
+  /**
+   * Checks for `prefers-reduced-motion`.
+   * If true, the core physics engine will switch to instant snapping (high damping) to avoid motion sickness.
+   */
+  checkMotionPreference() {
+    this.motionQuery = window.matchMedia("(prefers-reduced-motion: reduce)"), this.state.reducedMotion = this.motionQuery.matches, this.motionQuery.addEventListener(
+      "change",
+      (t) => {
+        this.state.reducedMotion = t.matches;
+      },
+      { signal: this.abortController.signal }
+    );
+  }
+  updateEnabledState(t) {
+    this.isEnabled = t, this.onEnableChange(t);
+  }
+  parseDOMInteraction(t) {
+    if (this.options.resolveInteraction) {
+      this.state.interaction = this.options.resolveInteraction(t);
+      return;
+    }
+    const e = {};
+    if (this.options.rules)
+      for (const [o, s] of Object.entries(this.options.rules))
+        t.matches(o) && Object.assign(e, s);
+    const i = t.dataset;
+    for (const o in i)
+      if (o.startsWith("supermouse")) {
+        const s = o.slice(10);
+        if (s) {
+          const r = s.charAt(0).toLowerCase() + s.slice(1), a = i[o];
+          a !== void 0 && (e[r] = a === "" ? !0 : a);
+        }
+      }
+    this.state.interaction = e;
+  }
+  handleMove(t) {
+    if (!this.isEnabled || this.options.autoDisableOnMobile && t.pointerType === "touch") return;
+    let e = t.clientX, i = t.clientY;
+    if (this.options.container && this.options.container !== document.body) {
+      const o = this.options.container.getBoundingClientRect();
+      e -= o.left, i -= o.top;
+    }
+    this.state.pointer.x = e, this.state.pointer.y = i, this.state.hasReceivedInput || (this.state.hasReceivedInput = !0, this.state.target.x = this.state.smooth.x = e, this.state.target.y = this.state.smooth.y = i);
+  }
+  handleDown() {
+    this.isEnabled && (this.state.isDown = !0);
+  }
+  handleUp() {
+    this.isEnabled && (this.state.isDown = !1);
+  }
+  handleMouseOver(t) {
+    if (!this.isEnabled) return;
+    const e = t.target;
+    if (e.closest("[data-supermouse-ignore]")) {
+      this.state.isNative = !0;
+      return;
+    }
+    const i = this.getHoverSelector(), o = e.closest(i);
+    o && (this.state.isHover = !0, this.state.hoverTarget = o, this.parseDOMInteraction(this.state.hoverTarget));
+    const s = this.options.ignoreOnNative;
+    if (s) {
+      const r = s === !0 || s === "auto" || s === "tag", a = s === !0 || s === "auto" || s === "css";
+      let l = !1;
+      if (r) {
+        const h = e.localName;
+        (h === "input" || h === "textarea" || h === "select" || e.isContentEditable) && (l = !0);
+      }
+      if (!l && a) {
+        const h = window.getComputedStyle(e).cursor;
+        ["default", "auto", "pointer", "none", "inherit"].includes(h) || (l = !0);
+      }
+      l && (this.state.isNative = !0);
+    }
+  }
+  handleMouseOut(t) {
+    if (!this.isEnabled) return;
+    const e = t.target;
+    (e === this.state.hoverTarget || e.contains(this.state.hoverTarget)) && (!t.relatedTarget || !this.state.hoverTarget?.contains(t.relatedTarget)) && (this.state.isHover = !1, this.state.hoverTarget = null, this.state.interaction = {}), this.state.isNative && (this.state.isNative = !1);
+  }
+  handleWindowLeave() {
+    this.options.hideOnLeave && (this.state.hasReceivedInput = !1);
+  }
+  clearHover() {
+    this.state.isHover = !1, this.state.hoverTarget = null, this.state.isNative = !1;
+  }
+  bindEvents() {
+    const { signal: t } = this.abortController;
+    window.addEventListener("pointermove", this.handleMove.bind(this), { passive: !0, signal: t }), window.addEventListener("pointerdown", this.handleDown.bind(this), { passive: !0, signal: t }), window.addEventListener("pointerup", this.handleUp.bind(this), { signal: t }), document.addEventListener("mouseover", this.handleMouseOver.bind(this), { signal: t }), document.addEventListener("mouseout", this.handleMouseOut.bind(this), { signal: t }), document.addEventListener("mouseleave", this.handleWindowLeave.bind(this), { signal: t });
+  }
+  destroy() {
+    this.abortController.abort();
+  }
+}
+let g = 0;
+class v {
   constructor(t = document.body, e) {
     if (this.container = t, this.hideNativeCursor = e, !t || !(t instanceof HTMLElement))
       throw new Error(`[Supermouse] Invalid container: ${t}. Must be an HTMLElement.`);
-    const s = d++;
-    this.id = `supermouse-style-${s}`, this.scopeClass = `supermouse-scope-${s}`;
-    const n = t === document.body;
+    const i = g++;
+    this.id = `supermouse-style-${i}`, this.scopeClass = `supermouse-scope-${i}`;
+    const o = t === document.body;
     this.element = document.createElement("div"), Object.assign(this.element.style, {
-      position: n ? "fixed" : "absolute",
+      position: o ? "fixed" : "absolute",
       top: "0",
       left: "0",
       width: "100%",
@@ -16,17 +146,16 @@ class c {
       zIndex: "9999",
       opacity: "1",
       transition: "opacity 0.15s ease"
-    }), n || window.getComputedStyle(t).position === "static" && (t.style.position = "relative"), t.appendChild(this.element), this.styleTag = document.createElement("style"), this.styleTag.id = this.id, document.head.appendChild(this.styleTag), this.container.classList.add(this.scopeClass), this.hideNativeCursor && this.setNativeCursor("none");
+    }), o || window.getComputedStyle(t).position === "static" && (t.style.position = "relative"), t.appendChild(this.element), this.styleTag = document.createElement("style"), this.styleTag.id = this.id, document.head.appendChild(this.styleTag), this.container.classList.add(this.scopeClass), this.hideNativeCursor && this.setNativeCursor("none");
   }
-  /** The container element appended to the document. Plugins must append here. */
+  container;
+  hideNativeCursor;
+  /** The container element appended to the document. */
   element;
   styleTag;
   id;
   scopeClass;
-  // Cache to prevent redundant DOM updates
   currentCursorState = null;
-  // Defaults for CSS hiding. We must override user-agent styles on these elements
-  // to prevent the native cursor from popping through.
   selectors = /* @__PURE__ */ new Set([
     "a",
     "button",
@@ -37,16 +166,13 @@ class c {
     "[tabindex]"
   ]);
   /**
-   * Adds a new CSS selector to the "Hide Native Cursor" list.
-   * Called by `Supermouse` (and subsequently plugins) during install to ensure
+   * Adds a new CSS selector to the `selectors` set.
+   * Called by `Supermouse` and subsequently plugins during install to ensure
    * the native cursor is hidden on their specific interactive targets.
    */
   addSelector(t) {
     this.selectors.add(t), this.hideNativeCursor && this.updateCursorCSS();
   }
-  /**
-   * Controls the opacity of the entire stage (all custom cursor elements).
-   */
   setVisibility(t) {
     this.element.style.opacity = t ? "1" : "0";
   }
@@ -63,7 +189,7 @@ class c {
       this.styleTag.innerText = "";
       return;
     }
-    const e = t.map((s) => `.${this.scopeClass} ${s}`).join(", ");
+    const e = t.map((i) => `.${this.scopeClass} ${i}`).join(", ");
     this.styleTag.innerText = `
       ${e} {
         cursor: none !important;
@@ -74,144 +200,7 @@ class c {
     this.element.remove(), this.styleTag.remove(), this.container.style.cursor = "", this.container.classList.remove(this.scopeClass);
   }
 }
-class p {
-  constructor(t, e, s, n) {
-    this.state = t, this.options = e, this.getHoverSelector = s, this.onEnableChange = n, this.checkDeviceCapability(), this.checkMotionPreference(), this.bindEvents();
-  }
-  mediaQueryList;
-  mediaQueryHandler;
-  motionQuery;
-  /**
-   * Master switch for input processing. 
-   * Toggled by `Supermouse.enable()`/`disable()` or automatically by device capability checks.
-   */
-  isEnabled = !0;
-  /**
-   * Performance Optimization:
-   * We cache the resolved InteractionState for every element we encounter in a WeakMap.
-   */
-  interactionCache = /* @__PURE__ */ new WeakMap();
-  /**
-   * Automatically disables the custom cursor on devices without fine pointer control (e.g. phones/tablets).
-   * Relies on `matchMedia('(pointer: fine)')`.
-   */
-  checkDeviceCapability() {
-    this.options.autoDisableOnMobile && (this.mediaQueryList = window.matchMedia("(pointer: fine)"), this.updateEnabledState(this.mediaQueryList.matches), this.mediaQueryHandler = (t) => {
-      this.updateEnabledState(t.matches);
-    }, this.mediaQueryList.addEventListener("change", this.mediaQueryHandler));
-  }
-  /**
-   * Checks for `prefers-reduced-motion`.
-   * If true, the core physics engine will switch to instant snapping (high damping) to avoid motion sickness.
-   */
-  checkMotionPreference() {
-    this.motionQuery = window.matchMedia("(prefer-reduced-motion: reduce)"), this.state.reducedMotion = this.motionQuery.matches, this.motionQuery.addEventListener("change", (t) => {
-      this.state.reducedMotion = t.matches;
-    });
-  }
-  updateEnabledState(t) {
-    this.isEnabled = t, this.onEnableChange(t);
-  }
-  // --- Interaction Parsing ---
-  /**
-   * Scrapes the DOM element for metadata to populate `state.interaction`.
-   * 
-   * **Strategy:**
-   * 1. Check WeakMap cache.
-   * 2. Apply config-based `rules`.
-   * 3. Scrape `dataset` (supermouse*).
-   * 4. Cache result.
-   */
-  parseDOMInteraction(t) {
-    if (this.options.resolveInteraction) {
-      this.state.interaction = this.options.resolveInteraction(t);
-      return;
-    }
-    if (this.interactionCache.has(t)) {
-      this.state.interaction = this.interactionCache.get(t);
-      return;
-    }
-    const e = {};
-    if (this.options.rules)
-      for (const [n, i] of Object.entries(this.options.rules))
-        t.matches(n) && Object.assign(e, i);
-    const s = t.dataset;
-    for (const n in s)
-      if (n.startsWith("supermouse")) {
-        const i = n.slice(10);
-        if (i) {
-          const l = i.charAt(0).toLowerCase() + i.slice(1), r = s[n];
-          e[l] = r === "" ? !0 : r;
-        }
-      }
-    this.interactionCache.set(t, e), this.state.interaction = e;
-  }
-  // --- Handlers ---
-  // Unified Pointer Event Handler
-  handleMove = (t) => {
-    if (!this.isEnabled || this.options.autoDisableOnMobile && t.pointerType === "touch") return;
-    let e = t.clientX, s = t.clientY;
-    if (this.options.container && this.options.container !== document.body) {
-      const n = this.options.container.getBoundingClientRect();
-      e -= n.left, s -= n.top;
-    }
-    this.state.pointer.x = e, this.state.pointer.y = s, this.state.hasReceivedInput || (this.state.hasReceivedInput = !0, this.state.target.x = this.state.smooth.x = e, this.state.target.y = this.state.smooth.y = s);
-  };
-  handleDown = () => {
-    this.isEnabled && (this.state.isDown = !0);
-  };
-  handleUp = () => {
-    this.isEnabled && (this.state.isDown = !1);
-  };
-  handleMouseOver = (t) => {
-    if (!this.isEnabled) return;
-    const e = t.target;
-    if (e.closest("[data-supermouse-ignore]")) {
-      this.state.isNative = !0;
-      return;
-    }
-    const s = this.getHoverSelector(), n = e.closest(s);
-    n && (this.state.isHover = !0, this.state.hoverTarget = n, this.parseDOMInteraction(this.state.hoverTarget));
-    const i = this.options.ignoreOnNative;
-    if (i) {
-      const l = i === !0 || i === "auto" || i === "tag", r = i === !0 || i === "auto" || i === "css";
-      let h = !1;
-      if (l) {
-        const a = e.localName;
-        (a === "input" || a === "textarea" || a === "select" || e.isContentEditable) && (h = !0);
-      }
-      if (!h && r) {
-        const a = window.getComputedStyle(e).cursor;
-        ["default", "auto", "pointer", "none", "inherit"].includes(a) || (h = !0);
-      }
-      h && (this.state.isNative = !0);
-    }
-  };
-  handleMouseOut = (t) => {
-    if (!this.isEnabled) return;
-    const e = t.target;
-    (e === this.state.hoverTarget || e.contains(this.state.hoverTarget)) && (!t.relatedTarget || !this.state.hoverTarget?.contains(t.relatedTarget)) && (this.state.isHover = !1, this.state.hoverTarget = null, this.state.interaction = {}), this.state.isNative && (this.state.isNative = !1);
-  };
-  handleWindowLeave = () => {
-    this.options.hideOnLeave && (this.state.hasReceivedInput = !1);
-  };
-  bindEvents() {
-    window.addEventListener("pointermove", this.handleMove, { passive: !0 }), window.addEventListener("pointerdown", this.handleDown, { passive: !0 }), window.addEventListener("pointerup", this.handleUp), document.addEventListener("mouseover", this.handleMouseOver), document.addEventListener("mouseout", this.handleMouseOut), document.addEventListener("mouseleave", this.handleWindowLeave);
-  }
-  destroy() {
-    this.mediaQueryList && this.mediaQueryHandler && this.mediaQueryList.removeEventListener("change", this.mediaQueryHandler), window.removeEventListener("pointermove", this.handleMove), window.removeEventListener("pointerdown", this.handleDown), window.removeEventListener("pointerup", this.handleUp), document.removeEventListener("mouseover", this.handleMouseOver), document.removeEventListener("mouseout", this.handleMouseOut), document.removeEventListener("mouseleave", this.handleWindowLeave);
-  }
-}
-function v(o, t, e) {
-  return o + (t - o) * e;
-}
-function u(o, t, e, s) {
-  return v(o, t, 1 - Math.exp(-e * s));
-}
-function f(o, t) {
-  return Math.atan2(t, o) * (180 / Math.PI);
-}
-const g = [
+const u = { x: -100, y: -100 }, m = [
   "a",
   "button",
   "input",
@@ -220,34 +209,15 @@ const g = [
   "[data-cursor]"
 ];
 class y {
-  /** The current version of Supermouse.js */
-  static version = "2.0.5";
-  version = "2.0.5";
-  /**
-   * The Single Source of Truth.
-   * 
-   * This object is shared by reference. `Input` writes to it; `Supermouse` physics reads/writes to it;
-   * Plugins read/write to it.
-   */
+  static version = "2.2.0";
+  version = "2.2.0";
   state;
   /**
    * Configuration options.
    */
   options;
-  /**
-   * Registry of active plugins.
-   * @internal Use `use()`, `enablePlugin()`, or `disablePlugin()` to interact with this.
-   */
   plugins = [];
-  /**
-   * The Stage System responsible for the DOM container and CSS injection.
-   * @internal
-   */
   stage;
-  /**
-   * The Input System responsible for event listeners.
-   * @internal
-   */
   input;
   rafId = 0;
   lastTime = 0;
@@ -255,7 +225,7 @@ class y {
   hoverSelectors;
   /**
    * Creates a new Supermouse instance.
-   * 
+   *
    * @param options - Global configuration options.
    * @throws Will throw if running in a non-browser environment (window/document undefined).
    */
@@ -285,7 +255,7 @@ class y {
       hasReceivedInput: !1,
       shape: null,
       interaction: {}
-    }, this.options.hoverSelectors ? this.hoverSelectors = new Set(this.options.hoverSelectors) : this.hoverSelectors = new Set(g), this.stage = new c(this.options.container, !!this.options.hideCursor), this.hoverSelectors.forEach((e) => this.stage.addSelector(e)), this.input = new p(
+    }, this.options.hoverSelectors ? this.hoverSelectors = new Set(this.options.hoverSelectors) : this.hoverSelectors = new Set(m), this.stage = new v(this.options.container, !!this.options.hideCursor), this.hoverSelectors.forEach((e) => this.stage.addSelector(e)), this.input = new f(
       this.state,
       this.options,
       () => Array.from(this.hoverSelectors).join(", "),
@@ -329,20 +299,10 @@ class y {
     const e = this.getPlugin(t);
     e && (e.isEnabled === !1 ? this.enablePlugin(t) : this.disablePlugin(t));
   }
-  /**
-   * Registers a CSS selector as an "Interactive Target".
-   * 
-   * When the mouse hovers over an element matching this selector:
-   * 1. `state.isHover` becomes `true`.
-   * 2. `state.hoverTarget` is set to the element.
-   * 3. The `Stage` system injects CSS to hide the native cursor for this element (if `hideCursor: true`).
-   * 
-   * @param selector - A valid CSS selector string (e.g., `.my-button`, `[data-trigger]`).
-   */
   registerHoverTarget(t) {
     this.hoverSelectors.has(t) || (this.hoverSelectors.add(t), this.stage.addSelector(t));
   }
-  /** 
+  /**
    * The fixed container element where plugins should append their DOM nodes.
    */
   get container() {
@@ -350,8 +310,7 @@ class y {
   }
   /**
    * Manually override the native cursor visibility.
-   * Useful for drag-and-drop operations, modals, or special UI states.
-   * 
+   *
    * @param type 'auto' (Show Native), 'none' (Hide Native), or null (Resume Auto-detection)
    */
   setCursor(t) {
@@ -360,45 +319,32 @@ class y {
   init() {
     this.options.autoStart && this.startLoop();
   }
-  /** 
-   * Starts the update loop and enables input listeners.
-   * Hides the native cursor if configured.
-   */
   enable() {
     this.input.isEnabled = !0, this.stage.setNativeCursor("none");
   }
-  /** 
-   * Stops the update loop, disables listeners, and restores the native cursor. 
-   * Resets internal state positions to off-screen.
-   */
   disable() {
     this.input.isEnabled = !1, this.stage.setNativeCursor("auto"), this.resetPosition();
   }
   /**
    * Registers a new plugin.
-   * 
-   * @remarks
-   * Plugins are sorted by `priority` immediately after registration.
-   * - **Negative Priority (< 0)**: Logic plugins (run before physics).
-   * - **Positive Priority (>= 0)**: Visual plugins (run after physics).
-   * 
+   *
    * @param plugin - The plugin object to install.
    */
   use(t) {
-    return this.plugins.find((e) => e.name === t.name) ? (console.warn(`[Supermouse] Plugin "${t.name}" already installed.`), this) : (t.isEnabled === void 0 && (t.isEnabled = !0), this.plugins.push(t), this.plugins.sort((e, s) => (e.priority || 0) - (s.priority || 0)), t.install?.(this), this);
+    return this.plugins.find((e) => e.name === t.name) ? (console.warn(`[Supermouse] Plugin "${t.name}" already installed.`), this) : (t.isEnabled === void 0 && (t.isEnabled = !0), this.plugins.push(t), this.plugins.sort((e, i) => (e.priority || 0) - (i.priority || 0)), t.install?.(this), this);
+  }
+  resetCoords() {
+    this.state.pointer = { ...u }, this.state.target = { ...u }, this.state.smooth = { ...u }, this.state.velocity = { x: 0, y: 0 }, this.state.angle = 0;
   }
   resetPosition() {
-    const t = { x: -100, y: -100 };
-    this.state.pointer = { ...t }, this.state.target = { ...t }, this.state.smooth = { ...t }, this.state.velocity = { x: 0, y: 0 }, this.state.angle = 0, this.state.hasReceivedInput = !1, this.state.shape = null, this.state.interaction = {};
+    this.resetCoords(), this.state.hasReceivedInput = !1, this.state.shape = null, this.state.interaction = {};
   }
   startLoop() {
     this.isRunning || (this.isRunning = !0, this.lastTime = performance.now(), this.tick(this.lastTime));
   }
   /**
    * Manually steps the animation loop.
-   * Useful when integrating with external game loops (e.g., Three.js, PixiJS) where
-   * you want to disable the internal RAF and drive `Supermouse` from your own ticker.
-   * 
+   *
    * @param time Current timestamp in milliseconds.
    */
   step(t) {
@@ -408,46 +354,47 @@ class y {
     if (t.isEnabled !== !1)
       try {
         t.update?.(this, e);
-      } catch (s) {
-        console.error(`[Supermouse] Plugin '${t.name}' crashed and has been disabled.`, s), t.isEnabled = !1, t.onDisable?.(this);
+      } catch (i) {
+        console.error(`[Supermouse] Plugin '${t.name}' crashed and has been disabled.`, i), t.isEnabled = !1;
+        try {
+          t.onDisable?.(this);
+        } catch (o) {
+          console.error(`[Supermouse] Failed to execute onDisable for plugin '${t.name}'.`, o);
+        }
       }
   }
   /**
-   * The Heartbeat.
    * Runs on every animation frame.
    */
   tick = (t) => {
-    const e = t - this.lastTime, s = Math.min(e / 1e3, 0.1);
-    this.lastTime = t;
-    const n = this.input.isEnabled && !this.state.isNative && this.state.hasReceivedInput;
-    if (this.stage.setVisibility(n), this.input.isEnabled && this.options.hideCursor) {
-      let i = "auto";
-      this.state.forcedCursor !== null ? i = this.state.forcedCursor : i = this.state.isNative || !this.state.hasReceivedInput ? "auto" : "none", this.stage.setNativeCursor(i);
+    const e = t - this.lastTime, i = Math.min(e / 1e3, 0.1);
+    this.lastTime = t, this.state.hoverTarget && !this.state.hoverTarget.isConnected && this.input.clearHover();
+    const o = this.input.isEnabled && !this.state.isNative && this.state.hasReceivedInput;
+    if (this.stage.setVisibility(o), this.input.isEnabled && this.options.hideCursor) {
+      let s = "auto";
+      this.state.forcedCursor !== null ? s = this.state.forcedCursor : s = this.state.isNative || !this.state.hasReceivedInput ? "auto" : "none", this.stage.setNativeCursor(s);
     }
+    this.input.isEnabled ? (this.state.target.x = this.state.pointer.x, this.state.target.y = this.state.pointer.y) : this.resetCoords();
+    for (let s = 0; s < this.plugins.length; s++)
+      this.runPluginSafe(this.plugins[s], e);
     if (this.input.isEnabled) {
-      this.state.target.x = this.state.pointer.x, this.state.target.y = this.state.pointer.y;
-      for (let a = 0; a < this.plugins.length; a++)
-        this.runPluginSafe(this.plugins[a], e);
-      const i = this.options.smoothness, l = this.state.reducedMotion ? 1e3 : 1 / i * 2;
-      this.state.smooth.x = u(this.state.smooth.x, this.state.target.x, l, s), this.state.smooth.y = u(this.state.smooth.y, this.state.target.y, l, s);
-      const r = this.state.target.x - this.state.smooth.x, h = this.state.target.y - this.state.smooth.y;
-      this.state.velocity.x = r, this.state.velocity.y = h, (Math.abs(r) > 0.1 || Math.abs(h) > 0.1) && (this.state.angle = f(r, h));
-    } else {
-      this.state.smooth.x = -100, this.state.smooth.y = -100, this.state.pointer.x = -100, this.state.pointer.y = -100, this.state.velocity.x = 0, this.state.velocity.y = 0;
-      for (let i = 0; i < this.plugins.length; i++)
-        this.runPluginSafe(this.plugins[i], e);
+      const s = this.state.reducedMotion ? 1e3 : 1 / this.options.smoothness * 2;
+      this.state.smooth.x = d(this.state.smooth.x, this.state.target.x, s, i), this.state.smooth.y = d(this.state.smooth.y, this.state.target.y, s, i);
+      const r = this.state.target.x - this.state.smooth.x, a = this.state.target.y - this.state.smooth.y;
+      this.state.velocity.x = r, this.state.velocity.y = a, (Math.abs(r) > 0.1 || Math.abs(a) > 0.1) && (this.state.angle = p(r, a));
     }
     this.options.autoStart && this.isRunning && (this.rafId = requestAnimationFrame(this.tick));
   };
-  /** 
+  /**
    * Destroys the instance.
-   * Stops the loop, removes all DOM elements, removes all event listeners, and calls destroy on all plugins.
    */
   destroy() {
     this.isRunning = !1, cancelAnimationFrame(this.rafId), this.input.destroy(), this.stage.destroy(), this.plugins.forEach((t) => t.destroy?.(this)), this.plugins = [];
   }
 }
 export {
-  g as DEFAULT_HOVER_SELECTORS,
+  m as DEFAULT_HOVER_SELECTORS,
+  f as Input,
+  v as Stage,
   y as Supermouse
 };

package/dist/index.umd.js

@@ -1,5 +1,5 @@
-(function(u,d){typeof exports=="object"&&typeof module<"u"?d(exports):typeof define=="function"&&define.amd?define(["exports"],d):(u=typeof globalThis<"u"?globalThis:u||self,d(u.SupermouseCore={}))})(this,(function(u){"use strict";let d=0;class f{constructor(t=document.body,e){if(this.container=t,this.hideNativeCursor=e,!t||!(t instanceof HTMLElement))throw new Error(`[Supermouse] Invalid container: ${t}. Must be an HTMLElement.`);const s=d++;this.id=`supermouse-style-${s}`,this.scopeClass=`supermouse-scope-${s}`;const n=t===document.body;this.element=document.createElement("div"),Object.assign(this.element.style,{position:n?"fixed":"absolute",top:"0",left:"0",width:"100%",height:"100%",pointerEvents:"none",zIndex:"9999",opacity:"1",transition:"opacity 0.15s ease"}),n||window.getComputedStyle(t).position==="static"&&(t.style.position="relative"),t.appendChild(this.element),this.styleTag=document.createElement("style"),this.styleTag.id=this.id,document.head.appendChild(this.styleTag),this.container.classList.add(this.scopeClass),this.hideNativeCursor&&this.setNativeCursor("none")}element;styleTag;id;scopeClass;currentCursorState=null;selectors=new Set(["a","button","input","textarea","select",'[role="button"]',"[tabindex]"]);addSelector(t){this.selectors.add(t),this.hideNativeCursor&&this.updateCursorCSS()}setVisibility(t){this.element.style.opacity=t?"1":"0"}setNativeCursor(t){!this.hideNativeCursor&&t==="none"||t!==this.currentCursorState&&(this.currentCursorState=t,t==="none"?(this.container.style.cursor="none",this.updateCursorCSS()):(this.container.style.cursor="",this.styleTag.innerText=""))}updateCursorCSS(){const t=Array.from(this.selectors);if(t.length===0){this.styleTag.innerText="";return}const e=t.map(s=>`.${this.scopeClass} ${s}`).join(", ");this.styleTag.innerText=`
+(function(n,l){typeof exports=="object"&&typeof module<"u"?l(exports):typeof define=="function"&&define.amd?define(["exports"],l):(n=typeof globalThis<"u"?globalThis:n||self,l(n.SupermouseCore={}))})(this,(function(n){"use strict";function l(a,t,e){return a+(t-a)*e}function p(a,t,e,i){return l(a,t,1-Math.exp(-e*i))}function m(a,t){return Math.atan2(t,a)*(180/Math.PI)}class f{constructor(t,e,i,o){this.state=t,this.options=e,this.getHoverSelector=i,this.onEnableChange=o,this.checkDeviceCapability(),this.checkMotionPreference(),this.bindEvents()}state;options;getHoverSelector;onEnableChange;mediaQueryList;mediaQueryHandler;motionQuery;isEnabled=!0;abortController=new AbortController;checkDeviceCapability(){this.options.autoDisableOnMobile&&(this.mediaQueryList=window.matchMedia("(pointer: fine)"),this.updateEnabledState(this.mediaQueryList.matches),this.mediaQueryHandler=t=>{this.updateEnabledState(t.matches)},this.mediaQueryList.addEventListener("change",this.mediaQueryHandler,{signal:this.abortController.signal}))}checkMotionPreference(){this.motionQuery=window.matchMedia("(prefers-reduced-motion: reduce)"),this.state.reducedMotion=this.motionQuery.matches,this.motionQuery.addEventListener("change",t=>{this.state.reducedMotion=t.matches},{signal:this.abortController.signal})}updateEnabledState(t){this.isEnabled=t,this.onEnableChange(t)}parseDOMInteraction(t){if(this.options.resolveInteraction){this.state.interaction=this.options.resolveInteraction(t);return}const e={};if(this.options.rules)for(const[o,s]of Object.entries(this.options.rules))t.matches(o)&&Object.assign(e,s);const i=t.dataset;for(const o in i)if(o.startsWith("supermouse")){const s=o.slice(10);if(s){const h=s.charAt(0).toLowerCase()+s.slice(1),r=i[o];r!==void 0&&(e[h]=r===""?!0:r)}}this.state.interaction=e}handleMove(t){if(!this.isEnabled||this.options.autoDisableOnMobile&&t.pointerType==="touch")return;let e=t.clientX,i=t.clientY;if(this.options.container&&this.options.container!==document.body){const o=this.options.container.getBoundingClientRect();e-=o.left,i-=o.top}this.state.pointer.x=e,this.state.pointer.y=i,this.state.hasReceivedInput||(this.state.hasReceivedInput=!0,this.state.target.x=this.state.smooth.x=e,this.state.target.y=this.state.smooth.y=i)}handleDown(){this.isEnabled&&(this.state.isDown=!0)}handleUp(){this.isEnabled&&(this.state.isDown=!1)}handleMouseOver(t){if(!this.isEnabled)return;const e=t.target;if(e.closest("[data-supermouse-ignore]")){this.state.isNative=!0;return}const i=this.getHoverSelector(),o=e.closest(i);o&&(this.state.isHover=!0,this.state.hoverTarget=o,this.parseDOMInteraction(this.state.hoverTarget));const s=this.options.ignoreOnNative;if(s){const h=s===!0||s==="auto"||s==="tag",r=s===!0||s==="auto"||s==="css";let d=!1;if(h){const u=e.localName;(u==="input"||u==="textarea"||u==="select"||e.isContentEditable)&&(d=!0)}if(!d&&r){const u=window.getComputedStyle(e).cursor;["default","auto","pointer","none","inherit"].includes(u)||(d=!0)}d&&(this.state.isNative=!0)}}handleMouseOut(t){if(!this.isEnabled)return;const e=t.target;(e===this.state.hoverTarget||e.contains(this.state.hoverTarget))&&(!t.relatedTarget||!this.state.hoverTarget?.contains(t.relatedTarget))&&(this.state.isHover=!1,this.state.hoverTarget=null,this.state.interaction={}),this.state.isNative&&(this.state.isNative=!1)}handleWindowLeave(){this.options.hideOnLeave&&(this.state.hasReceivedInput=!1)}clearHover(){this.state.isHover=!1,this.state.hoverTarget=null,this.state.isNative=!1}bindEvents(){const{signal:t}=this.abortController;window.addEventListener("pointermove",this.handleMove.bind(this),{passive:!0,signal:t}),window.addEventListener("pointerdown",this.handleDown.bind(this),{passive:!0,signal:t}),window.addEventListener("pointerup",this.handleUp.bind(this),{signal:t}),document.addEventListener("mouseover",this.handleMouseOver.bind(this),{signal:t}),document.addEventListener("mouseout",this.handleMouseOut.bind(this),{signal:t}),document.addEventListener("mouseleave",this.handleWindowLeave.bind(this),{signal:t})}destroy(){this.abortController.abort()}}let b=0;class g{constructor(t=document.body,e){if(this.container=t,this.hideNativeCursor=e,!t||!(t instanceof HTMLElement))throw new Error(`[Supermouse] Invalid container: ${t}. Must be an HTMLElement.`);const i=b++;this.id=`supermouse-style-${i}`,this.scopeClass=`supermouse-scope-${i}`;const o=t===document.body;this.element=document.createElement("div"),Object.assign(this.element.style,{position:o?"fixed":"absolute",top:"0",left:"0",width:"100%",height:"100%",pointerEvents:"none",zIndex:"9999",opacity:"1",transition:"opacity 0.15s ease"}),o||window.getComputedStyle(t).position==="static"&&(t.style.position="relative"),t.appendChild(this.element),this.styleTag=document.createElement("style"),this.styleTag.id=this.id,document.head.appendChild(this.styleTag),this.container.classList.add(this.scopeClass),this.hideNativeCursor&&this.setNativeCursor("none")}container;hideNativeCursor;element;styleTag;id;scopeClass;currentCursorState=null;selectors=new Set(["a","button","input","textarea","select",'[role="button"]',"[tabindex]"]);addSelector(t){this.selectors.add(t),this.hideNativeCursor&&this.updateCursorCSS()}setVisibility(t){this.element.style.opacity=t?"1":"0"}setNativeCursor(t){!this.hideNativeCursor&&t==="none"||t!==this.currentCursorState&&(this.currentCursorState=t,t==="none"?(this.container.style.cursor="none",this.updateCursorCSS()):(this.container.style.cursor="",this.styleTag.innerText=""))}updateCursorCSS(){const t=Array.from(this.selectors);if(t.length===0){this.styleTag.innerText="";return}const e=t.map(i=>`.${this.scopeClass} ${i}`).join(", ");this.styleTag.innerText=`
       ${e} {
         cursor: none !important;
       }
-    `}destroy(){this.element.remove(),this.styleTag.remove(),this.container.style.cursor="",this.container.classList.remove(this.scopeClass)}}class v{constructor(t,e,s,n){this.state=t,this.options=e,this.getHoverSelector=s,this.onEnableChange=n,this.checkDeviceCapability(),this.checkMotionPreference(),this.bindEvents()}mediaQueryList;mediaQueryHandler;motionQuery;isEnabled=!0;interactionCache=new WeakMap;checkDeviceCapability(){this.options.autoDisableOnMobile&&(this.mediaQueryList=window.matchMedia("(pointer: fine)"),this.updateEnabledState(this.mediaQueryList.matches),this.mediaQueryHandler=t=>{this.updateEnabledState(t.matches)},this.mediaQueryList.addEventListener("change",this.mediaQueryHandler))}checkMotionPreference(){this.motionQuery=window.matchMedia("(prefer-reduced-motion: reduce)"),this.state.reducedMotion=this.motionQuery.matches,this.motionQuery.addEventListener("change",t=>{this.state.reducedMotion=t.matches})}updateEnabledState(t){this.isEnabled=t,this.onEnableChange(t)}parseDOMInteraction(t){if(this.options.resolveInteraction){this.state.interaction=this.options.resolveInteraction(t);return}if(this.interactionCache.has(t)){this.state.interaction=this.interactionCache.get(t);return}const e={};if(this.options.rules)for(const[n,i]of Object.entries(this.options.rules))t.matches(n)&&Object.assign(e,i);const s=t.dataset;for(const n in s)if(n.startsWith("supermouse")){const i=n.slice(10);if(i){const l=i.charAt(0).toLowerCase()+i.slice(1),r=s[n];e[l]=r===""?!0:r}}this.interactionCache.set(t,e),this.state.interaction=e}handleMove=t=>{if(!this.isEnabled||this.options.autoDisableOnMobile&&t.pointerType==="touch")return;let e=t.clientX,s=t.clientY;if(this.options.container&&this.options.container!==document.body){const n=this.options.container.getBoundingClientRect();e-=n.left,s-=n.top}this.state.pointer.x=e,this.state.pointer.y=s,this.state.hasReceivedInput||(this.state.hasReceivedInput=!0,this.state.target.x=this.state.smooth.x=e,this.state.target.y=this.state.smooth.y=s)};handleDown=()=>{this.isEnabled&&(this.state.isDown=!0)};handleUp=()=>{this.isEnabled&&(this.state.isDown=!1)};handleMouseOver=t=>{if(!this.isEnabled)return;const e=t.target;if(e.closest("[data-supermouse-ignore]")){this.state.isNative=!0;return}const s=this.getHoverSelector(),n=e.closest(s);n&&(this.state.isHover=!0,this.state.hoverTarget=n,this.parseDOMInteraction(this.state.hoverTarget));const i=this.options.ignoreOnNative;if(i){const l=i===!0||i==="auto"||i==="tag",r=i===!0||i==="auto"||i==="css";let h=!1;if(l){const a=e.localName;(a==="input"||a==="textarea"||a==="select"||e.isContentEditable)&&(h=!0)}if(!h&&r){const a=window.getComputedStyle(e).cursor;["default","auto","pointer","none","inherit"].includes(a)||(h=!0)}h&&(this.state.isNative=!0)}};handleMouseOut=t=>{if(!this.isEnabled)return;const e=t.target;(e===this.state.hoverTarget||e.contains(this.state.hoverTarget))&&(!t.relatedTarget||!this.state.hoverTarget?.contains(t.relatedTarget))&&(this.state.isHover=!1,this.state.hoverTarget=null,this.state.interaction={}),this.state.isNative&&(this.state.isNative=!1)};handleWindowLeave=()=>{this.options.hideOnLeave&&(this.state.hasReceivedInput=!1)};bindEvents(){window.addEventListener("pointermove",this.handleMove,{passive:!0}),window.addEventListener("pointerdown",this.handleDown,{passive:!0}),window.addEventListener("pointerup",this.handleUp),document.addEventListener("mouseover",this.handleMouseOver),document.addEventListener("mouseout",this.handleMouseOut),document.addEventListener("mouseleave",this.handleWindowLeave)}destroy(){this.mediaQueryList&&this.mediaQueryHandler&&this.mediaQueryList.removeEventListener("change",this.mediaQueryHandler),window.removeEventListener("pointermove",this.handleMove),window.removeEventListener("pointerdown",this.handleDown),window.removeEventListener("pointerup",this.handleUp),document.removeEventListener("mouseover",this.handleMouseOver),document.removeEventListener("mouseout",this.handleMouseOut),document.removeEventListener("mouseleave",this.handleWindowLeave)}}function m(o,t,e){return o+(t-o)*e}function c(o,t,e,s){return m(o,t,1-Math.exp(-e*s))}function g(o,t){return Math.atan2(t,o)*(180/Math.PI)}const p=["a","button","input","textarea","[data-hover]","[data-cursor]"];class y{static version="2.0.5";version="2.0.5";state;options;plugins=[];stage;input;rafId=0;lastTime=0;isRunning=!1;hoverSelectors;constructor(t={}){this.options={smoothness:.15,enableTouch:!1,autoDisableOnMobile:!0,ignoreOnNative:"auto",hideCursor:!0,hideOnLeave:!0,autoStart:!0,container:document.body,...t},this.options.container||(this.options.container=document.body),this.state={pointer:{x:-100,y:-100},target:{x:-100,y:-100},smooth:{x:-100,y:-100},velocity:{x:0,y:0},angle:0,isDown:!1,isHover:!1,isNative:!1,forcedCursor:null,hoverTarget:null,reducedMotion:!1,hasReceivedInput:!1,shape:null,interaction:{}},this.options.hoverSelectors?this.hoverSelectors=new Set(this.options.hoverSelectors):this.hoverSelectors=new Set(p),this.stage=new f(this.options.container,!!this.options.hideCursor),this.hoverSelectors.forEach(e=>this.stage.addSelector(e)),this.input=new v(this.state,this.options,()=>Array.from(this.hoverSelectors).join(", "),e=>{e||this.resetPosition()}),this.options.plugins&&this.options.plugins.forEach(e=>this.use(e)),this.init()}getPlugin(t){return this.plugins.find(e=>e.name===t)}get isEnabled(){return this.input.isEnabled}enablePlugin(t){const e=this.getPlugin(t);e&&e.isEnabled===!1&&(e.isEnabled=!0,e.onEnable?.(this))}disablePlugin(t){const e=this.getPlugin(t);e&&e.isEnabled!==!1&&(e.isEnabled=!1,e.onDisable?.(this))}togglePlugin(t){const e=this.getPlugin(t);e&&(e.isEnabled===!1?this.enablePlugin(t):this.disablePlugin(t))}registerHoverTarget(t){this.hoverSelectors.has(t)||(this.hoverSelectors.add(t),this.stage.addSelector(t))}get container(){return this.stage.element}setCursor(t){this.state.forcedCursor=t}init(){this.options.autoStart&&this.startLoop()}enable(){this.input.isEnabled=!0,this.stage.setNativeCursor("none")}disable(){this.input.isEnabled=!1,this.stage.setNativeCursor("auto"),this.resetPosition()}use(t){return this.plugins.find(e=>e.name===t.name)?(console.warn(`[Supermouse] Plugin "${t.name}" already installed.`),this):(t.isEnabled===void 0&&(t.isEnabled=!0),this.plugins.push(t),this.plugins.sort((e,s)=>(e.priority||0)-(s.priority||0)),t.install?.(this),this)}resetPosition(){const t={x:-100,y:-100};this.state.pointer={...t},this.state.target={...t},this.state.smooth={...t},this.state.velocity={x:0,y:0},this.state.angle=0,this.state.hasReceivedInput=!1,this.state.shape=null,this.state.interaction={}}startLoop(){this.isRunning||(this.isRunning=!0,this.lastTime=performance.now(),this.tick(this.lastTime))}step(t){this.tick(t)}runPluginSafe(t,e){if(t.isEnabled!==!1)try{t.update?.(this,e)}catch(s){console.error(`[Supermouse] Plugin '${t.name}' crashed and has been disabled.`,s),t.isEnabled=!1,t.onDisable?.(this)}}tick=t=>{const e=t-this.lastTime,s=Math.min(e/1e3,.1);this.lastTime=t;const n=this.input.isEnabled&&!this.state.isNative&&this.state.hasReceivedInput;if(this.stage.setVisibility(n),this.input.isEnabled&&this.options.hideCursor){let i="auto";this.state.forcedCursor!==null?i=this.state.forcedCursor:i=this.state.isNative||!this.state.hasReceivedInput?"auto":"none",this.stage.setNativeCursor(i)}if(this.input.isEnabled){this.state.target.x=this.state.pointer.x,this.state.target.y=this.state.pointer.y;for(let a=0;a<this.plugins.length;a++)this.runPluginSafe(this.plugins[a],e);const i=this.options.smoothness,l=this.state.reducedMotion?1e3:1/i*2;this.state.smooth.x=c(this.state.smooth.x,this.state.target.x,l,s),this.state.smooth.y=c(this.state.smooth.y,this.state.target.y,l,s);const r=this.state.target.x-this.state.smooth.x,h=this.state.target.y-this.state.smooth.y;this.state.velocity.x=r,this.state.velocity.y=h,(Math.abs(r)>.1||Math.abs(h)>.1)&&(this.state.angle=g(r,h))}else{this.state.smooth.x=-100,this.state.smooth.y=-100,this.state.pointer.x=-100,this.state.pointer.y=-100,this.state.velocity.x=0,this.state.velocity.y=0;for(let i=0;i<this.plugins.length;i++)this.runPluginSafe(this.plugins[i],e)}this.options.autoStart&&this.isRunning&&(this.rafId=requestAnimationFrame(this.tick))};destroy(){this.isRunning=!1,cancelAnimationFrame(this.rafId),this.input.destroy(),this.stage.destroy(),this.plugins.forEach(t=>t.destroy?.(this)),this.plugins=[]}}u.DEFAULT_HOVER_SELECTORS=p,u.Supermouse=y,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
+    `}destroy(){this.element.remove(),this.styleTag.remove(),this.container.style.cursor="",this.container.classList.remove(this.scopeClass)}}const c={x:-100,y:-100},v=["a","button","input","textarea","[data-hover]","[data-cursor]"];class y{static version="2.2.0";version="2.2.0";state;options;plugins=[];stage;input;rafId=0;lastTime=0;isRunning=!1;hoverSelectors;constructor(t={}){this.options={smoothness:.15,enableTouch:!1,autoDisableOnMobile:!0,ignoreOnNative:"auto",hideCursor:!0,hideOnLeave:!0,autoStart:!0,container:document.body,...t},this.options.container||(this.options.container=document.body),this.state={pointer:{x:-100,y:-100},target:{x:-100,y:-100},smooth:{x:-100,y:-100},velocity:{x:0,y:0},angle:0,isDown:!1,isHover:!1,isNative:!1,forcedCursor:null,hoverTarget:null,reducedMotion:!1,hasReceivedInput:!1,shape:null,interaction:{}},this.options.hoverSelectors?this.hoverSelectors=new Set(this.options.hoverSelectors):this.hoverSelectors=new Set(v),this.stage=new g(this.options.container,!!this.options.hideCursor),this.hoverSelectors.forEach(e=>this.stage.addSelector(e)),this.input=new f(this.state,this.options,()=>Array.from(this.hoverSelectors).join(", "),e=>{e||this.resetPosition()}),this.options.plugins&&this.options.plugins.forEach(e=>this.use(e)),this.init()}getPlugin(t){return this.plugins.find(e=>e.name===t)}get isEnabled(){return this.input.isEnabled}enablePlugin(t){const e=this.getPlugin(t);e&&e.isEnabled===!1&&(e.isEnabled=!0,e.onEnable?.(this))}disablePlugin(t){const e=this.getPlugin(t);e&&e.isEnabled!==!1&&(e.isEnabled=!1,e.onDisable?.(this))}togglePlugin(t){const e=this.getPlugin(t);e&&(e.isEnabled===!1?this.enablePlugin(t):this.disablePlugin(t))}registerHoverTarget(t){this.hoverSelectors.has(t)||(this.hoverSelectors.add(t),this.stage.addSelector(t))}get container(){return this.stage.element}setCursor(t){this.state.forcedCursor=t}init(){this.options.autoStart&&this.startLoop()}enable(){this.input.isEnabled=!0,this.stage.setNativeCursor("none")}disable(){this.input.isEnabled=!1,this.stage.setNativeCursor("auto"),this.resetPosition()}use(t){return this.plugins.find(e=>e.name===t.name)?(console.warn(`[Supermouse] Plugin "${t.name}" already installed.`),this):(t.isEnabled===void 0&&(t.isEnabled=!0),this.plugins.push(t),this.plugins.sort((e,i)=>(e.priority||0)-(i.priority||0)),t.install?.(this),this)}resetCoords(){this.state.pointer={...c},this.state.target={...c},this.state.smooth={...c},this.state.velocity={x:0,y:0},this.state.angle=0}resetPosition(){this.resetCoords(),this.state.hasReceivedInput=!1,this.state.shape=null,this.state.interaction={}}startLoop(){this.isRunning||(this.isRunning=!0,this.lastTime=performance.now(),this.tick(this.lastTime))}step(t){this.tick(t)}runPluginSafe(t,e){if(t.isEnabled!==!1)try{t.update?.(this,e)}catch(i){console.error(`[Supermouse] Plugin '${t.name}' crashed and has been disabled.`,i),t.isEnabled=!1;try{t.onDisable?.(this)}catch(o){console.error(`[Supermouse] Failed to execute onDisable for plugin '${t.name}'.`,o)}}}tick=t=>{const e=t-this.lastTime,i=Math.min(e/1e3,.1);this.lastTime=t,this.state.hoverTarget&&!this.state.hoverTarget.isConnected&&this.input.clearHover();const o=this.input.isEnabled&&!this.state.isNative&&this.state.hasReceivedInput;if(this.stage.setVisibility(o),this.input.isEnabled&&this.options.hideCursor){let s="auto";this.state.forcedCursor!==null?s=this.state.forcedCursor:s=this.state.isNative||!this.state.hasReceivedInput?"auto":"none",this.stage.setNativeCursor(s)}this.input.isEnabled?(this.state.target.x=this.state.pointer.x,this.state.target.y=this.state.pointer.y):this.resetCoords();for(let s=0;s<this.plugins.length;s++)this.runPluginSafe(this.plugins[s],e);if(this.input.isEnabled){const s=this.state.reducedMotion?1e3:1/this.options.smoothness*2;this.state.smooth.x=p(this.state.smooth.x,this.state.target.x,s,i),this.state.smooth.y=p(this.state.smooth.y,this.state.target.y,s,i);const h=this.state.target.x-this.state.smooth.x,r=this.state.target.y-this.state.smooth.y;this.state.velocity.x=h,this.state.velocity.y=r,(Math.abs(h)>.1||Math.abs(r)>.1)&&(this.state.angle=m(h,r))}this.options.autoStart&&this.isRunning&&(this.rafId=requestAnimationFrame(this.tick))};destroy(){this.isRunning=!1,cancelAnimationFrame(this.rafId),this.input.destroy(),this.stage.destroy(),this.plugins.forEach(t=>t.destroy?.(this)),this.plugins=[]}}n.DEFAULT_HOVER_SELECTORS=v,n.Input=f,n.Stage=g,n.Supermouse=y,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supermousejs/core",
-  "version": "2.0.5",
+  "version": "2.2.0",
   "description": "The core physics engine and state manager for Supermouse.",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",