@shotstack/shotstack-studio 1.3.0 → 1.4.0

package/dist/src/components/canvas/index.d.ts

@@ -0,0 +1,14 @@
+export { Entity } from "@core/shared/entity";
+export { Player } from "./players/player";
+export { AudioPlayer } from "./players/audio-player";
+export { HtmlPlayer } from "./players/html-player";
+export { ImagePlayer } from "./players/image-player";
+export { LumaPlayer } from "./players/luma-player";
+export { ShapePlayer } from "./players/shape-player";
+export { TextPlayer } from "./players/text-player";
+export { VideoPlayer } from "./players/video-player";
+export { TextCursor } from "./text/text-cursor";
+export { TextEditor } from "./text/text-editor";
+export { TextInputHandler } from "./text/text-input-handler";
+export { Edit } from "@core/edit";
+export { Inspector } from "./system/inspector";

package/dist/{core/entities → src/components/canvas}/players/audio-player.d.ts

@@ -1,7 +1,7 @@
-import { type Size } from "../../layouts/geometry";
-import { type Clip } from "../../schemas/clip";
-import { Player } from "../base/player";
-import type { Edit } from "../system/edit";
+import type { Edit } from "@core/edit";
+import { type Size } from "@layouts/geometry";
+import { type Clip } from "@schemas/clip";
+import { Player } from "./player";
 export declare class AudioPlayer extends Player {
     private audioResource;
     private isPlaying;

package/dist/{core/entities → src/components/canvas}/players/html-player.d.ts

@@ -1,7 +1,7 @@
-import { type Size } from "../../layouts/geometry";
-import { type Clip } from "../../schemas/clip";
-import { Player } from "../base/player";
-import type { Edit } from "../system/edit";
+import { type Size } from "@layouts/geometry";
+import { type Clip } from "@schemas/clip";
+import type { Edit } from "core/edit";
+import { Player } from "./player";
 export declare class HtmlPlayer extends Player {
     private background;
     private text;

package/dist/{core/entities → src/components/canvas}/players/image-player.d.ts

@@ -1,7 +1,7 @@
-import { type Size } from "../../layouts/geometry";
-import { type Clip } from "../../schemas/clip";
-import { Player } from "../base/player";
-import type { Edit } from "../system/edit";
+import type { Edit } from "@core/edit";
+import { type Size } from "@layouts/geometry";
+import { type Clip } from "@schemas/clip";
+import { Player } from "./player";
 export declare class ImagePlayer extends Player {
     private texture;
     private sprite;

package/dist/{core/entities → src/components/canvas}/players/luma-player.d.ts

@@ -1,8 +1,8 @@
+import type { Edit } from "@core/edit";
+import { type Size } from "@layouts/geometry";
+import { type Clip } from "@schemas/clip";
 import * as pixi from "pixi.js";
-import { type Size } from "../../layouts/geometry";
-import { type Clip } from "../../schemas/clip";
-import { Player } from "../base/player";
-import type { Edit } from "../system/edit";
+import { Player } from "./player";
 export declare class LumaPlayer extends Player {
     private texture;
     private sprite;

package/dist/{core/entities/base → src/components/canvas/players}/player.d.ts

@@ -1,7 +1,7 @@
-import { type Size, type Vector } from "../../layouts/geometry";
-import { type Clip } from "../../schemas/clip";
-import { type Edit } from "../system/edit";
-import { Entity } from "./entity";
+import { type Edit } from "@core/edit";
+import { type Size, type Vector } from "@layouts/geometry";
+import { type Clip } from "@schemas/clip";
+import { Entity } from "../../../core/shared/entity";
 /**
  * TODO: Move handles on UI level (screen space)
  * TODO: Handle overlapping frames - ex: length of a clip is 1.5s but there's an in (1s) and out (1s) transition
@@ -46,6 +46,7 @@ export declare abstract class Player extends Entity {
     private rotationOffset;
     private initialClipConfiguration;
     constructor(edit: Edit, clipConfiguration: Clip);
+    reconfigureAfterRestore(): void;
     protected configureKeyframes(): void;
     load(): Promise<void>;
     update(_: number, __: number): void;

package/dist/{core/entities → src/components/canvas}/players/shape-player.d.ts

@@ -1,7 +1,7 @@
-import { type Size } from "../../layouts/geometry";
-import { type Clip } from "../../schemas/clip";
-import { Player } from "../base/player";
-import type { Edit } from "../system/edit";
+import type { Edit } from "@core/edit";
+import { type Size } from "@layouts/geometry";
+import { type Clip } from "@schemas/clip";
+import { Player } from "./player";
 export declare class ShapePlayer extends Player {
     private shape;
     private shapeBackground;

package/dist/{core/entities → src/components/canvas}/players/text-player.d.ts

@@ -1,4 +1,4 @@
-import { Player } from "@entities/base/player";
+import { Player } from "@canvas/players/player";
 import { type Size } from "@layouts/geometry";
 import { type Clip } from "@schemas/clip";
 /**

package/dist/{core/entities → src/components/canvas}/players/video-player.d.ts

@@ -1,7 +1,7 @@
-import { type Size } from "../../layouts/geometry";
-import { type Clip } from "../../schemas/clip";
-import { Player } from "../base/player";
-import type { Edit } from "../system/edit";
+import type { Edit } from "@core/edit";
+import { type Size } from "@layouts/geometry";
+import { type Clip } from "@schemas/clip";
+import { Player } from "./player";
 export declare class VideoPlayer extends Player {
     private texture;
     private sprite;

package/dist/{core → src/components/canvas}/shotstack-canvas.d.ts

@@ -1,5 +1,5 @@
-import { Edit } from "@entities/system/edit";
-import { type Size } from "./layouts/geometry";
+import { Edit } from "@core/edit";
+import { type Size } from "@layouts/geometry";
 export declare class Canvas {
     private static extensionsRegistered;
     private readonly size;

package/dist/{core/entities → src/components/canvas}/system/inspector.d.ts

@@ -1,4 +1,4 @@
-import { Entity } from "../base/entity";
+import { Entity } from "@core/shared/entity";
 export declare class Inspector extends Entity {
     private static readonly Width;
     private static readonly Height;

package/dist/{core/entities → src/components/canvas}/text/text-editor.d.ts

@@ -1,4 +1,4 @@
-import type { TextPlayer } from "@entities/players/text-player";
+import type { TextPlayer } from "@canvas/players/text-player";
 import { type Clip } from "@schemas/clip";
 import * as pixi from "pixi.js";
 export declare enum HorizontalAlignment {

package/dist/src/core/commands/add-clip-command.d.ts

@@ -0,0 +1,14 @@
+import { ClipSchema } from "@schemas/clip";
+import type { z } from "zod";
+import type { EditCommand, CommandContext } from "./types";
+type ClipType = z.infer<typeof ClipSchema>;
+export declare class AddClipCommand implements EditCommand {
+    private trackIdx;
+    private clip;
+    name: string;
+    private addedPlayer?;
+    constructor(trackIdx: number, clip: ClipType);
+    execute(context?: CommandContext): Promise<void>;
+    undo(context?: CommandContext): Promise<void>;
+}
+export {};

package/dist/src/core/commands/add-track-command.d.ts

@@ -0,0 +1,8 @@
+import type { EditCommand, CommandContext } from "./types";
+export declare class AddTrackCommand implements EditCommand {
+    private trackIdx;
+    name: string;
+    constructor(trackIdx: number);
+    execute(context?: CommandContext): void;
+    undo(context?: CommandContext): void;
+}

package/dist/src/core/commands/delete-clip-command.d.ts

@@ -0,0 +1,10 @@
+import type { EditCommand, CommandContext } from "./types";
+export declare class DeleteClipCommand implements EditCommand {
+    private trackIdx;
+    private clipIdx;
+    name: string;
+    private deletedClip?;
+    constructor(trackIdx: number, clipIdx: number);
+    execute(context?: CommandContext): void;
+    undo(context?: CommandContext): void;
+}

package/dist/src/core/commands/delete-track-command.d.ts

@@ -0,0 +1,9 @@
+import type { EditCommand, CommandContext } from "./types";
+export declare class DeleteTrackCommand implements EditCommand {
+    private trackIdx;
+    name: string;
+    private deletedClips;
+    constructor(trackIdx: number);
+    execute(context?: CommandContext): void;
+    undo(context?: CommandContext): Promise<void>;
+}

package/dist/src/core/commands/set-updated-clip-command.d.ts

@@ -0,0 +1,17 @@
+import type { Player } from "@canvas/players/player";
+import { ClipSchema } from "@schemas/clip";
+import { z } from "zod";
+import type { EditCommand, CommandContext } from "./types";
+type ClipType = z.infer<typeof ClipSchema>;
+export declare class SetUpdatedClipCommand implements EditCommand {
+    private clip;
+    private initialClipConfig;
+    private finalClipConfig;
+    name: string;
+    private storedInitialConfig;
+    private storedFinalConfig;
+    constructor(clip: Player, initialClipConfig: ClipType | null, finalClipConfig: ClipType | null);
+    execute(context?: CommandContext): void;
+    undo(context?: CommandContext): void;
+}
+export {};

package/dist/src/core/commands/types.d.ts

@@ -0,0 +1,25 @@
+import type { Player } from "@canvas/players/player";
+import type { ClipSchema } from "@schemas/clip";
+import type { Container } from "pixi.js";
+import type { z } from "zod";
+type ClipType = z.infer<typeof ClipSchema>;
+export type EditCommand = {
+    execute(context?: CommandContext): void | Promise<void>;
+    undo?(context?: CommandContext): void | Promise<void>;
+    readonly name: string;
+};
+export type CommandContext = {
+    getClips(): Player[];
+    getTracks(): Player[][];
+    getContainer(): Container;
+    addPlayer(trackIdx: number, player: Player): Promise<void>;
+    createPlayerFromAssetType(clipConfiguration: ClipType): Player;
+    queueDisposeClip(player: Player): void;
+    disposeClips(): void;
+    undeleteClip(trackIdx: number, clip: Player): void;
+    setUpdatedClip(clip: Player): void;
+    restoreClipConfiguration(clip: Player, previousConfig: ClipType): void;
+    updateDuration(): void;
+    emitEvent(name: string, data: unknown): void;
+};
+export {};

package/dist/src/core/commands/update-text-content-command.d.ts

@@ -0,0 +1,16 @@
+import type { Player } from "@canvas/players/player";
+import type { ClipSchema } from "@schemas/clip";
+import type { z } from "zod";
+import type { EditCommand, CommandContext } from "./types";
+type ClipType = z.infer<typeof ClipSchema>;
+export declare class UpdateTextContentCommand implements EditCommand {
+    private clip;
+    private newText;
+    private initialConfig;
+    name: string;
+    private previousText;
+    constructor(clip: Player, newText: string, initialConfig: ClipType);
+    execute(context?: CommandContext): void;
+    undo(context?: CommandContext): void;
+}
+export {};

package/dist/{core/entities/system → src/core}/edit.d.ts

@@ -1,11 +1,11 @@
+import { EventEmitter } from "@core/events/event-emitter";
+import { Entity } from "@core/shared/entity";
+import type { Size } from "@layouts/geometry";
+import { AssetLoader } from "@loaders/asset-loader";
+import { ClipSchema } from "@schemas/clip";
+import { EditSchema } from "@schemas/edit";
+import { TrackSchema } from "@schemas/track";
 import { z } from "zod";
-import { EventEmitter } from "../../events/event-emitter";
-import type { Size } from "../../layouts/geometry";
-import { AssetLoader } from "../../loaders/asset-loader";
-import { ClipSchema } from "../../schemas/clip";
-import { EditSchema } from "../../schemas/edit";
-import { TrackSchema } from "../../schemas/track";
-import { Entity } from "../base/entity";
 type EditType = z.infer<typeof EditSchema>;
 type ClipType = z.infer<typeof ClipSchema>;
 type TrackType = z.infer<typeof TrackSchema>;
@@ -17,6 +17,8 @@ export declare class Edit extends Entity {
     private tracks;
     private clipsToDispose;
     private clips;
+    private commandHistory;
+    private commandIndex;
     playbackTime: number;
     totalDuration: number;
     constructor(size: Size, backgroundColor?: string);
@@ -34,6 +36,10 @@ export declare class Edit extends Entity {
     getTrack(trackIdx: number): TrackType | null;
     deleteTrack(trackIdx: number): void;
     getTotalDuration(): number;
+    undo(): void;
+    redo(): void;
+    private executeCommand;
+    private createCommandContext;
     private queueDisposeClip;
     protected disposeClips(): void;
     private disposeClip;

package/dist/{core → src/core}/export/video-exporter.d.ts

@@ -1,5 +1,5 @@
-import { Edit } from "@entities/system/edit";
-import { Canvas } from "../shotstack-canvas";
+import { Canvas } from "@canvas/shotstack-canvas";
+import { Edit } from "@core/edit";
 export declare class VideoExporter {
     private readonly ffmpeg;
     private isReady;

package/dist/{core → src/core}/inputs/controls.d.ts

@@ -1,4 +1,4 @@
-import { Edit } from "@entities/system/edit";
+import { Edit } from "@core/edit";
 export declare class Controls {
     private edit;
     private seekDistance;

package/dist/{core → src/core}/schemas/asset.d.ts

@@ -257,15 +257,15 @@ export declare const AssetSchema: zod.ZodEffects<zod.ZodUnion<[zod.ZodObject<{
     height: zod.ZodOptional<zod.ZodNumber>;
     position: zod.ZodOptional<zod.ZodEnum<["top", "topRight", "right", "bottomRight", "bottom", "bottomLeft", "left", "topLeft", "center"]>>;
 }, "strip", zod.ZodTypeAny, {
-    html: string;
     type: "html";
+    html: string;
     css: string;
     width?: number | undefined;
     height?: number | undefined;
     position?: "top" | "topRight" | "right" | "bottomRight" | "bottom" | "bottomLeft" | "left" | "topLeft" | "center" | undefined;
 }, {
-    html: string;
     type: "html";
+    html: string;
     css: string;
     width?: number | undefined;
     height?: number | undefined;
@@ -290,8 +290,8 @@ export declare const AssetSchema: zod.ZodEffects<zod.ZodUnion<[zod.ZodObject<{
         left?: number | undefined;
     }>>;
 }, "strip", zod.ZodTypeAny, {
-    src: string;
     type: "image";
+    src: string;
     crop?: {
         top?: number | undefined;
         right?: number | undefined;
@@ -299,8 +299,8 @@ export declare const AssetSchema: zod.ZodEffects<zod.ZodUnion<[zod.ZodObject<{
         left?: number | undefined;
     } | undefined;
 }, {
-    src: string;
     type: "image";
+    src: string;
     crop?: {
         top?: number | undefined;
         right?: number | undefined;
@@ -327,38 +327,40 @@ export declare const AssetSchema: zod.ZodEffects<zod.ZodUnion<[zod.ZodObject<{
         bottom?: number | undefined;
         left?: number | undefined;
     }>>;
-    volume: zod.ZodOptional<zod.ZodUnion<[zod.ZodArray<zod.ZodObject<{
+    volume: zod.ZodOptional<zod.ZodUnion<[zod.ZodArray<zod.ZodObject<zod.objectUtil.extendShape<{
+        from: zod.ZodNumber;
+        to: zod.ZodNumber;
         start: zod.ZodNumber;
         length: zod.ZodNumber;
         interpolation: zod.ZodOptional<zod.ZodEnum<["linear", "bezier", "constant"]>>;
         easing: zod.ZodOptional<zod.ZodEnum<["ease", "easeIn", "easeOut", "easeInOut", "easeInQuad", "easeInCubic", "easeInQuart", "easeInQuint", "easeInSine", "easeInExpo", "easeInCirc", "easeInBack", "easeOutQuad", "easeOutCubic", "easeOutQuart", "easeOutQuint", "easeOutSine", "easeOutExpo", "easeOutCirc", "easeOutBack", "easeInOutQuad", "easeInOutCubic", "easeInOutQuart", "easeInOutQuint", "easeInOutSine", "easeInOutExpo", "easeInOutCirc", "easeInOutBack"]>>;
-    } & {
+    }, {
         from: zod.ZodNumber;
         to: zod.ZodNumber;
-    }, "strip", zod.ZodTypeAny, {
-        length: number;
+    }>, "strip", zod.ZodTypeAny, {
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }, {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }>, "many">, zod.ZodNumber]>>;
 }, "strip", zod.ZodTypeAny, {
-    src: string;
     type: "video";
+    src: string;
     trim?: number | undefined;
     volume?: number | {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }[] | undefined;
@@ -369,14 +371,14 @@ export declare const AssetSchema: zod.ZodEffects<zod.ZodUnion<[zod.ZodObject<{
         left?: number | undefined;
     } | undefined;
 }, {
-    src: string;
     type: "video";
+    src: string;
     trim?: number | undefined;
     volume?: number | {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }[] | undefined;
@@ -390,84 +392,86 @@ export declare const AssetSchema: zod.ZodEffects<zod.ZodUnion<[zod.ZodObject<{
     type: zod.ZodLiteral<"luma">;
     src: zod.ZodString;
 }, "strip", zod.ZodTypeAny, {
-    src: string;
     type: "luma";
-}, {
     src: string;
+}, {
     type: "luma";
+    src: string;
 }>, zod.ZodObject<{
     type: zod.ZodLiteral<"audio">;
     src: zod.ZodString;
     trim: zod.ZodOptional<zod.ZodNumber>;
-    volume: zod.ZodOptional<zod.ZodUnion<[zod.ZodArray<zod.ZodObject<{
+    volume: zod.ZodOptional<zod.ZodUnion<[zod.ZodArray<zod.ZodObject<zod.objectUtil.extendShape<{
+        from: zod.ZodNumber;
+        to: zod.ZodNumber;
         start: zod.ZodNumber;
         length: zod.ZodNumber;
         interpolation: zod.ZodOptional<zod.ZodEnum<["linear", "bezier", "constant"]>>;
         easing: zod.ZodOptional<zod.ZodEnum<["ease", "easeIn", "easeOut", "easeInOut", "easeInQuad", "easeInCubic", "easeInQuart", "easeInQuint", "easeInSine", "easeInExpo", "easeInCirc", "easeInBack", "easeOutQuad", "easeOutCubic", "easeOutQuart", "easeOutQuint", "easeOutSine", "easeOutExpo", "easeOutCirc", "easeOutBack", "easeInOutQuad", "easeInOutCubic", "easeInOutQuart", "easeInOutQuint", "easeInOutSine", "easeInOutExpo", "easeInOutCirc", "easeInOutBack"]>>;
-    } & {
+    }, {
         from: zod.ZodNumber;
         to: zod.ZodNumber;
-    }, "strip", zod.ZodTypeAny, {
-        length: number;
+    }>, "strip", zod.ZodTypeAny, {
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }, {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }>, "many">, zod.ZodNumber]>>;
 }, "strip", zod.ZodTypeAny, {
-    src: string;
     type: "audio";
+    src: string;
     trim?: number | undefined;
     volume?: number | {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }[] | undefined;
 }, {
-    src: string;
     type: "audio";
+    src: string;
     trim?: number | undefined;
     volume?: number | {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }[] | undefined;
 }>]>, {
-    src: string;
     type: "audio";
+    src: string;
     trim?: number | undefined;
     volume?: number | {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }[] | undefined;
 } | {
-    html: string;
     type: "html";
+    html: string;
     css: string;
     width?: number | undefined;
     height?: number | undefined;
     position?: "top" | "topRight" | "right" | "bottomRight" | "bottom" | "bottomLeft" | "left" | "topLeft" | "center" | undefined;
 } | {
-    src: string;
     type: "image";
+    src: string;
     crop?: {
         top?: number | undefined;
         right?: number | undefined;
@@ -475,8 +479,8 @@ export declare const AssetSchema: zod.ZodEffects<zod.ZodUnion<[zod.ZodObject<{
         left?: number | undefined;
     } | undefined;
 } | {
-    src: string;
     type: "luma";
+    src: string;
 } | {
     type: "shape";
     shape: "rectangle" | "circle" | "line";
@@ -526,14 +530,14 @@ export declare const AssetSchema: zod.ZodEffects<zod.ZodUnion<[zod.ZodObject<{
         opacity: number;
     } | undefined;
 } | {
-    src: string;
     type: "video";
+    src: string;
     trim?: number | undefined;
     volume?: number | {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }[] | undefined;
@@ -544,27 +548,27 @@ export declare const AssetSchema: zod.ZodEffects<zod.ZodUnion<[zod.ZodObject<{
         left?: number | undefined;
     } | undefined;
 }, {
-    src: string;
     type: "audio";
+    src: string;
     trim?: number | undefined;
     volume?: number | {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }[] | undefined;
 } | {
-    html: string;
     type: "html";
+    html: string;
     css: string;
     width?: number | undefined;
     height?: number | undefined;
     position?: "top" | "topRight" | "right" | "bottomRight" | "bottom" | "bottomLeft" | "left" | "topLeft" | "center" | undefined;
 } | {
-    src: string;
     type: "image";
+    src: string;
     crop?: {
         top?: number | undefined;
         right?: number | undefined;
@@ -572,8 +576,8 @@ export declare const AssetSchema: zod.ZodEffects<zod.ZodUnion<[zod.ZodObject<{
         left?: number | undefined;
     } | undefined;
 } | {
-    src: string;
     type: "luma";
+    src: string;
 } | {
     type: "shape";
     shape: "rectangle" | "circle" | "line";
@@ -623,14 +627,14 @@ export declare const AssetSchema: zod.ZodEffects<zod.ZodUnion<[zod.ZodObject<{
         opacity: number;
     } | undefined;
 } | {
-    src: string;
     type: "video";
+    src: string;
     trim?: number | undefined;
     volume?: number | {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }[] | undefined;