reacthub-pixitweenjs 0.3.0 → 0.3.2-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/dist/components/AepComposition/AepComposition.d.ts +2 -1
  2. package/dist/components/AepComposition/AepTransitionContext.d.ts +16 -0
  3. package/dist/components/AepComposition/AepTransitionLayer.d.ts +7 -0
  4. package/dist/components/AepComposition/AepTransitionMesh.d.ts +7 -0
  5. package/dist/components/AepComposition/index.d.ts +8 -0
  6. package/dist/components/AepComposition/model3d/Pixi3DModelLayer.d.ts +1 -1
  7. package/dist/components/AepComposition/transitionEase.d.ts +2 -0
  8. package/dist/components/AepComposition/useAepTransitionClock.d.ts +2 -0
  9. package/dist/components/PixiAnimatedSprite/PixiAnimatedSprite.d.ts +1 -1
  10. package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts +1 -1
  11. package/dist/components/PixiCaptionsTrack/PixiCaptionsTrack.d.ts +1 -1
  12. package/dist/components/PixiGifSprite/PixiGifGsapSync.d.ts +1 -1
  13. package/dist/components/PixiGlTransition/GlTransitionRegistry.d.ts +9 -0
  14. package/dist/components/PixiGlTransition/GlTransitionRegistryContext.d.ts +10 -0
  15. package/dist/components/PixiGlTransition/PixiElementTransition.d.ts +2 -0
  16. package/dist/components/PixiGlTransition/PixiGlTransition.d.ts +7 -0
  17. package/dist/components/PixiGlTransition/PixiSceneTransition.d.ts +2 -0
  18. package/dist/components/PixiGlTransition/TransitionMeshLayer.d.ts +10 -0
  19. package/dist/components/PixiGlTransition/index.d.ts +7 -0
  20. package/dist/components/PixiGlTransition/sequenceTransitions.d.ts +32 -0
  21. package/dist/components/PixiGlTransition/transitionTypes.d.ts +28 -0
  22. package/dist/components/PixiGlTransition/useGsapTransitionClock.d.ts +2 -0
  23. package/dist/components/PixiGlTransition/useTransitionEndpoints.d.ts +6 -0
  24. package/dist/components/PixiGsapAnims/FadeIn.d.ts +1 -1
  25. package/dist/components/PixiGsapAnims/PixiFlipContainer.d.ts +1 -1
  26. package/dist/components/PixiImageSprite/PixiImageSprite.d.ts +1 -1
  27. package/dist/components/PixiLottieSprite/PixiLottieSprite.d.ts +1 -1
  28. package/dist/components/PixiNullObject/PixiNullObject.d.ts +1 -1
  29. package/dist/components/PixiPreComp/PixiPreComp.d.ts +1 -1
  30. package/dist/components/PixiRemotionSprite/PixiRemotionGifSprite.d.ts +1 -1
  31. package/dist/components/PixiRemotionSprite/PixiRemotionImageSprite.d.ts +1 -1
  32. package/dist/components/PixiRemotionSprite/PixiRemotionSprite.d.ts +1 -1
  33. package/dist/components/PixiRemotionSprite/PixiRemotionVideoCanvaSprite.d.ts +1 -1
  34. package/dist/components/PixiSVGSprite/PixiMorphSvgSprite.d.ts +1 -1
  35. package/dist/components/PixiSVGSprite/PixiSvgImageSprite.d.ts +1 -1
  36. package/dist/components/PixiSVGSprite/PixiSvgPathSprite.d.ts +1 -1
  37. package/dist/components/PixiSVGSprite/PixiSvgRawSprite.d.ts +1 -1
  38. package/dist/components/PixiSequence/PixiSequence.d.ts +9 -1
  39. package/dist/components/PixiShapeLayer/PixiShapeLayer.d.ts +1 -1
  40. package/dist/components/PixiTextSprite/PixiTextSprite.d.ts +1 -1
  41. package/dist/components/PixiThreeSprite/PixiThreeModelSprite.d.ts +1 -1
  42. package/dist/components/PixiVideoSprite/PixiVideoCanvasSync.d.ts +1 -1
  43. package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts +1 -1
  44. package/dist/components/index.d.ts +1 -0
  45. package/dist/hocs/AbstractContainer.d.ts +1 -1
  46. package/dist/hocs/BorderMaskContainer.d.ts +1 -1
  47. package/dist/hocs/OverlayTilingSprite.d.ts +2 -1
  48. package/dist/hooks/glTransitions/useGLTransitionMesh.d.ts +34 -0
  49. package/dist/hooks/index.d.ts +2 -0
  50. package/dist/importers/aep/index.d.ts +1 -0
  51. package/dist/importers/aep/transitionLint.d.ts +3 -0
  52. package/dist/index.es.js +9709 -8539
  53. package/dist/index.umd.js +109 -65
  54. package/dist/providers/AudioContextProvider.d.ts +1 -1
  55. package/dist/types/aep/composition.d.ts +4 -1
  56. package/dist/types/aep/index.d.ts +1 -0
  57. package/dist/types/aep/transition.d.ts +107 -0
  58. package/dist/types/glTransition.d.ts +33 -0
  59. package/dist/types/index.d.ts +1 -0
  60. package/dist/utils/ContextBridge.d.ts +1 -1
  61. package/dist/utils/glTransitions/buildFragment.d.ts +14 -0
  62. package/dist/utils/glTransitions/capture.d.ts +26 -0
  63. package/dist/utils/glTransitions/catalog.d.ts +124 -0
  64. package/dist/utils/glTransitions/createGLTransitionShader.d.ts +20 -0
  65. package/dist/utils/glTransitions/index.d.ts +8 -0
  66. package/dist/utils/glTransitions/nameMap.d.ts +1 -0
  67. package/dist/utils/glTransitions/resolve.d.ts +9 -0
  68. package/dist/utils/index.d.ts +1 -0
  69. package/package.json +3 -1
