reacthub-pixitweenjs 0.2.109-alpha.7 → 0.3.0-alpha.4

package/README.md

@@ -10,6 +10,13 @@
 
 **A powerful library for creating stunning animated, time-controlled canvas elements in React using PixiJS, GSAP, and more**
 
+> **🚧 React 19 + Pixi v8 alpha**: `0.3.0-alpha` ships on React 19,
+> Pixi v8, and `@pixi/react` v8. Install with
+> `yarn add reacthub-pixitweenjs@alpha`. See
+> [docs/MIGRATION-REACT19.md](docs/MIGRATION-REACT19.md) for the upgrade
+> guide, known gaps, and bundle-size deltas. The stable `0.2.x` line
+> remains on React 18 / Pixi v7.
+
 [![npm version](https://img.shields.io/npm/v/reacthub-pixitweenjs.svg?style=for-the-badge&logo=npm)](https://www.npmjs.com/package/reacthub-pixitweenjs)
 [![npm downloads](https://img.shields.io/npm/dm/reacthub-pixitweenjs.svg?style=for-the-badge&logo=npm)](https://www.npmjs.com/package/reacthub-pixitweenjs)
 [![license](https://img.shields.io/npm/l/reacthub-pixitweenjs.svg?style=for-the-badge)](LICENSE.md)
@@ -35,7 +42,7 @@
 ╚═══════════════════════════════════════════════════════════════════════════════╝
 </pre>
 
-**[📖 Documentation](https://pixitweenjs.xyz/)** • **[🎮 Live Demo](https://pixitweenjs.xyz/)** • **[💬 Issues](https://github.com/khanzzirfan/reacthub-pixitweenjs/issues)** • **[🤝 Contributing](Contribution.md)**
+**[📖 Documentation](https://pixitweenjs.xyz/docs/introduction)** • **[🎮 Examples](https://pixitweenjs.xyz/docs/cookbook)** • **[💬 Issues](https://github.com/khanzzirfan/reacthub-pixitweenjs/issues)** • **[🤝 Contributing](Contribution.md)**
 
 </div>
 
@@ -68,75 +75,103 @@
 
 ### Installation
 
+`reacthub-pixitweenjs@0.3.x` (React 19 + Pixi v8 + `@pixi/react` v8) is on
+the `alpha` dist-tag. The `0.2.x` stable line stays on React 18 / Pixi v7.
+
 ```bash
-npm install reacthub-pixitweenjs
+yarn add reacthub-pixitweenjs@alpha
+# or
+npm install reacthub-pixitweenjs@alpha
 ```
 
-or
+### Required Peer Dependencies
 
 ```bash
-yarn add reacthub-pixitweenjs
+yarn add \
+  react@^19 \
+  react-dom@^19 \
+  pixi.js@^8.18 \
+  @pixi/react@^8 \
+  pixi-filters@^6 \
+  @pixi/sound@^6 \
+  gsap@^3.15 \
+  @gsap/react@^2.1 \
+  lottie-web@^5.10 \
+  audiomotion-analyzer@^4.3
 ```
 
-### Required Dependencies
+GIF support: native `pixi.js/gif` subpath — no separate package. SVG:
+native `Graphics.svg()` — `pixi-svg` no longer needed.
 
-Make sure to install these peer dependencies:
+### Register Pixi intrinsics
 
-```bash
-npm install \
-  @pixi/gif@^2.1.0 \
-  @pixi/react@~7.1.0 \
-  @pixi/sound@^5.2.1 \
-  pixi-filters@^5.2.1 \
-  pixi-svg@^3.2.0 \
-  pixi.js@^7.2.3 \
-  gsap@3.11.5 \
-  howler@^2.2.3 \
-  lottie-web@^5.10.2 \
-  react-custom-events@^1.1.1 \
-  react@^18.2.0 \
-  react-dom@^18.2.0
+Pixi v8 + `@pixi/react` v8 use a JSX pragma. The library **self-registers**
+the classes it uses when imported (`src/index.ts` imports
+`./utils/pixiExtend`), so you don't need to call `extend()` yourself for any
+class the library uses internally.
+
+If you compose with additional Pixi classes in your own JSX (e.g.
+`pixi-viewport`), register them once at the app entry point:
+
+```ts
+// src/pixi-extend.ts
+import { extend } from "@pixi/react";
+import { Viewport } from "pixi-viewport";
+
+extend({ Viewport });
 ```
 
 ### Basic Example
 
 ```tsx
 import React from "react";
-import { GsapPixieContextProvider } from "reacthub-pixitweenjs";
-import { PixiStage } from "reacthub-pixitweenjs";
-import { PixiSequence } from "reacthub-pixitweenjs";
-import { PixiImageSprite } from "reacthub-pixitweenjs";
+import { Application } from "@pixi/react";
+import {
+  GsapPixieContextProvider,
+  PixiSequence,
+  PixiSequenceWrapper,
+  PixiImageSprite,
+} from "reacthub-pixitweenjs";
+import "./pixi-extend";
 
 function MyAnimatedScene() {
   return (
     <GsapPixieContextProvider>
-      <PixiStage
+      <Application
         width={1920}
         height={1080}
-        options={{ backgroundColor: 0x2d2e3c }}
+        backgroundColor={0x2d2e3c}
+        resolution={2}
       >
-        <PixiSequence startAt={0} endAt={10}>
-          <PixiImageSprite
-            uniqueId="hero-image"
-            src="https://example.com/image.jpg"
-            transformation={{
-              x: 960,
-              y: 540,
-              width: 800,
-              height: 600,
-              anchor: 0.5,
-              alpha: 1,
-            }}
-            startAt={0}
-            endAt={10}
-          />
-        </PixiSequence>
-      </PixiStage>
+        <PixiSequenceWrapper startAt={0} endAt={10}>
+          <PixiSequence startAt={0} endAt={10}>
+            <PixiImageSprite
+              uniqueId="hero-image"
+              src="https://example.com/image.jpg"
+              startAt={0}
+              endAt={10}
+              visible
+              transformation={{
+                x: 960,
+                y: 540,
+                width: 800,
+                height: 600,
+                anchor: 0.5,
+                alpha: 1,
+              }}
+            />
+          </PixiSequence>
+        </PixiSequenceWrapper>
+      </Application>
     </GsapPixieContextProvider>
   );
 }
 ```
 
+> **Migrating from `0.2.x`?** See
+> [docs/MIGRATION-REACT19.md](docs/MIGRATION-REACT19.md) for the
+> breaking-change list, removed APIs, and bundle-size deltas.
+
 ---
 
 ## 🎯 **Core Components**
@@ -158,9 +193,9 @@ Display images with advanced transformations and filters.
     alpha: 1,
     scale: 1,
     colorCorrection: {
-      temperature: 6500,
-      contrast: 1,
-      saturation: 1,
+      temperature: 10,   // slider units: -100..100, 0 = no change
+      contrast: 0,
+      saturation: 0,
       blurRadius: 0,
     },
   }}
@@ -184,14 +219,30 @@ Seamlessly integrate video with GSAP timeline synchronization.
 
 ### 🎵 **PixiAudioSprite**
 
-Audio playback with real-time visualization support.
+Audio playback with real-time spectrum visualization via
+`audiomotion-analyzer`. Set `transformation.waveform` to one of the
+`Waveforms` enum values (`EQUALIZER`, `ROUNDBARS`, `LED`,
+`RADIAL_SPECTRUM`, `LUMI_BARS`) to render a visualizer canvas.
 
 ```tsx
 <PixiAudioSprite
+  uniqueId="bg-audio"
   src="path/to/audio.mp3"
   startAt={0}
   endAt={20}
-  showWaveform={true}
+  audioStartAt={0}
+  audioEndAt={20}
+  mute={false}
+  speed={1}
+  visible
+  transformation={{
+    x: 400,
+    y: 300,
+    width: 480,
+    height: 200,
+    anchor: 0.5,
+    waveform: "equalizer",
+  }}
 />
 ```
 
@@ -221,15 +272,26 @@ Rich typography with custom fonts, colors, and effects.
 
 ### 🎨 **PixiSVGSprite**
 
-Vector graphics with full transformation support.
+Vector graphics rendered via Pixi v8's native `Graphics.svg()`. Pass
+either a raw `svg` string or a `path` for path-only rendering.
 
 ```tsx
 <PixiSVGSprite
-  svgPath="M10,10 L100,10 L100,100 Z"
-  fill={0xff5733}
-  transformation={{ x: 200, y: 200, width: 100, height: 100, anchor: 0.5 }}
+  uniqueId="logo"
+  path="M10,10 L100,10 L100,100 Z"
   startAt={0}
   endAt={10}
+  visible
+  transformation={{
+    x: 200,
+    y: 200,
+    width: 100,
+    height: 100,
+    anchor: 0.5,
+    fill: "#ff5733",
+    stroke: "#000000",
+    strokeWidth: 2,
+  }}
 />
 ```
 
@@ -265,16 +327,30 @@ Time-based composition and sequencing.
 </PixiSequence>
 ```
 
-### 🎛️ **PixiTransformer**
+### 🎛️ **PixiUnifiedTransformer**
 
-Interactive element manipulation with visual handles.
+Interactive transformer overlay — drag, 4-corner resize, top-mid
+rotate. Inline-rewritten for Pixi v8 (replaces the v7
+`pixi-essentials/transformer` dep).
 
 ```tsx
-<PixiTransformer
-  pixiTransformerRef={transformerRef}
-  imageRef={imageRef}
-  transformCommit={handleTransform}
-  transformChange={handleChange}
+const containerRefsMap = useRef<
+  Record<string, RefObject<PIXI.Container | null>>
+>({});
+
+<PixiImageSprite
+  uniqueId="hero"
+  onContainerRefReady={(id, ref) => {
+    containerRefsMap.current[id] = ref;
+  }}
+  // ...
+/>
+
+<PixiUnifiedTransformer
+  selectedElementIds={["hero"]}
+  containerRefsMap={containerRefsMap.current}
+  mouseOverTransformerRef={mouseOverTransformerRef}
+  onTransformCommit={(id, transform) => saveTransform(id, transform)}
 />
 ```
 
@@ -308,50 +384,129 @@ Create complex animations with precise timing:
 
 ### 🎨 Color Correction & Effects
 
-Professional-grade image manipulation:
+Driven by the shared `useSpriteFilters` hook (Pixi v8 + `pixi-filters` v6).
+Ordered filter chain: plateKey → exposure → temperature/tint → highlights/shadows →
+adjustment → vibrance → hue → sharpness → edge feather → effect preset → blur → vignette →
+noise → blend composite.
+
+`colorCorrection` uses **slider units** (neutral = `0`), the same as the Clippy editor:
 
 ```tsx
 transformation={{
   colorCorrection: {
-    temperature: 6500,    // White balance
-    contrast: 1.2,        // Contrast adjustment
-    saturation: 1.5,      // Color saturation
-    exposure: 0,          // Brightness exposure
-    hue: 0,              // Hue shift
-    blurRadius: 0,       // Gaussian blur
-    sharpness: 1,        // Edge sharpness
-    vignette: 0          // Vignette effect
+    // -100..100, 0 = no change
+    brightness: 0, contrast: 20, saturation: 40,
+    red: 0, green: 0, blue: 0,
+    temperature: 10, tint: 0,
+    highlights: 0, shadows: 0, exposure: 0, vibrance: 0,
+    hue: 0,               // -180..180 degrees
+    // 0..100
+    sharpness: 0, blurRadius: 0, vignette: 0, noise: 0, edgeFeather: 0,
+    // 1 = no change
+    gamma: 1, alpha: 1,
   },
-  effect: {
-    // Add particle effects, glows, etc.
-  }
+  // Legacy string, or { name, intensity (0-100), params } for the ~60 presets
+  // (Warm, Cool, Cinematic, Neon, VHS, GlitchWave, ...). See Effects.
+  effects: { name: "Sepia", intensity: 100 },
+  blendMode: 4,           // numeric code; 4 = overlay (see BlendModes)
+}}
+```
+
+Migrating from the old multiplier convention (`contrast: 1.2` = +20%)? Use
+`fromMultiplierColorCorrection({ contrast: 1.2 })` → `{ contrast: 20 }`.
+
+### 🪟 Border + Mask
+
+Every uplifted sprite supports an optional border stroke and a mask
+shape (rounded corners, circle, heart, star, etc.) via
+`BorderMaskContainer` — wire from `transformation`:
+
+```tsx
+transformation={{
+  border: { width: 4, color: 0xff0055 },
+  roundedCorners: 24,          // boolean OR scalar radius
+  maskShape: "circle",          // none | horizontal | mirror | circle | rectangle | heart | stars
 }}
 ```
 
 ### 🔄 GSAP Animation Integration
 
-Leverage the full power of GSAP:
+Use `useGSAP` from `@gsap/react`, capture the sprite's container ref
+via `onSpriteRefReady`, and add tweens onto the master timeline so
+play/pause/seek scrub them:
 
 ```tsx
-const { tl } = useContext(GsapPixieContext);
-
-// Access the master timeline
-tl.to(spriteRef, {
-  x: 1000,
-  y: 500,
-  rotation: 360,
-  duration: 5,
-});
+import { useGSAP } from "@gsap/react";
+import { GsapPixieContext } from "reacthub-pixitweenjs";
+
+function AnimatedHero({ args }) {
+  const { tl } = useContext(GsapPixieContext);
+  const [target, setTarget] = useState<PIXI.Container | null>(null);
+
+  useGSAP(
+    () => {
+      if (!target || !tl?.current) return;
+      const tween = gsap.to(target, {
+        duration: 4,
+        ease: "sine.inOut",
+        motionPath: {
+          path: [
+            { x: 0, y: 0 },
+            { x: 120, y: -80 },
+            { x: 240, y: 60 },
+            { x: 0, y: 0 },
+          ],
+          curviness: 1.5,
+        },
+        repeat: 1,
+        yoyo: true,
+      });
+      tl.current.add(tween, args.startAt);
+      return () => {
+        tl.current?.remove(tween);
+        tween.kill();
+      };
+    },
+    { dependencies: [target, tl] },
+  );
+
+  return (
+    <PixiImageSprite
+      {...args}
+      onSpriteRefReady={(_id, ref) => setTarget(ref.current)}
+    />
+  );
+}
 ```
 
 ---
 
 ## 📚 **Documentation & Resources**
 
-- **[📖 Complete Documentation](https://pixitweenjs.xyz/)** - Interactive Storybook docs
-- **[🎮 Live Playground](https://pixitweenjs.xyz/)** - Try it online
-- **[💡 Installation Guide](https://pixitweenjs.xyz/?path=/docs/getting-started-installation--docs)**
-- **[🎬 Examples](https://pixitweenjs.xyz/?path=/docs/components-imagesprite--docs)**
+- **[📖 Complete Documentation](https://pixitweenjs.xyz/docs/introduction)** - The docs site
+- **[🎮 Cookbook & Examples](https://pixitweenjs.xyz/docs/cookbook)** - Live, copy-paste recipes
+- **[💡 Installation Guide](https://pixitweenjs.xyz/docs/installation)**
+- **[🔒 License & Pricing](https://pixitweenjs.xyz/docs/license/overview)**
+
+> Storybook is used as an **internal dev playground** for the library
+> itself (`yarn storybook`). It is no longer the public documentation
+> surface — the docs site at pixitweenjs.xyz is.
+
+### 🛠️ Local development
+
+```bash
+git clone https://github.com/khanzzirfan/reacthub-pixitweenjs
+cd reacthub-pixitweenjs
+yarn
+yarn docs:dev            # docs site (Docusaurus) on port 3000
+yarn docs:build          # production build of the docs site
+yarn storybook           # internal Storybook playground (port 6006)
+yarn test:render:frames  # Remotion-based render snapshot tests
+yarn build               # library build (Vite)
+```
+
+The docs site runs demos against the **library source** via a webpack
+alias, so examples always match the current API — no rebuild needed.
 
 ---
 
@@ -363,31 +518,23 @@ We welcome contributions! Please read our [Contributing Guide](Contribution.md)
 
 ## 📄 **License**
 
-This library is licensed under the **Apache License 2.0** with additional terms. See [LICENSE.md](LICENSE.md) for complete terms.
-
-> **📋 Quick Reference:** Apache 2.0 is an open-source license that allows commercial use, modification, distribution, patent use, private use, and sublicensing. See the full license for all terms and additional restrictions.
-
-### What You Can Do
-
-✅ **Permitted:**
-
-- ✅ Commercial use in any project
-- ✅ Modify and adapt the code
-- ✅ Distribute and sublicense
-- ✅ Private and internal use
-- ✅ Patent grant included
-- ✅ Place warranty
+PixiTweenJS is **source-available software** under the
+**[PixiTweenJS License](LICENSE.md)** (not an OSI-approved open-source
+license).
 
-❌ **Additional Restrictions:**
+It is **free** for:
 
-- ❌ Must include copyright notice
-- ❌ Cannot remove attribution
-- ❌ Must include license file
-- ❌ Commercial deployments should notify author
+- individuals and freelancers,
+- non-profits / not-for-profits,
+- organizations with annual revenue or turnover **under €1M**.
 
-### Commercial Use
+Organizations with annual revenue or turnover **€1M or more** must purchase a
+**Company License** for commercial use.
 
-Apache 2.0 allows commercial use. However, for large-scale enterprise deployments or white-label products, we recommend contacting **reacthub.ai@gmail.com** to discuss licensing options and potential support arrangements.
+See [License overview](https://pixitweenjs.xyz/docs/license/overview),
+[Pricing](https://pixitweenjs.xyz/docs/license/pricing), and the
+[FAQ](https://pixitweenjs.xyz/docs/license/faq). For licensing inquiries:
+**reacthub.ai@gmail.com**.
 
 ---
 

package/dist/components/AepComposition/Aep3DPostFx.d.ts

@@ -0,0 +1,7 @@
+import { AepPostFx } from '../../types/aep';
+import * as React from "react";
+export interface Aep3DPostFxProps {
+    passes: AepPostFx[] | undefined;
+    currentFrame: number;
+}
+export declare const Aep3DPostFx: React.FC<Aep3DPostFxProps>;

package/dist/components/AepComposition/Aep3DPrecompPlane.d.ts

@@ -0,0 +1,9 @@
+import { AepLayer } from '../../types/aep';
+import * as React from "react";
+export interface Aep3DPrecompPlaneProps {
+    layer: AepLayer & {
+        kind: "precomp";
+    };
+    zOrder: number;
+}
+export declare const Aep3DPrecompPlane: React.FC<Aep3DPrecompPlaneProps>;

package/dist/components/AepComposition/Aep3DScene.d.ts

@@ -0,0 +1,14 @@
+import { AepCompositionJson, AepThemeMap } from '../../types/aep';
+import * as React from "react";
+export interface Aep3DSceneProps {
+    comp: AepCompositionJson;
+    currentFrame: number;
+    width: number;
+    height: number;
+    background?: string;
+    /** When true, never mount the Three Canvas — useful for screenshot debugging. */
+    disabled?: boolean;
+    /** aep-29: runtime theme map. Merged over `comp.theme`. */
+    theme?: AepThemeMap;
+}
+export declare const Aep3DScene: React.FC<Aep3DSceneProps>;

package/dist/components/AepComposition/Aep3DShapeMesh.d.ts

@@ -0,0 +1,13 @@
+import { AepExtrusion, AepShapePath, AepThemableColor } from '../../types/aep';
+import * as React from "react";
+export interface Aep3DShapeMeshProps {
+    path: AepShapePath;
+    fill?: AepThemableColor;
+    extrusion: AepExtrusion;
+    currentFrame: number;
+    position: [number, number, number];
+    rotation: [number, number, number];
+    scale: [number, number, number];
+    opacity: number;
+}
+export declare const Aep3DShapeMesh: React.FC<Aep3DShapeMeshProps>;

package/dist/components/AepComposition/Aep3DTextMesh.d.ts

@@ -0,0 +1,17 @@
+import { AepLayer, AepExtrusion } from '../../types/aep';
+import * as React from "react";
+type AepTextLayer = Extract<AepLayer, {
+    kind: "text";
+}>;
+export interface Aep3DTextMeshProps {
+    layer: AepTextLayer;
+    extrusion?: AepExtrusion;
+    currentFrame: number;
+    fontUrl: string;
+    position: [number, number, number];
+    rotation: [number, number, number];
+    scale: [number, number, number];
+    opacity: number;
+}
+export declare const Aep3DTextMesh: React.FC<Aep3DTextMeshProps>;
+export {};

package/dist/components/AepComposition/AepAssetResolver.d.ts

@@ -0,0 +1,13 @@
+import { AepAssetMap } from '../../types/aep';
+import * as React from "react";
+export interface AepResolvedAsset {
+    url: string;
+    mime?: string;
+}
+export type AepAssetResolver = (assetId: string, asset: AepAssetMap[string] | undefined) => Promise<AepResolvedAsset> | AepResolvedAsset;
+export declare function defaultAssetResolver(assetId: string, asset: AepAssetMap[string] | undefined): AepResolvedAsset;
+export declare const AepAssetResolverProvider: React.FC<{
+    resolver: AepAssetResolver;
+    children: React.ReactNode;
+}>;
+export declare function useAepAssetResolver(): AepAssetResolver;

package/dist/components/AepComposition/AepAudioLayer.d.ts

@@ -0,0 +1,34 @@
+import { AepAnimatable } from '../../types/aep';
+import * as React from "react";
+export interface AepAudioLayerProps {
+    uniqueId: string;
+    src: string;
+    startAt: number;
+    endAt: number;
+    inPointFrames: number;
+    level?: AepAnimatable<number>;
+    pan?: AepAnimatable<number>;
+    muted?: boolean;
+    visible?: boolean;
+    /** Offset into the audio FILE the clip starts from, seconds. Default 0. */
+    trimStart?: number;
+    /** Playback rate. Default 1. */
+    speed?: number;
+    transformation: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        anchor: number | {
+            x: number;
+            y: number;
+        };
+        rotation?: number;
+        alpha?: number;
+        scale?: number | [number, number];
+    };
+    onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<unknown>) => void;
+}
+/** Layer frame at master time `t`: keyframe `t === inPoint` sits at `offsetSec`. */
+export declare const layerFrameAt: (t: number, offsetSec: number, inPointFrames: number, fps: number) => number;
+export declare const AepAudioLayer: React.FC<AepAudioLayerProps>;

package/dist/components/AepComposition/AepComposition.d.ts

@@ -0,0 +1,18 @@
+import { AepCompositionJson, AepThemeMap } from '../../types/aep';
+import { AepTextOverrideMap } from './AepTextOverrideContext';
+import { AepAssetOverrideMap } from './AepLayerProvider';
+import { AepAssetResolver } from './AepAssetResolver';
+import * as React from "react";
+export interface AepCompositionProps {
+    src: string | unknown;
+    assetMap?: AepAssetOverrideMap;
+    assetResolver?: AepAssetResolver;
+    currentFrame?: number;
+    onReady?: (comp: AepCompositionJson) => void;
+    onError?: (err: unknown) => void;
+    theme?: AepThemeMap;
+    textOverrides?: AepTextOverrideMap;
+    onRenderReady?: () => void;
+    onLayerError?: (layerId: string, error: unknown) => void;
+}
+export declare const AepComposition: React.FC<AepCompositionProps>;

package/dist/components/AepComposition/AepLayerProvider.d.ts

@@ -0,0 +1,30 @@
+import { AepAsset, AepAssetMap, AepCompositionJson, AepLayer } from '../../types/aep';
+import * as React from "react";
+export type AepAssetOverride = AepAsset | {
+    src: string;
+};
+export type AepAssetOverrideMap = Record<string, AepAssetOverride>;
+export interface AepLayerContextValue {
+    fps: number;
+    durationInFrames: number;
+    width: number;
+    height: number;
+    assets: AepAssetMap;
+    layersById: ReadonlyMap<string, AepLayer>;
+    precomps: Record<string, AepCompositionJson>;
+    framesToSeconds: (frames: number) => number;
+    currentFrame: number;
+}
+export declare const AepLayerProvider: React.FC<{
+    value: AepLayerContextValue;
+    children: React.ReactNode;
+}>;
+export declare function useAepLayerContext(): AepLayerContextValue;
+export declare function useAepLayerContextOptional(): AepLayerContextValue | null;
+export declare const AepRecursionDepthProvider: React.FC<{
+    depth: number;
+    children: React.ReactNode;
+}>;
+export declare function useAepRecursionDepth(): number;
+export declare const AEP_MAX_PRECOMP_DEPTH = 8;
+export declare function mergeAssetMaps(base: AepAssetMap, overrides?: AepAssetOverrideMap): AepAssetMap;

package/dist/components/AepComposition/AepLayerRouter.d.ts

@@ -0,0 +1,5 @@
+import { AepLayer } from '../../types/aep';
+import * as React from "react";
+export declare const AepLayerRouter: React.FC<{
+    layer: AepLayer;
+}>;

package/dist/components/AepComposition/AepMsdfTextMesh.d.ts

@@ -0,0 +1,17 @@
+import { AepLayer } from '../../types/aep';
+import { MsdfAtlas } from '../../utils/msdf';
+import * as React from "react";
+type AepTextLayer = Extract<AepLayer, {
+    kind: "text";
+}>;
+export interface AepMsdfTextMeshProps {
+    layer: AepTextLayer;
+    atlas: MsdfAtlas;
+    currentFrame: number;
+    position: [number, number, number];
+    rotation: [number, number, number];
+    scale: [number, number, number];
+    opacity: number;
+}
+export declare const AepMsdfTextMesh: React.FC<AepMsdfTextMeshProps>;
+export {};