@cntrl-site/sdk 1.23.2 → 1.24.1

package/dist/schemas/keyframe/Keyframes.schema.d.ts

@@ -18,22 +18,22 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.Dimensions;
+    id: string;
     value: {
         width: number;
         height: number;
     };
-    id: string;
+    type: KeyframeType.Dimensions;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.Dimensions;
+    id: string;
     value: {
         width: number;
         height: number;
     };
-    id: string;
+    type: KeyframeType.Dimensions;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -54,22 +54,22 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.Position;
+    id: string;
     value: {
         left: number;
         top: number;
     };
-    id: string;
+    type: KeyframeType.Position;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.Position;
+    id: string;
     value: {
         left: number;
         top: number;
     };
-    id: string;
+    type: KeyframeType.Position;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -87,20 +87,20 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.Rotation;
+    id: string;
     value: {
         angle: number;
     };
-    id: string;
+    type: KeyframeType.Rotation;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.Rotation;
+    id: string;
     value: {
         angle: number;
     };
-    id: string;
+    type: KeyframeType.Rotation;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -118,20 +118,20 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.BorderRadius;
+    id: string;
     value: {
         radius: number;
     };
-    id: string;
+    type: KeyframeType.BorderRadius;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.BorderRadius;
+    id: string;
     value: {
         radius: number;
     };
-    id: string;
+    type: KeyframeType.BorderRadius;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -149,20 +149,20 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.BorderWidth;
+    id: string;
     value: {
         borderWidth: number;
     };
-    id: string;
+    type: KeyframeType.BorderWidth;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.BorderWidth;
+    id: string;
     value: {
         borderWidth: number;
     };
-    id: string;
+    type: KeyframeType.BorderWidth;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -170,61 +170,289 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     id: z.ZodString;
     itemId: z.ZodString;
     layoutId: z.ZodString;
-    type: z.ZodLiteral<KeyframeType.Color>;
-    value: z.ZodObject<{
-        color: z.ZodString;
+    type: z.ZodLiteral<KeyframeType.BorderFill>;
+    value: z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"solid">;
+        value: z.ZodString;
+        blendMode: z.ZodString;
     }, "strip", z.ZodTypeAny, {
-        color: string;
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
     }, {
-        color: string;
-    }>;
-}, "strip", z.ZodTypeAny, {
-    position: number;
-    type: KeyframeType.Color;
-    value: {
-        color: string;
-    };
-    id: string;
-    itemId: string;
-    layoutId: string;
-}, {
-    position: number;
-    type: KeyframeType.Color;
-    value: {
-        color: string;
-    };
-    id: string;
-    itemId: string;
-    layoutId: string;
-}>, z.ZodObject<{
-    position: z.ZodNumber;
-    id: z.ZodString;
-    itemId: z.ZodString;
-    layoutId: z.ZodString;
-    type: z.ZodLiteral<KeyframeType.BorderColor>;
-    value: z.ZodObject<{
-        color: z.ZodString;
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"linear-gradient">;
+        colors: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            value: z.ZodString;
+            position: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            id: string;
+            value: string;
+        }, {
+            position: number;
+            id: string;
+            value: string;
+        }>, "many">;
+        start: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        end: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        angle: z.ZodNumber;
+        blendMode: z.ZodString;
     }, "strip", z.ZodTypeAny, {
-        color: string;
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
     }, {
-        color: string;
-    }>;
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"radial-gradient">;
+        colors: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            value: z.ZodString;
+            position: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            id: string;
+            value: string;
+        }, {
+            position: number;
+            id: string;
+            value: string;
+        }>, "many">;
+        center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        diameter: z.ZodNumber;
+        angle: z.ZodNumber;
+        blendMode: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    }, {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"conic-gradient">;
+        colors: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            value: z.ZodString;
+            position: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            id: string;
+            value: string;
+        }, {
+            position: number;
+            id: string;
+            value: string;
+        }>, "many">;
+        center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        angle: z.ZodNumber;
+        blendMode: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    }, {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"image">;
+        src: z.ZodString;
+        behavior: z.ZodString;
+        backgroundSize: z.ZodNumber;
+        opacity: z.ZodNumber;
+        blendMode: z.ZodString;
+        rotation: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    }, {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    }>]>, "many">;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.BorderColor;
-    value: {
-        color: string;
-    };
     id: string;
+    value: ({
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    } | {
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    } | {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    })[];
+    type: KeyframeType.BorderFill;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.BorderColor;
-    value: {
-        color: string;
-    };
     id: string;
+    value: ({
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    } | {
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    } | {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    })[];
+    type: KeyframeType.BorderFill;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -242,20 +470,20 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.Opacity;
+    id: string;
     value: {
         opacity: number;
     };