@@ -1,4 +1,4 @@
1
- import { AepCompositionJson, AepThemeMap } from '../../types/aep';
1
+ import { AepCompositionJson, AepThemeMap, AepTransitionOverrideMap } from '../../types/aep';
2
2
  import { AepTextOverrideMap } from './AepTextOverrideContext';
3
3
  import { AepAssetOverrideMap } from './AepLayerProvider';
4
4
  import { AepAssetResolver } from './AepAssetResolver';
@@ -12,6 +12,7 @@ export interface AepCompositionProps {
12
12
  onError?: (err: unknown) => void;
13
13
  theme?: AepThemeMap;
14
14
  textOverrides?: AepTextOverrideMap;
15
+ transitionOverrides?: AepTransitionOverrideMap;
15
16
  onRenderReady?: () => void;
16
17
  onLayerError?: (layerId: string, error: unknown) => void;
17
18
  }
@@ -0,0 +1,16 @@
1
+ import { AepTransitionOverrideMap } from '../../types/aep';
2
+ import * as React from "react";
3
+ import type * as PIXI from "pixi.js";
4
+ export interface AepTransitionRegistryValue {
5
+ containers: Map<string, PIXI.Container>;
6
+ prefix: string;
7
+ overrides?: AepTransitionOverrideMap;
8
+ revision: number;
9
+ registerContainer: (layerId: string, container: PIXI.Container | null) => void;
10
+ }
11
+ export declare const AepTransitionProvider: React.FC<{
12
+ children: React.ReactNode;
13
+ overrides?: AepTransitionOverrideMap;
14
+ prefix?: string;
15
+ }>;
16
+ export declare const useAepTransitionRegistry: () => AepTransitionRegistryValue | null;
@@ -0,0 +1,7 @@
1
+ import { AepTransition, AepTransitionOverrideMap } from '../../types/aep';
2
+ import * as React from "react";
3
+ export interface AepTransitionLayerProps {
4
+ transition: AepTransition;
5
+ overrides?: AepTransitionOverrideMap;
6
+ }
7
+ export declare const AepTransitionLayer: React.FC<AepTransitionLayerProps>;
@@ -0,0 +1,7 @@
1
+ import { AepTransition, AepTransitionOverrideMap } from '../../types/aep';
2
+ import * as React from "react";
3
+ export interface AepTransitionMeshProps {
4
+ transition: AepTransition;
5
+ overrides?: AepTransitionOverrideMap;
6
+ }
7
+ export declare const AepTransitionMesh: React.FC<AepTransitionMeshProps>;
@@ -3,6 +3,14 @@ export type { AepCompositionProps } from './AepComposition';
3
3
  export { AepLayerProvider, useAepLayerContext, useAepLayerContextOptional, AepRecursionDepthProvider, useAepRecursionDepth, AEP_MAX_PRECOMP_DEPTH, mergeAssetMaps, } from './AepLayerProvider';
4
4
  export type { AepLayerContextValue, AepAssetOverrideMap, AepAssetOverride, } from './AepLayerProvider';
5
5
  export { AepLayerRouter } from './AepLayerRouter';
6
+ export { AepTransitionProvider, useAepTransitionRegistry } from './AepTransitionContext';
7
+ export type { AepTransitionRegistryValue } from './AepTransitionContext';
8
+ export { AepTransitionLayer } from './AepTransitionLayer';
9
+ export type { AepTransitionLayerProps } from './AepTransitionLayer';
10
+ export { AepTransitionMesh } from './AepTransitionMesh';
11
+ export type { AepTransitionMeshProps } from './AepTransitionMesh';
12
+ export { useAepTransitionClock } from './useAepTransitionClock';
13
+ export { getAepTransitionEase } from './transitionEase';
6
14
  export { Aep3DScene } from './Aep3DScene';
