svelte-animate-icons
Version:
551 animated SVG icons for Svelte 5 with Web Animations API - hover, click, state-based animations, TypeScript ready
39 lines • 1.04 kB
TypeScript
export interface AnimationTriggers {
hover?: boolean;
click?: boolean;
focus?: boolean;
custom?: boolean;
}
export interface AnimationDefinition {
keyframes: Keyframe[];
options: KeyframeAnimationOptions;
}
export interface AnimationVariants {
normal: AnimationDefinition;
animate: AnimationDefinition;
[key: string]: AnimationDefinition;
}
export interface IconHandle {
start(): Promise<void>;
stop(): void;
toggle(): void;
isAnimating(): boolean;
startAnimation(): Promise<void>;
stopAnimation(): void;
}
export interface IconProps {
size?: number;
class?: string;
className?: string;
triggers?: AnimationTriggers;
animationState?: 'idle' | 'loading' | 'success' | 'error' | 'active' | 'running';
duration?: number;
loop?: boolean;
}
export interface IconMetadata {
name: string;
keywords: string[];
animationType: 'transform' | 'path' | 'multi-element' | 'property';
component: () => Promise<any>;
}
//# sourceMappingURL=index.d.ts.map