saccade 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,152 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+type LapsePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+type LapseProps = {
+    /** Panel position. Default: 'bottom-left' */
+    position?: LapsePosition;
+};
+declare function Lapse({ position }: LapseProps): react_jsx_runtime.JSX.Element;
+
+type ExportFilter = 'active' | 'all-animations' | 'all-elements';
+type OutputDetailLevel = 'compact' | 'standard' | 'detailed' | 'forensic';
+type Rect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+type AnimationInfo = {
+    id: string;
+    name: string;
+    selector: string;
+    elementLabel: string;
+    duration: number;
+    delay: number;
+    easing: string;
+    type: string;
+    source: string | null;
+    resolvedVars: Record<string, string> | null;
+    conflicts: string[] | null;
+    layoutAnimation?: boolean;
+};
+type PropertySnapshot = {
+    property: string;
+    value: string;
+    from: string | null;
+    to: string | null;
+};
+type FrameAnimation = {
+    animationId: string;
+    currentTime: number;
+    progress: number;
+    properties: PropertySnapshot[];
+};
+type ElementSnapshot = {
+    __styles: Record<string, string>;
+    __attrs: Record<string, string | null>;
+    __afterOpacity?: string;
+    __beforeOpacity?: string;
+};
+type FrameSnapshot = {
+    time: number;
+    animations: FrameAnimation[];
+    elementSnapshots: Record<string, ElementSnapshot>;
+    activePortalIds: string[];
+    hoveredSels: string[];
+    focusSel: string | null;
+    pointer: {
+        x: number;
+        y: number;
+        buttons: number;
+    };
+    scrollPositions: Record<string, {
+        x: number;
+        y: number;
+    }>;
+};
+type TimelineCapture = {
+    startTime: number;
+    endTime: number;
+    duration: number;
+    animations: AnimationInfo[];
+    frames: FrameSnapshot[];
+    boundingBox: Rect | null;
+};
+type TimelineExport = {
+    timestamp: string;
+    duration: string;
+    scrubPosition: number;
+    hoveredElements: string[];
+    focusedElement: string | null;
+    animations: {
+        element: string;
+        elementLabel: string;
+        name: string;
+        type: string;
+        timing: string;
+        progress: string;
+        properties: {
+            property: string;
+            value: string;
+            range: string;
+        }[];
+        source: string | null;
+        resolvedVars: Record<string, string> | null;
+        conflicts: string[] | null;
+    }[];
+};
+
+type LapseState = 'idle' | 'recording' | 'scrubbing';
+declare class LapseEngine {
+    private timing;
+    private recorder;
+    private scrubber;
+    private capture;
+    private _state;
+    private listeners;
+    get state(): LapseState;
+    getCapture(): TimelineCapture | null;
+    setSpeed(speed: number): void;
+    getSpeed(): number;
+    startRecording(boundingBox?: Rect | null): void;
+    stopRecording(): TimelineCapture;
+    seekTo(timeMs: number): void;
+    release(): void;
+    generateExport(timeMs: number, filter?: ExportFilter): TimelineExport | null;
+    exportForLLM(timeMs: number, filter?: ExportFilter, detail?: OutputDetailLevel): string;
+    subscribe(listener: () => void): () => void;
+    private notify;
+    destroy(): void;
+}
+
+declare function LapseProvider({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useLapseEngine(): LapseEngine;
+
+declare function useTimeline(): {
+    state: LapseState;
+    capture: TimelineCapture | null;
+    scrubTime: number;
+    copied: boolean;
+    exportFilter: ExportFilter;
+    setExportFilter: react.Dispatch<react.SetStateAction<ExportFilter>>;
+    detailLevel: OutputDetailLevel;
+    cycleDetailLevel: () => void;
+    startRecording: (boundingBox?: Rect | null) => void;
+    stopRecording: () => void;
+    seek: (timeMs: number) => void;
+    release: () => void;
+    exportLLM: (filter?: ExportFilter) => string;
+};
+
+declare function useSpeed(): {
+    speed: number;
+    isPaused: boolean;
+    setSpeed: (value: number) => void;
+    togglePause: () => void;
+};
+
+export { type AnimationInfo, type ExportFilter, type FrameSnapshot, Lapse, LapseEngine, type LapsePosition, type LapseProps, LapseProvider, type LapseState, type OutputDetailLevel, type Rect, type TimelineCapture, type TimelineExport, useLapseEngine, useSpeed, useTimeline };