@synergy-design-system/components/dist/internal/animate.d.ts

This package provides the base of the Synergy Design System as native web components. It uses [lit](https://www.lit.dev) and parts of [shoelace](https://shoelace.style/). Synergy officially supports the latest two versions of all major browsers (as define

/**
 * ---------------------------------------------------------------------
 * 🔒 AUTOGENERATED BY VENDORISM
 * Removing this comment will prevent it from being managed by it.
 * ---------------------------------------------------------------------
 */
/**
 * Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.
 */
export declare function animateTo(el: HTMLElement, keyframes: Keyframe[], options?: KeyframeAnimationOptions): Promise<unknown>;
/** Parses a CSS duration and returns the number of milliseconds. */
export declare function parseDuration(delay: number | string): number;
/** Tells if the user has enabled the "reduced motion" setting in their browser or OS. */
export declare function prefersReducedMotion(): boolean;
/**
 * Stops all active animations on the target element. Returns a promise that resolves after all animations are canceled.
 */
export declare function stopAnimations(el: HTMLElement): Promise<unknown[]>;
/**
 * We can't animate `height: auto`, but we can calculate the height and shim keyframes by replacing it with the
 * element's scrollHeight before the animation.
 */
export declare function shimKeyframesHeightAuto(keyframes: Keyframe[], calculatedHeight: number): {
    height: string | number | null | undefined;
    composite?: CompositeOperationOrAuto;
    easing?: string;
    offset?: number | null;
}[];