reacthub-pixitweenjs 0.3.0-alpha.5 → 0.3.1

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 (72) hide show
  1. package/LICENSE +17 -9
  2. package/LICENSE.md +15 -103
  3. package/README.md +4 -18
  4. package/dist/components/AepComposition/AepComposition.d.ts +2 -1
  5. package/dist/components/AepComposition/AepTransitionContext.d.ts +16 -0
  6. package/dist/components/AepComposition/AepTransitionLayer.d.ts +7 -0
  7. package/dist/components/AepComposition/AepTransitionMesh.d.ts +7 -0
  8. package/dist/components/AepComposition/index.d.ts +8 -0
  9. package/dist/components/AepComposition/model3d/Pixi3DModelLayer.d.ts +1 -1
  10. package/dist/components/AepComposition/transitionEase.d.ts +2 -0
  11. package/dist/components/AepComposition/useAepTransitionClock.d.ts +2 -0
  12. package/dist/components/PixiAnimatedSprite/PixiAnimatedSprite.d.ts +1 -1
  13. package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts +1 -1
  14. package/dist/components/PixiCaptionsTrack/PixiCaptionsTrack.d.ts +1 -1
  15. package/dist/components/PixiGifSprite/PixiGifGsapSync.d.ts +1 -1
  16. package/dist/components/PixiGlTransition/GlTransitionRegistry.d.ts +9 -0
  17. package/dist/components/PixiGlTransition/GlTransitionRegistryContext.d.ts +10 -0
  18. package/dist/components/PixiGlTransition/PixiElementTransition.d.ts +2 -0
  19. package/dist/components/PixiGlTransition/PixiGlTransition.d.ts +7 -0
  20. package/dist/components/PixiGlTransition/PixiSceneTransition.d.ts +2 -0
  21. package/dist/components/PixiGlTransition/TransitionMeshLayer.d.ts +10 -0
  22. package/dist/components/PixiGlTransition/index.d.ts +7 -0
  23. package/dist/components/PixiGlTransition/sequenceTransitions.d.ts +32 -0
  24. package/dist/components/PixiGlTransition/transitionTypes.d.ts +28 -0
  25. package/dist/components/PixiGlTransition/useGsapTransitionClock.d.ts +2 -0
  26. package/dist/components/PixiGlTransition/useTransitionEndpoints.d.ts +6 -0
  27. package/dist/components/PixiGsapAnims/FadeIn.d.ts +1 -1
  28. package/dist/components/PixiGsapAnims/PixiFlipContainer.d.ts +1 -1
  29. package/dist/components/PixiImageSprite/PixiImageSprite.d.ts +1 -1
  30. package/dist/components/PixiLottieSprite/PixiLottieSprite.d.ts +1 -1
  31. package/dist/components/PixiNullObject/PixiNullObject.d.ts +1 -1
  32. package/dist/components/PixiPreComp/PixiPreComp.d.ts +1 -1
  33. package/dist/components/PixiRemotionSprite/PixiRemotionGifSprite.d.ts +1 -1
  34. package/dist/components/PixiRemotionSprite/PixiRemotionImageSprite.d.ts +1 -1
  35. package/dist/components/PixiRemotionSprite/PixiRemotionSprite.d.ts +1 -1
  36. package/dist/components/PixiRemotionSprite/PixiRemotionVideoCanvaSprite.d.ts +1 -1
  37. package/dist/components/PixiSVGSprite/PixiMorphSvgSprite.d.ts +1 -1
  38. package/dist/components/PixiSVGSprite/PixiSvgImageSprite.d.ts +1 -1
  39. package/dist/components/PixiSVGSprite/PixiSvgPathSprite.d.ts +1 -1
  40. package/dist/components/PixiSVGSprite/PixiSvgRawSprite.d.ts +1 -1
  41. package/dist/components/PixiSequence/PixiSequence.d.ts +9 -1
  42. package/dist/components/PixiShapeLayer/PixiShapeLayer.d.ts +1 -1
  43. package/dist/components/PixiTextSprite/PixiTextSprite.d.ts +1 -1
  44. package/dist/components/PixiThreeSprite/PixiThreeModelSprite.d.ts +1 -1
  45. package/dist/components/PixiVideoSprite/PixiVideoCanvasSync.d.ts +1 -1
  46. package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts +1 -1
  47. package/dist/components/index.d.ts +1 -0
  48. package/dist/hocs/AbstractContainer.d.ts +1 -1
  49. package/dist/hocs/BorderMaskContainer.d.ts +1 -1
  50. package/dist/hocs/OverlayTilingSprite.d.ts +2 -1
  51. package/dist/hooks/glTransitions/useGLTransitionMesh.d.ts +34 -0
  52. package/dist/hooks/index.d.ts +2 -0
  53. package/dist/importers/aep/index.d.ts +1 -0
  54. package/dist/importers/aep/transitionLint.d.ts +3 -0
  55. package/dist/index.es.js +9709 -8539
  56. package/dist/index.umd.js +109 -65
  57. package/dist/providers/AudioContextProvider.d.ts +1 -1
  58. package/dist/types/aep/composition.d.ts +4 -1
  59. package/dist/types/aep/index.d.ts +1 -0
  60. package/dist/types/aep/transition.d.ts +107 -0
  61. package/dist/types/glTransition.d.ts +33 -0
  62. package/dist/types/index.d.ts +1 -0
  63. package/dist/utils/ContextBridge.d.ts +1 -1
  64. package/dist/utils/glTransitions/buildFragment.d.ts +14 -0
  65. package/dist/utils/glTransitions/capture.d.ts +26 -0
  66. package/dist/utils/glTransitions/catalog.d.ts +124 -0
  67. package/dist/utils/glTransitions/createGLTransitionShader.d.ts +20 -0
  68. package/dist/utils/glTransitions/index.d.ts +8 -0
  69. package/dist/utils/glTransitions/nameMap.d.ts +1 -0
  70. package/dist/utils/glTransitions/resolve.d.ts +9 -0
  71. package/dist/utils/index.d.ts +1 -0
  72. package/package.json +8 -3