7
15
  export type { Aep3DSceneProps } from './Aep3DScene';
8
16
  export { Aep3DPostFx } from './Aep3DPostFx';
@@ -6,4 +6,4 @@ export interface Pixi3DModelLayerProps extends PixiBaseSpriteProps {
6
6
  }
7
7
  export declare const Pixi3DModelLayer: React.MemoExoticComponent<({ ref, layer, ...props }: Pixi3DModelLayerProps & {
8
8
  ref?: React.Ref<ForwardedRefResponse | null>;
9
- }) => import("react/jsx-runtime").JSX.Element>;
9
+ }) => React.JSX.Element>;
@@ -0,0 +1,2 @@
1
+ import { AepEaseHandle } from '../../types/aep';
2
+ export declare const getAepTransitionEase: (ease: AepEaseHandle | string | undefined) => ((progress: number) => number);
@@ -0,0 +1,2 @@
1
+ import { TransitionClock } from '../../hooks/glTransitions/useGLTransitionMesh';
2
+ export declare const useAepTransitionClock: (startFrame: number, durationFrames: number, ease?: TransitionClock["ease"]) => TransitionClock;
@@ -19,5 +19,5 @@ type PixiAnimatedSpriteProps = {
19
19
  onComplete?: () => void;
20
20
  onFrameChange?: (currentFrame: number) => void;
21
21
  };
22
- declare const PixiAnimatedSprite: React.MemoExoticComponent<({ isPlaying, forwardRef, ...props }: PixiAnimatedSpriteProps) => import("react/jsx-runtime").JSX.Element>;
22
+ declare const PixiAnimatedSprite: React.MemoExoticComponent<({ isPlaying, forwardRef, ...props }: PixiAnimatedSpriteProps) => React.JSX.Element>;
23
23
  export default PixiAnimatedSprite;
@@ -53,6 +53,6 @@ export interface PixiAudioSpriteProps extends PixiBaseSpriteProps {
53
53
  */
54
54
  declare const PixiAudioSprite: ({ ref, ...props }: PixiAudioSpriteProps & {
55
55
  ref?: React.Ref<ForwardedRefResponse | null>;
56
- }) => import("react/jsx-runtime").JSX.Element;
56
+ }) => React.JSX.Element;
57
57
  declare const MemoizedPixiAudioSprite: typeof PixiAudioSprite;
58
58
  export default MemoizedPixiAudioSprite;