-    id: string;
+    type: KeyframeType.Opacity;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.Opacity;
+    id: string;
     value: {
         opacity: number;
     };
-    id: string;
+    type: KeyframeType.Opacity;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -273,20 +501,20 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.Scale;
+    id: string;
     value: {
         scale: number;
     };
-    id: string;
+    type: KeyframeType.Scale;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.Scale;
+    id: string;
     value: {
         scale: number;
     };
-    id: string;
+    type: KeyframeType.Scale;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -304,20 +532,20 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.Blur;
+    id: string;
     value: {
         blur: number;
     };
-    id: string;
+    type: KeyframeType.Blur;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.Blur;
+    id: string;
     value: {
         blur: number;
     };
-    id: string;
+    type: KeyframeType.Blur;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -335,20 +563,20 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.BackdropBlur;
+    id: string;
     value: {
         backdropBlur: number;
     };
-    id: string;
+    type: KeyframeType.BackdropBlur;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.BackdropBlur;
+    id: string;
     value: {
         backdropBlur: number;
     };
-    id: string;
+    type: KeyframeType.BackdropBlur;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -366,20 +594,20 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.TextColor;
+    id: string;
     value: {
         color: string;
     };
-    id: string;
+    type: KeyframeType.TextColor;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.TextColor;
+    id: string;
     value: {
         color: string;
     };
-    id: string;
+    type: KeyframeType.TextColor;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -397,20 +625,20 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.LetterSpacing;
+    id: string;
     value: {
         letterSpacing: number;
     };
-    id: string;
+    type: KeyframeType.LetterSpacing;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.LetterSpacing;
+    id: string;
     value: {
         letterSpacing: number;
     };
-    id: string;
+    type: KeyframeType.LetterSpacing;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -428,20 +656,20 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.WordSpacing;
+    id: string;
     value: {
         wordSpacing: number;
     };
-    id: string;
+    type: KeyframeType.WordSpacing;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.WordSpacing;
+    id: string;
     value: {
         wordSpacing: number;
     };
-    id: string;
+    type: KeyframeType.WordSpacing;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -453,16 +681,306 @@ export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObjec
     value: z.ZodRecord<z.ZodString, z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     position: number;
+    id: string;
+    value: Record<string, number>;
     type: KeyframeType.FXParams;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
     value: Record<string, number>;
+    type: KeyframeType.FXParams;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    position: z.ZodNumber;
+    id: z.ZodString;
+    itemId: z.ZodString;
+    layoutId: z.ZodString;
+    type: z.ZodLiteral<KeyframeType.Fill>;
+    value: z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"solid">;
+        value: z.ZodString;
+        blendMode: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    }, {
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"linear-gradient">;
+        colors: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            value: z.ZodString;
+            position: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            id: string;
+            value: string;
+        }, {
+            position: number;
+            id: string;
+            value: string;
+        }>, "many">;
+        start: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        end: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        angle: z.ZodNumber;
+        blendMode: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    }, {
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"radial-gradient">;
+        colors: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            value: z.ZodString;
+            position: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            id: string;
+            value: string;
+        }, {
+            position: number;
+            id: string;
+            value: string;
+        }>, "many">;
+        center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        diameter: z.ZodNumber;
+        angle: z.ZodNumber;
+        blendMode: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    }, {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"conic-gradient">;
+        colors: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            value: z.ZodString;
+            position: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            id: string;
+            value: string;
+        }, {
+            position: number;
+            id: string;
+            value: string;
+        }>, "many">;
+        center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        angle: z.ZodNumber;
+        blendMode: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    }, {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"image">;
+        src: z.ZodString;
+        behavior: z.ZodString;
+        backgroundSize: z.ZodNumber;
+        opacity: z.ZodNumber;
+        blendMode: z.ZodString;
+        rotation: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    }, {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    }>]>, "many">;
+}, "strip", z.ZodTypeAny, {
+    position: number;
     id: string;
+    value: ({
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    } | {
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    } | {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    })[];
+    type: KeyframeType.Fill;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.FXParams;
-    value: Record<string, number>;
     id: string;
+    value: ({
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    } | {
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    } | {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    })[];
+    type: KeyframeType.Fill;
     itemId: string;
     layoutId: string;
 }>]>;
@@ -484,22 +1002,22 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.Dimensions;
+    id: string;
     value: {
         width: number;
         height: number;
     };
-    id: string;
+    type: KeyframeType.Dimensions;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.Dimensions;
+    id: string;
     value: {
         width: number;
         height: number;
     };
-    id: string;
+    type: KeyframeType.Dimensions;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -520,22 +1038,22 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.Position;
+    id: string;
     value: {
         left: number;
         top: number;
     };
