@rendley/sdk 1.11.18 → 1.12.0

package/dist/modules/clip/Clip.d.ts

@@ -470,14 +470,14 @@ export declare const ClipSchema: z.ZodObject<{
         intensity: z.ZodNumber;
     }, "strip", z.ZodTypeAny, {
         id: string;
-        provider: string;
         filterId: string;
+        provider: string;
         intensity: number;
         clipId?: string | undefined;
     }, {
         id: string;
-        provider: string;
         filterId: string;
+        provider: string;
         intensity: number;
         clipId?: string | undefined;
     }>, "many">;
@@ -905,9 +905,9 @@ export declare const ClipSchema: z.ZodObject<{
         clipId: z.ZodString;
         wrapMode: z.ZodDefault<z.ZodNativeEnum<typeof MaskWrapModeEnum>>;
     }, "strict", z.ZodTypeAny, {
-        wrapMode: MaskWrapModeEnum;
         id: string;
         clipId: string;
+        wrapMode: MaskWrapModeEnum;
     }, {
         id: string;
         clipId: string;
@@ -923,8 +923,8 @@ export declare const ClipSchema: z.ZodObject<{
     rightTrim: number;
     filters: {
         id: string;
-        provider: string;
         filterId: string;
+        provider: string;
         intensity: number;
         clipId?: string | undefined;
     }[];
@@ -1005,9 +1005,9 @@ export declare const ClipSchema: z.ZodObject<{
     } | undefined;
     customData?: [string, unknown][] | undefined;
     clipMasks?: {
-        wrapMode: MaskWrapModeEnum;
         id: string;
         clipId: string;
+        wrapMode: MaskWrapModeEnum;
     }[] | undefined;
 }, {
     type: string;
@@ -1019,8 +1019,8 @@ export declare const ClipSchema: z.ZodObject<{
     rightTrim: number;
     filters: {
         id: string;
-        provider: string;
         filterId: string;
+        provider: string;
         intensity: number;
         clipId?: string | undefined;
     }[];
@@ -1199,7 +1199,13 @@ export declare class Clip<T extends PIXI.Sprite = PIXI.Sprite, K extends ClipSty
     setSubtitlesId(subtitlesId: string): void;
     getSubtitlesOffset(): number;
     setSubtitlesOffset(offset: number): void;
-    render(currentTime: number): null;
+    render(currentTime: number): void;
+    /**
+     *
+     * @description This is called after all the clips have been rendered in the preview, useful if you want to change some other clip states after rendering
+     * @param currentTime - The current time of the timeline
+     */
+    postRender(currentTime: number): void;
     updateMediaData(newMediaId?: string): Promise<boolean>;
     private addMaskTarget;
     private removeMaskTarget;
@@ -1230,8 +1236,8 @@ export declare class Clip<T extends PIXI.Sprite = PIXI.Sprite, K extends ClipSty
         rightTrim: number;
         filters: {
             id: string;
-            provider: string;
             filterId: string;
+            provider: string;
             intensity: number;
             clipId?: string | undefined;
         }[];
@@ -1312,9 +1318,9 @@ export declare class Clip<T extends PIXI.Sprite = PIXI.Sprite, K extends ClipSty
         } | undefined;
         customData?: [string, unknown][] | undefined;
         clipMasks?: {
-            wrapMode: MaskWrapModeEnum;
             id: string;
             clipId: string;
+            wrapMode: MaskWrapModeEnum;
         }[] | undefined;
     };
     protected postDeserialize(validatedData: z.infer<typeof ClipSchema>): void;

package/dist/modules/clip/ClipStyle.d.ts

@@ -7,6 +7,7 @@ export interface ClipStyleOptions {
     rotation?: number;
     position?: [number, number];
     scale?: [number, number];
+    crop?: [number, number, number, number];
     zIndex?: number;
     width?: number;
     height?: number;
@@ -20,6 +21,7 @@ export declare const ClipStyleSchema: z.ZodObject<{
     rotation: z.ZodNumber;
     position: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
     scale: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    crop: z.ZodDefault<z.ZodOptional<z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>>>;
     zIndex: z.ZodNumber;
     width: z.ZodOptional<z.ZodNumber>;
     height: z.ZodOptional<z.ZodNumber>;
@@ -31,6 +33,7 @@ export declare const ClipStyleSchema: z.ZodObject<{
     rotation: number;
     position: [number, number];
     scale: [number, number];
+    crop: [number, number, number, number];
     zIndex: number;
     relativeCornerRadius: boolean;
     mediaDataId?: string | undefined;
@@ -45,6 +48,7 @@ export declare const ClipStyleSchema: z.ZodObject<{
     scale: [number, number];
     zIndex: number;
     mediaDataId?: string | undefined;
+    crop?: [number, number, number, number] | undefined;
     width?: number | undefined;
     height?: number | undefined;
     cornerRadius?: [number, number, number, number] | undefined;
@@ -58,6 +62,7 @@ export declare class ClipStyle<T extends PIXI.Sprite = PIXI.Sprite> {
     protected width: number;
     protected height: number;
     protected scale: [number, number];
+    protected crop: [number, number, number, number];
     protected cornerRadius: number[];
     protected relativeCornerRadius: boolean;
     protected sprite: T | null;
@@ -72,6 +77,7 @@ export declare class ClipStyle<T extends PIXI.Sprite = PIXI.Sprite> {
     private lastCornerSize;
     private lastCornerScale;
     private lastRelativeCornerRadius;
+    private lastCrop;
     constructor(options: ClipStyleOptions);
     positionToCenter(): void;
     scaleDownToFit(): void;
@@ -106,6 +112,25 @@ export declare class ClipStyle<T extends PIXI.Sprite = PIXI.Sprite> {
     getAnimationPositionOffset(): [number, number];
     setZIndex(zIndex: number): void;
     getZIndex(): number;
+    private getSafeCropValues;
+    /**
+     * Sets the crop values for the clip's sprite. This will clip the original texture to the given coordinates.
+     * If the sprite is not a video, gif or image, it will not be updated.
+     * If the sprite has no texture, or the texture is not valid, it will not be updated.
+     * If `updatePosition` is true, it will also update the position of the sprite, so that the cropped area will maintain it's visual position.
+     * @param left The left coordinate of the crop area
+     * @param top The top coordinate of the crop area
+     * @param right The right coordinate of the crop area
+     * @param bottom The bottom coordinate of the crop area
+     * @param updatePosition If true, it will also update the position of the sprite, so that the middle of the cropped area is at the same position as the middle of the original texture. Default is true.
+     */
+    setCrop(left: number, top: number, right: number, bottom: number, updatePosition?: boolean): void;
+    /**
+     * Returns the current crop values of the clip.
+     * The returned array contains four numbers: [left, top, right, bottom]
+     * @returns {number[]} The current crop values of the clip.
+     */
+    getCrop(): number[];
     load(sprite: T): void;
     update(sprite: T): void;
     protected setCornerRadiusOnSprite(sprite: T): void;
@@ -118,6 +143,7 @@ export declare class ClipStyle<T extends PIXI.Sprite = PIXI.Sprite> {
         rotation: number;
         position: [number, number];
         scale: [number, number];
+        crop: [number, number, number, number];
         zIndex: number;
         relativeCornerRadius: boolean;
         mediaDataId?: string | undefined;

package/dist/modules/clip/clips/adjustment/AdjustmentClip.d.ts

@@ -0,0 +1,27 @@
+import * as PIXI from "pixi.js";
+import { Clip, ClipOptions } from "../../Clip";
+import { ClipStyle } from "../../ClipStyle";
+export interface AdjustmentClipOptions extends ClipOptions<ClipStyle> {
+}
+export declare class AdjustmentClip extends Clip<PIXI.Sprite, ClipStyle<PIXI.Sprite>> {
+    private renderTexture;
+    private processingClips;
+    private checkProcessingTimeoutId;
+    private isDestroyed;
+    private clipVisibilityRestore;
+    private transitionVisibilityRestore;
+    private clearContainer;
+    constructor(options: AdjustmentClipOptions);
+    init(layerId: string): Promise<void>;
+    onResize(width: number, height: number): Promise<void>;
+    updateVisibility(currentTime: number): void;
+    getLeftRenderBound(): number;
+    getRightRenderBound(): number;
+    render(currentTime: number): void;
+    postRender(currentTime: number): void;
+    getIsProcessing(): boolean;
+    discardProcessing(): void;
+    private checkProcessingClips;
+    clone(): Clip<PIXI.Sprite, ClipStyle<PIXI.Sprite>>;
+    destroy(): void;
+}

package/dist/modules/clip/clips/audio/AudioClip.d.ts

@@ -1,20 +1,34 @@
+import { FadeCurveEnum } from '../../../../types';
 import { Clip, ClipOptions } from "../../Clip";
 export interface AudioClipOptions extends ClipOptions {
     mediaDataId: string;
     volume?: number;
     muted?: boolean;
+    playbackSpeed?: number;
+    perservePitch?: boolean;
+    volumeFadeInDuration?: number;
+    volumeFadeInCurve?: FadeCurveEnum;
+    volumeFadeOutDuration?: number;
+    volumeFadeOutCurve?: FadeCurveEnum;
 }
 export declare class AudioClip extends Clip {
     private audioElement;
     private isPlaying;
     private volume;
     private muted;
+    private playbackSpeed;
+    private perservePitch;
+    private volumeFadeInDuration;
+    private volumeFadeInCurve;
+    private volumeFadeOutDuration;
+    private volumeFadeOutCurve;
     private actions;
     private isProcessing;
     private lastUpdateTime;
     private lastStartTime;
     private lastLeftTrim;
     private lastRightTrim;
+    private mediaDataDuration;
     constructor(options: AudioClipOptions);
     init(layerId: string): Promise<void>;
     private getGlobalTimeToClipTime;
@@ -31,8 +45,24 @@ export declare class AudioClip extends Clip {
     private errorCallback;
     private audioLoadedCallback;
     isReady(): boolean;
+    private applyFadeFunction;
+    private getVolumeFadeRelativeBounds;
+    private getFadeVolume;
+    private applyVolume;
     setVolume(volume: number): void;
     getVolume(): number;
+    setVolumeFadeInDuration(duration: number): void;
+    getVolumeFadeInDuration(): number;
+    setVolumeFadeInCurve(curve: FadeCurveEnum): void;
+    getVolumeFadeInCurve(): FadeCurveEnum;
+    setVolumeFadeOutDuration(duration: number): void;
+    getVolumeFadeOutDuration(): number;
+    setVolumeFadeOutCurve(curve: FadeCurveEnum): void;
+    getVolumeFadeOutCurve(): FadeCurveEnum;
+    setPlaybackSpeed(speed: number, perserveLeftBound?: boolean, perserveTrimmedDuration?: boolean): void;
+    getPlaybackSpeed(): number;
+    setPerservePitch(perservePitch: boolean): void;
+    getPerservePitch(): boolean;
     private play;
     private pause;
     private willSeekAtTime;
@@ -50,6 +80,10 @@ export declare class AudioClip extends Clip {
      * @returns An array of Float32Array representing the audio samples, or null if the media data is unavailable.
      */
     getAudioSamples(startTime: number, duration?: number): Float32Array[] | null;
+    /**
+     *
+     * @deprecated Use getAudioSamples instead, don't forget to enable them in the settings
+     */
     extractMonoAudioData(startTime: number, endTime: number): Promise<Float32Array | null>;
     destroy(): void;
     clone(): AudioClip;
@@ -64,18 +98,24 @@ export declare class AudioClip extends Clip {
         rightTrim: number;
         filters: {
             id: string;
-            provider: string;
             filterId: string;
+            provider: string;
             intensity: number;
             clipId?: string | undefined;
         }[];
         effects: any[];
         isVisible: boolean;
+        playbackSpeed: number;
+        perservePitch: boolean;
+        volumeFadeInDuration: number;
+        volumeFadeInCurve: FadeCurveEnum;
+        volumeFadeOutDuration: number;
+        volumeFadeOutCurve: FadeCurveEnum;
         text?: string | undefined;
         name?: string | undefined;
-        wrapMode?: import('../../../../types').WrapModeEnum | undefined;
         subtitlesId?: string | undefined;
-        blendMode?: import('../../../../types').BlendModeEnum | undefined;
+        wrapMode?: import('../../../../index').WrapModeEnum | undefined;
+        blendMode?: import('../../../../index').BlendModeEnum | undefined;
         style?: unknown;
         animationController?: {
             animationInDuration: number;
@@ -84,17 +124,17 @@ export declare class AudioClip extends Clip {
             loopSmoothing: number;
             animationDataIn?: {
                 name: string;
-                inOutOfRange: import("../../../..").OutOfRangeEnum;
-                outOutOfRange: import("../../../..").OutOfRangeEnum;
+                inOutOfRange: import('../../../../index').OutOfRangeEnum;
+                outOutOfRange: import('../../../../index').OutOfRangeEnum;
                 propertyAnimations: {
-                    inOutOfRange: import("../../../..").OutOfRangeEnum;
-                    outOutOfRange: import("../../../..").OutOfRangeEnum;
+                    inOutOfRange: import('../../../../index').OutOfRangeEnum;
+                    outOutOfRange: import('../../../../index').OutOfRangeEnum;
                     property: string;
                     keyframes: {
                         value: string | number;
                         time: number;
-                        easing: import("../../../..").EasingEnum;
-                        space: import("../../../..").AnimationSpaceEnum;
+                        easing: import('../../../../index').EasingEnum;
+                        space: import('../../../../index').AnimationSpaceEnum;
                         relativeProperty?: string | undefined;
                     }[];
                 }[];
@@ -104,17 +144,17 @@ export declare class AudioClip extends Clip {
             } | undefined;
             animationDataOut?: {
                 name: string;
-                inOutOfRange: import("../../../..").OutOfRangeEnum;
-                outOutOfRange: import("../../../..").OutOfRangeEnum;
+                inOutOfRange: import('../../../../index').OutOfRangeEnum;
+                outOutOfRange: import('../../../../index').OutOfRangeEnum;
                 propertyAnimations: {
-                    inOutOfRange: import("../../../..").OutOfRangeEnum;
-                    outOutOfRange: import("../../../..").OutOfRangeEnum;
+                    inOutOfRange: import('../../../../index').OutOfRangeEnum;
+                    outOutOfRange: import('../../../../index').OutOfRangeEnum;
                     property: string;
                     keyframes: {
                         value: string | number;
                         time: number;
-                        easing: import("../../../..").EasingEnum;
-                        space: import("../../../..").AnimationSpaceEnum;
+                        easing: import('../../../../index').EasingEnum;
+                        space: import('../../../../index').AnimationSpaceEnum;
                         relativeProperty?: string | undefined;
                     }[];
                 }[];
@@ -124,17 +164,17 @@ export declare class AudioClip extends Clip {
             } | undefined;
             animationDataLoop?: {
                 name: string;
-                inOutOfRange: import("../../../..").OutOfRangeEnum;
-                outOutOfRange: import("../../../..").OutOfRangeEnum;
+                inOutOfRange: import('../../../../index').OutOfRangeEnum;
+                outOutOfRange: import('../../../../index').OutOfRangeEnum;
                 propertyAnimations: {
-                    inOutOfRange: import("../../../..").OutOfRangeEnum;
-                    outOutOfRange: import("../../../..").OutOfRangeEnum;
+                    inOutOfRange: import('../../../../index').OutOfRangeEnum;
+                    outOutOfRange: import('../../../../index').OutOfRangeEnum;
                     property: string;
                     keyframes: {
                         value: string | number;
                         time: number;
-                        easing: import("../../../..").EasingEnum;
-                        space: import("../../../..").AnimationSpaceEnum;
+                        easing: import('../../../../index').EasingEnum;
+                        space: import('../../../../index').AnimationSpaceEnum;
                         relativeProperty?: string | undefined;
                     }[];
                 }[];
@@ -145,9 +185,9 @@ export declare class AudioClip extends Clip {
         } | undefined;
         customData?: [string, unknown][] | undefined;
         clipMasks?: {
-            wrapMode: import("../../../filter").MaskWrapModeEnum;
             id: string;
             clipId: string;
+            wrapMode: import('../../../../index').MaskWrapModeEnum;
         }[] | undefined;
         volume?: number | undefined;
         muted?: boolean | undefined;

package/dist/modules/clip/clips/custom/CustomClip.d.ts

@@ -18,8 +18,8 @@ export declare class CustomClip extends Clip<PIXI.Sprite, ClipStyle> {
         rightTrim: number;
         filters: {
             id: string;
-            provider: string;
             filterId: string;
+            provider: string;
             intensity: number;
             clipId?: string | undefined;
         }[];
@@ -100,9 +100,9 @@ export declare class CustomClip extends Clip<PIXI.Sprite, ClipStyle> {
         } | undefined;
         customData?: [string, unknown][] | undefined;
         clipMasks?: {
-            wrapMode: import('../../../../index').MaskWrapModeEnum;
             id: string;
             clipId: string;
+            wrapMode: import('../../../../index').MaskWrapModeEnum;
         }[] | undefined;
     };
     static deserialize(payload: object): CustomClip;

package/dist/modules/clip/clips/htmlText/HtmlTextClip.d.ts

@@ -126,8 +126,8 @@ export declare class HtmlTextClip extends Clip<PIXI.Sprite, ClipStyle<PIXI.Sprit
         rightTrim: number;
         filters: {
             id: string;
-            provider: string;
             filterId: string;
+            provider: string;
             intensity: number;
             clipId?: string | undefined;
         }[];
@@ -160,9 +160,9 @@ export declare class HtmlTextClip extends Clip<PIXI.Sprite, ClipStyle<PIXI.Sprit
         };
         text?: string | undefined;
         name?: string | undefined;
-        wrapMode?: import('../../../../types').WrapModeEnum | undefined;
         mediaDataId?: string | undefined;
         subtitlesId?: string | undefined;
+        wrapMode?: import('../../../../types').WrapModeEnum | undefined;
         blendMode?: import('../../../../types').BlendModeEnum | undefined;
         style?: unknown;
         animationController?: {
@@ -233,9 +233,9 @@ export declare class HtmlTextClip extends Clip<PIXI.Sprite, ClipStyle<PIXI.Sprit
         } | undefined;
         customData?: [string, unknown][] | undefined;
         clipMasks?: {
-            wrapMode: import("../../../filter").MaskWrapModeEnum;
             id: string;
             clipId: string;
+            wrapMode: import("../../../filter").MaskWrapModeEnum;
         }[] | undefined;
         fonts?: string[] | undefined;
     };

package/dist/modules/clip/clips/lottie/LottieClip.d.ts

@@ -18,15 +18,15 @@ export declare const PropertySchema: zod.ZodObject<{
     value: zod.ZodOptional<zod.ZodUnknown>;
 }, "strip", zod.ZodTypeAny, {
     type: LottiePropertyTypeEnum;
+    id: string;
     path: string;
     label: string;
-    id: string;
     group?: string | undefined;
     value?: unknown;
 }, {
+    id: string;
     path: string;
     label: string;
-    id: string;
     type?: LottiePropertyTypeEnum | undefined;
     group?: string | undefined;
     value?: unknown;
@@ -35,11 +35,11 @@ export declare const GroupSchema: zod.ZodObject<{
     id: zod.ZodString;
     label: zod.ZodString;
 }, "strip", zod.ZodTypeAny, {
-    label: string;
     id: string;
-}, {
     label: string;
+}, {
     id: string;
+    label: string;
 }>;
 export declare const PropertiesSchema: zod.ZodObject<{
     version: zod.ZodNumber;
@@ -47,11 +47,11 @@ export declare const PropertiesSchema: zod.ZodObject<{
         id: zod.ZodString;
         label: zod.ZodString;
     }, "strip", zod.ZodTypeAny, {
-        label: string;
         id: string;
-    }, {
         label: string;
+    }, {
         id: string;
+        label: string;
     }>, "many">>;
     properties: zod.ZodArray<zod.ZodObject<{
         id: zod.ZodString;
@@ -62,15 +62,15 @@ export declare const PropertiesSchema: zod.ZodObject<{
         value: zod.ZodOptional<zod.ZodUnknown>;
     }, "strip", zod.ZodTypeAny, {
         type: LottiePropertyTypeEnum;
+        id: string;
         path: string;
         label: string;
-        id: string;
         group?: string | undefined;
         value?: unknown;
     }, {
+        id: string;
         path: string;
         label: string;
-        id: string;
         type?: LottiePropertyTypeEnum | undefined;
         group?: string | undefined;
         value?: unknown;
@@ -78,30 +78,30 @@ export declare const PropertiesSchema: zod.ZodObject<{
 }, "strip", zod.ZodTypeAny, {
     properties: {
         type: LottiePropertyTypeEnum;
+        id: string;
         path: string;
         label: string;
-        id: string;
         group?: string | undefined;
         value?: unknown;
     }[];
     version: number;
     groups?: {
-        label: string;
         id: string;
+        label: string;
     }[] | undefined;
 }, {
     properties: {
+        id: string;
         path: string;
         label: string;
-        id: string;
         type?: LottiePropertyTypeEnum | undefined;
         group?: string | undefined;
         value?: unknown;
     }[];
     version: number;
     groups?: {
-        label: string;
         id: string;
+        label: string;
     }[] | undefined;
 }>;
 export type Group = zod.infer<typeof GroupSchema>;
@@ -127,22 +127,22 @@ export declare class LottieClip extends Clip<PIXI.Sprite, ClipStyle<PIXI.Sprite>
     private initProperties;
     setProperty(propertyId: string, value: unknown): void;
     getGroups(): {
-        label: string;
         id: string;
+        label: string;
     }[];
     getProperties(): Map<string, {
         type: LottiePropertyTypeEnum;
+        id: string;
         path: string;
         label: string;
-        id: string;
         group?: string | undefined;
         value?: unknown;
     }>;
     getProperty(propertyId: string): {
         type: LottiePropertyTypeEnum;
+        id: string;
         path: string;
         label: string;
-        id: string;
         group?: string | undefined;
         value?: unknown;
     } | undefined;
@@ -172,8 +172,8 @@ export declare class LottieClip extends Clip<PIXI.Sprite, ClipStyle<PIXI.Sprite>
         rightTrim: number;
         filters: {
             id: string;
-            provider: string;
             filterId: string;
+            provider: string;
             intensity: number;
             clipId?: string | undefined;
         }[];
@@ -182,9 +182,9 @@ export declare class LottieClip extends Clip<PIXI.Sprite, ClipStyle<PIXI.Sprite>
         dataUrl: string;
         text?: string | undefined;
         name?: string | undefined;
-        wrapMode?: WrapModeEnum | undefined;
         mediaDataId?: string | undefined;
         subtitlesId?: string | undefined;
+        wrapMode?: WrapModeEnum | undefined;
         blendMode?: import('../../../../types').BlendModeEnum | undefined;
         style?: unknown;
         animationController?: {
@@ -255,21 +255,21 @@ export declare class LottieClip extends Clip<PIXI.Sprite, ClipStyle<PIXI.Sprite>
         } | undefined;
         customData?: [string, unknown][] | undefined;
         clipMasks?: {
-            wrapMode: import("../../../filter").MaskWrapModeEnum;
             id: string;
             clipId: string;
+            wrapMode: import("../../../filter").MaskWrapModeEnum;
         }[] | undefined;
         assetsUrl?: string | undefined;
         propertiesUrl?: string | undefined;
         groups?: {
-            label: string;
             id: string;
+            label: string;
         }[] | undefined;
         properties?: {
             type: LottiePropertyTypeEnum;
+            id: string;
             path: string;
             label: string;
-            id: string;
             group?: string | undefined;
             value?: unknown;
         }[] | undefined;

package/dist/modules/clip/clips/shape/ShapeClip.d.ts

@@ -21,8 +21,8 @@ export declare class ShapeClip extends Clip<ShapeSprite, ShapeStyle> {
         rightTrim: number;
         filters: {
             id: string;
-            provider: string;
             filterId: string;
+            provider: string;
             intensity: number;
             clipId?: string | undefined;
         }[];
@@ -103,9 +103,9 @@ export declare class ShapeClip extends Clip<ShapeSprite, ShapeStyle> {
         } | undefined;
         customData?: [string, unknown][] | undefined;
         clipMasks?: {
-            wrapMode: import("../../../filter").MaskWrapModeEnum;
             id: string;
             clipId: string;
+            wrapMode: import("../../../filter").MaskWrapModeEnum;
         }[] | undefined;
     };
     static deserialize(payload: object): ShapeClip;

package/dist/modules/clip/clips/shape/ShapeStyle.d.ts

@@ -18,13 +18,14 @@ interface ShapeClipStyleOptions extends ClipStyleOptions {
 export declare const ShapeStyleSchema: z.ZodObject<{
     width: z.ZodOptional<z.ZodNumber>;
     alpha: z.ZodNumber;
-    height: z.ZodOptional<z.ZodNumber>;
-    clipId: z.ZodString;
     mediaDataId: z.ZodOptional<z.ZodString>;
+    clipId: z.ZodString;
     rotation: z.ZodNumber;
     position: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
     scale: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    crop: z.ZodDefault<z.ZodOptional<z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>>>;
     zIndex: z.ZodNumber;
+    height: z.ZodOptional<z.ZodNumber>;
     cornerRadius: z.ZodOptional<z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>>;
     relativeCornerRadius: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     shape: z.ZodDefault<z.ZodOptional<z.ZodNativeEnum<typeof ShapeTypeEnum>>>;
@@ -45,12 +46,13 @@ export declare const ShapeStyleSchema: z.ZodObject<{
     rotation: number;
     position: [number, number];
     scale: [number, number];
+    crop: [number, number, number, number];
     zIndex: number;
     relativeCornerRadius: boolean;
     hasFill: boolean;
     width?: number | undefined;
-    height?: number | undefined;
     mediaDataId?: string | undefined;
+    height?: number | undefined;
     cornerRadius?: [number, number, number, number] | undefined;
     fillColor?: string | undefined;
     strokeColor?: string | undefined;
@@ -69,8 +71,9 @@ export declare const ShapeStyleSchema: z.ZodObject<{
     scale: [number, number];
     zIndex: number;
     width?: number | undefined;
-    height?: number | undefined;
     mediaDataId?: string | undefined;
+    crop?: [number, number, number, number] | undefined;
+    height?: number | undefined;
     cornerRadius?: [number, number, number, number] | undefined;
     relativeCornerRadius?: boolean | undefined;
     shape?: ShapeTypeEnum | undefined;
@@ -128,12 +131,13 @@ export declare class ShapeStyle extends ClipStyle<ShapeSprite> {
         rotation: number;
         position: [number, number];
         scale: [number, number];
+        crop: [number, number, number, number];
         zIndex: number;
         relativeCornerRadius: boolean;
         hasFill: boolean;
         width?: number | undefined;
-        height?: number | undefined;
         mediaDataId?: string | undefined;
+        height?: number | undefined;
         cornerRadius?: [number, number, number, number] | undefined;
         fillColor?: string | undefined;
         strokeColor?: string | undefined;