package/LICENSE CHANGED
@@ -1,13 +1,21 @@
1
- PixiTweenJS License
1
+ MIT License
2
2
 
3
- Copyright (c) 2024 khanzzirfan (reacthub.ai@gmail.com)
3
+ Copyright (c) 2024 khanzzirfan
4
4
 
5
- PixiTweenJS is source-available software. It is not open-source software
6
- according to the OSI Open Source Definition.
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
7
11
 
8
- You may use this software free of charge if you are an individual, a
9
- non-profit, or an organization with annual revenue or turnover of less than
10
- €1,000,000. Organizations with annual revenue or turnover of €1,000,000 or
11
- more must purchase a Company License for commercial use.
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
12
14
 
13
- See LICENSE.md for the complete terms.
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/LICENSE.md CHANGED
@@ -1,109 +1,21 @@
1
- # PixiTweenJS License
1
+ # MIT License
2
2
 
3
- **Copyright (c) 2024 khanzzirfan (reacthub.ai@gmail.com)**
3
+ Copyright (c) 2024 khanzzirfan
4
4
 
5
- PixiTweenJS is **source-available software**. It is not open-source software
6
- according to the Open Source Initiative's (OSI) Open Source Definition, and it
7
- is not released under the Apache License, the MIT License, or any other OSI
8
- approved license. The source code is publicly available, but the rights to use
9
- it are governed by this license.
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
10
11
 