-    id: string;
+    type: KeyframeType.Position;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.Position;
+    id: string;
     value: {
         left: number;
         top: number;
     };
-    id: string;
+    type: KeyframeType.Position;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -553,20 +1071,20 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.Rotation;
+    id: string;
     value: {
         angle: number;
     };
-    id: string;
+    type: KeyframeType.Rotation;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.Rotation;
+    id: string;
     value: {
         angle: number;
     };
-    id: string;
+    type: KeyframeType.Rotation;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -584,20 +1102,20 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.BorderRadius;
+    id: string;
     value: {
         radius: number;
     };
-    id: string;
+    type: KeyframeType.BorderRadius;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.BorderRadius;
+    id: string;
     value: {
         radius: number;
     };
-    id: string;
+    type: KeyframeType.BorderRadius;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -615,20 +1133,20 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.BorderWidth;
+    id: string;
     value: {
         borderWidth: number;
     };
-    id: string;
+    type: KeyframeType.BorderWidth;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.BorderWidth;
+    id: string;
     value: {
         borderWidth: number;
     };
-    id: string;
+    type: KeyframeType.BorderWidth;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -636,61 +1154,289 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     id: z.ZodString;
     itemId: z.ZodString;
     layoutId: z.ZodString;
-    type: z.ZodLiteral<KeyframeType.Color>;
-    value: z.ZodObject<{
-        color: z.ZodString;
+    type: z.ZodLiteral<KeyframeType.BorderFill>;
+    value: z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"solid">;
+        value: z.ZodString;
+        blendMode: z.ZodString;
     }, "strip", z.ZodTypeAny, {
-        color: string;
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
     }, {
-        color: string;
-    }>;
-}, "strip", z.ZodTypeAny, {
-    position: number;
-    type: KeyframeType.Color;
-    value: {
-        color: string;
-    };
-    id: string;
-    itemId: string;
-    layoutId: string;
-}, {
-    position: number;
-    type: KeyframeType.Color;
-    value: {
-        color: string;
-    };
-    id: string;
-    itemId: string;
-    layoutId: string;
-}>, z.ZodObject<{
-    position: z.ZodNumber;
-    id: z.ZodString;
-    itemId: z.ZodString;
-    layoutId: z.ZodString;
-    type: z.ZodLiteral<KeyframeType.BorderColor>;
-    value: z.ZodObject<{
-        color: z.ZodString;
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"linear-gradient">;
+        colors: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            value: z.ZodString;
+            position: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            id: string;
+            value: string;
+        }, {
+            position: number;
+            id: string;
+            value: string;
+        }>, "many">;
+        start: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        end: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        angle: z.ZodNumber;
+        blendMode: z.ZodString;
     }, "strip", z.ZodTypeAny, {
-        color: string;
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
     }, {
-        color: string;
-    }>;
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"radial-gradient">;
+        colors: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            value: z.ZodString;
+            position: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            id: string;
+            value: string;
+        }, {
+            position: number;
+            id: string;
+            value: string;
+        }>, "many">;
+        center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        diameter: z.ZodNumber;
+        angle: z.ZodNumber;
+        blendMode: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    }, {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"conic-gradient">;
+        colors: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            value: z.ZodString;
+            position: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            id: string;
+            value: string;
+        }, {
+            position: number;
+            id: string;
+            value: string;
+        }>, "many">;
+        center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        angle: z.ZodNumber;
+        blendMode: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    }, {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"image">;
+        src: z.ZodString;
+        behavior: z.ZodString;
+        backgroundSize: z.ZodNumber;
+        opacity: z.ZodNumber;
+        blendMode: z.ZodString;
+        rotation: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    }, {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    }>]>, "many">;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.BorderColor;
-    value: {
-        color: string;
-    };
     id: string;
+    value: ({
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    } | {
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    } | {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    })[];
+    type: KeyframeType.BorderFill;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.BorderColor;
-    value: {
-        color: string;
-    };
     id: string;
+    value: ({
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    } | {
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    } | {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    })[];
+    type: KeyframeType.BorderFill;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -708,20 +1454,20 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.Opacity;
+    id: string;
     value: {
         opacity: number;
     };
-    id: string;
+    type: KeyframeType.Opacity;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.Opacity;
+    id: string;
     value: {
         opacity: number;
     };
-    id: string;
+    type: KeyframeType.Opacity;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -739,20 +1485,20 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.Scale;
+    id: string;
     value: {
         scale: number;
     };
-    id: string;
+    type: KeyframeType.Scale;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.Scale;
+    id: string;
     value: {
         scale: number;
     };
-    id: string;
+    type: KeyframeType.Scale;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -770,20 +1516,20 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.Blur;
+    id: string;
     value: {
         blur: number;
     };
