@14islands/r3f-scroll-rig/dist/src/hooks/useTrackerTypes.d.ts

Progressively enhance any React website with WebGL using @react-three/fiber

/// <reference path="../types/global.d.ts" />
import type { ScrollData } from '../scrollbar/SmoothScrollbarTypes';
export interface ScrollState {
    inViewport: boolean;
    progress: number;
    visibility: number;
    viewport: number;
}
export declare type Rect = {
    top: number;
    bottom: number;
    left: number;
    right: number;
    width: number;
    height: number;
};
export declare type Bounds = Rect & {
    x: number;
    y: number;
    positiveYUpBottom: number;
};
export interface Tracker {
    rect: Rect;
    scale: vec3;
    inViewport: boolean;
    bounds: Bounds;
    scrollState: ScrollState;
    position: vec3;
    update: (args?: {
        onlyUpdateInViewport?: boolean;
        scroll?: any;
    }) => void;
}
export interface TrackerOptions {
    rootMargin?: string;
    threshold?: number;
    autoUpdate?: boolean;
    wrapper?: Window | HTMLDivElement;
    [key: string]: any;
}
export declare type UpdateCallback = {
    onlyUpdateInViewport?: boolean;
    scroll?: ScrollData;
};