app-studio 0.7.18 → 0.8.0

package/dist/utils/vendorPrefixes.d.ts

@@ -1,19 +0,0 @@
-/**
- * Mapping of standard CSS properties to their vendor-prefixed equivalents.
- *
- * Optimized for modern browsers (Chrome 100+, Safari 15+, Firefox 91+).
- * Most properties no longer need vendor prefixes in these browsers.
- * Only -webkit- prefixes are kept where still needed by Safari/WebKit.
- *
- * Removed prefixes:
- * - -moz- (Firefox 91+ supports all standard properties unprefixed)
- * - -ms- (IE/Edge Legacy no longer supported)
- * - -o- (Opera uses Blink engine, same as Chrome)
- * - -webkit- for animation, transform, transition, flexbox, boxShadow,
- *   boxSizing, columns, borderImage, backgroundSize, backgroundOrigin,
- *   perspective, hyphens (all unprefixed in Safari 15+)
- */
-export declare const vendorPrefixedProperties: Record<string, string[]>;
-export declare const camelToKebabCase: (property: string) => string;
-export declare const getVendorPrefixedProperties: (property: string) => string[];
-export declare const needsVendorPrefix: (property: string) => boolean;

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>;