11
- ---
12
-
13
- ## 1. Grant of License
14
-
15
- Subject to the terms of this license, the author grants you a
16
- non-exclusive, worldwide, royalty-free license to use, copy, modify, and
17
- create derivative works of the PixiTweenJS source code ("the Software") for
18
- the purpose of building and distributing your own products and services, in
19
- accordance with the conditions below.
20
-
21
- ## 2. Free License
22
-
23
- You may use the Software without charge if you are:
24
-
25
- - **an individual** (including freelancers and contractors who are not part
26
- of an organization that exceeds the threshold below);
27
- - **a non-profit organization**, a not-for-profit, or a public-benefit entity;
28
- - **an organization whose annual revenue or turnover is less than €1,000,000
29
- (one million euros)** — measured on a consolidated basis across the
30
- organization, including subsidiaries and parent companies;
31
- - **evaluating** the Software for a trial period before deciding whether to
32
- purchase a Company License.
33
-
34
- Organizations whose annual revenue or turnover is **€1,000,000 or more** must
35
- purchase a **Company License** before using the Software in a commercial
36
- product or service.
37
-
38
- ## 3. Company License
39
-
40
- A Company License grants the same usage and modification rights as the Free
41
- License to a single organization of any size, plus priority support, and
42
- permits commercial use without regard to the revenue threshold. Company
43
- Licenses are available from the author at the prices published on
44
- <https://pixitweenjs.xyz/license/pricing>.
45
-
46
- ## 4. What You May Do
47
-
48
- - Use the Software in your own products and services, including commercial
49
- ones (subject to Section 2 or a Company License).
50
- - Modify the Software and use your modified versions internally or in your
51
- products.
52
- - Distribute the Software (or your modifications) as part of, or embedded
53
- in, your products, provided your product is not itself a development
54
- framework, SDK, or library that re-exports the Software's functionality as
55
- a service or a competing product.
56
-
57
- ## 5. What You May Not Do
58
-
59
- - Redistribute the Software, or substantial portions of it, **on its own** as
60
- a library, SDK, or framework for other developers to build upon — whether
61
- free, paid, or as part of another open-source project — unless your product
62
- adds significant functionality beyond what the Software provides.
63
- - Sell, sublicense, or rent the Software, or portions of it, as a standalone
64
- product or as a hosted "as-a-service" offering that exposes the Software's
65
- rendering and composition capabilities to third parties as the primary
66
- value of the service.
67
- - Remove or obscure any copyright, trademark, attribution, or license
68
- notices present in the Software or its documentation.
69
- - Use the Software in any way that violates applicable law.
70
-
71
- ## 6. Attribution
72
-
73
- Any product that uses the Software must include an attribution notice in a
74
- reasonable location (for example: the About dialog, the README, or the
75
- generated media metadata) that reads:
76
-
77
- > This product uses PixiTweenJS (https://pixitweenjs.xyz), used under the
78
- > PixiTweenJS License.
79
-
80
- If you modify the Software, the attribution must note that modifications were
81
- made.
82
-
83
- ## 7. Warranty and Liability
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
84
14
 
85
15
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
86
16
  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
87
- FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT. IN NO EVENT SHALL THE
88
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER
89
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING
90
- FROM, OUT OF, OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
91
- IN THE SOFTWARE.
92
-
93
- ## 8. Termination
94
-
95
- This license is effective until terminated. It terminates automatically
96
- without notice if you fail to comply with any of its terms. Upon termination,
97
- you must cease all use and distribution of the Software and destroy all
98
- copies in your possession.
99
-
100
- ## 9. Law and Jurisdiction
101
-
102
- This license is governed by the laws of the jurisdiction in which the author
103
- is domiciled, without regard to its conflict-of-law provisions.
104
-
105
- ---
106
-
107
- *If your organization's annual revenue or turnover is €1,000,000 or more, or
108
- you are unsure which license applies to you, contact
109
- reacthub.ai@gmail.com to purchase a Company License.*
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -486,7 +486,7 @@ function AnimatedHero({ args }) {
486
486
  - **[📖 Complete Documentation](https://pixitweenjs.xyz/docs/introduction)** - The docs site
487
487
  - **[🎮 Cookbook & Examples](https://pixitweenjs.xyz/docs/cookbook)** - Live, copy-paste recipes
488
488
  - **[💡 Installation Guide](https://pixitweenjs.xyz/docs/installation)**
489
- - **[🔒 License & Pricing](https://pixitweenjs.xyz/docs/license/overview)**
489
+ - **[🔒 MIT License](https://pixitweenjs.xyz/docs/license/overview)**
490
490
 
491
491
  > Storybook is used as an **internal dev playground** for the library
492
492
  > itself (`yarn storybook`). It is no longer the public documentation
@@ -518,23 +518,9 @@ We welcome contributions! Please read our [Contributing Guide](Contribution.md)
518
518
 
519
519
  ## 📄 **License**
520
520
 
521
- PixiTweenJS is **source-available software** under the
522
- **[PixiTweenJS License](LICENSE.md)** (not an OSI-approved open-source
523
- license).
524
-
525
- It is **free** for:
526
-
527
- - individuals and freelancers,
528
- - non-profits / not-for-profits,
529
- - organizations with annual revenue or turnover **under €1M**.
530
-
531
- Organizations with annual revenue or turnover **€1M or more** must purchase a
532
- **Company License** for commercial use.
533
-
534
- See [License overview](https://pixitweenjs.xyz/docs/license/overview),
535
- [Pricing](https://pixitweenjs.xyz/docs/license/pricing), and the
536
- [FAQ](https://pixitweenjs.xyz/docs/license/faq). For licensing inquiries:
537
- **reacthub.ai@gmail.com**.
521
+ PixiTweenJS is open-source software released under the
522
+ **[MIT License](LICENSE)**. You may use, copy, modify, distribute, sublicense,
523
+ and sell the software, subject to the license's notice-preservation condition.
538
524
 
539
525
  ---
540
526
 
@@ -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;