@lostisworld/svelte-interactive-cursor/dist/interactive-cursor/interactiveCursor.svelte.d.ts

A Svelte component for creating interactive custom cursors. Enhance user experience with customizable cursor effects and animations.

interface InteractiveCursorOptions {
    defaultSize?: number;
    scaleOnActive?: ScaleOnActiveElement[];
    duration?: number;
    useDataElementRect?: string[];
}
type ScaleOnActiveElement = {
    element: string;
    scaleMultiplicator?: number;
};
type ActiveDataValue = {
    activeDataName: string;
    activeDataElement: HTMLElement | null;
};
type InitialCursor = {
    readonly isActive: boolean;
    readonly activeDataValue: ActiveDataValue;
    init: () => void;
    destroy: () => void;
};
declare const interactiveCursor: (cursor: HTMLElement, options: InteractiveCursorOptions) => {
    readonly isActive: boolean;
    readonly activeDataValue: {
        activeDataName: string;
        activeDataElement: HTMLElement | null;
    };
    init: () => void;
    destroy(): void;
};
export { interactiveCursor, type InteractiveCursorOptions, type InitialCursor, type ActiveDataValue, type ScaleOnActiveElement };