@@ -78,7 +78,7 @@ export interface PixiCaptionsTrackProps {
78
78
  * `wordbox` branch no longer contains a stray unreachable statement.
79
79
  */
80
80
  declare const PixiCaptionsTrackInner: {
81
- (props: PixiCaptionsTrackProps): import("react/jsx-runtime").JSX.Element;
81
+ (props: PixiCaptionsTrackProps): React.JSX.Element;
82
82
  displayName: string;
83
83
  };
84
84
  declare const PixiCaptionsTrack: typeof PixiCaptionsTrackInner;
@@ -19,5 +19,5 @@ export interface PixiGifSpriteProps extends PixiBaseSpriteProps {
19
19
  }
20
20
  declare const PixiGifSprite: React.MemoExoticComponent<({ ref, ...props }: PixiGifSpriteProps & {
21
21
  ref?: React.Ref<ForwardedRefResponse | null>;
22
- }) => import("react/jsx-runtime").JSX.Element>;
22
+ }) => React.JSX.Element>;
23
23
  export default PixiGifSprite;
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ export { useGlTransitionRegistry } from './GlTransitionRegistryContext';
3
+ export type { GlTransitionRegistryValue } from './GlTransitionRegistryContext';
4
+ export { resolveSequenceTransitions } from './sequenceTransitions';
5
+ export type { RegisteredSequenceTransition, SequenceRegistryEntry, SequenceTransitionShortcut, } from './sequenceTransitions';
6
+ export interface GlTransitionRegistryProviderProps {
7
+ children: ReactNode;
8
+ }
9
+ export declare const GlTransitionRegistryProvider: ({ children }: GlTransitionRegistryProviderProps) => import('react').JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { Container } from 'pixi.js';
2
+ import { SequenceRegistryEntry } from './sequenceTransitions';
3
+ export interface GlTransitionRegistryValue {
4
+ containers: Map<string, Container>;
5
+ sequences: Map<string, SequenceRegistryEntry>;
6
+ revision: number;
7
+ registerSequence: (sequence: SequenceRegistryEntry | null, id: string) => void;
8
+ }
9
+ export declare const GlTransitionRegistryContext: import('react').Context<GlTransitionRegistryValue | null>;
10
+ export declare const useGlTransitionRegistry: () => GlTransitionRegistryValue | null;
@@ -0,0 +1,2 @@
1
+ import { PixiElementTransitionProps } from './transitionTypes';
2
+ export declare const PixiElementTransition: import('react').MemoExoticComponent<(props: PixiElementTransitionProps) => import('react').JSX.Element>;
@@ -0,0 +1,7 @@
1
+ import { PixiElementTransitionProps, PixiSceneTransitionProps } from './transitionTypes';
2
+ export type PixiGlTransitionProps = ({
3
+ scope: "element";
4
+ } & PixiElementTransitionProps) | ({
5
+ scope: "scene";
6
+ } & PixiSceneTransitionProps);
7
+ export declare const PixiGlTransition: import('react').MemoExoticComponent<(props: PixiGlTransitionProps) => import('react').JSX.Element>;
@@ -0,0 +1,2 @@
1
+ import { PixiSceneTransitionProps } from './transitionTypes';
2
+ export declare const PixiSceneTransition: import('react').MemoExoticComponent<(props: PixiSceneTransitionProps) => import('react').JSX.Element>;
@@ -0,0 +1,10 @@
1
+ import { PixiTransitionProps } from './transitionTypes';
2
+ interface TransitionMeshLayerProps extends PixiTransitionProps {
3
+ scope: "element" | "scene";
4
+ zIndex?: number;
5
+ fromGroup?: string[];
6
+ toGroup?: string[];
7
+ sharedLayers?: string[];
8
+ }
9
+ export declare const TransitionMeshLayer: import('react').MemoExoticComponent<({ name, startAt, duration, ease, params, from, to, region, width, height, scope, zIndex, fromGroup, toGroup, sharedLayers, }: TransitionMeshLayerProps) => import('react').JSX.Element>;
10
+ export {};
@@ -0,0 +1,7 @@
1
+ export { PixiGlTransition } from './PixiGlTransition';
2
+ export type { PixiGlTransitionProps } from './PixiGlTransition';
3
+ export { PixiElementTransition } from './PixiElementTransition';
4
+ export { PixiSceneTransition } from './PixiSceneTransition';
5
+ export { GlTransitionRegistryProvider, resolveSequenceTransitions, type GlTransitionRegistryProviderProps, } from './GlTransitionRegistry';
6
+ export type { RegisteredSequenceTransition, SequenceRegistryEntry, SequenceTransitionShortcut, } from './sequenceTransitions';
7
+ export type { PixiElementTransitionProps, PixiSceneTransitionProps, PixiTransitionProps, TransitionEndpoint, } from './transitionTypes';
@@ -0,0 +1,32 @@
1
+ import { Container } from 'pixi.js';
2
+ import { GlTransitionParams } from '../../types/glTransition';
3
+ import { TransitionEndpoint } from './transitionTypes';
4
+ export interface SequenceTransitionShortcut {
5
+ name: string;
6
+ duration: number;
7
+ ease?: string;
8
+ params?: GlTransitionParams;
9
+ from?: TransitionEndpoint;
10
+ to?: TransitionEndpoint;
11
+ }
12
+ export interface SequenceRegistryEntry {
13
+ id: string;
14
+ startAt: number;
15
+ endAt: number;
16
+ zIndex: number;
17
+ container: Container;
18
+ transitionIn?: SequenceTransitionShortcut;
19
+ transitionOut?: SequenceTransitionShortcut;
20
+ }
21
+ export interface RegisteredSequenceTransition {
22
+ id: string;
23
+ from: TransitionEndpoint;
24
+ to: TransitionEndpoint;
25
+ name: string;
26
+ startAt: number;
27
+ duration: number;
28
+ ease?: string;
29
+ params?: GlTransitionParams;
30
+ zIndex: number;
31
+ }
32
+ export declare const resolveSequenceTransitions: (sequences: Iterable<SequenceRegistryEntry>) => RegisteredSequenceTransition[];
@@ -0,0 +1,28 @@
1
+ import { Container } from 'pixi.js';
2
+ import { GlTransitionParams } from '../../types/glTransition';
3
+ import { TransitionRegion } from '../../utils/glTransitions/capture';
4
+ export type TransitionEndpoint = string | Container | {
5
+ current: Container | null;
6
+ } | (() => Container | null);
7
+ export interface PixiTransitionProps {
8
+ name: string;
9
+ startAt: number;
10
+ duration: number;
11
+ ease?: string;
12
+ params?: GlTransitionParams;
13
+ from: TransitionEndpoint;
14
+ to: TransitionEndpoint;
15
+ region?: TransitionRegion;
16
+ /** Canvas size used for the transition's scene capture. */
17
+ width?: number;
18
+ height?: number;
19
+ }
20
+ export interface PixiElementTransitionProps extends PixiTransitionProps {
21
+ zIndex?: number;
22
+ }
23
+ export interface PixiSceneTransitionProps extends PixiTransitionProps {
24
+ fromGroup?: string[];
25
+ toGroup?: string[];
26
+ sharedLayers?: string[];
27
+ zIndex?: number;
28
+ }
@@ -0,0 +1,2 @@
1
+ import { TransitionClock } from '../../hooks/glTransitions/useGLTransitionMesh';
2
+ export declare const useGsapTransitionClock: (start: number, duration: number, easeName?: string) => TransitionClock;
@@ -0,0 +1,6 @@
1
+ import { Container } from 'pixi.js';
2
+ import { TransitionEndpoint } from './transitionTypes';
3
+ export declare const useTransitionEndpoints: (from: TransitionEndpoint, to: TransitionEndpoint) => () => {
4
+ from: Container<import('pixi.js').ContainerChild> | null;
5
+ to: Container<import('pixi.js').ContainerChild> | null;
6
+ };
@@ -7,5 +7,5 @@ interface FadeInProps {
7
7
  };
