@lovo/matter 0.3.0 → 0.4.0

package/dist/index.d.cts

@@ -1,8 +1,8 @@
-import { WebGPURenderer, Node } from 'three/webgpu';
 import { Color } from 'three';
+import { WebGPURenderer, Node } from 'three/webgpu';
 import { ShaderNodeObject } from 'three/tsl';
 
-type MatterBackend = 'webgpu' | 'webgl2';
+type GpuBackend = 'webgpu' | 'webgl2';
 interface CreateRendererOptions {
     /** Anti-alias the framebuffer. Default: true. */
     antialias?: boolean;
@@ -15,11 +15,11 @@ interface CreateRendererOptions {
     /** Cap on devicePixelRatio. Default: 2. Pass Infinity to disable. */
     maxDPR?: number;
 }
-interface MatterRenderer {
+interface GpuRenderer {
     /** The underlying Three.js WebGPURenderer (which may be running on a WebGL2 backend). */
     three: WebGPURenderer;
     /** Which backend the renderer initialized with. */
-    backend: MatterBackend;
+    backend: GpuBackend;
     /** Tear down the renderer and release GPU resources. */
     dispose: () => void;
     /** Resize the renderer to the canvas's current client dimensions. */
@@ -32,57 +32,7 @@ interface MatterRenderer {
  * unavailable on the host. The returned object exposes the underlying
  * three renderer plus a small wrapper for resize and disposal.
  */
-declare function createRenderer(canvas: HTMLCanvasElement, opts?: CreateRendererOptions): Promise<MatterRenderer>;
-
-interface SchedulerTick {
-    /** Seconds since the previous tick. 0 on the first call. */
-    delta: number;
-    /** Total seconds since the scheduler started its current run. */
-    elapsed: number;
-    /** The raw `performance.now()` timestamp the rAF callback received. */
-    now: number;
-}
-type SchedulerClient = (tick: SchedulerTick) => void;
-/**
- * Batches `requestAnimationFrame` calls across all clients registered with
- * a single scheduler. One scheduler is created per <MatterScene>; clients
- * are typically a Three.js renderer's render call.
- */
-declare class MatterScheduler {
-    private readonly clients;
-    private rafId;
-    private running;
-    private paused;
-    private idle;
-    private flushPending;
-    private startedAt;
-    private lastTickAt;
-    /** Activate the scheduler. The rAF loop starts on the first client added. */
-    start(): void;
-    /** Halt the rAF loop entirely. Use dispose() for permanent teardown. */
-    stop(): void;
-    /** Temporarily skip ticks without losing client registrations. */
-    pause(): void;
-    /** Resume after pause(). */
-    resume(): void;
-    /** Register a client to be called every frame. */
-    add(client: SchedulerClient): void;
-    /** Unregister a client. */
-    remove(client: SchedulerClient): void;
-    /** Permanent teardown: stop the loop and drop all clients. */
-    dispose(): void;
-    /**
-     * Mark the scheduler idle. The next tick still fires (a final flush so
-     * uniform changes that triggered the idle state are rendered), then the
-     * rAF loop halts. Use `requestRender()` or `setIdle(false)` to wake.
-     */
-    setIdle(idle: boolean): void;
-    /** Force a single tick while idle. Useful for prop-change invalidation. */
-    requestRender(): void;
-    private maybeQueue;
-    private cancel;
-    private readonly frame;
-}
+declare function createRenderer(canvas: HTMLCanvasElement, opts?: CreateRendererOptions): Promise<GpuRenderer>;
 
 type Vec2 = readonly [number, number];
 interface CursorInputOptions {
@@ -122,7 +72,7 @@ interface CursorInputOptions {
 type ChangeListener = (value: Vec2) => void;
 /**
  * Smoothed pointer tracker emitting a normalized (0..1) Vec2 position.
- * Implements the MatterSignal protocol (`get()` + `on('change', cb)`)
+ * Implements the AnimatableSignal protocol (`get()` + `on('change', cb)`)
  * so it composes with Motion's `useTransform` and similar tools.
  */
 declare class CursorInput {
@@ -136,7 +86,7 @@ declare class CursorInput {
     private readonly handleMouseMove;
     private disposed;
     constructor(opts?: CursorInputOptions);
-    /** Current smoothed position. Implements MatterSignal protocol. */
+    /** Current smoothed position. Implements AnimatableSignal protocol. */
     get(): Vec2;
     /** Subscribe to change events. Returns an unsubscribe function. */
     on(_event: 'change', cb: ChangeListener): () => void;
@@ -407,4 +357,54 @@ interface IntersectionWatcher {
  */
 declare function createIntersectionWatcher(canvas: HTMLCanvasElement): IntersectionWatcher;
 
-export { type ColorRampStop, type CreateRendererOptions, CursorInput, type CursorInputOptions, type CursorRippleOptions, type FBMOptions, type IntersectionWatcher, type MatterBackend, type MatterRenderer, MatterScheduler, type ReducedMotionPolicy, type ReducedMotionWatcher, type SchedulerClient, type SchedulerTick, type TSLNode, type Vec2, type VisibilityWatcher, colorRamp, createIntersectionWatcher, createReducedMotionWatcher, createRenderer, createVisibilityWatcher, cursorRipple, displace, fbm, filmGrain, getReducedMotionPolicy, getReducedMotionTimeScale, noise, quantize, sdfCircle, setReducedMotionPolicy, time, voronoi };
+interface SchedulerTick {
+    /** Seconds since the previous tick. 0 on the first call. */
+    delta: number;
+    /** Total seconds since the scheduler started its current run. */
+    elapsed: number;
+    /** The raw `performance.now()` timestamp the rAF callback received. */
+    now: number;
+}
+type SchedulerClient = (tick: SchedulerTick) => void;
+/**
+ * Batches `requestAnimationFrame` calls across all clients registered with
+ * a single scheduler. One scheduler is created per <ShaderScene>; clients
+ * are typically a Three.js renderer's render call.
+ */
+declare class FrameScheduler {
+    private readonly clients;
+    private rafId;
+    private running;
+    private paused;
+    private idle;
+    private flushPending;
+    private startedAt;
+    private lastTickAt;
+    /** Activate the scheduler. The rAF loop starts on the first client added. */
+    start(): void;
+    /** Halt the rAF loop entirely. Use dispose() for permanent teardown. */
+    stop(): void;
+    /** Temporarily skip ticks without losing client registrations. */
+    pause(): void;
+    /** Resume after pause(). */
+    resume(): void;
+    /** Register a client to be called every frame. */
+    add(client: SchedulerClient): void;
+    /** Unregister a client. */
+    remove(client: SchedulerClient): void;
+    /** Permanent teardown: stop the loop and drop all clients. */
+    dispose(): void;
+    /**
+     * Mark the scheduler idle. The next tick still fires (a final flush so
+     * uniform changes that triggered the idle state are rendered), then the
+     * rAF loop halts. Use `requestRender()` or `setIdle(false)` to wake.
+     */
+    setIdle(idle: boolean): void;
+    /** Force a single tick while idle. Useful for prop-change invalidation. */
+    requestRender(): void;
+    private maybeQueue;
+    private cancel;
+    private readonly frame;
+}
+
+export { type ColorRampStop, type CreateRendererOptions, CursorInput, type CursorInputOptions, type CursorRippleOptions, type FBMOptions, FrameScheduler, type GpuBackend, type GpuRenderer, type IntersectionWatcher, type ReducedMotionPolicy, type ReducedMotionWatcher, type SchedulerClient, type SchedulerTick, type TSLNode, type Vec2, type VisibilityWatcher, colorRamp, createIntersectionWatcher, createReducedMotionWatcher, createRenderer, createVisibilityWatcher, cursorRipple, displace, fbm, filmGrain, getReducedMotionPolicy, getReducedMotionTimeScale, noise, quantize, sdfCircle, setReducedMotionPolicy, time, voronoi };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { WebGPURenderer, Node } from 'three/webgpu';
 import { Color } from 'three';
+import { WebGPURenderer, Node } from 'three/webgpu';
 import { ShaderNodeObject } from 'three/tsl';
 
-type MatterBackend = 'webgpu' | 'webgl2';
+type GpuBackend = 'webgpu' | 'webgl2';
 interface CreateRendererOptions {
     /** Anti-alias the framebuffer. Default: true. */
     antialias?: boolean;
@@ -15,11 +15,11 @@ interface CreateRendererOptions {
     /** Cap on devicePixelRatio. Default: 2. Pass Infinity to disable. */
     maxDPR?: number;
 }
-interface MatterRenderer {
+interface GpuRenderer {
     /** The underlying Three.js WebGPURenderer (which may be running on a WebGL2 backend). */
     three: WebGPURenderer;
     /** Which backend the renderer initialized with. */
-    backend: MatterBackend;
+    backend: GpuBackend;
     /** Tear down the renderer and release GPU resources. */
     dispose: () => void;
     /** Resize the renderer to the canvas's current client dimensions. */
@@ -32,57 +32,7 @@ interface MatterRenderer {
  * unavailable on the host. The returned object exposes the underlying
  * three renderer plus a small wrapper for resize and disposal.
  */
-declare function createRenderer(canvas: HTMLCanvasElement, opts?: CreateRendererOptions): Promise<MatterRenderer>;
-
-interface SchedulerTick {
-    /** Seconds since the previous tick. 0 on the first call. */
-    delta: number;
-    /** Total seconds since the scheduler started its current run. */
-    elapsed: number;
-    /** The raw `performance.now()` timestamp the rAF callback received. */
-    now: number;
-}
-type SchedulerClient = (tick: SchedulerTick) => void;
-/**
- * Batches `requestAnimationFrame` calls across all clients registered with
- * a single scheduler. One scheduler is created per <MatterScene>; clients
- * are typically a Three.js renderer's render call.
- */
-declare class MatterScheduler {
-    private readonly clients;
-    private rafId;
-    private running;
-    private paused;
-    private idle;
-    private flushPending;
-    private startedAt;
-    private lastTickAt;
-    /** Activate the scheduler. The rAF loop starts on the first client added. */
-    start(): void;
-    /** Halt the rAF loop entirely. Use dispose() for permanent teardown. */
-    stop(): void;
-    /** Temporarily skip ticks without losing client registrations. */
-    pause(): void;
-    /** Resume after pause(). */
-    resume(): void;
-    /** Register a client to be called every frame. */
-    add(client: SchedulerClient): void;
-    /** Unregister a client. */
-    remove(client: SchedulerClient): void;
-    /** Permanent teardown: stop the loop and drop all clients. */
-    dispose(): void;
-    /**
-     * Mark the scheduler idle. The next tick still fires (a final flush so
-     * uniform changes that triggered the idle state are rendered), then the
-     * rAF loop halts. Use `requestRender()` or `setIdle(false)` to wake.
-     */
-    setIdle(idle: boolean): void;
-    /** Force a single tick while idle. Useful for prop-change invalidation. */
-    requestRender(): void;
-    private maybeQueue;
-    private cancel;
-    private readonly frame;
-}
+declare function createRenderer(canvas: HTMLCanvasElement, opts?: CreateRendererOptions): Promise<GpuRenderer>;
 
 type Vec2 = readonly [number, number];
 interface CursorInputOptions {
@@ -122,7 +72,7 @@ interface CursorInputOptions {
 type ChangeListener = (value: Vec2) => void;
 /**
  * Smoothed pointer tracker emitting a normalized (0..1) Vec2 position.
- * Implements the MatterSignal protocol (`get()` + `on('change', cb)`)
+ * Implements the AnimatableSignal protocol (`get()` + `on('change', cb)`)
  * so it composes with Motion's `useTransform` and similar tools.
  */
 declare class CursorInput {
@@ -136,7 +86,7 @@ declare class CursorInput {
     private readonly handleMouseMove;
     private disposed;
     constructor(opts?: CursorInputOptions);
-    /** Current smoothed position. Implements MatterSignal protocol. */
+    /** Current smoothed position. Implements AnimatableSignal protocol. */
     get(): Vec2;
     /** Subscribe to change events. Returns an unsubscribe function. */
     on(_event: 'change', cb: ChangeListener): () => void;
@@ -407,4 +357,54 @@ interface IntersectionWatcher {
  */
 declare function createIntersectionWatcher(canvas: HTMLCanvasElement): IntersectionWatcher;
 
-export { type ColorRampStop, type CreateRendererOptions, CursorInput, type CursorInputOptions, type CursorRippleOptions, type FBMOptions, type IntersectionWatcher, type MatterBackend, type MatterRenderer, MatterScheduler, type ReducedMotionPolicy, type ReducedMotionWatcher, type SchedulerClient, type SchedulerTick, type TSLNode, type Vec2, type VisibilityWatcher, colorRamp, createIntersectionWatcher, createReducedMotionWatcher, createRenderer, createVisibilityWatcher, cursorRipple, displace, fbm, filmGrain, getReducedMotionPolicy, getReducedMotionTimeScale, noise, quantize, sdfCircle, setReducedMotionPolicy, time, voronoi };
+interface SchedulerTick {
+    /** Seconds since the previous tick. 0 on the first call. */
+    delta: number;
+    /** Total seconds since the scheduler started its current run. */
+    elapsed: number;
+    /** The raw `performance.now()` timestamp the rAF callback received. */
+    now: number;
+}
+type SchedulerClient = (tick: SchedulerTick) => void;
+/**
+ * Batches `requestAnimationFrame` calls across all clients registered with
+ * a single scheduler. One scheduler is created per <ShaderScene>; clients
+ * are typically a Three.js renderer's render call.
+ */
+declare class FrameScheduler {
+    private readonly clients;
+    private rafId;
+    private running;
+    private paused;
+    private idle;
+    private flushPending;
+    private startedAt;
+    private lastTickAt;
+    /** Activate the scheduler. The rAF loop starts on the first client added. */
+    start(): void;
+    /** Halt the rAF loop entirely. Use dispose() for permanent teardown. */
+    stop(): void;
+    /** Temporarily skip ticks without losing client registrations. */
+    pause(): void;
+    /** Resume after pause(). */
+    resume(): void;
+    /** Register a client to be called every frame. */
+    add(client: SchedulerClient): void;
+    /** Unregister a client. */
+    remove(client: SchedulerClient): void;
+    /** Permanent teardown: stop the loop and drop all clients. */
+    dispose(): void;
+    /**
+     * Mark the scheduler idle. The next tick still fires (a final flush so
+     * uniform changes that triggered the idle state are rendered), then the
+     * rAF loop halts. Use `requestRender()` or `setIdle(false)` to wake.
+     */
+    setIdle(idle: boolean): void;
+    /** Force a single tick while idle. Useful for prop-change invalidation. */
+    requestRender(): void;
+    private maybeQueue;
+    private cancel;
+    private readonly frame;
+}
+
+export { type ColorRampStop, type CreateRendererOptions, CursorInput, type CursorInputOptions, type CursorRippleOptions, type FBMOptions, FrameScheduler, type GpuBackend, type GpuRenderer, type IntersectionWatcher, type ReducedMotionPolicy, type ReducedMotionWatcher, type SchedulerClient, type SchedulerTick, type TSLNode, type Vec2, type VisibilityWatcher, colorRamp, createIntersectionWatcher, createReducedMotionWatcher, createRenderer, createVisibilityWatcher, cursorRipple, displace, fbm, filmGrain, getReducedMotionPolicy, getReducedMotionTimeScale, noise, quantize, sdfCircle, setReducedMotionPolicy, time, voronoi };

package/dist/index.js

@@ -1,6 +1,6 @@
 // src/runtime/createRenderer.ts
-import { WebGPURenderer } from "three/webgpu";
 import { Color } from "three";
+import { WebGPURenderer } from "three/webgpu";
 async function createRenderer(canvas, opts = {}) {
   const {
     antialias = true,
@@ -26,7 +26,8 @@ async function createRenderer(canvas, opts = {}) {
     }
   };
   resize();
-  const backend = forceWebGL || three.backend?.isWebGLBackend ? "webgl2" : "webgpu";
+  const isWebGL = "isWebGLBackend" in three.backend && three.backend.isWebGLBackend === true;
+  const backend = forceWebGL || isWebGL ? "webgl2" : "webgpu";
   return {
     three,
     backend,
@@ -35,104 +36,6 @@ async function createRenderer(canvas, opts = {}) {
   };
 }
 
-// src/runtime/MatterScheduler.ts
-var MatterScheduler = class {
-  clients = /* @__PURE__ */ new Set();
-  rafId = null;
-  running = false;
-  paused = false;
-  idle = false;
-  flushPending = false;
-  startedAt = 0;
-  lastTickAt = 0;
-  /** Activate the scheduler. The rAF loop starts on the first client added. */
-  start() {
-    this.running = true;
-    this.paused = false;
-    this.maybeQueue();
-  }
-  /** Halt the rAF loop entirely. Use dispose() for permanent teardown. */
-  stop() {
-    this.running = false;
-    this.cancel();
-  }
-  /** Temporarily skip ticks without losing client registrations. */
-  pause() {
-    this.paused = true;
-  }
-  /** Resume after pause(). */
-  resume() {
-    this.paused = false;
-    if (this.running) this.maybeQueue();
-  }
-  /** Register a client to be called every frame. */
-  add(client) {
-    this.clients.add(client);
-    if (this.running) this.maybeQueue();
-  }
-  /** Unregister a client. */
-  remove(client) {
-    this.clients.delete(client);
-  }
-  /** Permanent teardown: stop the loop and drop all clients. */
-  dispose() {
-    this.stop();
-    this.clients.clear();
-  }
-  /**
-   * Mark the scheduler idle. The next tick still fires (a final flush so
-   * uniform changes that triggered the idle state are rendered), then the
-   * rAF loop halts. Use `requestRender()` or `setIdle(false)` to wake.
-   */
-  setIdle(idle) {
-    if (this.idle === idle) return;
-    this.idle = idle;
-    if (idle) {
-      this.flushPending = true;
-      this.maybeQueue();
-    } else {
-      this.flushPending = false;
-      this.maybeQueue();
-    }
-  }
-  /** Force a single tick while idle. Useful for prop-change invalidation. */
-  requestRender() {
-    if (!this.idle) return;
-    this.flushPending = true;
-    this.maybeQueue();
-  }
-  maybeQueue() {
-    if (this.rafId !== null) return;
-    if (!this.running) return;
-    if (this.clients.size === 0) return;
-    if (this.idle && !this.flushPending) return;
-    this.rafId = requestAnimationFrame(this.frame);
-  }
-  cancel() {
-    if (this.rafId !== null) {
-      cancelAnimationFrame(this.rafId);
-      this.rafId = null;
-    }
-  }
-  frame = (now) => {
-    this.rafId = null;
-    if (!this.running || this.paused) return;
-    if (this.startedAt === 0) {
-      this.startedAt = now;
-      this.lastTickAt = now;
-    }
-    const delta = (now - this.lastTickAt) / 1e3;
-    const elapsed = (now - this.startedAt) / 1e3;
-    this.lastTickAt = now;
-    const tick = { delta, elapsed, now };
-    for (const client of this.clients) {
-      client(tick);
-    }
-    this.flushPending = false;
-    this.maybeQueue();
-  };
-};
-
 // src/inputs/CursorInput.ts
 var CursorInput = class {
   value;
@@ -152,6 +55,7 @@ var CursorInput = class {
     this.eventTarget = target ?? (typeof window !== "undefined" ? window : new EventTarget());
     this.element = element;
     this.handleMouseMove = (e) => {
+      if (!(e instanceof MouseEvent)) return;
       const me = e;
       if (this.element) {
         const r = this.element.getBoundingClientRect();
@@ -167,7 +71,7 @@ var CursorInput = class {
     };
     this.eventTarget.addEventListener("mousemove", this.handleMouseMove);
   }
-  /** Current smoothed position. Implements MatterSignal protocol. */
+  /** Current smoothed position. Implements AnimatableSignal protocol. */
   get() {
     return this.value;
   }
@@ -210,12 +114,14 @@ var lerp = (a, b, t) => a + (b - a) * t;
 import { mix, vec3 } from "three/tsl";
 import { clamp, div, sub } from "three/tsl";
 function colorRamp(t, stops) {
-  if (stops.length === 0) return vec3(0, 0, 0);
-  if (stops.length === 1) return stops[0].color;
-  let result = stops[0].color;
-  for (let i = 1; i < stops.length; i++) {
+  const first = stops[0];
+  if (first === void 0) return vec3(0, 0, 0);
+  if (stops.length === 1) return mix(first.color, first.color, 0);
+  let result = mix(first.color, first.color, 0);
+  for (let i = 1; i < stops.length; i += 1) {
     const prev = stops[i - 1];
     const next = stops[i];
+    if (prev === void 0 || next === void 0) continue;
     const span = next.position - prev.position;
     if (span <= 0) continue;
     const localT = clamp(div(sub(t, prev.position), span), 0, 1);
@@ -240,7 +146,7 @@ function fbm(p, opts = {}) {
   let amp = 1;
   let freq = 1;
   let total = amp;
-  for (let i = 1; i < octaves; i++) {
+  for (let i = 1; i < octaves; i += 1) {
     freq *= lacunarity;
     amp *= gain;
     total += amp;
@@ -279,7 +185,7 @@ function displace(p, by) {
 }
 
 // src/primitives/cursorRipple.ts
-import { sin, length as length2, smoothstep, sub as sub2 } from "three/tsl";
+import { length as length2, sin, smoothstep, sub as sub2 } from "three/tsl";
 
 // src/primitives/time.ts
 import { time as _builtinTime } from "three/tsl";
@@ -387,7 +293,7 @@ function cursorRipple(p, center, opts = {}) {
 }
 
 // src/primitives/filmGrain.ts
-import { vec2, sin as sin2, fract, length as length3 } from "three/tsl";
+import { fract, length as length3, sin as sin2, vec2 } from "three/tsl";
 function filmGrain(uvNode, intensity, timeOffset = 0) {
   const HASH_C1 = vec2(2127.1, 81.17);
   const HASH_C2 = vec2(1269.5, 283.37);
@@ -461,9 +367,107 @@ function createIntersectionWatcher(canvas) {
     }
   };
 }
+
+// src/runtime/frame-scheduler.ts
+var FrameScheduler = class {
+  clients = /* @__PURE__ */ new Set();
+  rafId = null;
+  running = false;
+  paused = false;
+  idle = false;
+  flushPending = false;
+  startedAt = 0;
+  lastTickAt = 0;
+  /** Activate the scheduler. The rAF loop starts on the first client added. */
+  start() {
+    this.running = true;
+    this.paused = false;
+    this.maybeQueue();
+  }
+  /** Halt the rAF loop entirely. Use dispose() for permanent teardown. */
+  stop() {
+    this.running = false;
+    this.cancel();
+  }
+  /** Temporarily skip ticks without losing client registrations. */
+  pause() {
+    this.paused = true;
+  }
+  /** Resume after pause(). */
+  resume() {
+    this.paused = false;
+    if (this.running) this.maybeQueue();
+  }
+  /** Register a client to be called every frame. */
+  add(client) {
+    this.clients.add(client);
+    if (this.running) this.maybeQueue();
+  }
+  /** Unregister a client. */
+  remove(client) {
+    this.clients.delete(client);
+  }
+  /** Permanent teardown: stop the loop and drop all clients. */
+  dispose() {
+    this.stop();
+    this.clients.clear();
+  }
+  /**
+   * Mark the scheduler idle. The next tick still fires (a final flush so
+   * uniform changes that triggered the idle state are rendered), then the
+   * rAF loop halts. Use `requestRender()` or `setIdle(false)` to wake.
+   */
+  setIdle(idle) {
+    if (this.idle === idle) return;
+    this.idle = idle;
+    if (idle) {
+      this.flushPending = true;
+      this.maybeQueue();
+    } else {
+      this.flushPending = false;
+      this.maybeQueue();
+    }
+  }
+  /** Force a single tick while idle. Useful for prop-change invalidation. */
+  requestRender() {
+    if (!this.idle) return;
+    this.flushPending = true;
+    this.maybeQueue();
+  }
+  maybeQueue() {
+    if (this.rafId !== null) return;
+    if (!this.running) return;
+    if (this.clients.size === 0) return;
+    if (this.idle && !this.flushPending) return;
+    this.rafId = requestAnimationFrame(this.frame);
+  }
+  cancel() {
+    if (this.rafId !== null) {
+      cancelAnimationFrame(this.rafId);
+      this.rafId = null;
+    }
+  }
+  frame = (now) => {
+    this.rafId = null;
+    if (!this.running || this.paused) return;
+    if (this.startedAt === 0) {
+      this.startedAt = now;
+      this.lastTickAt = now;
+    }
+    const delta = (now - this.lastTickAt) / 1e3;
+    const elapsed = (now - this.startedAt) / 1e3;
+    this.lastTickAt = now;
+    const tick = { delta, elapsed, now };
+    for (const client of this.clients) {
+      client(tick);
+    }
+    this.flushPending = false;
+    this.maybeQueue();
+  };
+};
 export {
   CursorInput,
-  MatterScheduler,
+  FrameScheduler,
   colorRamp,
   createIntersectionWatcher,
   createReducedMotionWatcher,