-    id: string;
+    type: KeyframeType.Blur;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.Blur;
+    id: string;
     value: {
         blur: number;
     };
-    id: string;
+    type: KeyframeType.Blur;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -801,20 +1547,20 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.BackdropBlur;
+    id: string;
     value: {
         backdropBlur: number;
     };
-    id: string;
+    type: KeyframeType.BackdropBlur;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.BackdropBlur;
+    id: string;
     value: {
         backdropBlur: number;
     };
-    id: string;
+    type: KeyframeType.BackdropBlur;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -832,20 +1578,20 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.TextColor;
+    id: string;
     value: {
         color: string;
     };
-    id: string;
+    type: KeyframeType.TextColor;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.TextColor;
+    id: string;
     value: {
         color: string;
     };
-    id: string;
+    type: KeyframeType.TextColor;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -863,20 +1609,20 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.LetterSpacing;
+    id: string;
     value: {
         letterSpacing: number;
     };
-    id: string;
+    type: KeyframeType.LetterSpacing;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.LetterSpacing;
+    id: string;
     value: {
         letterSpacing: number;
     };
-    id: string;
+    type: KeyframeType.LetterSpacing;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -894,20 +1640,20 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     }>;
 }, "strip", z.ZodTypeAny, {
     position: number;
-    type: KeyframeType.WordSpacing;
+    id: string;
     value: {
         wordSpacing: number;
     };
-    id: string;
+    type: KeyframeType.WordSpacing;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.WordSpacing;
+    id: string;
     value: {
         wordSpacing: number;
     };
-    id: string;
+    type: KeyframeType.WordSpacing;
     itemId: string;
     layoutId: string;
 }>, z.ZodObject<{
@@ -919,16 +1665,306 @@ export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type",
     value: z.ZodRecord<z.ZodString, z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     position: number;
+    id: string;
+    value: Record<string, number>;
     type: KeyframeType.FXParams;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
     value: Record<string, number>;
+    type: KeyframeType.FXParams;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    position: z.ZodNumber;
+    id: z.ZodString;
+    itemId: z.ZodString;
+    layoutId: z.ZodString;
+    type: z.ZodLiteral<KeyframeType.Fill>;
+    value: z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"solid">;
+        value: z.ZodString;
+        blendMode: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    }, {
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"linear-gradient">;
+        colors: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            value: z.ZodString;
+            position: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            id: string;
+            value: string;
+        }, {
+            position: number;
+            id: string;
+            value: string;
+        }>, "many">;
+        start: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        end: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        angle: z.ZodNumber;
+        blendMode: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    }, {
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"radial-gradient">;
+        colors: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            value: z.ZodString;
+            position: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            id: string;
+            value: string;
+        }, {
+            position: number;
+            id: string;
+            value: string;
+        }>, "many">;
+        center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        diameter: z.ZodNumber;
+        angle: z.ZodNumber;
+        blendMode: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    }, {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"conic-gradient">;
+        colors: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            value: z.ZodString;
+            position: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            id: string;
+            value: string;
+        }, {
+            position: number;
+            id: string;
+            value: string;
+        }>, "many">;
+        center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+        angle: z.ZodNumber;
+        blendMode: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    }, {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    }>, z.ZodObject<{
+        id: z.ZodString;
+        type: z.ZodLiteral<"image">;
+        src: z.ZodString;
+        behavior: z.ZodString;
+        backgroundSize: z.ZodNumber;
+        opacity: z.ZodNumber;
+        blendMode: z.ZodString;
+        rotation: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    }, {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    }>]>, "many">;
+}, "strip", z.ZodTypeAny, {
+    position: number;
     id: string;
+    value: ({
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    } | {
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    } | {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    })[];
+    type: KeyframeType.Fill;
     itemId: string;
     layoutId: string;
 }, {
     position: number;
-    type: KeyframeType.FXParams;
-    value: Record<string, number>;
     id: string;
+    value: ({
+        id: string;
+        value: string;
+        type: "solid";
+        blendMode: string;
+    } | {
+        id: string;
+        type: "linear-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        start: [number, number];
+        end: [number, number];
+        angle: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "radial-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+        diameter: number;
+    } | {
+        center: [number, number];
+        id: string;
+        type: "conic-gradient";
+        blendMode: string;
+        colors: {
+            position: number;
+            id: string;
+            value: string;
+        }[];
+        angle: number;
+    } | {
+        opacity: number;
+        id: string;
+        type: "image";
+        blendMode: string;
+        src: string;
+        behavior: string;
+        backgroundSize: number;
+        rotation?: number | undefined;
+    })[];
+    type: KeyframeType.Fill;
     itemId: string;
     layoutId: string;
 }>]>, "many">;