8
8
  effect?: "pluse" | "bouncein" | "spin";
9
9
  }
10
- declare function FadeIn(props: FadeInProps): import("react/jsx-runtime").JSX.Element;
10
+ declare function FadeIn(props: FadeInProps): React.JSX.Element;
11
11
  export { FadeIn };
@@ -5,5 +5,5 @@ interface PixiFlipContainerProps {
5
5
  duration: number;
6
6
  uniqueId?: string;
7
7
  }
8
- declare function PixiFlipContainer(props: PixiFlipContainerProps): import("react/jsx-runtime").JSX.Element;
8
+ declare function PixiFlipContainer(props: PixiFlipContainerProps): React.JSX.Element;
9
9
  export { PixiFlipContainer };
@@ -29,6 +29,6 @@ type PixiImageSpriteProps = PixiBaseSpriteProps & {
29
29
  */
30
30
  declare const PixiImageSpriteInner: ({ ref, ...props }: PixiImageSpriteProps & {
31
31
  ref?: React.Ref<ForwardedRefResponse | null>;
32
- }) => import("react/jsx-runtime").JSX.Element;
32
+ }) => React.JSX.Element;
33
33
  declare const PixiImageSprite: typeof PixiImageSpriteInner;
34
34
  export default PixiImageSprite;
@@ -15,6 +15,6 @@ export interface PixiLottieSpriteProps extends PixiBaseSpriteProps {
15
15
  }
16
16
  declare const PixiLottieSprite: ({ ref, ...props }: PixiLottieSpriteProps & {
17
17
  ref?: React.Ref<ForwardedRefResponse | null>;
18
- }) => import("react/jsx-runtime").JSX.Element;
18
+ }) => React.JSX.Element;
19
19
  declare const MemoizedPixiLottieSprite: typeof PixiLottieSprite;
20
20
  export default MemoizedPixiLottieSprite;
@@ -20,6 +20,6 @@ export interface PixiNullObjectProps extends Omit<PixiBaseSpriteProps, "transfor
20
20
  }
21
21
  declare const PixiNullObjectInner: ({ ref, ...props }: PixiNullObjectProps & {
22
22
  ref?: React.Ref<ForwardedRefResponse | null>;
23
- }) => import("react/jsx-runtime").JSX.Element;
23
+ }) => React.JSX.Element;
24
24
  declare const PixiNullObject: typeof PixiNullObjectInner;
25
25
  export default PixiNullObject;
@@ -24,6 +24,6 @@ export interface PixiPreCompProps extends Omit<PixiBaseSpriteProps, "transformat
24
24
  }
25
25
  declare const PixiPreCompInner: ({ ref, ...props }: PixiPreCompProps & {
26
26
  ref?: React.Ref<ForwardedRefResponse | null>;
27
- }) => import("react/jsx-runtime").JSX.Element | null;
27
+ }) => React.JSX.Element | null;
28
28
  declare const PixiPreComp: typeof PixiPreCompInner;
29
29
  export default PixiPreComp;
@@ -19,6 +19,6 @@ export interface PixiRemotionGifSpriteProps extends PixiBaseSpriteProps {
19
19
  }
20
20
  declare const PixiRemotionGifSpriteInner: ({ ref, ...props }: PixiRemotionGifSpriteProps & {
21
21
  ref?: React.Ref<ForwardedRefResponse | null>;
22
- }) => import("react/jsx-runtime").JSX.Element;
22
+ }) => React.JSX.Element;
23
23
  declare const PixiRemotionGifSprite: typeof PixiRemotionGifSpriteInner;
24
24
  export default PixiRemotionGifSprite;
