webchalk-animate - v0.31.0
    Preparing search index...
    libPresetExits: {
        "~disappear": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {};
        };
        "~fade-out": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    { opacity?: undefined }
                    | { opacity: string }
                )[];
            };
        };
        "~fly-out": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?:
                    | "to-left"
                    | "to-top"
                    | "to-bottom"
                    | "to-right"
                    | "to-top-left"
                    | "to-top-right"
                    | "to-bottom-left"
                    | "to-bottom-right",
            ): { keyframesGenerator_play: () => { translate: string }[] };
        };
        "~pinwheel": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: {};
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                numSpins?: number,
                direction?: "clockwise" | "counterclockwise",
            ): {
                keyframesGenerator_play: () => (
                    | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                    | { opacity: number; rotate: string; scale: number }
                )[];
            };
        };
        "~sink-down": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        composite: "replace";
                        easing?: undefined;
                        offset?: undefined;
                        opacity: number;
                        translate?: undefined;
                    }
                    | {
                        composite?: undefined;
                        easing: string;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                        opacity?: undefined;
                        translate: string;
                    }
                )[];
                reverseKeyframesEffect: true;
            };
        };
        "~slide-out": {
            defaultConfig: { duration: 100 };
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
            ): {
                keyframesGenerator_play: () => (
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom: string;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight: string;
                        translate: string;
                    }
                    | { clipPath: string }
                )[];
            };
        };
        "~wipe": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
            ): { keyframesGenerator_play: () => Keyframe[] };
        };
    } & {
        "~disappear": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {};
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {};
        };
        "~fade-out": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    { opacity?: undefined }
                    | { opacity: string }
                )[];
            };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    { opacity?: undefined }
                    | { opacity: string }
                )[];
            };
        };
        "~fly-out": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?:
                    | "to-left"
                    | "to-top"
                    | "to-bottom"
                    | "to-right"
                    | "to-top-left"
                    | "to-top-right"
                    | "to-bottom-left"
                    | "to-bottom-right",
            ): { keyframesGenerator_play: () => { translate: string }[] };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?:
                    | "to-left"
                    | "to-top"
                    | "to-bottom"
                    | "to-right"
                    | "to-top-left"
                    | "to-top-right"
                    | "to-bottom-left"
                    | "to-bottom-right",
            ): { keyframesGenerator_play: () => { translate: string }[] };
        };
        "~pinwheel": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: {};
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                numSpins?: number,
                direction?: "clockwise" | "counterclockwise",
            ): {
                keyframesGenerator_play: () => (
                    | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                    | { opacity: number; rotate: string; scale: number }
                )[];
            };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: {};
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                numSpins?: number,
                direction?: "clockwise" | "counterclockwise",
            ): {
                keyframesGenerator_play: () => (
                    | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                    | { opacity: number; rotate: string; scale: number }
                )[];
            };
        };
        "~sink-down": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        composite: "replace";
                        easing?: undefined;
                        offset?: undefined;
                        opacity: number;
                        translate?: undefined;
                    }
                    | {
                        composite?: undefined;
                        easing: string;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                        opacity?: undefined;
                        translate: string;
                    }
                )[];
                reverseKeyframesEffect: true;
            };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        composite: "replace";
                        easing?: undefined;
                        offset?: undefined;
                        opacity: number;
                        translate?: undefined;
                    }
                    | {
                        composite?: undefined;
                        easing: string;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                        opacity?: undefined;
                        translate: string;
                    }
                )[];
                reverseKeyframesEffect: true;
            };
        };
        "~slide-out": {
            defaultConfig: { duration: 100 };
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
            ): {
                keyframesGenerator_play: () => (
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom: string;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight: string;
                        translate: string;
                    }
                    | { clipPath: string }
                )[];
            };
        } & {
            defaultConfig: { duration: 100 };
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
            ): {
                keyframesGenerator_play: () => (
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom: string;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight: string;
                        translate: string;
                    }
                    | { clipPath: string }
                )[];
            };
        };
        "~wipe": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
            ): { keyframesGenerator_play: () => Keyframe[] };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
            ): { keyframesGenerator_play: () => Keyframe[] };
        };
    } & {
        "~disappear": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {};
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {};
        };
        "~fade-out": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    { opacity?: undefined }
                    | { opacity: string }
                )[];
            };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    { opacity?: undefined }
                    | { opacity: string }
                )[];
            };
        };
        "~fly-out": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?:
                    | "to-left"
                    | "to-top"
                    | "to-bottom"
                    | "to-right"
                    | "to-top-left"
                    | "to-top-right"
                    | "to-bottom-left"
                    | "to-bottom-right",
            ): { keyframesGenerator_play: () => { translate: string }[] };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?:
                    | "to-left"
                    | "to-top"
                    | "to-bottom"
                    | "to-right"
                    | "to-top-left"
                    | "to-top-right"
                    | "to-bottom-left"
                    | "to-bottom-right",
            ): { keyframesGenerator_play: () => { translate: string }[] };
        };
        "~pinwheel": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: {};
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                numSpins?: number,
                direction?: "clockwise" | "counterclockwise",
            ): {
                keyframesGenerator_play: () => (
                    | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                    | { opacity: number; rotate: string; scale: number }
                )[];
            };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: {};
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                numSpins?: number,
                direction?: "clockwise" | "counterclockwise",
            ): {
                keyframesGenerator_play: () => (
                    | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                    | { opacity: number; rotate: string; scale: number }
                )[];
            };
        };
        "~sink-down": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        composite: "replace";
                        easing?: undefined;
                        offset?: undefined;
                        opacity: number;
                        translate?: undefined;
                    }
                    | {
                        composite?: undefined;
                        easing: string;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                        opacity?: undefined;
                        translate: string;
                    }
                )[];
                reverseKeyframesEffect: true;
            };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        composite: "replace";
                        easing?: undefined;
                        offset?: undefined;
                        opacity: number;
                        translate?: undefined;
                    }
                    | {
                        composite?: undefined;
                        easing: string;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                        opacity?: undefined;
                        translate: string;
                    }
                )[];
                reverseKeyframesEffect: true;
            };
        };
        "~slide-out": {
            defaultConfig: { duration: 100 };
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
            ): {
                keyframesGenerator_play: () => (
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom: string;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight: string;
                        translate: string;
                    }
                    | { clipPath: string }
                )[];
            };
        } & {
            defaultConfig: { duration: 100 };
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
            ): {
                keyframesGenerator_play: () => (
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom: string;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight: string;
                        translate: string;
                    }
                    | { clipPath: string }
                )[];
            };
        };
        "~wipe": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
            ): { keyframesGenerator_play: () => Keyframe[] };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
            ): { keyframesGenerator_play: () => Keyframe[] };
        };
    } & {
        "~disappear": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {};
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {};
        };
        "~fade-out": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    { opacity?: undefined }
                    | { opacity: string }
                )[];
            };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    { opacity?: undefined }
                    | { opacity: string }
                )[];
            };
        };
        "~fly-out": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?:
                    | "to-left"
                    | "to-top"
                    | "to-bottom"
                    | "to-right"
                    | "to-top-left"
                    | "to-top-right"
                    | "to-bottom-left"
                    | "to-bottom-right",
            ): { keyframesGenerator_play: () => { translate: string }[] };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?:
                    | "to-left"
                    | "to-top"
                    | "to-bottom"
                    | "to-right"
                    | "to-top-left"
                    | "to-top-right"
                    | "to-bottom-left"
                    | "to-bottom-right",
            ): { keyframesGenerator_play: () => { translate: string }[] };
        };
        "~pinwheel": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: {};
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                numSpins?: number,
                direction?: "clockwise" | "counterclockwise",
            ): {
                keyframesGenerator_play: () => (
                    | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                    | { opacity: number; rotate: string; scale: number }
                )[];
            };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: {};
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                numSpins?: number,
                direction?: "clockwise" | "counterclockwise",
            ): {
                keyframesGenerator_play: () => (
                    | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                    | { opacity: number; rotate: string; scale: number }
                )[];
            };
        };
        "~sink-down": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        composite: "replace";
                        easing?: undefined;
                        offset?: undefined;
                        opacity: number;
                        translate?: undefined;
                    }
                    | {
                        composite?: undefined;
                        easing: string;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                        opacity?: undefined;
                        translate: string;
                    }
                )[];
                reverseKeyframesEffect: true;
            };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        composite: "replace";
                        easing?: undefined;
                        offset?: undefined;
                        opacity: number;
                        translate?: undefined;
                    }
                    | {
                        composite?: undefined;
                        easing: string;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset: number;
                        opacity?: undefined;
                        translate: string;
                    }
                    | {
                        composite?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                        opacity?: undefined;
                        translate: string;
                    }
                )[];
                reverseKeyframesEffect: true;
            };
        };
        "~slide-out": {
            defaultConfig: { duration: 100 };
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
            ): {
                keyframesGenerator_play: () => (
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom: string;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight: string;
                        translate: string;
                    }
                    | { clipPath: string }
                )[];
            };
        } & {
            defaultConfig: { duration: 100 };
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "accumulate" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
            ): {
                keyframesGenerator_play: () => (
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom: string;
                        marginRight?: undefined;
                        translate: string;
                    }
                    | {
                        clipPath: string;
                        marginBottom?: undefined;
                        marginRight: string;
                        translate: string;
                    }
                    | { clipPath: string }
                )[];
            };
        };
        "~wipe": {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
            ): { keyframesGenerator_play: () => Keyframe[] };
        } & {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ExitClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
            ): { keyframesGenerator_play: () => Keyframe[] };
        };
    } & { "__EFFECT_CATEGORY=EXIT": never } = ...

    Type Declaration

    • ~disappear: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<(...)>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {};
      }

      The element disappears instantaneously.

      • defaultConfig: {}
      • howOftenBuildGenerators: "on-first-play-only"
      • immutableConfig: { composite: "replace"; duration: 0; easing: "linear" }
      • buildFrameGenerators: function
        • Parameters

          • this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<(...)>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >

          Returns {}

    • ~fade-out: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<(...)>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  { opacity?: undefined }
                  | { opacity: string }
              )[];
          };
      }

      The element fades out to 0 opacity.

      • defaultConfig: {}
      • howOftenBuildGenerators: "on-first-play-only"
      • immutableConfig: { composite: "replace" }
      • buildFrameGenerators: function
        • Parameters

          • this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<(...)>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >

          Returns {
              keyframesGenerator_play: () => (
                  { opacity?: undefined }
                  | { opacity: string }
              )[];
          }

    • ~fly-out: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<(...)>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?:
                  | "to-left"
                  | "to-top"
                  | "to-bottom"
                  | "to-right"
                  | "to-top-left"
                  | "to-top-right"
                  | "to-bottom-left"
                  | "to-bottom-right",
          ): { keyframesGenerator_play: () => { translate: string }[] };
      }

      The element flies offscreen towards the specified direction.

      • defaultConfig: {}
      • howOftenBuildGenerators: "on-first-play-only"
      • immutableConfig: { composite: "accumulate" }
      • buildFrameGenerators: function
        • Parameters

          • this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<(...)>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >
          • direction:
                | "to-left"
                | "to-top"
                | "to-bottom"
                | "to-right"
                | "to-top-left"
                | "to-top-right"
                | "to-bottom-left"
                | "to-bottom-right" = 'to-bottom'

            The direction to which the element should exit.

          Returns { keyframesGenerator_play: () => { translate: string }[] }

    • ~pinwheel: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: {};
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<(...)>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              numSpins?: number,
              direction?: "clockwise" | "counterclockwise",
          ): {
              keyframesGenerator_play: () => (
                  | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                  | { opacity: number; rotate: string; scale: number }
              )[];
          };
      }

      The element spins and shrinks while fading out.

      • defaultConfig: {}
      • howOftenBuildGenerators: "on-first-play-only"
      • immutableConfig: {}
      • buildFrameGenerators: function
        • Parameters

          • this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<(...)>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >
          • numSpins: number = 2

            The number of times the element will spin.

          • direction: "clockwise" | "counterclockwise" = 'clockwise'

            The direction of the spin.

          Returns {
              keyframesGenerator_play: () => (
                  | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                  | { opacity: number; rotate: string; scale: number }
              )[];
          }

    • ~sink-down: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<(...)>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      composite: "replace";
                      easing?: undefined;
                      offset?: undefined;
                      opacity: number;
                      translate?: undefined;
                  }
                  | {
                      composite?: undefined;
                      easing: string;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                      opacity?: undefined;
                      translate: string;
                  }
              )[];
              reverseKeyframesEffect: true;
          };
      }

      The element floats up slightly and then accelerates to the bottom of the screen.

      • defaultConfig: {}
      • howOftenBuildGenerators: "on-first-play-only"
      • immutableConfig: { composite: "accumulate" }
      • buildFrameGenerators: function
        • Parameters

          • this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<(...)>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >

          Returns {
              keyframesGenerator_play: () => (
                  | {
                      composite: "replace";
                      easing?: undefined;
                      offset?: undefined;
                      opacity: number;
                      translate?: undefined;
                  }
                  | {
                      composite?: undefined;
                      easing: string;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                      opacity?: undefined;
                      translate: string;
                  }
              )[];
              reverseKeyframesEffect: true;
          }

    • ~slide-out: {
          defaultConfig: { duration: 100 };
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<(...)>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
          ): {
              keyframesGenerator_play: () => (
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom: string;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight: string;
                      translate: string;
                  }
                  | { clipPath: string }
              )[];
          };
      }

      The element slides out to the specified direction while also wiping. Particularly effective if the element is adjacent to a different element, making it look as if it is sliding into that element like a dropdown collapsing.

      • defaultConfig: { duration: 100 }
      • howOftenBuildGenerators: "on-first-play-only"
      • immutableConfig: { composite: "accumulate" }
      • buildFrameGenerators: function
        • Parameters

          • this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<(...)>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >
          • direction: "to-left" | "to-top" | "to-bottom" | "to-right" = 'to-top'

            The direction to which to slide.

          Returns {
              keyframesGenerator_play: () => (
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom: string;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight: string;
                      translate: string;
                  }
                  | { clipPath: string }
              )[];
          }

    • ~wipe: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<(...)>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
          ): { keyframesGenerator_play: () => Keyframe[] };
      }

      The element is wiped off, starting from the specified direction.

      • defaultConfig: {}
      • howOftenBuildGenerators: "on-first-play-only"
      • immutableConfig: { composite: "replace" }
      • buildFrameGenerators: function
        • Parameters

          • this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<(...)>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...)
                                    | (...);
                                    howOftenBuildGenerators?: (...) | (...) | (...);
                                    immutableConfig?: (...) | (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: (...)[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >
          • direction: "from-left" | "from-top" | "from-bottom" | "from-right" = 'from-bottom'

          Returns { keyframesGenerator_play: () => Keyframe[] }

    • ~disappear: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {};
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {};
      }
    • ~fade-out: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  { opacity?: undefined }
                  | { opacity: string }
              )[];
          };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  { opacity?: undefined }
                  | { opacity: string }
              )[];
          };
      }
    • ~fly-out: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?:
                  | "to-left"
                  | "to-top"
                  | "to-bottom"
                  | "to-right"
                  | "to-top-left"
                  | "to-top-right"
                  | "to-bottom-left"
                  | "to-bottom-right",
          ): { keyframesGenerator_play: () => { translate: string }[] };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?:
                  | "to-left"
                  | "to-top"
                  | "to-bottom"
                  | "to-right"
                  | "to-top-left"
                  | "to-top-right"
                  | "to-bottom-left"
                  | "to-bottom-right",
          ): { keyframesGenerator_play: () => { translate: string }[] };
      }
    • ~pinwheel: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: {};
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              numSpins?: number,
              direction?: "clockwise" | "counterclockwise",
          ): {
              keyframesGenerator_play: () => (
                  | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                  | { opacity: number; rotate: string; scale: number }
              )[];
          };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: {};
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              numSpins?: number,
              direction?: "clockwise" | "counterclockwise",
          ): {
              keyframesGenerator_play: () => (
                  | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                  | { opacity: number; rotate: string; scale: number }
              )[];
          };
      }
    • ~sink-down: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      composite: "replace";
                      easing?: undefined;
                      offset?: undefined;
                      opacity: number;
                      translate?: undefined;
                  }
                  | {
                      composite?: undefined;
                      easing: string;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                      opacity?: undefined;
                      translate: string;
                  }
              )[];
              reverseKeyframesEffect: true;
          };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      composite: "replace";
                      easing?: undefined;
                      offset?: undefined;
                      opacity: number;
                      translate?: undefined;
                  }
                  | {
                      composite?: undefined;
                      easing: string;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                      opacity?: undefined;
                      translate: string;
                  }
              )[];
              reverseKeyframesEffect: true;
          };
      }
    • ~slide-out: {
          defaultConfig: { duration: 100 };
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
          ): {
              keyframesGenerator_play: () => (
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom: string;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight: string;
                      translate: string;
                  }
                  | { clipPath: string }
              )[];
          };
      } & {
          defaultConfig: { duration: 100 };
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
          ): {
              keyframesGenerator_play: () => (
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom: string;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight: string;
                      translate: string;
                  }
                  | { clipPath: string }
              )[];
          };
      }
    • ~wipe: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
          ): { keyframesGenerator_play: () => Keyframe[] };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
          ): { keyframesGenerator_play: () => Keyframe[] };
      }
    • ~disappear: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {};
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {};
      }
    • ~fade-out: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  { opacity?: undefined }
                  | { opacity: string }
              )[];
          };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  { opacity?: undefined }
                  | { opacity: string }
              )[];
          };
      }
    • ~fly-out: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?:
                  | "to-left"
                  | "to-top"
                  | "to-bottom"
                  | "to-right"
                  | "to-top-left"
                  | "to-top-right"
                  | "to-bottom-left"
                  | "to-bottom-right",
          ): { keyframesGenerator_play: () => { translate: string }[] };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?:
                  | "to-left"
                  | "to-top"
                  | "to-bottom"
                  | "to-right"
                  | "to-top-left"
                  | "to-top-right"
                  | "to-bottom-left"
                  | "to-bottom-right",
          ): { keyframesGenerator_play: () => { translate: string }[] };
      }
    • ~pinwheel: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: {};
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              numSpins?: number,
              direction?: "clockwise" | "counterclockwise",
          ): {
              keyframesGenerator_play: () => (
                  | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                  | { opacity: number; rotate: string; scale: number }
              )[];
          };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: {};
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              numSpins?: number,
              direction?: "clockwise" | "counterclockwise",
          ): {
              keyframesGenerator_play: () => (
                  | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                  | { opacity: number; rotate: string; scale: number }
              )[];
          };
      }
    • ~sink-down: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      composite: "replace";
                      easing?: undefined;
                      offset?: undefined;
                      opacity: number;
                      translate?: undefined;
                  }
                  | {
                      composite?: undefined;
                      easing: string;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                      opacity?: undefined;
                      translate: string;
                  }
              )[];
              reverseKeyframesEffect: true;
          };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      composite: "replace";
                      easing?: undefined;
                      offset?: undefined;
                      opacity: number;
                      translate?: undefined;
                  }
                  | {
                      composite?: undefined;
                      easing: string;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                      opacity?: undefined;
                      translate: string;
                  }
              )[];
              reverseKeyframesEffect: true;
          };
      }
    • ~slide-out: {
          defaultConfig: { duration: 100 };
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
          ): {
              keyframesGenerator_play: () => (
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom: string;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight: string;
                      translate: string;
                  }
                  | { clipPath: string }
              )[];
          };
      } & {
          defaultConfig: { duration: 100 };
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
          ): {
              keyframesGenerator_play: () => (
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom: string;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight: string;
                      translate: string;
                  }
                  | { clipPath: string }
              )[];
          };
      }
    • ~wipe: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
          ): { keyframesGenerator_play: () => Keyframe[] };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
          ): { keyframesGenerator_play: () => Keyframe[] };
      }
    • ~disappear: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {};
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {};
      }
    • ~fade-out: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  { opacity?: undefined }
                  | { opacity: string }
              )[];
          };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  { opacity?: undefined }
                  | { opacity: string }
              )[];
          };
      }
    • ~fly-out: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?:
                  | "to-left"
                  | "to-top"
                  | "to-bottom"
                  | "to-right"
                  | "to-top-left"
                  | "to-top-right"
                  | "to-bottom-left"
                  | "to-bottom-right",
          ): { keyframesGenerator_play: () => { translate: string }[] };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?:
                  | "to-left"
                  | "to-top"
                  | "to-bottom"
                  | "to-right"
                  | "to-top-left"
                  | "to-top-right"
                  | "to-bottom-left"
                  | "to-bottom-right",
          ): { keyframesGenerator_play: () => { translate: string }[] };
      }
    • ~pinwheel: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: {};
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              numSpins?: number,
              direction?: "clockwise" | "counterclockwise",
          ): {
              keyframesGenerator_play: () => (
                  | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                  | { opacity: number; rotate: string; scale: number }
              )[];
          };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: {};
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              numSpins?: number,
              direction?: "clockwise" | "counterclockwise",
          ): {
              keyframesGenerator_play: () => (
                  | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                  | { opacity: number; rotate: string; scale: number }
              )[];
          };
      }
    • ~sink-down: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      composite: "replace";
                      easing?: undefined;
                      offset?: undefined;
                      opacity: number;
                      translate?: undefined;
                  }
                  | {
                      composite?: undefined;
                      easing: string;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                      opacity?: undefined;
                      translate: string;
                  }
              )[];
              reverseKeyframesEffect: true;
          };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      composite: "replace";
                      easing?: undefined;
                      offset?: undefined;
                      opacity: number;
                      translate?: undefined;
                  }
                  | {
                      composite?: undefined;
                      easing: string;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset: number;
                      opacity?: undefined;
                      translate: string;
                  }
                  | {
                      composite?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                      opacity?: undefined;
                      translate: string;
                  }
              )[];
              reverseKeyframesEffect: true;
          };
      }
    • ~slide-out: {
          defaultConfig: { duration: 100 };
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
          ): {
              keyframesGenerator_play: () => (
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom: string;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight: string;
                      translate: string;
                  }
                  | { clipPath: string }
              )[];
          };
      } & {
          defaultConfig: { duration: 100 };
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "accumulate" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
          ): {
              keyframesGenerator_play: () => (
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom: string;
                      marginRight?: undefined;
                      translate: string;
                  }
                  | {
                      clipPath: string;
                      marginBottom?: undefined;
                      marginRight: string;
                      translate: string;
                  }
                  | { clipPath: string }
              )[];
          };
      }
    • ~wipe: {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
          ): { keyframesGenerator_play: () => Keyframe[] };
      } & {
          defaultConfig: {};
          howOftenBuildGenerators: "on-first-play-only";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      ExitClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
          ): { keyframesGenerator_play: () => Keyframe[] };
      }
    • __EFFECT_CATEGORY=EXIT: never