@drincs/pixi-vn 1.9.4 → 1.9.5

package/dist/canvas.d.cts

@@ -1230,182 +1230,6 @@ declare namespace RegisteredEvents {
     function keys(): string[];
 }
 
-/**
- * @deprecated Use `effects.shakeEffect` instead.
- */
-declare function shakeEffect(alias: string, options?: ShakeEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-declare namespace effects {
-    /**
-     * Shake the canvas element.
-     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
-     * @param alias The alias to identify the component.
-     * @param options Animation options, matching the `options` of animate function.
-     * @param priority The priority of the PixiJS ticker. This parameter sets the ticker's priority.
-     * @returns
-     */
-    function shakeEffect(alias: string, options?: ShakeEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Bounce the canvas element: a one-directional displacement that repeatedly returns to rest, each
-     * bounce shrinking towards rest by {@link BounceEffectProps.decay}. Like a dropped ball settling.
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function bounceEffect(alias: string, options?: BounceEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Pulse the canvas element: a repeated, decaying scale bump away from its current scale and back.
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function pulseEffect(alias: string, options?: PulseEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Hop the canvas element: one deliberate displacement-and-return, optionally followed by smaller,
-     * decaying secondary hops.
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function hopEffect(alias: string, options?: HopEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Wiggle the canvas element: a decaying rotation oscillation around its current angle.
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function wiggleEffect(alias: string, options?: WiggleEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Nod the canvas element: a decaying positional oscillation along one axis.
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function nodEffect(alias: string, options?: NodEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Sway the canvas element: a smooth, optionally combined positional and rotational drift around its
-     * current state - a gentler, slower cousin of {@link nodEffect}/{@link wiggleEffect}.
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function swayEffect(alias: string, options?: SwayEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Punch the canvas element: a single fast impulse (position, rotation, or scale) with a strong
-     * attack and a short, slightly overshooting recovery back to rest - unlike every other effect here,
-     * this is a one-shot impact, not a repeated oscillation.
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function punchEffect(alias: string, options?: PunchEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Glitch the canvas element: decaying, jittery bursts of digital-corruption slice displacement
-     * ({@link https://pixijs.io/filters/docs/GlitchFilter.html GlitchFilter}) - each burst snaps,
-     * kicks back the other way and settles - with a matching red/blue channel split layered on top
-     * ({@link https://pixijs.io/filters/docs/RGBSplitFilter.html RGBSplitFilter}, see
-     * {@link GlitchEffectProps.rgbSplit}). Both filters are removed once done. Returns one ticker id
-     * per filter.
-     *
-     * Known cosmetic quirk: `GlitchFilter`'s own `destroy()` (called once this effect completes, to
-     * clean up its displacement texture) can log a harmless `PixiJS Warning: [BindGroup] a
-     * 'textureSource'/'textureSampler' was destroyed while still bound to a shader` in the console -
-     * this comes from `pixi-filters`' own implementation, not from this effect, doesn't affect the
-     * component's rendering or state, and every property is still correctly restored/detached.
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function glitchEffect(alias: string, options?: GlitchEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Chromatic-aberration the canvas element: the red and blue color channels split apart in opposite
-     * directions and snap back, in a decaying burst
-     * ({@link https://pixijs.io/filters/docs/RGBSplitFilter.html RGBSplitFilter}).
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function chromaticAberrationEffect(alias: string, options?: ChromaticAberrationEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Shockwave the canvas element: a single radial ripple distortion travels outward from an origin
-     * point and fades ({@link https://pixijs.io/filters/docs/ShockwaveFilter.html ShockwaveFilter}) -
-     * a one-shot impact, not a repeated oscillation.
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function shockwaveEffect(alias: string, options?: ShockwaveEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Radially blur the canvas element: a decaying burst of zoom-blur radiating from an origin point,
-     * settling back to no blur between and after each burst
-     * ({@link https://pixijs.io/filters/docs/ZoomBlurFilter.html ZoomBlurFilter}).
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function radialBlurEffect(alias: string, options?: RadialBlurEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Pulse a blur on the canvas element: a repeated, decaying blur bump that settles back to no blur
-     * between and after each pulse ({@link https://pixijs.io/filters/docs/BlurFilter.html BlurFilter}).
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function blurPulseEffect(alias: string, options?: BlurPulseEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Pulse a vignette on the canvas element: the edges darken and recover, in a repeated, decaying
-     * pulse - built on {@link https://pixijs.io/filters/docs/CRTFilter.html CRTFilter} with its
-     * scanline/noise features turned off, isolating just the vignette.
-     *
-     * The vignette darkens the corners of the element's own bounding rectangle, so it's meant for
-     * backgrounds and other full-frame images; on a sprite with transparent corners (a character, a
-     * shape) there's little to darken and it barely shows.
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function vignettePulseEffect(alias: string, options?: VignettePulseEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Desaturate the canvas element: color drains out to {@link DesaturateEffectProps.amount} and
-     * recovers back to normal - a single dip, not a repeated oscillation
-     * ({@link https://pixijs.io/filters/docs/AdjustmentFilter.html AdjustmentFilter}).
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function desaturateEffect(alias: string, options?: DesaturateEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-    /**
-     * Pulse a glow on the canvas element: a repeated, decaying outward glow that settles back to no
-     * glow between and after each pulse ({@link https://pixijs.io/filters/docs/GlowFilter.html GlowFilter}).
-     * @param alias The alias to identify the component.
-     * @param options Animation options.
-     * @param priority The priority of the PixiJS ticker.
-     */
-    function glowPulseEffect(alias: string, options?: GlowPulseEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-}
-
-declare namespace CanvasPropertyUtility {
-    function calculatePositionByAlign(type: "width" | "height", align: number, value: number, pivot: number, negativeScale: boolean, anchor?: number): number;
-    function calculateAlignByPosition(type: "width" | "height", position: number, value: number, pivot: number, negativeScale: boolean, anchor?: number): number;
-    function calculatePositionByPercentagePosition(type: "width" | "height", percentage: number): number;
-    function calculatePercentagePositionByPosition(type: "width" | "height", position: number): number;
-    function getSuperPoint(point: {
-        x: number;
-        y: number;
-    }, angle: number): {
-        x: number;
-        y: number;
-    };
-    function getPointBySuperPoint(superPoint: {
-        x: number;
-        y: number;
-    }, angle: number): {
-        x: number;
-        y: number;
-    };
-    function getSuperWidth(canvasElement: Container$1): number;
-    function getSuperHeight(canvasElement: Container$1): number;
-}
-
 interface RgbColorType {
     r: number;
     g: number;
@@ -1453,11 +1277,24 @@ interface BaseTransitionProps {
      */
     completeOnContinue?: boolean;
 }
+/**
+ * Shared by every `xIn` transition that can replace an existing component (same alias): whether the
+ * replaced component leaves with its own out animation, started together with the new component's in.
+ */
+interface OldComponentOutProps {
+    /**
+     * If true, the component being replaced leaves with the matching out animation (`moveOut`, `wipeOut`,
+     * ...), started at the same time as the in animation. If false, it stays untouched under the new
+     * component and is removed once the in animation is done.
+     * The default depends on the transition: `false` for `moveIn`/`zoomIn`, `true` for the others.
+     */
+    animateOldComponentOut?: boolean;
+}
 interface ShowWithDissolveTransitionProps extends BaseTransitionProps, AnimationOptions {
 }
 interface ShowWithFadeTransitionProps extends BaseTransitionProps, AnimationOptions {
 }
-interface MoveInOutProps extends BaseTransitionProps, AnimationOptions {
+interface MoveInOutProps extends BaseTransitionProps, OldComponentOutProps, AnimationOptions {
     /**
      * The direction of the movement.
      * @default "right"
@@ -1470,14 +1307,14 @@ interface MoveInOutProps extends BaseTransitionProps, AnimationOptions {
      */
     motionBlur?: boolean | number;
 }
-interface ZoomInOutProps extends BaseTransitionProps, AnimationOptions {
+interface ZoomInOutProps extends BaseTransitionProps, OldComponentOutProps, AnimationOptions {
     /**
      * The direction of the zoom effect.
      * @default "right"
      */
     direction?: "up" | "down" | "left" | "right";
 }
-interface PushInOutProps extends BaseTransitionProps, AnimationOptions {
+interface PushInOutProps extends BaseTransitionProps, OldComponentOutProps, AnimationOptions {
     /**
      * The direction of the push effect.
      * @default "right"
@@ -1494,7 +1331,7 @@ interface PushInOutProps extends BaseTransitionProps, AnimationOptions {
  * Shared options for the mask-based reveal/conceal transitions ({@link WipeInOutProps},
  * {@link IrisInOutProps}, {@link SplitInOutProps}).
  */
-interface MaskTransitionProps extends BaseTransitionProps, AnimationOptions {
+interface MaskTransitionProps extends BaseTransitionProps, OldComponentOutProps, AnimationOptions {
     /**
      * If true, the effect is inverted: a "reveal" mask conceals instead, and vice versa.
      * @default false
@@ -1527,8 +1364,22 @@ interface IrisInOutProps extends MaskTransitionProps {
      * @default 1
      */
     aspect?: number;
+    /**
+     * `"expand"`: the image is seen *through* the circle (`irisIn` grows it, `irisOut` shrinks it).
+     * `"contract"`: the image is seen *around* the circle, which is a hole (`irisIn` shrinks it until the
+     * whole image is shown, `irisOut` grows it until the image is gone).
+     * @default "expand"
+     */
+    direction?: "expand" | "contract";
 }
 interface SplitInOutProps extends MaskTransitionProps {
+    /**
+     * `"inward"`: reveal from the edges towards the split line; conceal from the split line outwards.
+     * `"outward"`: reveal from the split line towards the edges; conceal from the edges inwards.
+     * During replacement, the old component uses the opposite mode so its conceal follows the reveal.
+     * @default "inward"
+     */
+    direction?: "inward" | "outward";
     /**
      * The axis the two mask panels move apart on/towards.
      * @default "vertical"
@@ -1572,7 +1423,7 @@ interface FlashInOutProps extends BaseTransitionProps, AnimationOptions {
      */
     fadeComponent?: boolean;
 }
-interface BlurInOutProps extends BaseTransitionProps, AnimationOptions {
+interface BlurInOutProps extends BaseTransitionProps, OldComponentOutProps, AnimationOptions {
     /**
      * The blur strength the effect starts from (`blurIn`) or ends at (`blurOut`).
      * @default 32
@@ -1591,12 +1442,19 @@ interface BlurInOutProps extends BaseTransitionProps, AnimationOptions {
      */
     fadeComponent?: boolean;
 }
-interface PixelateInOutProps extends BaseTransitionProps, AnimationOptions {
+interface PixelateInOutProps extends BaseTransitionProps, OldComponentOutProps, AnimationOptions {
     /**
      * The pixel size the effect starts from (`pixelateIn`) or ends at (`pixelateOut`).
      * @default 32
      */
     pixelSize?: number;
+    /**
+     * The direction the pixel blocks drift as their size changes. Applies to both entering and
+     * exiting components, including the old component during a replacement.
+     * `"up-left"` moves from bottom-right towards top-left; the other values mirror either axis.
+     * @default "up-left"
+     */
+    direction?: "up-left" | "up-right" | "down-left" | "down-right";
     /**
      * Whether the component itself also briefly fades in (`pixelateIn`) or out (`pixelateOut`) alongside
      * the pixelation, softening what would otherwise be an instant pop-in/pop-out - the fade runs at a
@@ -1612,7 +1470,7 @@ interface PixelateInOutProps extends BaseTransitionProps, AnimationOptions {
  * {@link TwistInOutProps}, {@link WarpInOutProps}, {@link RippleInOutProps},
  * {@link NoiseDissolveInOutProps}, {@link PinchInOutProps}).
  */
-interface FilterFadeTransitionProps extends BaseTransitionProps, AnimationOptions {
+interface FilterFadeTransitionProps extends BaseTransitionProps, OldComponentOutProps, AnimationOptions {
     /**
      * Whether the component itself also fades in (`xIn`) or out (`xOut`) alongside the filter effect,
      * at a quarter of the effect's own duration, mirrored to the start of `xIn` or the end of `xOut`
@@ -1646,6 +1504,8 @@ interface GlitchInOutProps extends FilterFadeTransitionProps {
 interface TwistInOutProps extends FilterFadeTransitionProps {
     /**
      * How far (degrees) the swirl is wound up - where `twistIn` starts and `twistOut` ends.
+     * Negate the angle to reverse the rotation. During replacement the old component uses the
+     * opposite angle, so it winds up in the same rotational sense as the new component unwinds.
      * @default 540
      */
     angle?: number;
@@ -1712,7 +1572,7 @@ interface NoiseDissolveInOutProps extends FilterFadeTransitionProps {
      */
     seed?: number;
 }
-interface TvInOutProps extends BaseTransitionProps, AnimationOptions {
+interface TvInOutProps extends BaseTransitionProps, OldComponentOutProps, AnimationOptions {
     /**
      * The height of the collapsed bright line, as a fraction of the component's own height.
      * @default 0.02
@@ -1751,945 +1611,1170 @@ interface PinchInOutProps extends FilterFadeTransitionProps {
     origin?: Partial<PointData>;
 }
 
-type TComponent = CanvasBaseInterface<any> | string | string[] | {
-    value: string;
-    options: ImageSpriteOptions;
-} | {
-    value: string[];
-    options: ImageContainerOptions;
-};
-/**
- * @deprecated Use `transitions.showWithDissolve` instead.
- */
-declare function showWithDissolve(alias: string, component?: TComponent, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-/**
- * @deprecated Use `transitions.removeWithDissolve` instead.
- */
-declare function removeWithDissolve(alias: string, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
-/**
- * @deprecated Use `transitions.showWithFade` instead.
- */
-declare function showWithFade(alias: string, component?: TComponent, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-/**
- * @deprecated Use `transitions.removeWithFade` instead.
- */
-declare function removeWithFade(alias: string, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
-/**
- * @deprecated Use `transitions.moveIn` instead.
- */
-declare function moveIn(alias: string, component?: TComponent, props?: MoveInOutProps & {
+interface ShakeEffectProps extends BaseTransitionProps, AnimationOptions {
     /**
-     * If true, then the old component is removed with a move out, after the new image is moved in.
-     * @default false
+     * The number of shocks. **Must be at least 3**.
+     * @default 10
      */
-    removeOldComponentWithMoveOut?: boolean;
-}, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-/**
- * @deprecated Use `transitions.moveOut` instead.
- */
-declare function moveOut(alias: string, props?: MoveInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
-/**
- * @deprecated Use `transitions.zoomIn` instead.
- */
-declare function zoomIn(alias: string, component?: TComponent, props?: ZoomInOutProps & {
+    shocksNumber?: number;
     /**
-     * If true, then the old component is removed with a zoom out, after the new image is zoomed in.
-     * @default false
+     * The type of the shake effect
+     * @default "horizontal"
      */
-    removeOldComponentWithZoomOut?: boolean;
-}, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
-/**
- * @deprecated Use `transitions.zoomOut` instead.
- */
-declare function zoomOut(alias: string, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
-/**
- * @deprecated Use `transitions.pushIn` instead.
- */
-declare function pushIn(alias: string, component?: TComponent, props?: PushInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    shakeType?: "horizontal" | "vertical";
+    /**
+     * The maximum size of the shock.
+     * For horizontal type, it is the maximum size of the x axis.
+     * For vertical type, it is the maximum size of the y axis.
+     * @default 10
+     */
+    maxShockSize?: number;
+}
 /**
- * @deprecated Use `transitions.pushOut` instead.
+ * Shared options for the generic, repeated articulated-animation effects ({@link BounceEffectProps},
+ * {@link HopEffectProps}, {@link WiggleEffectProps}, {@link NodEffectProps}, {@link SwayEffectProps}):
+ * a number of cycles, each one shrinking towards rest by {@link decay}.
  */
-declare function pushOut(alias: string, props?: PushInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
-declare namespace transitions {
+interface DecayingEffectProps extends BaseTransitionProps, AnimationOptions {
     /**
-     * Show a image in the canvas with a disolve effect.
-     * Disolve effect is a effect that the image is shown with a fade in.
-     * If exist a image with the same alias, then the image is replaced and the first image is removed after the effect is done.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
-     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
-     * If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * How much each successive cycle shrinks relative to the previous one (`1` = no decay/constant
+     * amplitude, `0` = the second cycle onward has no amplitude at all).
+     * @default 0.5
      */
-    function showWithDissolve(alias: string, component?: TComponent, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    decay?: number;
+}
+interface BounceEffectProps extends DecayingEffectProps {
     /**
-     * Remove a image from the canvas with a disolve effect.
-     * Disolve effect is a effect that the image is removed with a fade out.
-     * This function is equivalent to {@link removeWithFade}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The direction the component displaces towards on each bounce, before returning to rest.
+     * @default "up"
      */
-    function removeWithDissolve(alias: string, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    direction?: "up" | "down" | "left" | "right";
     /**
-     * Show a image in the canvas with a fade effect.
-     * Fade effect is a effect that the image is shown with a fade in.
-     * If exist a image with the same alias, the existing image is removed with a fade transition, and after the effect is done, the new image is shown with a fade transition.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
-     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
-     * If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The distance (in pixels) of the first, largest bounce.
+     * @default 30
      */
-    function showWithFade(alias: string, component?: TComponent, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    distance?: number;
     /**
-     * Remove a image from the canvas with a fade effect.
-     * Fade effect is a effect that the image is removed with a fade out.
-     * This function is equivalent to {@link removeWithDissolve}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The number of bounces.
+     * @default 4
      */
-    function removeWithFade(alias: string, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    bounces?: number;
+}
+interface PulseEffectProps extends DecayingEffectProps {
     /**
-     * Show a image in the canvas with a move effect. The image is moved from outside the canvas to the x and y position of the image.
-     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
-     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
-     * If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The peak scale multiplier of the first, largest pulse (relative to the component's current
+     * scale) - e.g. `1.2` grows the component 20% bigger at the peak of the first pulse.
+     * @default 1.2
      */
-    function moveIn(alias: string, component?: TComponent, props?: MoveInOutProps & {
-        /**
-         * If true, then the old component is removed with a move out, after the new image is moved in.
-         * @default false
-         */
-        removeOldComponentWithMoveOut?: boolean;
-    }, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    scale?: number;
     /**
-     * Remove a image from the canvas with a move effect. The image is moved from the x and y position of the image to outside the canvas.
-     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The number of pulses.
+     * @default 3
      */
-    function moveOut(alias: string, props?: MoveInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    pulses?: number;
+}
+interface HopEffectProps extends DecayingEffectProps {
     /**
-     * Show a image in the canvas with a zoom effect. The image is zoomed in from the center of the canvas.
-     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
-     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
-     * If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The direction of the (primary and any secondary) hops.
+     * @default "up"
      */
-    function zoomIn(alias: string, component?: TComponent, props?: ZoomInOutProps & {
-        /**
-         * If true, then the old component is removed with a zoom out, after the new image is zoomed in.
-         * @default false
-         */
-        removeOldComponentWithZoomOut?: boolean;
-    }, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    direction?: "up" | "down" | "left" | "right";
     /**
-     * Remove a image from the canvas with a zoom effect. The image is zoomed out to the center of the canvas.
-     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The distance (in pixels) of the primary hop.
+     * @default 40
      */
-    function zoomOut(alias: string, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    distance?: number;
     /**
-     * Show a image in the canvas with a push effect. The new image is pushed in from the inside of the canvas and the old image is pushed out to the outside of the canvas.
-     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
-     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
-     * If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The number of smaller, decaying hops to play after the primary one (`0` = just the one hop).
+     * @default 0
      */
-    function pushIn(alias: string, component?: TComponent, props?: PushInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    secondaryHops?: number;
+}
+interface WiggleEffectProps extends DecayingEffectProps {
     /**
-     * Remove a image from the canvas with a push effect. The image is pushed out to the outside of the canvas.
-     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The peak rotation (in degrees) away from the component's current angle, on the first repetition.
+     * @default 15
      */
-    function pushOut(alias: string, props?: PushInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    angle?: number;
     /**
-     * Show a image in the canvas with a wipe effect: the image is progressively revealed by a moving
-     * boundary. The direction/angle and inversion are all configurable, so the same primitive can
-     * produce horizontal, vertical, or diagonal reveals - see {@link WipeInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
-     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
-     * If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The number of repetitions.
+     * @default 3
      */
-    function wipeIn(alias: string, component?: TComponent, props?: WipeInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    repetitions?: number;
+}
+interface NodEffectProps extends DecayingEffectProps {
     /**
-     * Remove a image from the canvas with a wipe effect: the image is progressively concealed by a
-     * moving boundary. See {@link wipeIn} and {@link WipeInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The axis the component oscillates along.
+     * @default "horizontal"
      */
-    function wipeOut(alias: string, props?: WipeInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    axis?: "horizontal" | "vertical";
     /**
-     * Show a image in the canvas with an iris effect: the image is progressively revealed by an
-     * expanding radial mask. Moving {@link IrisInOutProps.origin} off-center makes the same primitive
-     * useful as a focus/reveal effect (e.g. centered on a character).
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
-     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
-     * If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The distance (in pixels) of the first, largest oscillation.
+     * @default 15
      */
-    function irisIn(alias: string, component?: TComponent, props?: IrisInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    distance?: number;
     /**
-     * Remove a image from the canvas with an iris effect: the image is progressively concealed by a
-     * contracting radial mask. See {@link irisIn} and {@link IrisInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The number of repetitions.
+     * @default 3
      */
-    function irisOut(alias: string, props?: IrisInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    repetitions?: number;
+}
+interface SwayEffectProps extends DecayingEffectProps {
     /**
-     * Show a image in the canvas with a split effect: two mask panels slide together from the edges to
-     * progressively reveal the image, meeting at the split line once fully shown. A configured
-     * {@link SplitInOutProps} covers "curtain"-like effects without a story-specific API.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
-     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
-     * If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The distance (in pixels) of the positional drift, on the first repetition.
+     * @default 10
      */
-    function splitIn(alias: string, component?: TComponent, props?: SplitInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    distance?: number;
     /**
-     * Remove a image from the canvas with a split effect: two mask panels retract apart toward the
-     * edges to progressively conceal the image. See {@link splitIn} and {@link SplitInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The rotational drift (in degrees) away from the component's current angle, on the first
+     * repetition.
+     * @default 5
      */
-    function splitOut(alias: string, props?: SplitInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    angle?: number;
     /**
-     * Show a image in the canvas with a blur effect: the image appears already blurred and sharpens
-     * into focus. A generic blur, not a "dream"/"flashback" transition specifically - combine it with
-     * {@link showWithFade} for that recipe. See {@link BlurInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
-     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
-     * If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The axis the positional drift moves along.
+     * @default "horizontal"
      */
-    function blurIn(alias: string, component?: TComponent, props?: BlurInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    axis?: "horizontal" | "vertical";
     /**
-     * Remove a image from the canvas with a blur effect: the image blurs out of focus before being
-     * removed. See {@link blurIn} and {@link BlurInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The number of repetitions.
+     * @default 3
      */
-    function blurOut(alias: string, props?: BlurInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    repetitions?: number;
+}
+interface PunchEffectProps extends BaseTransitionProps, AnimationOptions {
     /**
-     * Show a image in the canvas with a pixelate effect: the image appears pixelated and resolves into
-     * focus. Useful for retro effects, digital transitions, censorship/stylization, or scene changes -
-     * not only "glitch" scenes. See {@link PixelateInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
-     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
-     * If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * Which property the punch animates.
+     * @default "scale"
      */
-    function pixelateIn(alias: string, component?: TComponent, props?: PixelateInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    mode?: "x" | "y" | "rotation" | "scale";
     /**
-     * Remove a image from the canvas with a pixelate effect: the image pixelates before being removed.
-     * See {@link pixelateIn} and {@link PixelateInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The strength of the punch's attack - a pixel distance for `x`/`y`, degrees for `rotation`, or a
+     * scale multiplier delta for `scale` (e.g. `0.3` peaks at 1.3x the current scale).
+     * @default 0.3
      */
-    function pixelateOut(alias: string, props?: PixelateInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    strength?: number;
     /**
-     * Show a image in the canvas with a flash effect, with a configurable solid-color overlay (not
-     * limited to a white flash). White reads as a camera/explosion-like flash, black as a blink/cut, and
-     * arbitrary colors work for damage/magic/memory/UI transitions. See {@link FlashInOutProps}.
-     *
-     * If `alias` has no existing component, the new image appears immediately and the overlay fades in
-     * and back out over it. If `alias` already has a component, the *current* content fades up to
-     * `color` first, is swapped for the new content at the exact moment the screen is a solid `color`
-     * (so the content change itself is invisible), and the new content then fades back down from `color`
-     * to normal - see {@link flashReplace}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
-     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
-     * If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * How far the recovery overshoots past rest, in the opposite direction, as a fraction of
+     * {@link strength} (`0` = no overshoot, settles straight back to rest).
+     * @default 0.3
      */
-    function flashIn(alias: string, component?: TComponent, props?: FlashInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    overshoot?: number;
+}
+interface GlitchEffectProps extends DecayingEffectProps {
     /**
-     * Remove a image from the canvas with a flash effect: a configurable solid-color overlay fades up to
-     * `color` and back down to normal, and the image is removed the instant that finishes - the removal
-     * itself is a hard cut, never an additional fade/dissolve. See {@link flashIn} and
-     * {@link FlashInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The peak slice-displacement amount (pixels) of the first, largest burst.
+     * @default 40
      */
-    function flashOut(alias: string, props?: FlashInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    strength?: number;
     /**
-     * Show a image in the canvas with a glitch effect: the image materializes out of jittery bursts of
-     * digital-corruption slices with red/blue fringing, which settle as it appears. See
-     * {@link GlitchInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The number of glitch bursts.
+     * @default 3
      */
-    function glitchIn(alias: string, component?: TComponent, props?: GlitchInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    bursts?: number;
     /**
-     * Remove a image from the canvas with a glitch effect: digital-corruption bursts build up until the
-     * image is removed. See {@link glitchIn} and {@link GlitchInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The number of glitch slices.
+     * @default 8
      */
-    function glitchOut(alias: string, props?: GlitchInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    slices?: number;
     /**
-     * Show a image in the canvas with a twist effect: the image unwinds out of a swirl, like coming
-     * through a vortex or portal. See {@link TwistInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The angle (in degrees) slices are displaced along.
+     * @default 0
      */
-    function twistIn(alias: string, component?: TComponent, props?: TwistInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    direction?: number;
     /**
-     * Remove a image from the canvas with a twist effect: the image winds up into a swirl before being
-     * removed. See {@link twistIn} and {@link TwistInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The peak red/blue channel separation (pixels) layered on top of the slice displacement,
+     * following the same jittery envelope. `0` disables it.
+     * @default 6
      */
-    function twistOut(alias: string, props?: TwistInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    rgbSplit?: number;
+}
+interface ChromaticAberrationEffectProps extends DecayingEffectProps {
     /**
-     * Show a image in the canvas with a warp effect: the image arrives out of radial zoom-blur streaks,
-     * like dropping out of hyperspace. See {@link WarpInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The peak red/blue channel pixel offset of the first, largest burst (channels split in opposite
+     * directions, green stays centered).
+     * @default 8
      */
-    function warpIn(alias: string, component?: TComponent, props?: WarpInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    strength?: number;
     /**
-     * Remove a image from the canvas with a warp effect: the image streaks away in a radial zoom blur
-     * before being removed. See {@link warpIn} and {@link WarpInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The axis the channels split along.
+     * @default "horizontal"
      */
-    function warpOut(alias: string, props?: WarpInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    axis?: "horizontal" | "vertical";
     /**
-     * Show a image in the canvas with a ripple effect: the image fades in through a ring of water-like
-     * distortion spreading outward from an origin point - for dreams, magic or memories. See
-     * {@link RippleInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The number of bursts.
+     * @default 1
      */
-    function rippleIn(alias: string, component?: TComponent, props?: RippleInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    bursts?: number;
+}
+interface ShockwaveEffectProps extends BaseTransitionProps, AnimationOptions {
     /**
-     * Remove a image from the canvas with a ripple effect: a ring of water-like distortion spreads over
-     * the image as it fades out and is removed. See {@link rippleIn} and {@link RippleInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The origin of the ripple, normalized (0-1) to the element's own bounds.
+     * @default {x: 0.5, y: 0.5}
      */
-    function rippleOut(alias: string, props?: RippleInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    origin?: {
+        x: number;
+        y: number;
+    };
     /**
-     * Show a image in the canvas with a noise dissolve: the image appears in organic, noise-shaped
-     * blotches (or a cloudy fade with `edge: "soft"`) - the classic visual-novel image dissolve. See
-     * {@link NoiseDissolveInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The amplitude of the ripple.
+     * @default 30
      */
-    function noiseDissolveIn(alias: string, component?: TComponent, props?: NoiseDissolveInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    amplitude?: number;
     /**
-     * Remove a image from the canvas with a noise dissolve: the image disappears in noise-shaped
-     * blotches and is then removed. See {@link noiseDissolveIn} and {@link NoiseDissolveInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The wavelength of the ripple.
+     * @default 160
      */
-    function noiseDissolveOut(alias: string, props?: NoiseDissolveInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    wavelength?: number;
     /**
-     * Show a image in the canvas like an old TV turning on: a bright dot stretches into a glowing
-     * horizontal line, which then opens up into the full image, with CRT scanlines. The scale animates
-     * around the component's own anchor/pivot, so a centered anchor looks best. See
-     * {@link TvInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The brightness of the ripple.
+     * @default 1
      */
-    function tvIn(alias: string, component?: TComponent, props?: TvInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    brightness?: number;
     /**
-     * Remove a image from the canvas like an old TV turning off: the image collapses into a glowing
-     * horizontal line, then into a dot, and is removed. The scale animates around the component's own
-     * anchor/pivot, so a centered anchor looks best. See {@link tvIn} and {@link TvInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * The maximum radius (in pixels) the ripple travels before fading out. A value `<= 0` means the
+     * ripple travels an infinite distance.
+     * @default -1
      */
-    function tvOut(alias: string, props?: TvInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    radius?: number;
     /**
-     * Show a image in the canvas with a pinch effect: the image emerges from a single point, deforming
-     * outward as it settles (or puffs out of it with `mode: "bulge"`). See {@link PinchInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     * The speed (in pixels-per-second) the ripple travels outward.
+     * @default 500
      */
-    function pinchIn(alias: string, component?: TComponent, props?: PinchInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    speed?: number;
     /**
-     * Remove a image from the canvas with a pinch effect: the image is sucked into a single point (or
-     * puffs out with `mode: "bulge"`) and removed. See {@link pinchIn} and {@link PinchInOutProps}.
-     * @param alias The unique alias of the image. You can use this alias to refer to this image
-     * @param props The properties of the effect
-     * @param priority The priority of the effect
-     * @returns The ids of the tickers that are used in the effect.
+     * How far the ripple's own internal "time" advances by the end of the animation (the ring's
+     * radius is `time * speed` pixels). By default it's just enough for the ring to fully leave the
+     * component - origin to farthest corner plus half a {@link wavelength} - or {@link radius} when set,
+     * divided by {@link speed}.
      */
-    function pinchOut(alias: string, props?: PinchInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    strength?: number;
 }
-
-/**
- * Canvas error handler: when a `PixiError` contains `canvasElementInfo`,
- * draw a simple `ErrorGraphics` placeholder on the canvas so the scene
- * remains visible and debuggable.
- */
-declare function drawCanvasErrorHandler(): OnErrorHandler;
-
-/**
- * Add a list of images in the container, after that, the images are added to the canvas.
- * Is the same that {@link showImageContainer}, but the image is not shown.
- * If you want to show the container, then you need to use the function {@link ImageSprite.load()}.
- * @param alias is the unique alias of the container. You can use this alias to refer to this container
- * @param imageUrls is the url of the image. If you don't provide the url, then the alias is used as the url.
- * @param options The options of the container.
- * @returns This function returns an {@link ImageContainer} that you can use to manipulate the component.
- * @example
- * ```ts
- * let bunny = addImageContainer("bunny", ["https://pixijs.com/assets/bunny-body.png", "https://pixijs.com/assets/bunny-eyes.png"])
- * await bunny.load()
- * ```
- */
-declare function addImageCointainer(alias: string, imageUrls: string[], options?: ImageContainerOptions<ImageSprite>): ImageContainer;
-/**
- * Add a list of images in the container, after that, the images are added and shown in the canvas.
- * @param alias The unique alias of the container. You can use this alias to refer to this container
- * @param imageUrls The url of the image.
- * @param options The options of the container.
- * @returns This function returns an {@link ImageContainer} that you can use to manipulate the component.
- * @example
- * ```ts
- * let bunny = showImageContainer("bunny", ["https://pixijs.com/assets/bunny-body.png", "https://pixijs.com/assets/bunny-eyes.png"])
- * ```
- */
-declare function showImageContainer(alias: string, imageUrls: string[], options?: ImageContainerOptions<ImageSprite>): Promise<ImageContainer>;
-
-/**
- * Add a image in the canvas.
- * Is the same that {@link showImage}, but the image is not shown.
- * If you want to show the image, then you need to use the function {@link ImageSprite.load}.
- * @param alias is the unique alias of the image. You can use this alias to refer to this image
- * @param imageUrl The url of the image. If you have initialized the "asset matrix", you can use the alias of the texture. If you don't provide the URL, then the alias is used as the URL.
- * @param options The options of the image.
- * @returns This function returns an {@link ImageSprite} that you can use to manipulate the component.
- * @throws {PixiError} when `imageUrl` is not provided and `alias` is not registered in the asset cache.
- * @example
- * ```ts
- * let bunny1 = addImage("bunny1", "https://pixijs.com/assets/bunny1.png")
- * await bunny1.load()
- * Assets.add({ alias: "bunny2", src: "https://pixijs.com/assets/bunny2.png" })
- * let bunny2 = addImage("bunny2")
- * await bunny2.load()
- * ```
- */
-declare function addImage(alias: string, imageUrl?: string, options?: ImageSpriteOptions): ImageSprite;
-/**
- * Add and show a image in the canvas. This function is a combination of {@link addImage}.
- * @param alias The unique alias of the image. You can use this alias to refer to this image
- * @param imageUrl The url of the image. If you have initialized the "asset matrix", you can use the alias of the texture. If you don't provide the URL, then the alias is used as the URL.
- * @param options The options of the image.
- * @returns This function returns an {@link ImageSprite} that you can use to manipulate the component.
- * @throws {PixiError} when `imageUrl` is not provided and `alias` is not registered in the asset cache.
- * @example
- * ```ts
- * let bunny1 = showImage("bunny1", "https://pixijs.com/assets/bunny1.png")
- * Assets.add({ alias: "bunny2", src: "https://pixijs.com/assets/bunny2.png" })
- * let bunny2 = showImage("bunny2")
- * ```
- */
-declare function showImage(alias: string, imageUrl?: string, options?: ImageSpriteOptions): Promise<ImageSprite>;
-
-/**
- * Add and show a text in the canvas.
- * @param alias The unique alias of the text. You can use this alias to refer to this text.
- * @param text
- * @param options The options of the text.
- * @returns This function returns an {@link Text} that you can use to manipulate the component.
- * @example
- * ```ts
- * let text = showText("text", "Hello World", { fontSize: 24, fill: "white" })
- * ```
- */
-declare function showText(alias: string, text: string, options?: Omit<TextOptions, "text">): Text;
-
-/**
- * Get a texture from a url.
- * @param textureAlias is the url of the file.
- * @returns the texture of the image or video, or `undefined` when `textureAlias` is the `"EMPTY"` sentinel value.
- * @throws {PixiError} when the alias is missing, the asset is not found in the cache/network, or the loaded resource is not a `Texture`.
- */
-declare function getTexture(textureAlias?: string): Promise<Texture$1 | undefined>;
-
-/**
- * Add a video in the canvas.
- * Is the same that {@link showVideo}, but the video is not shown.
- * If you want to show the video, then you need to use the function {@link VideoSprite.load()}.
- * @param alias is the unique alias of the video. You can use this alias to refer to this video
- * @param videoUrl is the url of the video. If you don't provide the url, then the alias is used as the url.
- * @param options The options of the video.
- * @returns This function returns an {@link VideoSprite} that you can use to manipulate the component.
- * @throws {PixiError} when `videoUrl` is not provided and `alias` is not registered in the asset cache.
- * @example
- * ```ts
- * let video1 = addVideo("video1", "https://pixijs.com/assets/video1.mp4")
- * await video1.load()
- * Assets.add({ alias: "video2", src: "https://pixijs.com/assets/video2.png" })
- * let video2 = addVideo("video2")
- * await video2.load()
- * ```
- */
-declare function addVideo(alias: string, videoUrl?: string, options?: VideoSpriteOptions): VideoSprite;
-/**
- * Add and show a video in the canvas. This function is a combination of {@link addVideo}.
- * @param alias The unique alias of the video. You can use this alias to refer to this video
- * @param videoUrl The url of the video.
- * @param options The options of the video.
- * @returns This function returns an {@link VideoSprite} that you can use to manipulate the component.
- * @throws {PixiError} when `videoUrl` is not provided and `alias` is not registered in the asset cache.
- * @example
- * ```ts
- * let video1 = showVideo("video1", "https://pixijs.com/assets/video1.mp4")
- * Assets.add({ alias: "video2", src: "https://pixijs.com/assets/video2.png" })
- * let video2 = showVideo("video2")
- * ```
- */
-declare function showVideo(alias: string, videoUrl?: string, options?: VideoSpriteOptions): Promise<VideoSprite>;
-
-interface ShakeEffectProps extends BaseTransitionProps, AnimationOptions {
+interface RadialBlurEffectProps extends DecayingEffectProps {
     /**
-     * The number of shocks. **Must be at least 3**.
-     * @default 10
+     * The peak zoom-blur strength of the first, largest burst.
+     * @default 0.5
      */
-    shocksNumber?: number;
+    strength?: number;
     /**
-     * The type of the shake effect
-     * @default "horizontal"
+     * The number of bursts.
+     * @default 1
      */
-    shakeType?: "horizontal" | "vertical";
+    bursts?: number;
     /**
-     * The maximum size of the shock.
-     * For horizontal type, it is the maximum size of the x axis.
-     * For vertical type, it is the maximum size of the y axis.
-     * @default 10
+     * The origin the blur radiates from, normalized (0-1) to the element's own bounds.
+     * @default {x: 0.5, y: 0.5}
      */
-    maxShockSize?: number;
-}
-/**
- * Shared options for the generic, repeated articulated-animation effects ({@link BounceEffectProps},
- * {@link HopEffectProps}, {@link WiggleEffectProps}, {@link NodEffectProps}, {@link SwayEffectProps}):
- * a number of cycles, each one shrinking towards rest by {@link decay}.
- */
-interface DecayingEffectProps extends BaseTransitionProps, AnimationOptions {
+    origin?: {
+        x: number;
+        y: number;
+    };
     /**
-     * How much each successive cycle shrinks relative to the previous one (`1` = no decay/constant
-     * amplitude, `0` = the second cycle onward has no amplitude at all).
-     * @default 0.5
+     * The inner radius (in pixels) excluded from the blur.
+     * @default 0
      */
-    decay?: number;
+    innerRadius?: number;
+    /**
+     * The outer radius (in pixels) of the blur. A value `< 0` means the blur extends infinitely.
+     * @default -1
+     */
+    radius?: number;
 }
-interface BounceEffectProps extends DecayingEffectProps {
+interface BlurPulseEffectProps extends DecayingEffectProps {
     /**
-     * The direction the component displaces towards on each bounce, before returning to rest.
-     * @default "up"
+     * The peak blur strength of the first, largest pulse.
+     * @default 8
      */
-    direction?: "up" | "down" | "left" | "right";
+    strength?: number;
     /**
-     * The distance (in pixels) of the first, largest bounce.
-     * @default 30
+     * The number of pulses.
+     * @default 3
      */
-    distance?: number;
+    pulses?: number;
     /**
-     * The number of bounces.
+     * The blur filter's own render quality (number of blur passes). Higher looks smoother but costs
+     * more to render.
      * @default 4
      */
-    bounces?: number;
+    quality?: number;
 }
-interface PulseEffectProps extends DecayingEffectProps {
+interface VignettePulseEffectProps extends DecayingEffectProps {
     /**
-     * The peak scale multiplier of the first, largest pulse (relative to the component's current
-     * scale) - e.g. `1.2` grows the component 20% bigger at the peak of the first pulse.
-     * @default 1.2
+     * The peak vignette opacity of the first, largest pulse.
+     * @default 1
      */
-    scale?: number;
+    strength?: number;
     /**
      * The number of pulses.
-     * @default 3
+     * @default 1
      */
     pulses?: number;
-}
-interface HopEffectProps extends DecayingEffectProps {
     /**
-     * The direction of the (primary and any secondary) hops.
-     * @default "up"
+     * How far the darkening reaches in from the corners, from `0` (none) to `1` (the whole element) -
+     * `0.5` darkens roughly the outer half.
+     * @default 0.5
      */
-    direction?: "up" | "down" | "left" | "right";
+    radius?: number;
     /**
-     * The distance (in pixels) of the primary hop.
-     * @default 40
+     * How soft the transition from the clear center to the dark edges is (`0` = a hard edge).
+     * @default 0.5
      */
-    distance?: number;
+    blur?: number;
+}
+interface DesaturateEffectProps extends BaseTransitionProps, AnimationOptions {
     /**
-     * The number of smaller, decaying hops to play after the primary one (`0` = just the one hop).
+     * The saturation floor reached at the trough (`0` = full grayscale, `1` = no desaturation at all).
      * @default 0
      */
-    secondaryHops?: number;
+    amount?: number;
+    /**
+     * How long the component stays at {@link amount} before recovering back to normal saturation, on
+     * top of the fade in/out (each {@link AnimationOptions.duration}).
+     * @default 0
+     */
+    holdDuration?: number;
 }
-interface WiggleEffectProps extends DecayingEffectProps {
+interface GlowPulseEffectProps extends DecayingEffectProps {
     /**
-     * The peak rotation (in degrees) away from the component's current angle, on the first repetition.
-     * @default 15
+     * The peak outward glow strength of the first, largest pulse.
+     * @default 4
      */
-    angle?: number;
+    strength?: number;
     /**
-     * The number of repetitions.
+     * The number of pulses.
      * @default 3
      */
-    repetitions?: number;
-}
-interface NodEffectProps extends DecayingEffectProps {
+    pulses?: number;
     /**
-     * The axis the component oscillates along.
-     * @default "horizontal"
+     * The color of the glow.
+     * @default 0xffffff
      */
-    axis?: "horizontal" | "vertical";
+    color?: number;
     /**
-     * The distance (in pixels) of the first, largest oscillation.
-     * @default 15
+     * The distance (in pixels) the glow extends.
+     * @default 10
      */
     distance?: number;
     /**
-     * The number of repetitions.
-     * @default 3
+     * The strength of the glow inward from the edge of the component.
+     * @default 0
      */
-    repetitions?: number;
+    innerStrength?: number;
 }
-interface SwayEffectProps extends DecayingEffectProps {
+
+/**
+ * @deprecated Use `effects.shakeEffect` instead.
+ */
+declare function shakeEffect(alias: string, options?: ShakeEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+declare namespace effects {
     /**
-     * The distance (in pixels) of the positional drift, on the first repetition.
-     * @default 10
+     * Shake the canvas element.
+     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
+     * @param alias The alias to identify the component.
+     * @param options Animation options, matching the `options` of animate function.
+     * @param priority The priority of the PixiJS ticker. This parameter sets the ticker's priority.
+     * @returns
      */
-    distance?: number;
+    function shakeEffect(alias: string, options?: ShakeEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The rotational drift (in degrees) away from the component's current angle, on the first
-     * repetition.
-     * @default 5
+     * Bounce the canvas element: a one-directional displacement that repeatedly returns to rest, each
+     * bounce shrinking towards rest by {@link BounceEffectProps.decay}. Like a dropped ball settling.
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    angle?: number;
+    function bounceEffect(alias: string, options?: BounceEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The axis the positional drift moves along.
-     * @default "horizontal"
+     * Pulse the canvas element: a repeated, decaying scale bump away from its current scale and back.
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    axis?: "horizontal" | "vertical";
+    function pulseEffect(alias: string, options?: PulseEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The number of repetitions.
-     * @default 3
+     * Hop the canvas element: one deliberate displacement-and-return, optionally followed by smaller,
+     * decaying secondary hops.
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    repetitions?: number;
-}
-interface PunchEffectProps extends BaseTransitionProps, AnimationOptions {
+    function hopEffect(alias: string, options?: HopEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * Which property the punch animates.
-     * @default "scale"
+     * Wiggle the canvas element: a decaying rotation oscillation around its current angle.
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    mode?: "x" | "y" | "rotation" | "scale";
+    function wiggleEffect(alias: string, options?: WiggleEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The strength of the punch's attack - a pixel distance for `x`/`y`, degrees for `rotation`, or a
-     * scale multiplier delta for `scale` (e.g. `0.3` peaks at 1.3x the current scale).
-     * @default 0.3
+     * Nod the canvas element: a decaying positional oscillation along one axis.
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    strength?: number;
+    function nodEffect(alias: string, options?: NodEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * How far the recovery overshoots past rest, in the opposite direction, as a fraction of
-     * {@link strength} (`0` = no overshoot, settles straight back to rest).
-     * @default 0.3
+     * Sway the canvas element: a smooth, optionally combined positional and rotational drift around its
+     * current state - a gentler, slower cousin of {@link nodEffect}/{@link wiggleEffect}.
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    overshoot?: number;
-}
-interface GlitchEffectProps extends DecayingEffectProps {
+    function swayEffect(alias: string, options?: SwayEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The peak slice-displacement amount (pixels) of the first, largest burst.
-     * @default 40
+     * Punch the canvas element: a single fast impulse (position, rotation, or scale) with a strong
+     * attack and a short, slightly overshooting recovery back to rest - unlike every other effect here,
+     * this is a one-shot impact, not a repeated oscillation.
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    strength?: number;
+    function punchEffect(alias: string, options?: PunchEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The number of glitch bursts.
-     * @default 3
+     * Glitch the canvas element: decaying, jittery bursts of digital-corruption slice displacement
+     * ({@link https://pixijs.io/filters/docs/GlitchFilter.html GlitchFilter}) - each burst snaps,
+     * kicks back the other way and settles - with a matching red/blue channel split layered on top
+     * ({@link https://pixijs.io/filters/docs/RGBSplitFilter.html RGBSplitFilter}, see
+     * {@link GlitchEffectProps.rgbSplit}). Both filters are removed once done. Returns one ticker id
+     * per filter.
+     *
+     * Known cosmetic quirk: `GlitchFilter`'s own `destroy()` (called once this effect completes, to
+     * clean up its displacement texture) can log a harmless `PixiJS Warning: [BindGroup] a
+     * 'textureSource'/'textureSampler' was destroyed while still bound to a shader` in the console -
+     * this comes from `pixi-filters`' own implementation, not from this effect, doesn't affect the
+     * component's rendering or state, and every property is still correctly restored/detached.
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    bursts?: number;
+    function glitchEffect(alias: string, options?: GlitchEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The number of glitch slices.
-     * @default 8
+     * Chromatic-aberration the canvas element: the red and blue color channels split apart in opposite
+     * directions and snap back, in a decaying burst
+     * ({@link https://pixijs.io/filters/docs/RGBSplitFilter.html RGBSplitFilter}).
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    slices?: number;
+    function chromaticAberrationEffect(alias: string, options?: ChromaticAberrationEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The angle (in degrees) slices are displaced along.
-     * @default 0
+     * Shockwave the canvas element: a single radial ripple distortion travels outward from an origin
+     * point and fades ({@link https://pixijs.io/filters/docs/ShockwaveFilter.html ShockwaveFilter}) -
+     * a one-shot impact, not a repeated oscillation.
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    direction?: number;
+    function shockwaveEffect(alias: string, options?: ShockwaveEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The peak red/blue channel separation (pixels) layered on top of the slice displacement,
-     * following the same jittery envelope. `0` disables it.
-     * @default 6
+     * Radially blur the canvas element: a decaying burst of zoom-blur radiating from an origin point,
+     * settling back to no blur between and after each burst
+     * ({@link https://pixijs.io/filters/docs/ZoomBlurFilter.html ZoomBlurFilter}).
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    rgbSplit?: number;
-}
-interface ChromaticAberrationEffectProps extends DecayingEffectProps {
+    function radialBlurEffect(alias: string, options?: RadialBlurEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The peak red/blue channel pixel offset of the first, largest burst (channels split in opposite
-     * directions, green stays centered).
-     * @default 8
+     * Pulse a blur on the canvas element: a repeated, decaying blur bump that settles back to no blur
+     * between and after each pulse ({@link https://pixijs.io/filters/docs/BlurFilter.html BlurFilter}).
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    strength?: number;
+    function blurPulseEffect(alias: string, options?: BlurPulseEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The axis the channels split along.
-     * @default "horizontal"
+     * Pulse a vignette on the canvas element: the edges darken and recover, in a repeated, decaying
+     * pulse - built on {@link https://pixijs.io/filters/docs/CRTFilter.html CRTFilter} with its
+     * scanline/noise features turned off, isolating just the vignette.
+     *
+     * The vignette darkens the corners of the element's own bounding rectangle, so it's meant for
+     * backgrounds and other full-frame images; on a sprite with transparent corners (a character, a
+     * shape) there's little to darken and it barely shows.
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    axis?: "horizontal" | "vertical";
+    function vignettePulseEffect(alias: string, options?: VignettePulseEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The number of bursts.
-     * @default 1
+     * Desaturate the canvas element: color drains out to {@link DesaturateEffectProps.amount} and
+     * recovers back to normal - a single dip, not a repeated oscillation
+     * ({@link https://pixijs.io/filters/docs/AdjustmentFilter.html AdjustmentFilter}).
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    bursts?: number;
-}
-interface ShockwaveEffectProps extends BaseTransitionProps, AnimationOptions {
+    function desaturateEffect(alias: string, options?: DesaturateEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The origin of the ripple, normalized (0-1) to the element's own bounds.
-     * @default {x: 0.5, y: 0.5}
+     * Pulse a glow on the canvas element: a repeated, decaying outward glow that settles back to no
+     * glow between and after each pulse ({@link https://pixijs.io/filters/docs/GlowFilter.html GlowFilter}).
+     * @param alias The alias to identify the component.
+     * @param options Animation options.
+     * @param priority The priority of the PixiJS ticker.
      */
-    origin?: {
+    function glowPulseEffect(alias: string, options?: GlowPulseEffectProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+}
+
+declare namespace CanvasPropertyUtility {
+    function calculatePositionByAlign(type: "width" | "height", align: number, value: number, pivot: number, negativeScale: boolean, anchor?: number): number;
+    function calculateAlignByPosition(type: "width" | "height", position: number, value: number, pivot: number, negativeScale: boolean, anchor?: number): number;
+    function calculatePositionByPercentagePosition(type: "width" | "height", percentage: number): number;
+    function calculatePercentagePositionByPosition(type: "width" | "height", position: number): number;
+    function getSuperPoint(point: {
+        x: number;
+        y: number;
+    }, angle: number): {
+        x: number;
+        y: number;
+    };
+    function getPointBySuperPoint(superPoint: {
+        x: number;
+        y: number;
+    }, angle: number): {
         x: number;
         y: number;
     };
+    function getSuperWidth(canvasElement: Container$1): number;
+    function getSuperHeight(canvasElement: Container$1): number;
+}
+
+type TComponent = CanvasBaseInterface<any> | string | string[] | {
+    value: string;
+    options: ImageSpriteOptions;
+} | {
+    value: string[];
+    options: ImageContainerOptions;
+};
+/**
+ * @deprecated Use `transitions.showWithDissolve` instead.
+ */
+declare function showWithDissolve(alias: string, component?: TComponent, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+/**
+ * @deprecated Use `transitions.removeWithDissolve` instead.
+ */
+declare function removeWithDissolve(alias: string, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+/**
+ * @deprecated Use `transitions.showWithFade` instead.
+ */
+declare function showWithFade(alias: string, component?: TComponent, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+/**
+ * @deprecated Use `transitions.removeWithFade` instead.
+ */
+declare function removeWithFade(alias: string, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+/**
+ * @deprecated Use `transitions.moveIn` instead.
+ */
+declare function moveIn(alias: string, component?: TComponent, props?: MoveInOutProps & {
     /**
-     * The amplitude of the ripple.
-     * @default 30
+     * @deprecated Use `animateOldComponentOut` instead.
      */
-    amplitude?: number;
+    removeOldComponentWithMoveOut?: boolean;
+}, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+/**
+ * @deprecated Use `transitions.moveOut` instead.
+ */
+declare function moveOut(alias: string, props?: MoveInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+/**
+ * @deprecated Use `transitions.zoomIn` instead.
+ */
+declare function zoomIn(alias: string, component?: TComponent, props?: ZoomInOutProps & {
     /**
-     * The wavelength of the ripple.
-     * @default 160
+     * @deprecated Use `animateOldComponentOut` instead.
      */
-    wavelength?: number;
+    removeOldComponentWithZoomOut?: boolean;
+}, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+/**
+ * @deprecated Use `transitions.zoomOut` instead.
+ */
+declare function zoomOut(alias: string, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+/**
+ * @deprecated Use `transitions.pushIn` instead.
+ */
+declare function pushIn(alias: string, component?: TComponent, props?: PushInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+/**
+ * @deprecated Use `transitions.pushOut` instead.
+ */
+declare function pushOut(alias: string, props?: PushInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+declare namespace transitions {
     /**
-     * The brightness of the ripple.
-     * @default 1
+     * Show a image in the canvas with a disolve effect.
+     * Disolve effect is a effect that the image is shown with a fade in.
+     * If exist a image with the same alias, then the image is replaced and the first image is removed after the effect is done.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
+     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
+     * If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
      */
-    brightness?: number;
+    function showWithDissolve(alias: string, component?: TComponent, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The maximum radius (in pixels) the ripple travels before fading out. A value `<= 0` means the
-     * ripple travels an infinite distance.
-     * @default -1
+     * Remove a image from the canvas with a disolve effect.
+     * Disolve effect is a effect that the image is removed with a fade out.
+     * This function is equivalent to {@link removeWithFade}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
      */
-    radius?: number;
+    function removeWithDissolve(alias: string, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
     /**
-     * The speed (in pixels-per-second) the ripple travels outward.
-     * @default 500
+     * Show a image in the canvas with a fade effect.
+     * Fade effect is a effect that the image is shown with a fade in.
+     * If exist a image with the same alias, the existing image is removed with a fade transition, and after the effect is done, the new image is shown with a fade transition.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
+     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
+     * If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
      */
-    speed?: number;
+    function showWithFade(alias: string, component?: TComponent, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * How far the ripple's own internal "time" advances by the end of the animation (the ring's
-     * radius is `time * speed` pixels). By default it's just enough for the ring to fully leave the
-     * component - origin to farthest corner plus half a {@link wavelength} - or {@link radius} when set,
-     * divided by {@link speed}.
+     * Remove a image from the canvas with a fade effect.
+     * Fade effect is a effect that the image is removed with a fade out.
+     * This function is equivalent to {@link removeWithDissolve}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
      */
-    strength?: number;
-}
-interface RadialBlurEffectProps extends DecayingEffectProps {
+    function removeWithFade(alias: string, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
     /**
-     * The peak zoom-blur strength of the first, largest burst.
-     * @default 0.5
+     * Show a image in the canvas with a move effect. The image is moved from outside the canvas to the x and y position of the image.
+     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
+     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
+     * If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
      */
-    strength?: number;
+    function moveIn(alias: string, component?: TComponent, props?: MoveInOutProps & {
+        /**
+         * @deprecated Use `animateOldComponentOut` instead.
+         */
+        removeOldComponentWithMoveOut?: boolean;
+    }, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The number of bursts.
-     * @default 1
+     * Remove a image from the canvas with a move effect. The image is moved from the x and y position of the image to outside the canvas.
+     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
      */
-    bursts?: number;
+    function moveOut(alias: string, props?: MoveInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
     /**
-     * The origin the blur radiates from, normalized (0-1) to the element's own bounds.
-     * @default {x: 0.5, y: 0.5}
+     * Show a image in the canvas with a zoom effect. The image is zoomed in from the center of the canvas.
+     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
+     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
+     * If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
      */
-    origin?: {
-        x: number;
-        y: number;
-    };
+    function zoomIn(alias: string, component?: TComponent, props?: ZoomInOutProps & {
+        /**
+         * @deprecated Use `animateOldComponentOut` instead.
+         */
+        removeOldComponentWithZoomOut?: boolean;
+    }, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The inner radius (in pixels) excluded from the blur.
-     * @default 0
+     * Remove a image from the canvas with a zoom effect. The image is zoomed out to the center of the canvas.
+     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
      */
-    innerRadius?: number;
+    function zoomOut(alias: string, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
     /**
-     * The outer radius (in pixels) of the blur. A value `< 0` means the blur extends infinitely.
-     * @default -1
+     * Show a image in the canvas with a push effect. The new image is pushed in from the inside of the canvas and the old image is pushed out to the outside of the canvas.
+     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
+     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
+     * If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
      */
-    radius?: number;
-}
-interface BlurPulseEffectProps extends DecayingEffectProps {
+    function pushIn(alias: string, component?: TComponent, props?: PushInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The peak blur strength of the first, largest pulse.
-     * @default 8
+     * Remove a image from the canvas with a push effect. The image is pushed out to the outside of the canvas.
+     * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
      */
-    strength?: number;
+    function pushOut(alias: string, props?: PushInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
     /**
-     * The number of pulses.
-     * @default 3
+     * Show a image in the canvas with a wipe effect: the image is progressively revealed by a moving
+     * boundary. The direction/angle and inversion are all configurable, so the same primitive can
+     * produce horizontal, vertical, or diagonal reveals - see {@link WipeInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
+     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
+     * If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
      */
-    pulses?: number;
+    function wipeIn(alias: string, component?: TComponent, props?: WipeInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The blur filter's own render quality (number of blur passes). Higher looks smoother but costs
-     * more to render.
-     * @default 4
+     * Remove a image from the canvas with a wipe effect: the image is progressively concealed by a
+     * moving boundary. See {@link wipeIn} and {@link WipeInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
      */
-    quality?: number;
-}
-interface VignettePulseEffectProps extends DecayingEffectProps {
+    function wipeOut(alias: string, props?: WipeInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
     /**
-     * The peak vignette opacity of the first, largest pulse.
-     * @default 1
+     * Show a image in the canvas with an iris effect: the image is progressively revealed by an
+     * expanding radial mask. Moving {@link IrisInOutProps.origin} off-center makes the same primitive
+     * useful as a focus/reveal effect (e.g. centered on a character).
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
+     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
+     * If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
      */
-    strength?: number;
+    function irisIn(alias: string, component?: TComponent, props?: IrisInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The number of pulses.
-     * @default 1
+     * Remove a image from the canvas with an iris effect: the image is progressively concealed by a
+     * contracting radial mask. See {@link irisIn} and {@link IrisInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
      */
-    pulses?: number;
+    function irisOut(alias: string, props?: IrisInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
     /**
-     * How far the darkening reaches in from the corners, from `0` (none) to `1` (the whole element) -
-     * `0.5` darkens roughly the outer half.
-     * @default 0.5
+     * Show a image in the canvas with a split effect: two mask panels slide together from the edges to
+     * progressively reveal the image, meeting at the split line once fully shown. With
+     * `direction: "outward"`, the reveal grows from the split line towards the edges instead.
+     * During replacement, the old component's conceal follows the new component's reveal.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
+     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
+     * If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
      */
-    radius?: number;
+    function splitIn(alias: string, component?: TComponent, props?: SplitInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * How soft the transition from the clear center to the dark edges is (`0` = a hard edge).
-     * @default 0.5
+     * Remove a image from the canvas with a split effect: two mask panels retract apart toward the
+     * edges to progressively conceal the image. With `direction: "outward"`, the visible region
+     * shrinks from the edges towards the split line. See {@link splitIn} and {@link SplitInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
      */
-    blur?: number;
-}
-interface DesaturateEffectProps extends BaseTransitionProps, AnimationOptions {
+    function splitOut(alias: string, props?: SplitInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
     /**
-     * The saturation floor reached at the trough (`0` = full grayscale, `1` = no desaturation at all).
-     * @default 0
+     * Show a image in the canvas with a blur effect: the image appears already blurred and sharpens
+     * into focus. A generic blur, not a "dream"/"flashback" transition specifically - combine it with
+     * {@link showWithFade} for that recipe. See {@link BlurInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
+     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
+     * If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
      */
-    amount?: number;
+    function blurIn(alias: string, component?: TComponent, props?: BlurInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * How long the component stays at {@link amount} before recovering back to normal saturation, on
-     * top of the fade in/out (each {@link AnimationOptions.duration}).
-     * @default 0
+     * Remove a image from the canvas with a blur effect: the image blurs out of focus before being
+     * removed. See {@link blurIn} and {@link BlurInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
      */
-    holdDuration?: number;
-}
-interface GlowPulseEffectProps extends DecayingEffectProps {
+    function blurOut(alias: string, props?: BlurInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
     /**
-     * The peak outward glow strength of the first, largest pulse.
-     * @default 4
+     * Show a image in the canvas with a pixelate effect: the image appears pixelated and resolves into
+     * focus. Useful for retro effects, digital transitions, censorship/stylization, or scene changes -
+     * not only "glitch" scenes. See {@link PixelateInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
+     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
+     * If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
      */
-    strength?: number;
+    function pixelateIn(alias: string, component?: TComponent, props?: PixelateInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The number of pulses.
-     * @default 3
+     * Remove a image from the canvas with a pixelate effect: the image pixelates before being removed.
+     * See {@link pixelateIn} and {@link PixelateInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
      */
-    pulses?: number;
+    function pixelateOut(alias: string, props?: PixelateInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
     /**
-     * The color of the glow.
-     * @default 0xffffff
+     * Show a image in the canvas with a flash effect, with a configurable solid-color overlay (not
+     * limited to a white flash). White reads as a camera/explosion-like flash, black as a blink/cut, and
+     * arbitrary colors work for damage/magic/memory/UI transitions. See {@link FlashInOutProps}.
+     *
+     * If `alias` has no existing component, the new image appears immediately and the overlay fades in
+     * and back out over it. If `alias` already has a component, the *current* content fades up to
+     * `color` first, is swapped for the new content at the exact moment the screen is a solid `color`
+     * (so the content change itself is invisible), and the new content then fades back down from `color`
+     * to normal - see {@link flashReplace}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
+     * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
+     * If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
      */
-    color?: number;
+    function flashIn(alias: string, component?: TComponent, props?: FlashInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
     /**
-     * The distance (in pixels) the glow extends.
-     * @default 10
+     * Remove a image from the canvas with a flash effect: a configurable solid-color overlay fades up to
+     * `color` and back down to normal, and the image is removed the instant that finishes - the removal
+     * itself is a hard cut, never an additional fade/dissolve. See {@link flashIn} and
+     * {@link FlashInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
      */
-    distance?: number;
+    function flashOut(alias: string, props?: FlashInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
     /**
-     * The strength of the glow inward from the edge of the component.
-     * @default 0
+     * Show a image in the canvas with a glitch effect: the image materializes out of jittery bursts of
+     * digital-corruption slices with red/blue fringing, which settle as it appears. See
+     * {@link GlitchInOutProps}.
+     * When replacing an existing component, waits for its out animation before starting the entrance.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
      */
-    innerStrength?: number;
+    function glitchIn(alias: string, component?: TComponent, props?: GlitchInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    /**
+     * Remove a image from the canvas with a glitch effect: digital-corruption bursts build up until the
+     * image is removed. See {@link glitchIn} and {@link GlitchInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
+     */
+    function glitchOut(alias: string, props?: GlitchInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    /**
+     * Show a image in the canvas with a twist effect: the image unwinds out of a swirl, like coming
+     * through a vortex or portal. See {@link TwistInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     */
+    function twistIn(alias: string, component?: TComponent, props?: TwistInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    /**
+     * Remove a image from the canvas with a twist effect: the image winds up into a swirl before being
+     * removed. See {@link twistIn} and {@link TwistInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
+     */
+    function twistOut(alias: string, props?: TwistInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    /**
+     * Show a image in the canvas with a warp effect: the image arrives out of radial zoom-blur streaks,
+     * like dropping out of hyperspace. See {@link WarpInOutProps}.
+     * When replacing an existing component, waits for its out animation before starting the entrance.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     */
+    function warpIn(alias: string, component?: TComponent, props?: WarpInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    /**
+     * Remove a image from the canvas with a warp effect: the image streaks away in a radial zoom blur
+     * before being removed. See {@link warpIn} and {@link WarpInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
+     */
+    function warpOut(alias: string, props?: WarpInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    /**
+     * Show a image in the canvas with a ripple effect: the image fades in through a ring of water-like
+     * distortion spreading outward from an origin point - for dreams, magic or memories. See
+     * {@link RippleInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     */
+    function rippleIn(alias: string, component?: TComponent, props?: RippleInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    /**
+     * Remove a image from the canvas with a ripple effect: a ring of water-like distortion spreads over
+     * the image as it fades out and is removed. See {@link rippleIn} and {@link RippleInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
+     */
+    function rippleOut(alias: string, props?: RippleInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    /**
+     * Show a image in the canvas with a noise dissolve: the image appears in organic, noise-shaped
+     * blotches (or a cloudy fade with `edge: "soft"`) - the classic visual-novel image dissolve. See
+     * {@link NoiseDissolveInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     */
+    function noiseDissolveIn(alias: string, component?: TComponent, props?: NoiseDissolveInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    /**
+     * Remove a image from the canvas with a noise dissolve: the image disappears in noise-shaped
+     * blotches and is then removed. See {@link noiseDissolveIn} and {@link NoiseDissolveInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
+     */
+    function noiseDissolveOut(alias: string, props?: NoiseDissolveInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    /**
+     * Show a image in the canvas like an old TV turning on: a bright dot stretches into a glowing
+     * horizontal line, which then opens up into the full image, with CRT scanlines. The scale animates
+     * around the component's own anchor/pivot, so a centered anchor looks best. See
+     * {@link TvInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     */
+    function tvIn(alias: string, component?: TComponent, props?: TvInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    /**
+     * Remove a image from the canvas like an old TV turning off: the image collapses into a glowing
+     * horizontal line, then into a dot, and is removed. The scale animates around the component's own
+     * anchor/pivot, so a centered anchor looks best. See {@link tvIn} and {@link TvInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
+     */
+    function tvOut(alias: string, props?: TvInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
+    /**
+     * Show a image in the canvas with a pinch effect: the image emerges from a single point, deforming
+     * outward as it settles (or puffs out of it with `mode: "bulge"`). See {@link PinchInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param component The imageUrl, array of imageUrl or the canvas component. If you don't provide the component, then the alias is used as the url.
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+     */
+    function pinchIn(alias: string, component?: TComponent, props?: PinchInOutProps, priority?: UPDATE_PRIORITY$1): Promise<string[] | undefined>;
+    /**
+     * Remove a image from the canvas with a pinch effect: the image is sucked into a single point (or
+     * puffs out with `mode: "bulge"`) and removed. See {@link pinchIn} and {@link PinchInOutProps}.
+     * @param alias The unique alias of the image. You can use this alias to refer to this image
+     * @param props The properties of the effect
+     * @param priority The priority of the effect
+     * @returns The ids of the tickers that are used in the effect.
+     */
+    function pinchOut(alias: string, props?: PinchInOutProps, priority?: UPDATE_PRIORITY$1): string[] | undefined;
 }
 
+/**
+ * Canvas error handler: when a `PixiError` contains `canvasElementInfo`,
+ * draw a simple `ErrorGraphics` placeholder on the canvas so the scene
+ * remains visible and debuggable.
+ */
+declare function drawCanvasErrorHandler(): OnErrorHandler;
+
+/**
+ * Add a list of images in the container, after that, the images are added to the canvas.
+ * Is the same that {@link showImageContainer}, but the image is not shown.
+ * If you want to show the container, then you need to use the function {@link ImageSprite.load()}.
+ * @param alias is the unique alias of the container. You can use this alias to refer to this container
+ * @param imageUrls is the url of the image. If you don't provide the url, then the alias is used as the url.
+ * @param options The options of the container.
+ * @returns This function returns an {@link ImageContainer} that you can use to manipulate the component.
+ * @example
+ * ```ts
+ * let bunny = addImageContainer("bunny", ["https://pixijs.com/assets/bunny-body.png", "https://pixijs.com/assets/bunny-eyes.png"])
+ * await bunny.load()
+ * ```
+ */
+declare function addImageCointainer(alias: string, imageUrls: string[], options?: ImageContainerOptions<ImageSprite>): ImageContainer;
+/**
+ * Add a list of images in the container, after that, the images are added and shown in the canvas.
+ * @param alias The unique alias of the container. You can use this alias to refer to this container
+ * @param imageUrls The url of the image.
+ * @param options The options of the container.
+ * @returns This function returns an {@link ImageContainer} that you can use to manipulate the component.
+ * @example
+ * ```ts
+ * let bunny = showImageContainer("bunny", ["https://pixijs.com/assets/bunny-body.png", "https://pixijs.com/assets/bunny-eyes.png"])
+ * ```
+ */
+declare function showImageContainer(alias: string, imageUrls: string[], options?: ImageContainerOptions<ImageSprite>): Promise<ImageContainer>;
+
+/**
+ * Add a image in the canvas.
+ * Is the same that {@link showImage}, but the image is not shown.
+ * If you want to show the image, then you need to use the function {@link ImageSprite.load}.
+ * @param alias is the unique alias of the image. You can use this alias to refer to this image
+ * @param imageUrl The url of the image. If you have initialized the "asset matrix", you can use the alias of the texture. If you don't provide the URL, then the alias is used as the URL.
+ * @param options The options of the image.
+ * @returns This function returns an {@link ImageSprite} that you can use to manipulate the component.
+ * @throws {PixiError} when `imageUrl` is not provided and `alias` is not registered in the asset cache.
+ * @example
+ * ```ts
+ * let bunny1 = addImage("bunny1", "https://pixijs.com/assets/bunny1.png")
+ * await bunny1.load()
+ * Assets.add({ alias: "bunny2", src: "https://pixijs.com/assets/bunny2.png" })
+ * let bunny2 = addImage("bunny2")
+ * await bunny2.load()
+ * ```
+ */
+declare function addImage(alias: string, imageUrl?: string, options?: ImageSpriteOptions): ImageSprite;
+/**
+ * Add and show a image in the canvas. This function is a combination of {@link addImage}.
+ * @param alias The unique alias of the image. You can use this alias to refer to this image
+ * @param imageUrl The url of the image. If you have initialized the "asset matrix", you can use the alias of the texture. If you don't provide the URL, then the alias is used as the URL.
+ * @param options The options of the image.
+ * @returns This function returns an {@link ImageSprite} that you can use to manipulate the component.
+ * @throws {PixiError} when `imageUrl` is not provided and `alias` is not registered in the asset cache.
+ * @example
+ * ```ts
+ * let bunny1 = showImage("bunny1", "https://pixijs.com/assets/bunny1.png")
+ * Assets.add({ alias: "bunny2", src: "https://pixijs.com/assets/bunny2.png" })
+ * let bunny2 = showImage("bunny2")
+ * ```
+ */
+declare function showImage(alias: string, imageUrl?: string, options?: ImageSpriteOptions): Promise<ImageSprite>;
+
+/**
+ * Add and show a text in the canvas.
+ * @param alias The unique alias of the text. You can use this alias to refer to this text.
+ * @param text
+ * @param options The options of the text.
+ * @returns This function returns an {@link Text} that you can use to manipulate the component.
+ * @example
+ * ```ts
+ * let text = showText("text", "Hello World", { fontSize: 24, fill: "white" })
+ * ```
+ */
+declare function showText(alias: string, text: string, options?: Omit<TextOptions, "text">): Text;
+
+/**
+ * Get a texture from a url.
+ * @param textureAlias is the url of the file.
+ * @returns the texture of the image or video, or `undefined` when `textureAlias` is the `"EMPTY"` sentinel value.
+ * @throws {PixiError} when the alias is missing, the asset is not found in the cache/network, or the loaded resource is not a `Texture`.
+ */
+declare function getTexture(textureAlias?: string): Promise<Texture$1 | undefined>;
+
+/**
+ * Add a video in the canvas.
+ * Is the same that {@link showVideo}, but the video is not shown.
+ * If you want to show the video, then you need to use the function {@link VideoSprite.load()}.
+ * @param alias is the unique alias of the video. You can use this alias to refer to this video
+ * @param videoUrl is the url of the video. If you don't provide the url, then the alias is used as the url.
+ * @param options The options of the video.
+ * @returns This function returns an {@link VideoSprite} that you can use to manipulate the component.
+ * @throws {PixiError} when `videoUrl` is not provided and `alias` is not registered in the asset cache.
+ * @example
+ * ```ts
+ * let video1 = addVideo("video1", "https://pixijs.com/assets/video1.mp4")
+ * await video1.load()
+ * Assets.add({ alias: "video2", src: "https://pixijs.com/assets/video2.png" })
+ * let video2 = addVideo("video2")
+ * await video2.load()
+ * ```
+ */
+declare function addVideo(alias: string, videoUrl?: string, options?: VideoSpriteOptions): VideoSprite;
+/**
+ * Add and show a video in the canvas. This function is a combination of {@link addVideo}.
+ * @param alias The unique alias of the video. You can use this alias to refer to this video
+ * @param videoUrl The url of the video.
+ * @param options The options of the video.
+ * @returns This function returns an {@link VideoSprite} that you can use to manipulate the component.
+ * @throws {PixiError} when `videoUrl` is not provided and `alias` is not registered in the asset cache.
+ * @example
+ * ```ts
+ * let video1 = showVideo("video1", "https://pixijs.com/assets/video1.mp4")
+ * Assets.add({ alias: "video2", src: "https://pixijs.com/assets/video2.png" })
+ * let video2 = showVideo("video2")
+ * ```
+ */
+declare function showVideo(alias: string, videoUrl?: string, options?: VideoSpriteOptions): Promise<VideoSprite>;
+
+/**
+ * A snapshot of a component's own (untransformed) bounds, captured once when a mask/filter transition
+ * starts. Transitions don't expect the component to resize mid-effect, the same simplification the
+ * existing move/zoom/push transitions already make by computing their destination once upfront.
+ */
+interface BoundsSnapshot {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface WipeFilterConfig {
+    kind: "wipe";
+    angle: number;
+    invert: boolean;
+    bounds: BoundsSnapshot;
+}
+interface IrisFilterConfig {
+    kind: "iris";
+    /** If true the image is seen around the circle (a hole in the mask) instead of through it. */
+    outside?: boolean;
+    originX: number;
+    originY: number;
+    aspect: number;
+    invert: boolean;
+    bounds: BoundsSnapshot;
+}
+interface SplitFilterConfig {
+    kind: "split";
+    /** Absent in older saves, which reveal from the edges inwards. */
+    direction?: "inward" | "outward";
+    orientation: "horizontal" | "vertical";
+    origin: number;
+    invert: boolean;
+    bounds: BoundsSnapshot;
+}
+type FilterTransitionConfig = WipeFilterConfig | IrisFilterConfig | SplitFilterConfig;
+/**
+ * Builds the `apply`/`cleanup` pair that drives a mask-based transition (wipe/iris/split) on the
+ * component registered under `alias`, from nothing but plain, serializable data. It's the single place
+ * both the live transition and a ticker reconstructed after a save/restore (or a step back) get their
+ * callbacks from - which is what lets the animation resume instead of being lost. The mask `Graphics` is
+ * lazily recreated on the first `apply()` call, so a restored ticker needs nothing else.
+ */
+declare function createFilterTransitionApplier(alias: string, config: FilterTransitionConfig): {
+    apply(value: number): void;
+    cleanup(): void;
+};
+
 /**
  * An empty interface that can be augmented via `declare module '@drincs/pixi-vn/canvas'`
  * to constrain the set of valid asset aliases to a known union of string literals.
@@ -2773,4 +2858,4 @@ declare const UPDATE_PRIORITY: typeof _drincs_pixi_vn_pixi_js.UPDATE_PRIORITY;
 
 declare const canvas: CanvasManagerInterface;
 
-export { AdditionalPositionsExtension, AdditionalPositionsExtensionProps, type AnchorExtension, type AnchorExtensionProps, type AssetAliasIdType, type AssetMemory, Assets, type BlurInOutProps, type BlurPulseEffectProps, type BounceEffectProps, type BundleIdType, type CanvasBaseInterface, CanvasBaseItem, CanvasBaseItemMemory, CanvasGameState, type CanvasHtmlLayersInterface, type CanvasLayersInterface, type CanvasManagerInterface, CanvasManagerStatic, CanvasPropertyUtility, type ChromaticAberrationEffectProps, Color, type ColorType, Container, ContainerChild$1 as ContainerChild, ContainerMemory, type ContainerOptions, type DecayingEffectProps, type DesaturateEffectProps, type FilterFadeTransitionProps, type FlashInOutProps, type GlitchEffectProps, type GlitchInOutProps, type GlowPulseEffectProps, type HopEffectProps, type HslColorType, type HslaColorType, type HsvColorType, type HsvaColorType, ImageContainer, type ImageContainerMemory, type ImageContainerOptions, ImageSprite, type ImageSpriteMemory, type ImageSpriteOptions, type IrisInOutProps, type Layer, ListenerExtension, ListenerExtensionMemory, type MaskTransitionProps, type MoveInOutProps, type NodEffectProps, type NoiseDissolveInOutProps, OnEventsHandlers, type PinchInOutProps, type PixelateInOutProps, type PixivnAssetAliasIds, type PixivnBundleIds, type PulseEffectProps, type PunchEffectProps, type PushInOutProps, type RadialBlurEffectProps, Rectangle, RegisteredCanvasComponents, RegisteredEvents, type RgbColorType, type RgbaColorType, type RippleInOutProps, type ShakeEffectProps, type ShockwaveEffectProps, type ShowWithDissolveTransitionProps, type ShowWithFadeTransitionProps, type SplitInOutProps, Sprite, type SpriteBaseMemory, type SpriteMemory, type SpriteOptions, type SwayEffectProps, Text, type TextMemory, type TextOptions, TextStyle, Texture, type TvInOutProps, type TwistInOutProps, UPDATE_PRIORITY, VideoSprite, type VideoSpriteMemory, type VideoSpriteOptions, type VignettePulseEffectProps, type WarpInOutProps, type WiggleEffectProps, type WipeInOutProps, type ZoomInOutProps, addImage, addImageCointainer, addVideo, canvas, canvasComponentDecorator, drawCanvasErrorHandler, effects, eventDecorator, getTexture, moveIn, moveOut, pushIn, pushOut, removeWithDissolve, removeWithFade, setMemoryContainer, shakeEffect, showImage, showImageContainer, showText, showVideo, showWithDissolve, showWithFade, transitions, zoomIn, zoomOut };
+export { AdditionalPositionsExtension, AdditionalPositionsExtensionProps, type AnchorExtension, type AnchorExtensionProps, type AssetAliasIdType, type AssetMemory, Assets, type BlurInOutProps, type BlurPulseEffectProps, type BounceEffectProps, type BundleIdType, type CanvasBaseInterface, CanvasBaseItem, CanvasBaseItemMemory, CanvasGameState, type CanvasHtmlLayersInterface, type CanvasLayersInterface, type CanvasManagerInterface, CanvasManagerStatic, CanvasPropertyUtility, type ChromaticAberrationEffectProps, Color, type ColorType, Container, ContainerChild$1 as ContainerChild, ContainerMemory, type ContainerOptions, type DecayingEffectProps, type DesaturateEffectProps, type FilterFadeTransitionProps, type FilterTransitionConfig, type FlashInOutProps, type GlitchEffectProps, type GlitchInOutProps, type GlowPulseEffectProps, type HopEffectProps, type HslColorType, type HslaColorType, type HsvColorType, type HsvaColorType, ImageContainer, type ImageContainerMemory, type ImageContainerOptions, ImageSprite, type ImageSpriteMemory, type ImageSpriteOptions, type IrisInOutProps, type Layer, ListenerExtension, ListenerExtensionMemory, type MaskTransitionProps, type MoveInOutProps, type NodEffectProps, type NoiseDissolveInOutProps, type OldComponentOutProps, OnEventsHandlers, type PinchInOutProps, type PixelateInOutProps, type PixivnAssetAliasIds, type PixivnBundleIds, type PulseEffectProps, type PunchEffectProps, type PushInOutProps, type RadialBlurEffectProps, Rectangle, RegisteredCanvasComponents, RegisteredEvents, type RgbColorType, type RgbaColorType, type RippleInOutProps, type ShakeEffectProps, type ShockwaveEffectProps, type ShowWithDissolveTransitionProps, type ShowWithFadeTransitionProps, type SplitInOutProps, Sprite, type SpriteBaseMemory, type SpriteMemory, type SpriteOptions, type SwayEffectProps, Text, type TextMemory, type TextOptions, TextStyle, Texture, type TvInOutProps, type TwistInOutProps, UPDATE_PRIORITY, VideoSprite, type VideoSpriteMemory, type VideoSpriteOptions, type VignettePulseEffectProps, type WarpInOutProps, type WiggleEffectProps, type WipeInOutProps, type ZoomInOutProps, addImage, addImageCointainer, addVideo, canvas, canvasComponentDecorator, createFilterTransitionApplier, drawCanvasErrorHandler, effects, eventDecorator, getTexture, moveIn, moveOut, pushIn, pushOut, removeWithDissolve, removeWithFade, setMemoryContainer, shakeEffect, showImage, showImageContainer, showText, showVideo, showWithDissolve, showWithFade, transitions, zoomIn, zoomOut };