@@ -13,6 +13,6 @@ export interface PixiRemotionImageSpriteProps extends PixiBaseSpriteProps {
13
13
  }
14
14
  declare const PixiRemotionImageSpriteInner: ({ ref, ...props }: PixiRemotionImageSpriteProps & {
15
15
  ref?: React.Ref<ForwardedRefResponse | null>;
16
- }) => import("react/jsx-runtime").JSX.Element;
16
+ }) => React.JSX.Element;
17
17
  declare const PixiRemotionImageSprite: typeof PixiRemotionImageSpriteInner;
18
18
  export default PixiRemotionImageSprite;
@@ -24,6 +24,6 @@ export interface PixiRemotionSpriteProps extends PixiBaseSpriteProps {
24
24
  }
25
25
  declare const PixiRemotionSprite: ({ ref, ...props }: PixiRemotionSpriteProps & {
26
26
  ref?: React.Ref<ForwardedRefResponse | null>;
27
- }) => import("react/jsx-runtime").JSX.Element;
27
+ }) => React.JSX.Element;
28
28
  declare const MemoizedPixiRemotionSprite: typeof PixiRemotionSprite;
29
29
  export default MemoizedPixiRemotionSprite;
@@ -15,6 +15,6 @@ export interface PixiRemotionVideoCanvaSpriteProps extends PixiBaseSpriteProps {
15
15
  }
16
16
  declare const PixiRemotionVideoCanvaSpriteInner: ({ ref, ...props }: PixiRemotionVideoCanvaSpriteProps & {
17
17
  ref?: React.Ref<ForwardedRefResponse | null>;
18
- }) => import("react/jsx-runtime").JSX.Element;
18
+ }) => React.JSX.Element;
19
19
  declare const PixiRemotionVideoCanvaSprite: typeof PixiRemotionVideoCanvaSpriteInner;
20
20
  export default PixiRemotionVideoCanvaSprite;
@@ -31,5 +31,5 @@ export interface PixiMorphSvgSpriteProps extends PixiBaseSpriteProps {
31
31
  }
32
32
  declare const PixiMorphSvgSprite: ({ ref, ...props }: PixiMorphSvgSpriteProps & {
33
33
  ref?: React.Ref<ForwardedRefResponse | null>;
34
- }) => import("react/jsx-runtime").JSX.Element;
34
+ }) => React.JSX.Element;
35
35
  export default PixiMorphSvgSprite;
@@ -30,6 +30,6 @@ export interface PixiSvgImageSpriteProps extends PixiBaseSpriteProps {
30
30
  */
31
31
  declare const PixiSvgImageSpriteInner: ({ ref, ...props }: PixiSvgImageSpriteProps & {
32
32
  ref?: React.Ref<ForwardedRefResponse | null>;
33
- }) => import("react/jsx-runtime").JSX.Element;
33
+ }) => React.JSX.Element;
34
34
  declare const PixiSvgImageSprite: typeof PixiSvgImageSpriteInner;
35
35
  export default PixiSvgImageSprite;
@@ -79,6 +79,6 @@ export interface PixiSvgPathSpriteProps extends PixiBaseSpriteProps {
79
79
  */
80
80
  declare const PixiSvgPathSprite: ({ ref, ...props }: PixiSvgPathSpriteProps & {
81
81
  ref?: React.Ref<ForwardedRefResponse | null>;
82
- }) => import("react/jsx-runtime").JSX.Element;
82
+ }) => React.JSX.Element;
83
83
  declare const MemoizedPixiSvgPathSprite: typeof PixiSvgPathSprite;
84
84
  export default MemoizedPixiSvgPathSprite;
@@ -25,6 +25,6 @@ export interface PixiSvgRawSpriteProps extends PixiBaseSpriteProps {
25
25
  */
26
26
  declare const PixiSvgRawSpriteInner: ({ ref, ...props }: PixiSvgRawSpriteProps & {
27
27
  ref?: React.Ref<ForwardedRefResponse | null>;
28
- }) => import("react/jsx-runtime").JSX.Element;
28
+ }) => React.JSX.Element;
29
29
  declare const PixiSvgRawSprite: typeof PixiSvgRawSpriteInner;
30
30
  export default PixiSvgRawSprite;
@@ -1,4 +1,6 @@
1
1
  import { default as React } from 'react';
