app-studio 0.7.17 → 0.8.0

package/dist/utils/viewAnimation.d.ts

@@ -1,138 +0,0 @@
-/**
- * View Animation Utilities
- *
- * Create performant CSS scroll-driven animations using view() timeline.
- * These animations are pure CSS - no JavaScript state or IntersectionObserver needed!
- */
-import { ViewAnimationConfig, ViewAnimationOptions, SlideAnimationOptions, ScaleAnimationOptions, BlurAnimationOptions, RotateAnimationOptions } from '../types/scrollAnimation.types';
-import { AnimationProps } from './constants';
-/**
- * Convert ViewAnimationConfig to AnimationProps with view() timeline
- * This enables CSS-only animations without JavaScript state
- *
- * @example
- * <View animate={createViewAnimation({
- *   keyframes: { from: { opacity: 0 }, to: { opacity: 1 } },
- *   range: 'entry'
- * })} />
- */
-export declare const createViewAnimation: (config: ViewAnimationConfig) => AnimationProps;
-/**
- * Create an animation that triggers when element enters viewport
- * Uses CSS view() timeline - NO JavaScript state required!
- *
- * @example
- * <View animate={animateOnView({
- *   keyframes: { from: { opacity: 0 }, to: { opacity: 1 } },
- *   range: 'entry'
- * })} />
- */
-export declare const animateOnView: (config: ViewAnimationConfig) => AnimationProps;
-/**
- * Preset: Fade in when entering viewport
- *
- * @example
- * <View animate={fadeInOnView()} />
- * <View animate={fadeInOnView({ duration: '1s' })} />
- */
-export declare const fadeInOnView: (options?: ViewAnimationOptions) => AnimationProps;
-/**
- * Preset: Fade out when exiting viewport
- *
- * @example
- * <View animate={fadeOutOnView()} />
- */
-export declare const fadeOutOnView: (options?: ViewAnimationOptions) => AnimationProps;
-/**
- * Preset: Slide up and fade in when entering viewport
- *
- * @example
- * <View animate={slideUpOnView()} />
- * <View animate={slideUpOnView({ distance: '50px', duration: '0.8s' })} />
- */
-export declare const slideUpOnView: (options?: SlideAnimationOptions) => AnimationProps;
-/**
- * Preset: Slide down and fade in when entering viewport
- *
- * @example
- * <View animate={slideDownOnView()} />
- */
-export declare const slideDownOnView: (options?: SlideAnimationOptions) => AnimationProps;
-/**
- * Preset: Slide in from left when entering viewport
- *
- * @example
- * <View animate={slideLeftOnView()} />
- */
-export declare const slideLeftOnView: (options?: SlideAnimationOptions) => AnimationProps;
-/**
- * Preset: Slide in from right when entering viewport
- *
- * @example
- * <View animate={slideRightOnView()} />
- */
-export declare const slideRightOnView: (options?: SlideAnimationOptions) => AnimationProps;
-/**
- * Preset: Scale up when entering viewport
- *
- * @example
- * <View animate={scaleUpOnView()} />
- * <View animate={scaleUpOnView({ scale: 0.8 })} />
- */
-export declare const scaleUpOnView: (options?: ScaleAnimationOptions) => AnimationProps;
-/**
- * Preset: Scale down when entering viewport
- *
- * @example
- * <View animate={scaleDownOnView({ scale: 1.1 })} />
- */
-export declare const scaleDownOnView: (options?: ScaleAnimationOptions) => AnimationProps;
-/**
- * Preset: Blur in when entering viewport
- *
- * @example
- * <View animate={blurInOnView()} />
- * <View animate={blurInOnView({ blur: '15px' })} />
- */
-export declare const blurInOnView: (options?: BlurAnimationOptions) => AnimationProps;
-/**
- * Preset: Blur out when exiting viewport
- *
- * @example
- * <View animate={blurOutOnView()} />
- */
-export declare const blurOutOnView: (options?: BlurAnimationOptions) => AnimationProps;
-/**
- * Preset: Rotate in when entering viewport
- *
- * @example
- * <View animate={rotateInOnView()} />
- * <View animate={rotateInOnView({ angle: '-15deg' })} />
- */
-export declare const rotateInOnView: (options?: RotateAnimationOptions) => AnimationProps;
-/**
- * Preset: Reveal with clip-path from bottom
- *
- * @example
- * <View animate={revealOnView()} />
- */
-export declare const revealOnView: (options?: ViewAnimationOptions) => AnimationProps;
-/**
- * Preset: Flip in on X axis
- *
- * @example
- * <View animate={flipXOnView()} />
- */
-export declare const flipXOnView: (options?: ViewAnimationOptions) => AnimationProps;
-/**
- * Preset: Flip in on Y axis
- *
- * @example
- * <View animate={flipYOnView()} />
- */
-export declare const flipYOnView: (options?: ViewAnimationOptions) => AnimationProps;
-/**
- * Preset JSON configurations for common view animations
- * Use with createViewAnimation() or animateOnView()
- */
-export declare const viewAnimationPresets: Record<string, ViewAnimationConfig>;