webchalk-animate - v0.31.0
    Preparing search index...
    webchalkPresetEffectBanks: {
        connectorEntranceBank: {
            "~appear": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ConnectorEntranceClip<
                                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-in": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ConnectorEntranceClip<
                                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: string }
                        | { opacity?: undefined }
                    )[];
                };
            };
            "~trace": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ConnectorEntranceClip<
                                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-A"
                        | "from-B",
                ): { keyframesGenerator_play: () => Keyframe[] };
            };
        };
        connectorExitBank: {
            "~disappear": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ConnectorExitClip<
                                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<
                            ConnectorExitClip<
                                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 }
                    )[];
                };
            };
            "~trace": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ConnectorExitClip<
                                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-A"
                        | "from-B",
                ): { keyframesGenerator_play: () => Keyframe[] };
            };
        };
        emphasisBank: {
            "~highlight": {
                defaultConfig: {
                    cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<
                                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",
                        >,
                    >,
                    color?: string,
                ): {
                    keyframesGenerator_play: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                    keyframesGenerator_rewind: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                };
            };
            "~un-highlight": {
                defaultConfig: {
                    cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<
                                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: () => { backgroundPositionX: string }[] };
            };
        } & {
            "~highlight": {
                defaultConfig: {
                    cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    color?: string,
                ): {
                    keyframesGenerator_play: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                    keyframesGenerator_rewind: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                };
            } & {
                defaultConfig: {
                    cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    color?: string,
                ): {
                    keyframesGenerator_play: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                    keyframesGenerator_rewind: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                };
            };
            "~un-highlight": {
                defaultConfig: {
                    cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
            } & {
                defaultConfig: {
                    cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
            };
        } & {
            "~highlight": {
                defaultConfig: {
                    cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    color?: string,
                ): {
                    keyframesGenerator_play: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                    keyframesGenerator_rewind: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                };
            } & {
                defaultConfig: {
                    cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    color?: string,
                ): {
                    keyframesGenerator_play: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                    keyframesGenerator_rewind: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                };
            };
            "~un-highlight": {
                defaultConfig: {
                    cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
            } & {
                defaultConfig: {
                    cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
            };
        } & {
            "~highlight": {
                defaultConfig: {
                    cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    color?: string,
                ): {
                    keyframesGenerator_play: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                    keyframesGenerator_rewind: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                };
            } & {
                defaultConfig: {
                    cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    color?: string,
                ): {
                    keyframesGenerator_play: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                    keyframesGenerator_rewind: () => (
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing: string;
                            offset?: undefined;
                        }
                        | {
                            "--webchalk-highlight-color"?: undefined;
                            backgroundPositionX: string;
                            easing?: undefined;
                            offset: number;
                        }
                        | {
                            "--webchalk-highlight-color": string;
                            backgroundPositionX?: undefined;
                            easing?: undefined;
                            offset?: undefined;
                        }
                    )[];
                };
            };
            "~un-highlight": {
                defaultConfig: {
                    cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
            } & {
                defaultConfig: {
                    cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
            };
        } & { "__EFFECT_CATEGORY=EMPHASIS": never };
        entranceBank: {
            "~appear": {
                defaultConfig: { delay: 0 };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<
                                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-in": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<
                                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: string }
                        | { opacity?: undefined }
                    )[];
                };
            };
            "~fly-in": {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<
                                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"
                        | "from-top-left"
                        | "from-top-right"
                        | "from-bottom-left"
                        | "from-bottom-right",
                ): { keyframesGenerator_play: () => { translate: string }[] };
            };
            "~pinwheel": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<
                                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: number; rotate: string; scale: number }
                        | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                    )[];
                };
            };
            "~rise-up": {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<
                                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;
                        }
                    )[];
                };
            };
            "~slide-in": {
                defaultConfig: { duration: 100 };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "accumulate" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<
                                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: () => (
                        | {
                            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<
                            EntranceClip<
                                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[] };
            };
        } & {
            "~appear": {
                defaultConfig: { delay: 0 };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {};
            } & {
                defaultConfig: { delay: 0 };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {};
            };
            "~fade-in": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {
                    keyframesGenerator_play: () => (
                        { opacity: string }
                        | { opacity?: undefined }
                    )[];
                };
            } & {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {
                    keyframesGenerator_play: () => (
                        { opacity: string }
                        | { opacity?: undefined }
                    )[];
                };
            };
            "~fly-in": {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?:
                        | "from-left"
                        | "from-top"
                        | "from-bottom"
                        | "from-right"
                        | "from-top-left"
                        | "from-top-right"
                        | "from-bottom-left"
                        | "from-bottom-right",
                ): { keyframesGenerator_play: () => { translate: string }[] };
            } & {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?:
                        | "from-left"
                        | "from-top"
                        | "from-bottom"
                        | "from-right"
                        | "from-top-left"
                        | "from-top-right"
                        | "from-bottom-left"
                        | "from-bottom-right",
                ): { keyframesGenerator_play: () => { translate: string }[] };
            };
            "~pinwheel": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

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

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    numSpins?: number,
                    direction?: "clockwise" | "counterclockwise",
                ): {
                    keyframesGenerator_play: () => (
                        | { opacity: number; rotate: string; scale: number }
                        | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                    )[];
                };
            };
            "~rise-up": {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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;
                        }
                    )[];
                };
            } & {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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;
                        }
                    )[];
                };
            };
            "~slide-in": {
                defaultConfig: { duration: 100 };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "accumulate" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?: "from-left" | "from-top" | "from-bottom" | "from-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<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?: "from-left" | "from-top" | "from-bottom" | "from-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<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
                ): { keyframesGenerator_play: () => Keyframe[] };
            };
        } & {
            "~appear": {
                defaultConfig: { delay: 0 };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {};
            } & {
                defaultConfig: { delay: 0 };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {};
            };
            "~fade-in": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {
                    keyframesGenerator_play: () => (
                        { opacity: string }
                        | { opacity?: undefined }
                    )[];
                };
            } & {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {
                    keyframesGenerator_play: () => (
                        { opacity: string }
                        | { opacity?: undefined }
                    )[];
                };
            };
            "~fly-in": {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?:
                        | "from-left"
                        | "from-top"
                        | "from-bottom"
                        | "from-right"
                        | "from-top-left"
                        | "from-top-right"
                        | "from-bottom-left"
                        | "from-bottom-right",
                ): { keyframesGenerator_play: () => { translate: string }[] };
            } & {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?:
                        | "from-left"
                        | "from-top"
                        | "from-bottom"
                        | "from-right"
                        | "from-top-left"
                        | "from-top-right"
                        | "from-bottom-left"
                        | "from-bottom-right",
                ): { keyframesGenerator_play: () => { translate: string }[] };
            };
            "~pinwheel": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

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

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    numSpins?: number,
                    direction?: "clockwise" | "counterclockwise",
                ): {
                    keyframesGenerator_play: () => (
                        | { opacity: number; rotate: string; scale: number }
                        | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                    )[];
                };
            };
            "~rise-up": {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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;
                        }
                    )[];
                };
            } & {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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;
                        }
                    )[];
                };
            };
            "~slide-in": {
                defaultConfig: { duration: 100 };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "accumulate" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?: "from-left" | "from-top" | "from-bottom" | "from-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<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?: "from-left" | "from-top" | "from-bottom" | "from-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<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
                ): { keyframesGenerator_play: () => Keyframe[] };
            };
        } & {
            "~appear": {
                defaultConfig: { delay: 0 };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {};
            } & {
                defaultConfig: { delay: 0 };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {};
            };
            "~fade-in": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {
                    keyframesGenerator_play: () => (
                        { opacity: string }
                        | { opacity?: undefined }
                    )[];
                };
            } & {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {
                    keyframesGenerator_play: () => (
                        { opacity: string }
                        | { opacity?: undefined }
                    )[];
                };
            };
            "~fly-in": {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?:
                        | "from-left"
                        | "from-top"
                        | "from-bottom"
                        | "from-right"
                        | "from-top-left"
                        | "from-top-right"
                        | "from-bottom-left"
                        | "from-bottom-right",
                ): { keyframesGenerator_play: () => { translate: string }[] };
            } & {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?:
                        | "from-left"
                        | "from-top"
                        | "from-bottom"
                        | "from-right"
                        | "from-top-left"
                        | "from-top-right"
                        | "from-bottom-left"
                        | "from-bottom-right",
                ): { keyframesGenerator_play: () => { translate: string }[] };
            };
            "~pinwheel": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

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

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    numSpins?: number,
                    direction?: "clockwise" | "counterclockwise",
                ): {
                    keyframesGenerator_play: () => (
                        | { opacity: number; rotate: string; scale: number }
                        | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                    )[];
                };
            };
            "~rise-up": {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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;
                        }
                    )[];
                };
            } & {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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;
                        }
                    )[];
                };
            };
            "~slide-in": {
                defaultConfig: { duration: 100 };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "accumulate" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?: "from-left" | "from-top" | "from-bottom" | "from-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<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?: "from-left" | "from-top" | "from-bottom" | "from-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<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<
                            EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
                ): { keyframesGenerator_play: () => Keyframe[] };
            };
        } & { "__EFFECT_CATEGORY=ENTRANCE": never };
        exitBank: {
            "~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",
                        >,
                    >,
                ): {};
            };
            "~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 }
                    )[];
                };
            };
            "~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 }[] };
            };
            "~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 }
                    )[];
                };
            };
            "~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;
                };
            };
            "~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 }
                    )[];
                };
            };
            "~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[] };
            };
        } & {
            "~disappear": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {};
            } & {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {};
            };
            "~fade-out": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

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

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {};
            } & {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {};
            };
            "~fade-out": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

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

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {};
            } & {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                ): {};
            };
            "~fade-out": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

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

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                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<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
                ): { keyframesGenerator_play: () => Keyframe[] };
            };
        } & { "__EFFECT_CATEGORY=EXIT": never };
        motionBank: {
            "~move-to": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "accumulate" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<
                                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",
                        >,
                    >,
                    targetElem: Element | null | undefined,
                    translationOptions?: Partial<MoveToOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            };
            "~translate": {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<
                                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",
                        >,
                    >,
                    translationOptions?: Partial<TranslateOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            };
        } & {
            "~move-to": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "accumulate" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    targetElem: Element | null | undefined,
                    translationOptions?: Partial<MoveToOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            } & {
                defaultConfig: {};
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "accumulate" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    targetElem: Element | null | undefined,
                    translationOptions?: Partial<MoveToOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            };
            "~translate": {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    translationOptions?: Partial<TranslateOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            } & {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    translationOptions?: Partial<TranslateOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            };
        } & {
            "~move-to": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "accumulate" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    targetElem: Element | null | undefined,
                    translationOptions?: Partial<MoveToOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            } & {
                defaultConfig: {};
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "accumulate" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    targetElem: Element | null | undefined,
                    translationOptions?: Partial<MoveToOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            };
            "~translate": {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    translationOptions?: Partial<TranslateOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            } & {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    translationOptions?: Partial<TranslateOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            };
        } & {
            "~move-to": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "accumulate" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    targetElem: Element | null | undefined,
                    translationOptions?: Partial<MoveToOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            } & {
                defaultConfig: {};
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { composite: "accumulate" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    targetElem: Element | null | undefined,
                    translationOptions?: Partial<MoveToOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            };
            "~translate": {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    translationOptions?: Partial<TranslateOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            } & {
                defaultConfig: { composite: "accumulate" };
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                                | "domElem"
                                | "getEffectDetails"
                                | "getStatus"
                                | "getStyles"
                                | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            AnimClip<
                                Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                                AnimClipConfig,
                            >,
                            "computeTween",
                        >,
                    >,
                    translationOptions?: Partial<TranslateOptions>,
                ): {
                    keyframesGenerator_play: () => { translate: string }[];
                    keyframesGenerator_rewind: () => { translate: string }[];
                };
            };
        } & { "__EFFECT_CATEGORY=MOTION": never };
        scrollBank: {
            "~scroll-self": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { composite: "replace" };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            ScrollerClip<
                                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",
                        >,
                    >,
                    target: Element | null | undefined,
                    scrollOptions?: Partial<ScrollingOptions>,
                ): {
                    mutatorGenerator_play: () => () => void;
                    mutatorGenerator_rewind: () => () => void;
                };
            };
        };
        textEditBank: {
            "~delete-text": {
                defaultConfig: { durationOrRate: number };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: {
                    durationOrRateDeletion: number;
                    durationOrRateInsertion: number;
                };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            TextEditorClip<
                                Readonly<
                                    StripDuplicateMethodAutocompletion<
                                        {
                                            defaultConfig?: (...)
                                            | (...);
                                            howOftenBuildGenerators?: (...) | (...) | (...);
                                            immutableConfig?: (...) | (...);
                                            buildFrameGenerators(
                                                this: Readonly<(...)>,
                                                ...effectOptions: (...)[],
                                            ): EffectFrameGeneratorSet;
                                        },
                                    >,
                                >,
                            >,
                            | "domElem"
                            | "getEffectDetails"
                            | "getStatus"
                            | "getStyles"
                            | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            TextEditorClip<
                                Readonly<
                                    StripDuplicateMethodAutocompletion<
                                        {
                                            defaultConfig?: (...)
                                            | (...);
                                            howOftenBuildGenerators?: (...) | (...) | (...);
                                            immutableConfig?: (...) | (...);
                                            buildFrameGenerators(
                                                this: Readonly<(...)>,
                                                ...effectOptions: (...)[],
                                            ): EffectFrameGeneratorSet;
                                        },
                                    >,
                                >,
                            >,
                            "setDurationFromRate",
                        >,
                    > & 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",
                        >,
                    >,
                    options?: Pick<
                        TextEditOptions,
                        | "letterChunking"
                        | "match"
                        | "ignoreMatchCase"
                        | "findAllMatches"
                        | "useCaptureGroups",
                    >,
                ): {
                    mutatorGenerator_play: () => () => void;
                    mutatorGenerator_rewind: () => () => void;
                };
            };
            "~insert-text": {
                defaultConfig: { durationOrRate: "500wpm" };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: {
                    durationOrRateDeletion: number;
                    durationOrRateInsertion: number;
                };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            TextEditorClip<
                                Readonly<
                                    StripDuplicateMethodAutocompletion<
                                        {
                                            defaultConfig?: (...)
                                            | (...);
                                            howOftenBuildGenerators?: (...) | (...) | (...);
                                            immutableConfig?: (...) | (...);
                                            buildFrameGenerators(
                                                this: Readonly<(...)>,
                                                ...effectOptions: (...)[],
                                            ): EffectFrameGeneratorSet;
                                        },
                                    >,
                                >,
                            >,
                            | "domElem"
                            | "getEffectDetails"
                            | "getStatus"
                            | "getStyles"
                            | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            TextEditorClip<
                                Readonly<
                                    StripDuplicateMethodAutocompletion<
                                        {
                                            defaultConfig?: (...)
                                            | (...);
                                            howOftenBuildGenerators?: (...) | (...) | (...);
                                            immutableConfig?: (...) | (...);
                                            buildFrameGenerators(
                                                this: Readonly<(...)>,
                                                ...effectOptions: (...)[],
                                            ): EffectFrameGeneratorSet;
                                        },
                                    >,
                                >,
                            >,
                            "setDurationFromRate",
                        >,
                    > & 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",
                        >,
                    >,
                    newText: string | number | (string | number)[],
                    options?: Pick<
                        TextEditOptions,
                        | "match"
                        | "findAllMatches"
                        | "ignoreMatchCase"
                        | "useCaptureGroups"
                        | "letterChunking"
                        | "joinMatches",
                    > & { position?: "after"
                    | "before" },
                ): {
                    mutatorGenerator_play: () => () => void;
                    mutatorGenerator_rewind: () => () => void;
                };
            };
            "~replace-text": {
                defaultConfig: {
                    durationOrRateDeletion: number;
                    durationOrRateInsertion: "500wpm";
                };
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: { durationOrRate: number };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            TextEditorClip<
                                Readonly<
                                    StripDuplicateMethodAutocompletion<
                                        {
                                            defaultConfig?: (...)
                                            | (...);
                                            howOftenBuildGenerators?: (...) | (...) | (...);
                                            immutableConfig?: (...) | (...);
                                            buildFrameGenerators(
                                                this: Readonly<(...)>,
                                                ...effectOptions: (...)[],
                                            ): EffectFrameGeneratorSet;
                                        },
                                    >,
                                >,
                            >,
                            | "domElem"
                            | "getEffectDetails"
                            | "getStatus"
                            | "getStyles"
                            | "getTiming",
                        >,
                    > & Readonly<
                        Pick<
                            TextEditorClip<
                                Readonly<
                                    StripDuplicateMethodAutocompletion<
                                        {
                                            defaultConfig?: (...)
                                            | (...);
                                            howOftenBuildGenerators?: (...) | (...) | (...);
                                            immutableConfig?: (...) | (...);
                                            buildFrameGenerators(
                                                this: Readonly<(...)>,
                                                ...effectOptions: (...)[],
                                            ): EffectFrameGeneratorSet;
                                        },
                                    >,
                                >,
                            >,
                            "setDurationFromRate",
                        >,
                    > & 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",
                        >,
                    >,
                    newText: string | number | (string | number)[],
                    options?: Pick<
                        TextEditOptions,
                        | "letterChunking"
                        | "match"
                        | "ignoreMatchCase"
                        | "findAllMatches"
                        | "joinMatches"
                        | "useCaptureGroups",
                    >,
                ): {
                    mutatorGenerator_play: () => () => void;
                    mutatorGenerator_rewind: () => () => void;
                };
            };
        };
        transitionBank: {
            "~from": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-first-play-only";
                immutableConfig: { commitsStyles: false };
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            TransitionClip<
                                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",
                        >,
                    >,
                    keyframe: Keyframe,
                ): {
                    keyframesGenerator_play: () => {
                        composite?: CompositeOperationOrAuto;
                        easing?: string;
                        offset?: number
                        | null;
                        [property: string]: string | number | null | undefined;
                    }[];
                };
            };
            "~to": {
                defaultConfig: {};
                howOftenBuildGenerators: "on-every-play";
                immutableConfig: {};
                buildFrameGenerators(
                    this: Readonly<
                        Pick<
                            TransitionClip<
                                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",
                        >,
                    >,
                    keyframe: Keyframe,
                ): { keyframesGenerator_play: () => {}[] };
            };
        };
    } = ...

    The object containing the various preset effect banks that Webchalk provides.

    Type Declaration

    • connectorEntranceBank: {
          "~appear": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ConnectorEntranceClip<
                              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-in": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ConnectorEntranceClip<
                              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: string }
                      | { opacity?: undefined }
                  )[];
              };
          };
          "~trace": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ConnectorEntranceClip<
                              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-A"
                      | "from-B",
              ): { keyframesGenerator_play: () => Keyframe[] };
          };
      }
      • ~appear: {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ConnectorEntranceClip<
                            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 connector element appears instantaneously.

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

            • this: Readonly<
                  Pick<
                      ConnectorEntranceClip<
                          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-in: {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ConnectorEntranceClip<
                            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: string }
                    | { opacity?: undefined }
                )[];
            };
        }

        The connector element fades in, starting from 0 opacity.

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

            • this: Readonly<
                  Pick<
                      ConnectorEntranceClip<
                          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: string }
                    | { opacity?: undefined }
                )[];
            }

      • ~trace: {
            defaultConfig: {};
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ConnectorEntranceClip<
                            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-A"
                    | "from-B",
            ): { keyframesGenerator_play: () => Keyframe[] };
        }

        The connector is wiped on from the specified direction as if being drawn.

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

            • this: Readonly<
                  Pick<
                      ConnectorEntranceClip<
                          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-A" | "from-B" = 'from-A'

              The direction from which the connector should be traced.

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

    • connectorExitBank: {
          "~disappear": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ConnectorExitClip<
                              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<
                          ConnectorExitClip<
                              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 }
                  )[];
              };
          };
          "~trace": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ConnectorExitClip<
                              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-A"
                      | "from-B",
              ): { keyframesGenerator_play: () => Keyframe[] };
          };
      }
      • ~disappear: {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ConnectorExitClip<
                            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 connector element disappears instantaneously.

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

            • this: Readonly<
                  Pick<
                      ConnectorExitClip<
                          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<
                        ConnectorExitClip<
                            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 connector element fades out to 0 opacity.

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

            • this: Readonly<
                  Pick<
                      ConnectorExitClip<
                          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 }
                )[];
            }

      • ~trace: {
            defaultConfig: {};
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ConnectorExitClip<
                            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-A"
                    | "from-B",
            ): { keyframesGenerator_play: () => Keyframe[] };
        }

        The connector element is wiped off from the specified direction as if being erased.

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

            • this: Readonly<
                  Pick<
                      ConnectorExitClip<
                          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-A" | "from-B" = 'from-A'

              The direction from which the connector should be traced.

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

    • emphasisBank: {
          "~highlight": {
              defaultConfig: {
                  cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<
                              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",
                      >,
                  >,
                  color?: string,
              ): {
                  keyframesGenerator_play: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
                  keyframesGenerator_rewind: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
              };
          };
          "~un-highlight": {
              defaultConfig: {
                  cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<
                              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: () => { backgroundPositionX: string }[] };
          };
      } & {
          "~highlight": {
              defaultConfig: {
                  cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  color?: string,
              ): {
                  keyframesGenerator_play: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
                  keyframesGenerator_rewind: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
              };
          } & {
              defaultConfig: {
                  cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  color?: string,
              ): {
                  keyframesGenerator_play: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
                  keyframesGenerator_rewind: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
              };
          };
          "~un-highlight": {
              defaultConfig: {
                  cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
          } & {
              defaultConfig: {
                  cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
          };
      } & {
          "~highlight": {
              defaultConfig: {
                  cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  color?: string,
              ): {
                  keyframesGenerator_play: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
                  keyframesGenerator_rewind: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
              };
          } & {
              defaultConfig: {
                  cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  color?: string,
              ): {
                  keyframesGenerator_play: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
                  keyframesGenerator_rewind: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
              };
          };
          "~un-highlight": {
              defaultConfig: {
                  cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
          } & {
              defaultConfig: {
                  cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
          };
      } & {
          "~highlight": {
              defaultConfig: {
                  cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  color?: string,
              ): {
                  keyframesGenerator_play: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
                  keyframesGenerator_rewind: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
              };
          } & {
              defaultConfig: {
                  cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  color?: string,
              ): {
                  keyframesGenerator_play: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
                  keyframesGenerator_rewind: () => (
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing: string;
                          offset?: undefined;
                      }
                      | {
                          "--webchalk-highlight-color"?: undefined;
                          backgroundPositionX: string;
                          easing?: undefined;
                          offset: number;
                      }
                      | {
                          "--webchalk-highlight-color": string;
                          backgroundPositionX?: undefined;
                          easing?: undefined;
                          offset?: undefined;
                      }
                  )[];
              };
          };
          "~un-highlight": {
              defaultConfig: {
                  cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
          } & {
              defaultConfig: {
                  cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EmphasisClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
          };
      } & { "__EFFECT_CATEGORY=EMPHASIS": never }
    • entranceBank: {
          "~appear": {
              defaultConfig: { delay: 0 };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<
                              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-in": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<
                              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: string }
                      | { opacity?: undefined }
                  )[];
              };
          };
          "~fly-in": {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<
                              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"
                      | "from-top-left"
                      | "from-top-right"
                      | "from-bottom-left"
                      | "from-bottom-right",
              ): { keyframesGenerator_play: () => { translate: string }[] };
          };
          "~pinwheel": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<
                              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: number; rotate: string; scale: number }
                      | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                  )[];
              };
          };
          "~rise-up": {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<
                              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;
                      }
                  )[];
              };
          };
          "~slide-in": {
              defaultConfig: { duration: 100 };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "accumulate" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<
                              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: () => (
                      | {
                          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<
                          EntranceClip<
                              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[] };
          };
      } & {
          "~appear": {
              defaultConfig: { delay: 0 };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {};
          } & {
              defaultConfig: { delay: 0 };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {};
          };
          "~fade-in": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {
                  keyframesGenerator_play: () => (
                      { opacity: string }
                      | { opacity?: undefined }
                  )[];
              };
          } & {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {
                  keyframesGenerator_play: () => (
                      { opacity: string }
                      | { opacity?: undefined }
                  )[];
              };
          };
          "~fly-in": {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?:
                      | "from-left"
                      | "from-top"
                      | "from-bottom"
                      | "from-right"
                      | "from-top-left"
                      | "from-top-right"
                      | "from-bottom-left"
                      | "from-bottom-right",
              ): { keyframesGenerator_play: () => { translate: string }[] };
          } & {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?:
                      | "from-left"
                      | "from-top"
                      | "from-bottom"
                      | "from-right"
                      | "from-top-left"
                      | "from-top-right"
                      | "from-bottom-left"
                      | "from-bottom-right",
              ): { keyframesGenerator_play: () => { translate: string }[] };
          };
          "~pinwheel": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

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

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  numSpins?: number,
                  direction?: "clockwise" | "counterclockwise",
              ): {
                  keyframesGenerator_play: () => (
                      | { opacity: number; rotate: string; scale: number }
                      | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                  )[];
              };
          };
          "~rise-up": {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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;
                      }
                  )[];
              };
          } & {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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;
                      }
                  )[];
              };
          };
          "~slide-in": {
              defaultConfig: { duration: 100 };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "accumulate" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?: "from-left" | "from-top" | "from-bottom" | "from-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<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?: "from-left" | "from-top" | "from-bottom" | "from-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<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
              ): { keyframesGenerator_play: () => Keyframe[] };
          };
      } & {
          "~appear": {
              defaultConfig: { delay: 0 };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {};
          } & {
              defaultConfig: { delay: 0 };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {};
          };
          "~fade-in": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {
                  keyframesGenerator_play: () => (
                      { opacity: string }
                      | { opacity?: undefined }
                  )[];
              };
          } & {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {
                  keyframesGenerator_play: () => (
                      { opacity: string }
                      | { opacity?: undefined }
                  )[];
              };
          };
          "~fly-in": {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?:
                      | "from-left"
                      | "from-top"
                      | "from-bottom"
                      | "from-right"
                      | "from-top-left"
                      | "from-top-right"
                      | "from-bottom-left"
                      | "from-bottom-right",
              ): { keyframesGenerator_play: () => { translate: string }[] };
          } & {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?:
                      | "from-left"
                      | "from-top"
                      | "from-bottom"
                      | "from-right"
                      | "from-top-left"
                      | "from-top-right"
                      | "from-bottom-left"
                      | "from-bottom-right",
              ): { keyframesGenerator_play: () => { translate: string }[] };
          };
          "~pinwheel": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

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

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  numSpins?: number,
                  direction?: "clockwise" | "counterclockwise",
              ): {
                  keyframesGenerator_play: () => (
                      | { opacity: number; rotate: string; scale: number }
                      | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                  )[];
              };
          };
          "~rise-up": {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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;
                      }
                  )[];
              };
          } & {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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;
                      }
                  )[];
              };
          };
          "~slide-in": {
              defaultConfig: { duration: 100 };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "accumulate" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?: "from-left" | "from-top" | "from-bottom" | "from-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<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?: "from-left" | "from-top" | "from-bottom" | "from-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<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
              ): { keyframesGenerator_play: () => Keyframe[] };
          };
      } & {
          "~appear": {
              defaultConfig: { delay: 0 };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {};
          } & {
              defaultConfig: { delay: 0 };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {};
          };
          "~fade-in": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {
                  keyframesGenerator_play: () => (
                      { opacity: string }
                      | { opacity?: undefined }
                  )[];
              };
          } & {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {
                  keyframesGenerator_play: () => (
                      { opacity: string }
                      | { opacity?: undefined }
                  )[];
              };
          };
          "~fly-in": {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?:
                      | "from-left"
                      | "from-top"
                      | "from-bottom"
                      | "from-right"
                      | "from-top-left"
                      | "from-top-right"
                      | "from-bottom-left"
                      | "from-bottom-right",
              ): { keyframesGenerator_play: () => { translate: string }[] };
          } & {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?:
                      | "from-left"
                      | "from-top"
                      | "from-bottom"
                      | "from-right"
                      | "from-top-left"
                      | "from-top-right"
                      | "from-bottom-left"
                      | "from-bottom-right",
              ): { keyframesGenerator_play: () => { translate: string }[] };
          };
          "~pinwheel": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

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

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  numSpins?: number,
                  direction?: "clockwise" | "counterclockwise",
              ): {
                  keyframesGenerator_play: () => (
                      | { opacity: number; rotate: string; scale: number }
                      | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                  )[];
              };
          };
          "~rise-up": {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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;
                      }
                  )[];
              };
          } & {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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;
                      }
                  )[];
              };
          };
          "~slide-in": {
              defaultConfig: { duration: 100 };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "accumulate" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?: "from-left" | "from-top" | "from-bottom" | "from-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<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?: "from-left" | "from-top" | "from-bottom" | "from-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<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<
                          EntranceClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
              ): { keyframesGenerator_play: () => Keyframe[] };
          };
      } & { "__EFFECT_CATEGORY=ENTRANCE": never }
    • exitBank: {
          "~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",
                      >,
                  >,
              ): {};
          };
          "~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 }
                  )[];
              };
          };
          "~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 }[] };
          };
          "~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 }
                  )[];
              };
          };
          "~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;
              };
          };
          "~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 }
                  )[];
              };
          };
          "~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[] };
          };
      } & {
          "~disappear": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {};
          } & {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {};
          };
          "~fade-out": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

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

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {};
          } & {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {};
          };
          "~fade-out": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

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

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {};
          } & {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
              ): {};
          };
          "~fade-out": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ExitClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

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

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              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<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
              ): { keyframesGenerator_play: () => Keyframe[] };
          };
      } & { "__EFFECT_CATEGORY=EXIT": never }
    • motionBank: {
          "~move-to": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "accumulate" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<
                              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",
                      >,
                  >,
                  targetElem: Element | null | undefined,
                  translationOptions?: Partial<MoveToOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          };
          "~translate": {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<
                              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",
                      >,
                  >,
                  translationOptions?: Partial<TranslateOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          };
      } & {
          "~move-to": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "accumulate" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  targetElem: Element | null | undefined,
                  translationOptions?: Partial<MoveToOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          } & {
              defaultConfig: {};
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "accumulate" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  targetElem: Element | null | undefined,
                  translationOptions?: Partial<MoveToOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          };
          "~translate": {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  translationOptions?: Partial<TranslateOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          } & {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  translationOptions?: Partial<TranslateOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          };
      } & {
          "~move-to": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "accumulate" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  targetElem: Element | null | undefined,
                  translationOptions?: Partial<MoveToOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          } & {
              defaultConfig: {};
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "accumulate" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  targetElem: Element | null | undefined,
                  translationOptions?: Partial<MoveToOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          };
          "~translate": {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  translationOptions?: Partial<TranslateOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          } & {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  translationOptions?: Partial<TranslateOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          };
      } & {
          "~move-to": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "accumulate" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  targetElem: Element | null | undefined,
                  translationOptions?: Partial<MoveToOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          } & {
              defaultConfig: {};
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { composite: "accumulate" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  targetElem: Element | null | undefined,
                  translationOptions?: Partial<MoveToOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          };
          "~translate": {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  translationOptions?: Partial<TranslateOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          } & {
              defaultConfig: { composite: "accumulate" };
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          MotionClip<Readonly<StripDuplicateMethodAutocompletion<(...)>>>,

                              | "domElem"
                              | "getEffectDetails"
                              | "getStatus"
                              | "getStyles"
                              | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          AnimClip<
                              Readonly<StripDuplicateMethodAutocompletion<(...)>>,
                              AnimClipConfig,
                          >,
                          "computeTween",
                      >,
                  >,
                  translationOptions?: Partial<TranslateOptions>,
              ): {
                  keyframesGenerator_play: () => { translate: string }[];
                  keyframesGenerator_rewind: () => { translate: string }[];
              };
          };
      } & { "__EFFECT_CATEGORY=MOTION": never }
    • scrollBank: {
          "~scroll-self": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { composite: "replace" };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          ScrollerClip<
                              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",
                      >,
                  >,
                  target: Element | null | undefined,
                  scrollOptions?: Partial<ScrollingOptions>,
              ): {
                  mutatorGenerator_play: () => () => void;
                  mutatorGenerator_rewind: () => () => void;
              };
          };
      }
      • ~scroll-self: {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        ScrollerClip<
                            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",
                    >,
                >,
                target: Element | null | undefined,
                scrollOptions?: Partial<ScrollingOptions>,
            ): {
                mutatorGenerator_play: () => () => void;
                mutatorGenerator_rewind: () => () => void;
            };
        }

        The element is scrolled with respect to a child element.

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

            • this: Readonly<
                  Pick<
                      ScrollerClip<
                          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",
                  >,
              >
            • target: Element | null | undefined

              The child element to which our element should scroll.

            • scrollOptions: Partial<ScrollingOptions> = {}

              An options object defining the behavior of the scroll.

            Returns {
                mutatorGenerator_play: () => () => void;
                mutatorGenerator_rewind: () => () => void;
            }

    • textEditBank: {
          "~delete-text": {
              defaultConfig: { durationOrRate: number };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: {
                  durationOrRateDeletion: number;
                  durationOrRateInsertion: number;
              };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          TextEditorClip<
                              Readonly<
                                  StripDuplicateMethodAutocompletion<
                                      {
                                          defaultConfig?: (...)
                                          | (...);
                                          howOftenBuildGenerators?: (...) | (...) | (...);
                                          immutableConfig?: (...) | (...);
                                          buildFrameGenerators(
                                              this: Readonly<(...)>,
                                              ...effectOptions: (...)[],
                                          ): EffectFrameGeneratorSet;
                                      },
                                  >,
                              >,
                          >,
                          | "domElem"
                          | "getEffectDetails"
                          | "getStatus"
                          | "getStyles"
                          | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          TextEditorClip<
                              Readonly<
                                  StripDuplicateMethodAutocompletion<
                                      {
                                          defaultConfig?: (...)
                                          | (...);
                                          howOftenBuildGenerators?: (...) | (...) | (...);
                                          immutableConfig?: (...) | (...);
                                          buildFrameGenerators(
                                              this: Readonly<(...)>,
                                              ...effectOptions: (...)[],
                                          ): EffectFrameGeneratorSet;
                                      },
                                  >,
                              >,
                          >,
                          "setDurationFromRate",
                      >,
                  > & 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",
                      >,
                  >,
                  options?: Pick<
                      TextEditOptions,
                      | "letterChunking"
                      | "match"
                      | "ignoreMatchCase"
                      | "findAllMatches"
                      | "useCaptureGroups",
                  >,
              ): {
                  mutatorGenerator_play: () => () => void;
                  mutatorGenerator_rewind: () => () => void;
              };
          };
          "~insert-text": {
              defaultConfig: { durationOrRate: "500wpm" };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: {
                  durationOrRateDeletion: number;
                  durationOrRateInsertion: number;
              };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          TextEditorClip<
                              Readonly<
                                  StripDuplicateMethodAutocompletion<
                                      {
                                          defaultConfig?: (...)
                                          | (...);
                                          howOftenBuildGenerators?: (...) | (...) | (...);
                                          immutableConfig?: (...) | (...);
                                          buildFrameGenerators(
                                              this: Readonly<(...)>,
                                              ...effectOptions: (...)[],
                                          ): EffectFrameGeneratorSet;
                                      },
                                  >,
                              >,
                          >,
                          | "domElem"
                          | "getEffectDetails"
                          | "getStatus"
                          | "getStyles"
                          | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          TextEditorClip<
                              Readonly<
                                  StripDuplicateMethodAutocompletion<
                                      {
                                          defaultConfig?: (...)
                                          | (...);
                                          howOftenBuildGenerators?: (...) | (...) | (...);
                                          immutableConfig?: (...) | (...);
                                          buildFrameGenerators(
                                              this: Readonly<(...)>,
                                              ...effectOptions: (...)[],
                                          ): EffectFrameGeneratorSet;
                                      },
                                  >,
                              >,
                          >,
                          "setDurationFromRate",
                      >,
                  > & 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",
                      >,
                  >,
                  newText: string | number | (string | number)[],
                  options?: Pick<
                      TextEditOptions,
                      | "match"
                      | "findAllMatches"
                      | "ignoreMatchCase"
                      | "useCaptureGroups"
                      | "letterChunking"
                      | "joinMatches",
                  > & { position?: "after"
                  | "before" },
              ): {
                  mutatorGenerator_play: () => () => void;
                  mutatorGenerator_rewind: () => () => void;
              };
          };
          "~replace-text": {
              defaultConfig: {
                  durationOrRateDeletion: number;
                  durationOrRateInsertion: "500wpm";
              };
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: { durationOrRate: number };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          TextEditorClip<
                              Readonly<
                                  StripDuplicateMethodAutocompletion<
                                      {
                                          defaultConfig?: (...)
                                          | (...);
                                          howOftenBuildGenerators?: (...) | (...) | (...);
                                          immutableConfig?: (...) | (...);
                                          buildFrameGenerators(
                                              this: Readonly<(...)>,
                                              ...effectOptions: (...)[],
                                          ): EffectFrameGeneratorSet;
                                      },
                                  >,
                              >,
                          >,
                          | "domElem"
                          | "getEffectDetails"
                          | "getStatus"
                          | "getStyles"
                          | "getTiming",
                      >,
                  > & Readonly<
                      Pick<
                          TextEditorClip<
                              Readonly<
                                  StripDuplicateMethodAutocompletion<
                                      {
                                          defaultConfig?: (...)
                                          | (...);
                                          howOftenBuildGenerators?: (...) | (...) | (...);
                                          immutableConfig?: (...) | (...);
                                          buildFrameGenerators(
                                              this: Readonly<(...)>,
                                              ...effectOptions: (...)[],
                                          ): EffectFrameGeneratorSet;
                                      },
                                  >,
                              >,
                          >,
                          "setDurationFromRate",
                      >,
                  > & 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",
                      >,
                  >,
                  newText: string | number | (string | number)[],
                  options?: Pick<
                      TextEditOptions,
                      | "letterChunking"
                      | "match"
                      | "ignoreMatchCase"
                      | "findAllMatches"
                      | "joinMatches"
                      | "useCaptureGroups",
                  >,
              ): {
                  mutatorGenerator_play: () => () => void;
                  mutatorGenerator_rewind: () => () => void;
              };
          };
      }
      • ~delete-text: {
            defaultConfig: { durationOrRate: number };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: {
                durationOrRateDeletion: number;
                durationOrRateInsertion: number;
            };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        TextEditorClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        TextEditorClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        "setDurationFromRate",
                    >,
                > & 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",
                    >,
                >,
                options?: Pick<
                    TextEditOptions,
                    | "letterChunking"
                    | "match"
                    | "ignoreMatchCase"
                    | "findAllMatches"
                    | "useCaptureGroups",
                >,
            ): {
                mutatorGenerator_play: () => () => void;
                mutatorGenerator_rewind: () => () => void;
            };
        }

        The element has all (or just the specified) text deleted.

      • ~insert-text: {
            defaultConfig: { durationOrRate: "500wpm" };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: {
                durationOrRateDeletion: number;
                durationOrRateInsertion: number;
            };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        TextEditorClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        TextEditorClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        "setDurationFromRate",
                    >,
                > & 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",
                    >,
                >,
                newText: string | number | (string | number)[],
                options?: Pick<
                    TextEditOptions,
                    | "match"
                    | "findAllMatches"
                    | "ignoreMatchCase"
                    | "useCaptureGroups"
                    | "letterChunking"
                    | "joinMatches",
                > & { position?: "after"
                | "before" },
            ): {
                mutatorGenerator_play: () => () => void;
                mutatorGenerator_rewind: () => () => void;
            };
        }

        The element has the specified text inserted.

      • ~replace-text: {
            defaultConfig: {
                durationOrRateDeletion: number;
                durationOrRateInsertion: "500wpm";
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { durationOrRate: number };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        TextEditorClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        TextEditorClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        "setDurationFromRate",
                    >,
                > & 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",
                    >,
                >,
                newText: string | number | (string | number)[],
                options?: Pick<
                    TextEditOptions,
                    | "letterChunking"
                    | "match"
                    | "ignoreMatchCase"
                    | "findAllMatches"
                    | "joinMatches"
                    | "useCaptureGroups",
                >,
            ): {
                mutatorGenerator_play: () => () => void;
                mutatorGenerator_rewind: () => () => void;
            };
        }

        The element has all (or just the specified) text deleted and replaced with the specified text.

    • transitionBank: {
          "~from": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-first-play-only";
              immutableConfig: { commitsStyles: false };
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          TransitionClip<
                              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",
                      >,
                  >,
                  keyframe: Keyframe,
              ): {
                  keyframesGenerator_play: () => {
                      composite?: CompositeOperationOrAuto;
                      easing?: string;
                      offset?: number
                      | null;
                      [property: string]: string | number | null | undefined;
                  }[];
              };
          };
          "~to": {
              defaultConfig: {};
              howOftenBuildGenerators: "on-every-play";
              immutableConfig: {};
              buildFrameGenerators(
                  this: Readonly<
                      Pick<
                          TransitionClip<
                              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",
                      >,
                  >,
                  keyframe: Keyframe,
              ): { keyframesGenerator_play: () => {}[] };
          };
      }
      • ~from: {
            defaultConfig: {};
            howOftenBuildGenerators: "on-first-play-only";
            immutableConfig: { commitsStyles: false };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        TransitionClip<
                            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",
                    >,
                >,
                keyframe: Keyframe,
            ): {
                keyframesGenerator_play: () => {
                    composite?: CompositeOperationOrAuto;
                    easing?: string;
                    offset?: number
                    | null;
                    [property: string]: string | number | null | undefined;
                }[];
            };
        }

        The element transitions from the specified Keyframe to its current state.

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

            • this: Readonly<
                  Pick<
                      TransitionClip<
                          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",
                  >,
              >
            • keyframe: Keyframe

              A single Keyframe object dictating the beginning state of the transition.

            Returns {
                keyframesGenerator_play: () => {
                    composite?: CompositeOperationOrAuto;
                    easing?: string;
                    offset?: number
                    | null;
                    [property: string]: string | number | null | undefined;
                }[];
            }

            const { Transition } = webchalk.createAnimationClipFactories();

            // get element from DOM and set its styles (just to give some explicit values to look at)
            const square = document.querySelector('.square') as HTMLElement;
            square.style.opacity = '0.5';
            square.style.backgroundColor = 'black';
            square.style.width = '200px';

            // A = element, B = effect name, C = effect options, D = configuration (optional)

            // A B C D
            const clip1 = Transition(square, '~from', [{opacity: '0', backgroundColor: 'red', width: '0'}], {duration: 2000});
            // A B C D
            const clip2 = Transition(square, '~from', [{width: '5000px'}], {duration: 1000});

            (async () => {
            // The square instantly becomes invisible (0 opacity), turns red, and has 0 width. Then over 2 seconds, it
            // transitions back to its state before the transition (0.5 opacity, black background, and 200px width).
            await clip1.play();

            // The square instantly becomes 5000px. Then over 1 second, it transitions back to 200px width.
            await clip2.play();
            })();
      • ~to: {
            defaultConfig: {};
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: {};
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        TransitionClip<
                            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",
                    >,
                >,
                keyframe: Keyframe,
            ): { keyframesGenerator_play: () => {}[] };
        }

        The element transitions from its current state to the specified Keyframe.

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

            • this: Readonly<
                  Pick<
                      TransitionClip<
                          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",
                  >,
              >
            • keyframe: Keyframe

              A single Keyframe object dictating the end state of the transition.

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

            const { Transition } = webchalk.createAnimationClipFactories();

            // get element from DOM and set its styles (just to give some explicit values to look at)
            const square = document.querySelector('.square') as HTMLElement;
            square.style.opacity = '0.5';
            square.style.backgroundColor = 'black';
            square.style.width = '200px';

            // A = element, B = effect name, C = effect options, D = configuration (optional)

            // A B C D
            const clip1 = Transition(square, '~to', [{opacity: '0', backgroundColor: 'red', width: '0'}], {duration: 2000});
            // A B C D
            const clip2 = Transition(square, '~to', [{opacity: '1', width: '5000px'}], {duration: 1000});
            const clip3 = Transition(square, '~to', [{width: '200px'}], {duration: 0.5, removeInlineStylesOnFinish: true});

            (async () => {
            // Over 2 seconds, the square transitions to having 0 opacity, a red background color, and 0 width.
            await clip1.play();

            // Over 1 second, the square transitions to have 100% opacity and 5000px width.
            await clip2.play();

            // Over 0.5 seconds, the square transitions to having 200px.
            // Because of removeInlineStylesOnFinish, the inline styles related to this clip (i.e., just the width) will be
            // removed from the element in the HTML after the clip finishes. This is reasonable here since the very original
            // width of the square is 200px.
            await clip3.play();
            })();