2
+ import { Container } from 'pixi.js';
3
+ import { SequenceTransitionShortcut } from '../PixiGlTransition/sequenceTransitions';
2
4
  export interface PixiSequenceProps {
3
5
  children?: React.ReactNode;
4
6
  /** start time of the sequence in seconds */
@@ -19,6 +21,12 @@ export interface PixiSequenceProps {
19
21
  * The visibility window opens this many seconds before `startAt`.
20
22
  */
21
23
  entranceOverlapSec?: number;
24
+ /** Optional transition into this sequence; requires a surrounding GlTransitionRegistryProvider. */
25
+ transitionIn?: SequenceTransitionShortcut;
26
+ /** Optional transition out of this sequence; requires a surrounding GlTransitionRegistryProvider. */
27
+ transitionOut?: SequenceTransitionShortcut;
28
+ /** Internal host callback used by AEP transition capture. */
29
+ onSequenceContainerReady?: (container: Container | null) => void;
22
30
  }
23
31
  /**
24
32
  * PixiSequence - Unified timeline with alpha-based visibility control
@@ -32,4 +40,4 @@ export interface PixiSequenceProps {
32
40
  * - hideStart: Start time to hide (will be clamped to sequence bounds)
33
41
  * - hideEnd: End time to hide (will be clamped to sequence bounds)
34
42
  */
35
- export declare const PixiSequence: ({ children, startAt, endAt, uniqueId, hideOnExit, hideOnEntry, hideStart, hideEnd, zIndex, entranceOverlapSec, }: PixiSequenceProps) => import("react/jsx-runtime").JSX.Element;
43
+ export declare const PixiSequence: ({ children, startAt, endAt, uniqueId, hideOnExit, hideOnEntry, hideStart, hideEnd, zIndex, entranceOverlapSec, transitionIn, transitionOut, onSequenceContainerReady, }: PixiSequenceProps) => React.JSX.Element;
@@ -38,6 +38,6 @@ export interface PixiShapeLayerProps extends Omit<PixiBaseSpriteProps, "transfor
38
38
  }
39
39
  declare const PixiShapeLayerInner: ({ ref, ...props }: PixiShapeLayerProps & {
40
40
  ref?: React.Ref<ForwardedRefResponse | null>;
41
- }) => import("react/jsx-runtime").JSX.Element;
41
+ }) => React.JSX.Element;
42
42
  declare const PixiShapeLayer: typeof PixiShapeLayerInner;
43
43
  export default PixiShapeLayer;
@@ -121,6 +121,6 @@ export interface PixiTextSpriteProps extends Omit<PixiBaseSpriteProps, "transfor
121
121
  }
122
122
  declare const PixiTextSprite: ({ ref, ...props }: PixiTextSpriteProps & {
123
123
  ref?: React.Ref<ForwardedRefResponse | null>;
124
- }) => import("react/jsx-runtime").JSX.Element;
124
+ }) => React.JSX.Element;
125
125
  declare const MemoizedPixiTextSprite: typeof PixiTextSprite;
126
126
  export default MemoizedPixiTextSprite;
@@ -19,5 +19,5 @@ export interface PixiThreeModelSpriteProps extends PixiBaseSpriteProps {
19
19
  }
20
20
  export declare const PixiThreeModelSprite: React.MemoExoticComponent<({ ref, ...props }: PixiThreeModelSpriteProps & {
21
21
  ref?: React.Ref<ForwardedRefResponse | null>;
22
- }) => import("react/jsx-runtime").JSX.Element>;
22
+ }) => React.JSX.Element>;
23
23
  export default PixiThreeModelSprite;
@@ -24,5 +24,5 @@ export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
24
24
  }
25
25
  declare const PixiVideoCanvasSyncSprite: ({ ref, ...props }: PixiVideoSpriteProps & {
26
26
  ref?: React.Ref<ForwardedRefResponse | null>;
27
- }) => import("react/jsx-runtime").JSX.Element;
27
+ }) => React.JSX.Element;
28
28
  export default PixiVideoCanvasSyncSprite;
@@ -49,6 +49,6 @@ export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
49
49
  */
50
50
  declare const PixiVideoSprite: ({ ref, ...props }: PixiVideoSpriteProps & {
51
51
  ref?: React.Ref<ForwardedRefResponse | null>;
52
- }) => import("react/jsx-runtime").JSX.Element;
52
+ }) => React.JSX.Element;
53
53
  declare const MemoizedPixiVideoSprite: typeof PixiVideoSprite;
54
54
  export default MemoizedPixiVideoSprite;
@@ -8,6 +8,7 @@ export * from './PixiCaptionsTrack';
8
8
  export * from './PixiVideoSprite';
9
9
  export * from './PixiAnimatedSprite';
10
10
  export * from './PixiSequence';
11
+ export * from './PixiGlTransition';
11
12
  export * from './PixiRemotionSprite';
12
13
  export * from './PixiLottieSprite';
13
14
  export * from './PixiUnifiedTransformer';
@@ -33,5 +33,5 @@ interface AbstractContainerProps extends PixiBaseSpriteProps {
33
33
  }
