@designcombo/video 0.1.10 → 0.1.12

package/dist/{SharedSystems-DGjB21V8.js → SharedSystems-0YB9sQZp.js}

@@ -1,4 +1,4 @@
-import { F as Ie, u as Ee, l as se, M as v, G as De, v as Oe, S as Fe, x as ae, E as u, e as D, y as S, z as Le, H as O, I as b, R as F, J as ne, K as He, t as m, b as f, i as B, w as L, L as K, N as We, c as Y, B as y, j as U, O as ze, Q as C, k as M, V as w, W as Ve, a as Ne, X as ie, Y as oe, Z as le, _ as ue, C as P, $ as je, a0 as A, a1 as J, D as H, a2 as $e, a3 as qe, P as Ke, d as Ye, T as X, a4 as Q, a5 as Je, a6 as Xe, a7 as Qe } from "./index-DBEPaJbQ.js";
+import { F as Ie, u as Ee, l as se, M as v, G as De, v as Oe, S as Fe, x as ae, E as u, e as D, y as S, z as Le, H as O, I as b, R as F, J as ne, K as He, t as m, b as f, i as B, w as L, L as K, N as We, c as Y, B as y, j as U, O as ze, Q as C, k as M, V as w, W as Ve, a as Ne, X as ie, Y as oe, Z as le, _ as ue, C as P, $ as je, a0 as A, a1 as J, D as H, a2 as $e, a3 as qe, P as Ke, d as Ye, T as X, a4 as Q, a5 as Je, a6 as Xe, a7 as Qe } from "./index-Bg9KGlQ_.js";
 import { B as de, c as Ze } from "./colorToUniform-C2jGzNe1.js";
 var et = `in vec2 vMaskCoord;
 in vec2 vTextureCoord;

package/dist/{WebGLRenderer-CTO5yi7Z.js → WebGLRenderer-D0QN9_76.js}

@@ -1,6 +1,6 @@
-import { S as G, E as d, B as v, w as m, D as S, L as j, v as ve, s as U, t as b, a8 as Be, k as K, a9 as Ae, b as p, V as L, j as B, i as A, l as F, M as $, aa as z, ab as Ne, ac as ye, ad as Y, ae as Ce, A as De, R as Ie, e as T } from "./index-DBEPaJbQ.js";
+import { S as G, E as d, B as v, w as m, D as S, L as j, v as ve, s as U, t as b, a8 as Be, k as K, a9 as Ae, b as p, V as L, j as B, i as A, l as F, M as $, aa as z, ab as Ne, ac as ye, ad as Y, ae as Ce, A as De, R as Ie, e as T } from "./index-Bg9KGlQ_.js";
 import { b as q } from "./colorToUniform-C2jGzNe1.js";
-import { e as Ge, G as Ue, c as Fe, b as Oe, U as Pe, R as Me, B as Z, d as N, f as Le, S as He, a as we } from "./SharedSystems-DGjB21V8.js";
+import { e as Ge, G as Ue, c as Fe, b as Oe, U as Pe, R as Me, B as Z, d as N, f as Le, S as He, a as we } from "./SharedSystems-0YB9sQZp.js";
 class Q {
   constructor() {
     this._tempState = G.for2d(), this._didUploadHash = {};

package/dist/{WebGPURenderer-CCSxFbS6.js → WebGPURenderer-BT-NkEIk.js}

@@ -1,6 +1,6 @@
-import { S as E, g as A, E as p, f as ae, D as S, b as C, B as T, c as ue, d as L, h as M, w as v, i as x, j as ce, k as de, l as k, m as w, M as D, n as H, o as he, p as pe, q as z, s as F, t as R, A as le, R as fe, e as B } from "./index-DBEPaJbQ.js";
+import { S as E, g as A, E as p, f as ae, D as S, b as C, B as T, c as ue, d as L, h as M, w as v, i as x, j as ce, k as de, l as k, m as w, M as D, n as H, o as he, p as pe, q as z, s as F, t as R, A as le, R as fe, e as B } from "./index-Bg9KGlQ_.js";
 import { l as ge, a as me } from "./colorToUniform-C2jGzNe1.js";
-import { c as _e, u as be, U as xe, B as ye, G as Ge, e as Se, R as Be, t as Pe, S as Te, a as Ce } from "./SharedSystems-DGjB21V8.js";
+import { c as _e, u as be, U as xe, B as ye, G as Ge, e as Se, R as Be, t as Pe, S as Te, a as Ce } from "./SharedSystems-0YB9sQZp.js";
 const y = E.for2d();
 class O {
   start(e, t, r) {

package/dist/{browserAll-BmqWP9Wx.js → browserAll-C1airNhp.js}

@@ -1,5 +1,5 @@
-import { T as M, U as Z, P as m, r as te, E as y, a as ie, w as g, e as P, C as V } from "./index-DBEPaJbQ.js";
-import "./webworkerAll-DKfEYGh2.js";
+import { T as M, U as Z, P as m, r as te, E as y, a as ie, w as g, e as P, C as V } from "./index-Bg9KGlQ_.js";
+import "./webworkerAll-v-K8jfl0.js";
 class q {
   constructor(e) {
     this._lastTransform = "", this._observer = null, this._tickerAttached = !1, this.updateTranslation = () => {

package/dist/clips/audio-clip.d.ts

@@ -1,7 +1,7 @@
 import { BaseClip } from './base-clip';
 import { IClip, IPlaybackCapable } from './iclip';
-import { AudioClipJSON } from '../json-serialization';
-interface IAudioClipOpts {
+import { AudioJSON } from '../json-serialization';
+interface IAudioOpts {
     loop?: boolean;
     volume?: number;
 }
@@ -10,17 +10,17 @@ interface IAudioClipOpts {
  *
  * @example
  * // Load audio clip asynchronously
- * const audioClip = await AudioClip.fromUrl('path/to/audio.mp3', {
+ * const audioClip = await Audio.fromUrl('path/to/audio.mp3', {
  *   loop: true,
  * });
  *
  * @example
  * // Traditional approach (for advanced use)
- * new AudioClip((await fetch('<mp3 url>')).body, {
+ * new Audio((await fetch('<mp3 url>')).body, {
  *   loop: true,
  * }),
  */
-export declare class AudioClip extends BaseClip implements IPlaybackCapable {
+export declare class Audio extends BaseClip implements IPlaybackCapable {
     readonly type = "Audio";
     static ctx: AudioContext | null;
     ready: IClip['ready'];
@@ -55,33 +55,32 @@ export declare class AudioClip extends BaseClip implements IPlaybackCapable {
      * @returns Promise that resolves to an audio clip
      *
      * @example
-     * const audioClip = await AudioClip.fromUrl('path/to/audio.mp3', {
+     * const audioClip = await Audio.fromUrl('path/to/audio.mp3', {
      *   loop: true,
      *   volume: 0.8,
      * });
      */
-    static fromUrl(url: string, opts?: IAudioClipOpts): Promise<AudioClip>;
+    static fromUrl(url: string, opts?: IAudioOpts): Promise<Audio>;
     /**
-     * Create an AudioClip instance from a JSON object (fabric.js pattern)
+     * Create an Audio instance from a JSON object (fabric.js pattern)
      * @param json The JSON object representing the clip
-     * @returns Promise that resolves to an AudioClip instance
+     * @returns Promise that resolves to an Audio instance
      */
-    static fromObject(json: AudioClipJSON): Promise<AudioClip>;
+    static fromObject(json: AudioJSON): Promise<Audio>;
     /**
      *
      * @param dataSource Audio file stream
      * @param opts Audio configuration, controls volume and whether to loop
      */
-    constructor(dataSource: ReadableStream<Uint8Array> | Float32Array[], opts?: IAudioClipOpts, src?: string);
+    constructor(dataSource: ReadableStream<Uint8Array> | Float32Array[], opts?: IAudioOpts, src?: string);
     private init;
     /**
-     * Intercept data returned by {@link AudioClip.tick} method for secondary processing of audio data
+     * Intercept data returned by {@link Audio.tick} method for secondary processing of audio data
      * @param time Time when tick was called
      * @param tickRet Data returned by tick
      *
-     * @see [Remove video green screen background](https://webav-tech.github.io/WebAV/demo/3_2-chromakey-video)
      */
-    tickInterceptor: <T extends Awaited<ReturnType<AudioClip['tick']>>>(time: number, tickRet: T) => Promise<T>;
+    tickInterceptor: <T extends Awaited<ReturnType<Audio['tick']>>>(time: number, tickRet: T) => Promise<T>;
     private timestamp;
     private frameOffset;
     /**
@@ -107,8 +106,8 @@ export declare class AudioClip extends BaseClip implements IPlaybackCapable {
      * Destroy instance and release resources
      */
     destroy(): void;
-    toJSON(main?: boolean): AudioClipJSON;
-    static concatAudioClip: typeof concatAudioClip;
+    toJSON(main?: boolean): AudioJSON;
+    static concatAudio: typeof concatAudioClip;
     /**
      * Create HTMLAudioElement for playback
      */
@@ -125,5 +124,5 @@ export declare class AudioClip extends BaseClip implements IPlaybackCapable {
 /**
  * Concatenate multiple AudioClips
  */
-export declare function concatAudioClip(clips: AudioClip[], opts?: IAudioClipOpts): Promise<AudioClip>;
+export declare function concatAudioClip(clips: Audio[], opts?: IAudioOpts): Promise<Audio>;
 export {};

package/dist/clips/base-clip.d.ts

@@ -93,5 +93,24 @@ export declare abstract class BaseClip extends BaseSprite implements IClip {
      * Override in subclasses to customize handle visibility (e.g., TextClip)
      */
     getVisibleHandles(): Array<'tl' | 'tr' | 'bl' | 'br' | 'ml' | 'mr' | 'mt' | 'mb' | 'rot'>;
+    /**
+     * Scale clip to fit within the scene dimensions while maintaining aspect ratio
+     * @param sceneWidth Scene width
+     * @param sceneHeight Scene height
+     */
+    scaleToFit(sceneWidth: number, sceneHeight: number): Promise<void>;
+    /**
+     * Scale clip to fill the scene dimensions while maintaining aspect ratio
+     * May crop parts of the clip.
+     * @param sceneWidth Scene width
+     * @param sceneHeight Scene height
+     */
+    scaleToFill(sceneWidth: number, sceneHeight: number): Promise<void>;
+    /**
+     * Center the clip within the scene dimensions
+     * @param sceneWidth Scene width
+     * @param sceneHeight Scene height
+     */
+    centerInScene(sceneWidth: number, sceneHeight: number): void;
     destroy(): void;
 }

package/dist/clips/caption-clip.d.ts

@@ -1,8 +1,8 @@
 import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
-import { CaptionClipJSON } from '../json-serialization';
+import { CaptionJSON } from '../json-serialization';
 import { Application, Texture } from 'pixi.js';
-export interface ICaptionClipOpts {
+export interface ICaptionOpts {
     /**
      * Font size in pixels
      * @default 30
@@ -48,6 +48,7 @@ export interface ICaptionClipOpts {
             from: number;
             to: number;
             isKeyWord: boolean;
+            paragraphIndex?: number;
         }>;
         colors?: {
             appeared?: string;
@@ -71,6 +72,7 @@ export interface ICaptionClipOpts {
         from: number;
         to: number;
         isKeyWord: boolean;
+        paragraphIndex?: number;
     }>;
     /**
      * @deprecated Use caption.colors instead
@@ -151,6 +153,10 @@ export interface ICaptionClipOpts {
      * @default 'none'
      */
     textCase?: 'none' | 'uppercase' | 'lowercase' | 'title';
+    /**
+     * Media ID to which the captions were applied
+     */
+    mediaId?: string;
 }
 /**
  * Caption clip using Canvas 2D for rendering
@@ -167,7 +173,7 @@ export interface ICaptionClipOpts {
  * captionClip.display.from = 0;
  * captionClip.duration = 3e6; // 3 seconds
  */
-export declare class CaptionClip extends BaseClip implements IClip {
+export declare class Caption extends BaseClip implements IClip {
     readonly type = "Caption";
     ready: IClip['ready'];
     private _meta;
@@ -182,6 +188,28 @@ export declare class CaptionClip extends BaseClip implements IClip {
     text: string;
     get style(): any;
     set style(v: any);
+    get fontFamily(): string;
+    set fontFamily(v: string);
+    get fontUrl(): string;
+    set fontUrl(v: string);
+    get fontSize(): number;
+    set fontSize(v: number);
+    get fontWeight(): string;
+    set fontWeight(v: string);
+    get fontStyle(): string;
+    set fontStyle(v: string);
+    get fill(): any;
+    set fill(v: any);
+    get align(): 'left' | 'center' | 'right';
+    set align(v: 'left' | 'center' | 'right');
+    get stroke(): any;
+    set stroke(v: any);
+    get strokeWidth(): number;
+    set strokeWidth(v: number);
+    get dropShadow(): any;
+    set dropShadow(v: any);
+    get caption(): any;
+    set caption(v: any);
     /**
      * Bottom offset from video bottom (hybrid JSON structure)
      */
@@ -195,6 +223,11 @@ export declare class CaptionClip extends BaseClip implements IClip {
      * Unique identifier for this clip instance
      */
     id: string;
+    /**
+     * Media ID of the source clip
+     */
+    get mediaId(): string | undefined;
+    set mediaId(v: string | undefined);
     /**
      * Array of effects to be applied to this clip
      * Each effect specifies key, startTime, duration, and optional targets
@@ -205,6 +238,14 @@ export declare class CaptionClip extends BaseClip implements IClip {
         startTime: number;
         duration: number;
     }>;
+    /**
+     * Words getter for the clip
+     */
+    get words(): any[];
+    /**
+     * Words setter that triggers re-render and ensures consistency
+     */
+    set words(v: any[]);
     private opts;
     private pixiTextContainer;
     private renderTexture;
@@ -214,11 +255,11 @@ export declare class CaptionClip extends BaseClip implements IClip {
     private externalRenderer;
     private pixiApp;
     private originalOpts;
-    constructor(text: string, opts?: ICaptionClipOpts, renderer?: Application['renderer']);
+    constructor(text: string, opts?: ICaptionOpts, renderer?: Application['renderer']);
     /**
      * Update text styling options and refresh the caption rendering
      */
-    updateStyle(opts: Partial<ICaptionClipOpts>): Promise<void>;
+    updateStyle(opts: Partial<ICaptionOpts>): Promise<void>;
     private refreshCaptions;
     private lastLoggedTime;
     updateState(currentTime: number): void;
@@ -253,11 +294,11 @@ export declare class CaptionClip extends BaseClip implements IClip {
     removeEffect(effectId: string): void;
     clone(): Promise<this>;
     destroy(): void;
-    toJSON(main?: boolean): CaptionClipJSON;
+    toJSON(main?: boolean): CaptionJSON;
     /**
-     * Create a CaptionClip instance from a JSON object (fabric.js pattern)
+     * Create a Caption instance from a JSON object (fabric.js pattern)
      * @param json The JSON object representing the clip
-     * @returns Promise that resolves to a CaptionClip instance
+     * @returns Promise that resolves to a Caption instance
      */
-    static fromObject(json: CaptionClipJSON): Promise<CaptionClip>;
+    static fromObject(json: CaptionJSON): Promise<Caption>;
 }

package/dist/clips/effect-clip.d.ts

@@ -1,7 +1,7 @@
 import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
 import { EffectKey } from '../effect/glsl/gl-effect';
-export declare class EffectClip extends BaseClip {
+export declare class Effect extends BaseClip {
     readonly type = "Effect";
     ready: IClip['ready'];
     private _meta;
@@ -31,7 +31,7 @@ export declare class EffectClip extends BaseClip {
     split(_time: number): Promise<[this, this]>;
     toJSON(main?: boolean): any;
     /**
-     * Create an EffectClip instance from a JSON object
+     * Create an Effect instance from a JSON object
      */
-    static fromObject(json: any): Promise<EffectClip>;
+    static fromObject(json: any): Promise<Effect>;
 }

package/dist/clips/iclip.d.ts

@@ -19,10 +19,8 @@ export interface ITransitionInfo {
  *
  * Clips are abstractions of different data types, providing data to other modules
  *
- * WebAV provides built-in {@link VideoClip}, {@link AudioClip}, {@link ImageClip} and other common clips for providing data to {@link Compositor} and {@link AVCanvas}
  *
  * You only need to implement this interface to create custom clips, giving you maximum flexibility to generate video content such as animations and transition effects
- * @see [Custom Clip](https://webav-tech.github.io/WebAV/demo/2_6-custom-clip)
  *
  */
 export interface IClip extends Omit<BaseSprite, 'destroy' | 'ready'> {
@@ -32,6 +30,10 @@ export interface IClip extends Omit<BaseSprite, 'destroy' | 'ready'> {
      * Clip type (e.g., 'video', 'image', 'text', 'audio')
      */
     readonly type: string;
+    /**
+     * Source URL or identifier for this clip
+     */
+    src: string;
     /**
      * Extract data from clip at specified time
      * @param time Time in microseconds
@@ -97,6 +99,18 @@ export interface IClip extends Omit<BaseSprite, 'destroy' | 'ready'> {
      * @returns Array of handle kinds that should be visible
      */
     getVisibleHandles?: () => Array<'tl' | 'tr' | 'bl' | 'br' | 'ml' | 'mr' | 'mt' | 'mb' | 'rot'>;
+    /**
+     * Scale clip to fit within the scene dimensions while maintaining aspect ratio
+     */
+    scaleToFit(sceneWidth: number, sceneHeight: number): Promise<void>;
+    /**
+     * Scale clip to fill the scene dimensions while maintaining aspect ratio
+     */
+    scaleToFill(sceneWidth: number, sceneHeight: number): Promise<void>;
+    /**
+     * Center the clip within the scene dimensions
+     */
+    centerInScene(sceneWidth: number, sceneHeight: number): void;
 }
 /**
  * Optional interface for clips that support HTML media element playback

package/dist/clips/image-clip.d.ts

@@ -1,7 +1,7 @@
 import { Texture } from 'pixi.js';
 import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
-import { ClipJSON, ImageClipJSON } from '../json-serialization';
+import { ClipJSON, ImageJSON } from '../json-serialization';
 type AnimateImgType = 'avif' | 'webp' | 'png' | 'gif';
 /**
  * Image clip supporting animated images
@@ -10,23 +10,22 @@ type AnimateImgType = 'avif' | 'webp' | 'png' | 'gif';
  *
  * @example
  * // Load from URL using PixiJS Assets (optimized for Studio)
- * const imgClip = await ImageClip.fromUrl('path/to/image.png');
+ * const imgClip = await Image.fromUrl('path/to/image.png');
  *
  * @example
  * // Traditional approach (for Compositor/export)
- * new ImageClip((await fetch('<img url>')).body);
+ * new Image((await fetch('<img url>')).body);
  *
  * @example
- * new ImageClip(
+ * new Image(
  *   await renderTxt2ImgBitmap(
  *     'Watermark',
  *    `font-size:40px; color: white; text-shadow: 2px 2px 6px red;`,
  *   )
  * )
  *
- * @see [Video composition](https://webav-tech.github.io/WebAV/demo/2_1-concat-video)
  */
-export declare class ImageClip extends BaseClip implements IClip {
+export declare class Image extends BaseClip implements IClip {
     readonly type = "Image";
     ready: IClip['ready'];
     private _meta;
@@ -64,12 +63,12 @@ export declare class ImageClip extends BaseClip implements IClip {
      *
      * @param url Image URL
      * @param src Optional source identifier for serialization
-     * @returns Promise that resolves to an ImageClip instance
+     * @returns Promise that resolves to an Image instance
      *
      * @example
-     * const imgClip = await ImageClip.fromUrl('path/to/image.png');
+     * const imgClip = await Image.fromUrl('path/to/image.png');
      */
-    static fromUrl(url: string, src?: string): Promise<ImageClip>;
+    static fromUrl(url: string, src?: string): Promise<Image>;
     /**
      * Get the PixiJS Texture (if available)
      * This is used for optimized rendering in Studio
@@ -85,7 +84,7 @@ export declare class ImageClip extends BaseClip implements IClip {
         stream: ReadableStream;
     }, src?: string);
     private initAnimateImg;
-    tickInterceptor: <T extends Awaited<ReturnType<ImageClip['tick']>>>(time: number, tickRet: T) => Promise<T>;
+    tickInterceptor: <T extends Awaited<ReturnType<Image['tick']>>>(time: number, tickRet: T) => Promise<T>;
     tick(time: number): Promise<{
         video: ImageBitmap | VideoFrame;
         state: 'success';
@@ -105,33 +104,12 @@ export declare class ImageClip extends BaseClip implements IClip {
     }>): void;
     removeEffect(effectId: string): void;
     destroy(): void;
-    toJSON(main?: boolean): ImageClipJSON;
+    toJSON(main?: boolean): ImageJSON;
     /**
-     * Create an ImageClip instance from a JSON object (fabric.js pattern)
+     * Create an Image instance from a JSON object (fabric.js pattern)
      * @param json The JSON object representing the clip
-     * @returns Promise that resolves to an ImageClip instance
+     * @returns Promise that resolves to an Image instance
      */
-    static fromObject(json: ClipJSON): Promise<ImageClip>;
-    /**
-     * Scale clip to fit within the scene dimensions while maintaining aspect ratio
-     * Similar to fabric.js scaleToFit
-     * @param sceneWidth Scene width
-     * @param sceneHeight Scene height
-     */
-    scaleToFit(sceneWidth: number, sceneHeight: number): Promise<void>;
-    /**
-     * Scale clip to fill the scene dimensions while maintaining aspect ratio
-     * May crop parts of the clip. Similar to fabric.js scaleToFill
-     * @param sceneWidth Scene width
-     * @param sceneHeight Scene height
-     */
-    scaleToFill(sceneWidth: number, sceneHeight: number): Promise<void>;
-    /**
-     * Center the clip within the scene dimensions
-     * Similar to fabric.js center
-     * @param sceneWidth Scene width
-     * @param sceneHeight Scene height
-     */
-    centerInScene(sceneWidth: number, sceneHeight: number): void;
+    static fromObject(json: ClipJSON): Promise<Image>;
 }
 export {};

package/dist/clips/index.d.ts

@@ -3,8 +3,12 @@ export * from './caption-clip';
 export * from './iclip';
 export * from './image-clip';
 export * from './video-clip';
-export { VideoClip } from './video-clip';
+export { Video } from './video-clip';
 export type { IMP4ClipOpts } from './video-clip';
 export * from './text-clip';
 export * from './effect-clip';
+export { Effect } from './effect-clip';
+export * from './placeholder-clip';
+export { Placeholder } from './placeholder-clip';
 export * from './transition-clip';
+export { Transition } from './transition-clip';

package/dist/clips/placeholder-clip.d.ts

@@ -0,0 +1,15 @@
+import { BaseClip } from './base-clip';
+import { IClipMeta } from './iclip';
+export declare class Placeholder extends BaseClip {
+    type: string;
+    meta: IClipMeta;
+    constructor(src: string, meta?: Partial<IClipMeta>, type?: string);
+    private placeholderFrame;
+    tick(time: number): Promise<{
+        video?: ImageBitmap | null;
+        audio?: Float32Array[];
+        state: 'done' | 'success';
+    }>;
+    clone(): Promise<this>;
+    split(time: number): Promise<[this, this]>;
+}

package/dist/clips/text-clip.d.ts

@@ -1,8 +1,8 @@
 import { Application, Texture } from 'pixi.js';
 import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
-import { TextClipJSON } from '../json-serialization';
-export interface ITextClipOpts {
+import { TextJSON } from '../json-serialization';
+export interface ITextOpts {
     /**
      * Font size in pixels
      * @default 40
@@ -23,6 +23,10 @@ export interface ITextClipOpts {
      * @default 'normal'
      */
     fontStyle?: string;
+    /**
+     * Font URL for custom fonts
+     */
+    fontUrl?: string;
     /**
      * Text color (hex string, color name, or gradient object)
      * @default '#ffffff'
@@ -112,7 +116,7 @@ export interface ITextClipOpts {
  * Text clip using PixiJS Text for rendering
  *
  * @example
- * const textClip = new TextClip('Hello World', {
+ * const textClip = new Text('Hello World', {
  *   fontSize: 48,
  *   fill: '#ffffff',
  *   stroke: '#000000',
@@ -126,7 +130,7 @@ export interface ITextClipOpts {
  * });
  * textClip.duration = 5e6; // 5 seconds
  */
-export declare class TextClip extends BaseClip {
+export declare class Text extends BaseClip {
     readonly type = "Text";
     ready: IClip['ready'];
     private _meta;
@@ -156,7 +160,7 @@ export declare class TextClip extends BaseClip {
      * Provides direct access to styling properties
      */
     get style(): any;
-    set style(opts: Partial<ITextClipOpts>);
+    set style(opts: Partial<ITextOpts>);
     /**
      * Text alignment proxy for compatibility with UI
      */
@@ -192,7 +196,7 @@ export declare class TextClip extends BaseClip {
         startTime: number;
         duration: number;
     }>;
-    constructor(text: string, opts?: ITextClipOpts, renderer?: Application['renderer']);
+    constructor(text: string, opts?: ITextOpts, renderer?: Application['renderer']);
     /**
      * Set an external renderer (e.g., from Studio) to avoid creating our own Pixi App
      * This is an optimization for Studio preview
@@ -233,24 +237,24 @@ export declare class TextClip extends BaseClip {
      * Update text styling options and refresh the texture
      * This is used for dynamic updates like resizing with text reflow
      */
-    updateStyle(opts: Partial<ITextClipOpts>): Promise<void>;
+    updateStyle(opts: Partial<ITextOpts>): Promise<void>;
     /**
      * Refresh the internal Pixi Text and RenderTexture
      * Calculates dimensions based on text bounds and wrapping options
      */
     private refreshText;
     /**
-     * Helper to create PixiJS TextStyle options from TextClip options
+     * Helper to create PixiJS TextStyle options from Text options
      */
     private createStyleFromOpts;
     destroy(): void;
-    toJSON(main?: boolean): TextClipJSON;
+    toJSON(main?: boolean): TextJSON;
     /**
-     * Create a TextClip instance from a JSON object (fabric.js pattern)
+     * Create a Text instance from a JSON object (fabric.js pattern)
      * @param json The JSON object representing the clip
-     * @returns Promise that resolves to a TextClip instance
+     * @returns Promise that resolves to a Text instance
      */
-    static fromObject(json: TextClipJSON): Promise<TextClip>;
+    static fromObject(json: TextJSON): Promise<Text>;
     /**
      * Override handle visibility for text clips
      * Text clips should only show: mr (mid-right), mb (mid-bottom), br (bottom-right), and rot (rotation)

package/dist/clips/transition-clip.d.ts

@@ -1,7 +1,7 @@
 import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
 import { TransitionKey } from '../transition/glsl/gl-transition';
-export declare class TransitionClip extends BaseClip {
+export declare class Transition extends BaseClip {
     readonly type = "Transition";
     ready: IClip['ready'];
     private _meta;
@@ -39,7 +39,7 @@ export declare class TransitionClip extends BaseClip {
     split(_time: number): Promise<[this, this]>;
     toJSON(main?: boolean): any;
     /**
-     * Create a TransitionClip instance from a JSON object
+     * Create a Transition instance from a JSON object
      */
-    static fromObject(json: any): Promise<TransitionClip>;
+    static fromObject(json: any): Promise<Transition>;
 }