34
34
  declare const AbstractContainer: ({ ref, ...props }: AbstractContainerProps & {
35
35
  ref?: React.Ref<ForwardedRefResponse | null>;
36
- }) => import("react/jsx-runtime").JSX.Element;
36
+ }) => React.JSX.Element;
37
37
  export default AbstractContainer;
@@ -36,7 +36,7 @@ export interface BorderMaskContainerProps {
36
36
  * its (0,0) origin to the parent's getBounds() and inflates transformer boxes
37
37
  */
38
38
  declare const BorderMaskContainer: {
39
- ({ x, y, width, height, border, roundedCorners, maskShape, crop, spriteRef, children, }: BorderMaskContainerProps): import("react/jsx-runtime").JSX.Element;
39
+ ({ x, y, width, height, border, roundedCorners, maskShape, crop, spriteRef, children, }: BorderMaskContainerProps): React.JSX.Element;
40
40
  displayName: string;
41
41
  };
42
42
  export default BorderMaskContainer;
@@ -1,3 +1,4 @@
1
+ import * as React from "react";
1
2
  export declare enum OverlayTilingSpriteTypes {
2
3
  NONE = "none",
3
4
  NORMAL = "normal",
@@ -26,5 +27,5 @@ interface PixiOverlayProps {
26
27
  x: number;
27
28
  y: number;
28
29
  }
29
- export declare const PixiOverlayTilingSprite: (props: PixiOverlayProps) => import("react/jsx-runtime").JSX.Element | null;
30
+ export declare const PixiOverlayTilingSprite: (props: PixiOverlayProps) => React.JSX.Element | null;
30
31
  export {};
@@ -0,0 +1,34 @@
1
+ import { Container } from 'pixi.js';
2
+ import { TransitionPairBase } from '../../types/glTransition';
3
+ import { MutableContainerRef, TransitionLayer, TransitionRegion } from '../../utils/glTransitions/capture';
4
+ export interface TransitionClock {
5
+ /** Subscribe to the clock's current time; return an unsubscribe function. */
6
+ subscribe: (listener: (time: number) => void) => () => void;
7
+ start: number;
8
+ end: number;
9
+ duration: number;
10
+ ease?: (progress: number) => number;
11
+ }
12
+ export interface ResolvedTransitionEndpoints {
13
+ from: Container | null;
14
+ to: Container | null;
15
+ }
16
+ export interface TransitionLayerSet {
17
+ fromLayers: TransitionLayer[];
18
+ toLayers: TransitionLayer[];
19
+ }
20
+ export interface UseGLTransitionMeshOptions {
21
+ transitionPair: TransitionPairBase | null;
22
+ width: number;
23
+ height: number;
24
+ clock: TransitionClock | null;
25
+ resolveEndpoints: () => ResolvedTransitionEndpoints;
26
+ getLayerSets: (time: number, endpoints: ResolvedTransitionEndpoints) => TransitionLayerSet;
27
+ hideEndpointsInWindow?: boolean;
28
+ getRegion?: (endpoints: ResolvedTransitionEndpoints) => TransitionRegion | null;
29
+ /** Scene transitions capture the complete stage instead of endpoint bounds. */
30
+ fullCanvas?: boolean;
31
+ /** Cap on capture pixels; larger regions render at reduced resolution (default 1920x1080). */
32
+ maxRegionPixels?: number;
33
+ }
34
+ export declare const useGLTransitionMesh: ({ transitionPair, width, height, clock, resolveEndpoints, getLayerSets, hideEndpointsInWindow, getRegion, fullCanvas, maxRegionPixels, }: UseGLTransitionMeshOptions) => MutableContainerRef;
@@ -1,4 +1,6 @@
1
1
  export * from './useGsapEffect';
2
+ export { useGLTransitionMesh } from './glTransitions/useGLTransitionMesh';
3
+ export type { ResolvedTransitionEndpoints, TransitionClock, TransitionLayerSet, UseGLTransitionMeshOptions, } from './glTransitions/useGLTransitionMesh';
2
4
  export * from './useSpriteFilters';
3
5
  export * from './aep';
4
6
  export { default as usePixiAnimation } from './usePixiAnimation';
@@ -5,3 +5,4 @@ export { convertProperty, asNumber, asVec2, asScale, asOpacity, } from './bodymo
5
5
  export { lottieColorToHex } from './bodymovin-color';
6
6
  export { lintBodymovinJson, LottieLintError, type LintFinding, type LintReport, type LintSeverity, type LintOptions, } from './lottieLint';
7
7
  export { readPostFxExtension, readExtrusionExtension, } from './bodymovinExtensions';
8
+ export { lintAepTransitions } from './transitionLint';
@@ -0,0 +1,3 @@
1
+ import { AepCompositionJson } from '../../types/aep';
2
+ import { LintReport } from './lottieLint';
3
+ export declare const lintAepTransitions: (comp: AepCompositionJson) => LintReport;