@cntrl-site/sdk 1.23.2 → 1.24.0

package/dist/schemas/article/ItemState.schema.d.ts

@@ -857,36 +857,256 @@ export declare const MediaStateParamsSchema: z.ZodObject<{
             delay: number;
         };
     }>>;
-    strokeColor: z.ZodOptional<z.ZodObject<{
-        value: z.ZodString;
-        in: z.ZodObject<{
-            timing: z.ZodString;
-            duration: z.ZodNumber;
-            delay: z.ZodNumber;
-        }, "strip", z.ZodTypeAny, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }>;
-        out: z.ZodObject<{
-            timing: z.ZodString;
-            duration: z.ZodNumber;
-            delay: z.ZodNumber;
-        }, "strip", z.ZodTypeAny, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }>;
-    }, "strip", z.ZodTypeAny, {
-        value: string;
+    strokeFill: z.ZodOptional<z.ZodObject<{
+        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">;
+        in: z.ZodObject<{
+            timing: z.ZodString;
+            duration: z.ZodNumber;
+            delay: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>;
+        out: z.ZodObject<{
+            timing: z.ZodString;
+            duration: z.ZodNumber;
+            delay: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -898,7 +1118,56 @@ export declare const MediaStateParamsSchema: z.ZodObject<{
             delay: number;
         };
     }, {
-        value: 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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -1321,8 +1590,57 @@ export declare const MediaStateParamsSchema: z.ZodObject<{
             delay: number;
         };
     } | undefined;
-    strokeColor?: {
-        value: string;
+    strokeFill?: {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -1465,8 +1783,57 @@ export declare const MediaStateParamsSchema: z.ZodObject<{
             delay: number;
         };
     } | undefined;
-    strokeColor?: {
-        value: string;
+    strokeFill?: {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -1677,36 +2044,256 @@ export declare const RectangleStateParamsSchema: z.ZodObject<{
             delay: number;
         };
     }>>;
-    strokeColor: z.ZodOptional<z.ZodObject<{
-        value: z.ZodString;
-        in: z.ZodObject<{
-            timing: z.ZodString;
-            duration: z.ZodNumber;
-            delay: z.ZodNumber;
+    strokeFill: z.ZodOptional<z.ZodObject<{
+        value: z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+            id: z.ZodString;
+            type: z.ZodLiteral<"solid">;
+            value: z.ZodString;
+            blendMode: z.ZodString;
         }, "strip", z.ZodTypeAny, {
-            timing: string;
-            duration: number;
-            delay: number;
+            id: string;
+            value: string;
+            type: "solid";
+            blendMode: string;
         }, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }>;
-        out: z.ZodObject<{
-            timing: z.ZodString;
-            duration: z.ZodNumber;
-            delay: z.ZodNumber;
+            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, {
-            timing: string;
-            duration: number;
-            delay: number;
+            id: string;
+            type: "linear-gradient";
+            blendMode: string;
+            colors: {
+                position: number;
+                id: string;
+                value: string;
+            }[];
+            start: [number, number];
+            end: [number, number];
+            angle: number;
         }, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }>;
-    }, "strip", z.ZodTypeAny, {
-        value: 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">;
+        in: z.ZodObject<{
+            timing: z.ZodString;
+            duration: z.ZodNumber;
+            delay: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>;
+        out: z.ZodObject<{
+            timing: z.ZodString;
+            duration: z.ZodNumber;
+            delay: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -1718,48 +2305,317 @@ export declare const RectangleStateParamsSchema: z.ZodObject<{
             delay: number;
         };
     }, {
-        value: string;
-        in: {
-            timing: string;
-            duration: number;
-            delay: number;
-        };
-        out: {
-            timing: string;
-            duration: number;
-            delay: number;
-        };
-    }>>;
-    fillColor: z.ZodOptional<z.ZodObject<{
-        value: z.ZodString;
-        in: z.ZodObject<{
-            timing: z.ZodString;
-            duration: z.ZodNumber;
-            delay: z.ZodNumber;
-        }, "strip", z.ZodTypeAny, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }>;
-        out: z.ZodObject<{
-            timing: z.ZodString;
-            duration: z.ZodNumber;
-            delay: z.ZodNumber;
-        }, "strip", z.ZodTypeAny, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }>;
-    }, "strip", z.ZodTypeAny, {
-        value: 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;
+        })[];
+        in: {
+            timing: string;
+            duration: number;
+            delay: number;
+        };
+        out: {
+            timing: string;
+            duration: number;
+            delay: number;
+        };
+    }>>;
+    fill: z.ZodOptional<z.ZodObject<{
+        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">;
+        in: z.ZodObject<{
+            timing: z.ZodString;
+            duration: z.ZodNumber;
+            delay: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>;
+        out: z.ZodObject<{
+            timing: z.ZodString;
+            duration: z.ZodNumber;
+            delay: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -1771,7 +2627,56 @@ export declare const RectangleStateParamsSchema: z.ZodObject<{
             delay: number;
         };
     }, {
-        value: 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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -2234,8 +3139,57 @@ export declare const RectangleStateParamsSchema: z.ZodObject<{
             delay: number;
         };
     } | undefined;
-    strokeColor?: {
-        value: string;
+    strokeFill?: {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -2247,8 +3201,57 @@ export declare const RectangleStateParamsSchema: z.ZodObject<{
             delay: number;
         };
     } | undefined;
-    fillColor?: {
-        value: string;
+    fill?: {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -2391,8 +3394,57 @@ export declare const RectangleStateParamsSchema: z.ZodObject<{
             delay: number;
         };
     } | undefined;
-    strokeColor?: {
-        value: string;
+    strokeFill?: {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -2404,8 +3456,57 @@ export declare const RectangleStateParamsSchema: z.ZodObject<{
             delay: number;
         };
     } | undefined;
-    fillColor?: {
-        value: string;
+    fill?: {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -8006,36 +9107,256 @@ export declare const ItemStateParamsSchema: z.ZodUnion<[z.ZodObject<{
             delay: number;
         };
     }>>;
-    strokeColor: z.ZodOptional<z.ZodObject<{
-        value: z.ZodString;
-        in: z.ZodObject<{
-            timing: z.ZodString;
-            duration: z.ZodNumber;
-            delay: z.ZodNumber;
+    strokeFill: z.ZodOptional<z.ZodObject<{
+        value: z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+            id: z.ZodString;
+            type: z.ZodLiteral<"solid">;
+            value: z.ZodString;
+            blendMode: z.ZodString;
         }, "strip", z.ZodTypeAny, {
-            timing: string;
-            duration: number;
-            delay: number;
+            id: string;
+            value: string;
+            type: "solid";
+            blendMode: string;
         }, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }>;
-        out: z.ZodObject<{
-            timing: z.ZodString;
-            duration: z.ZodNumber;
-            delay: z.ZodNumber;
+            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, {
-            timing: string;
-            duration: number;
-            delay: number;
+            id: string;
+            type: "linear-gradient";
+            blendMode: string;
+            colors: {
+                position: number;
+                id: string;
+                value: string;
+            }[];
+            start: [number, number];
+            end: [number, number];
+            angle: number;
         }, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }>;
-    }, "strip", z.ZodTypeAny, {
-        value: 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">;
+        in: z.ZodObject<{
+            timing: z.ZodString;
+            duration: z.ZodNumber;
+            delay: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>;
+        out: z.ZodObject<{
+            timing: z.ZodString;
+            duration: z.ZodNumber;
+            delay: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -8047,7 +9368,56 @@ export declare const ItemStateParamsSchema: z.ZodUnion<[z.ZodObject<{
             delay: number;
         };
     }, {
-        value: 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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -8470,8 +9840,57 @@ export declare const ItemStateParamsSchema: z.ZodUnion<[z.ZodObject<{
             delay: number;
         };
     } | undefined;
-    strokeColor?: {
-        value: string;
+    strokeFill?: {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -8614,8 +10033,57 @@ export declare const ItemStateParamsSchema: z.ZodUnion<[z.ZodObject<{
             delay: number;
         };
     } | undefined;
-    strokeColor?: {
-        value: string;
+    strokeFill?: {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -8825,36 +10293,256 @@ export declare const ItemStateParamsSchema: z.ZodUnion<[z.ZodObject<{
             delay: number;
         };
     }>>;
-    strokeColor: z.ZodOptional<z.ZodObject<{
-        value: z.ZodString;
-        in: z.ZodObject<{
-            timing: z.ZodString;
-            duration: z.ZodNumber;
-            delay: z.ZodNumber;
+    strokeFill: z.ZodOptional<z.ZodObject<{
+        value: z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+            id: z.ZodString;
+            type: z.ZodLiteral<"solid">;
+            value: z.ZodString;
+            blendMode: z.ZodString;
         }, "strip", z.ZodTypeAny, {
-            timing: string;
-            duration: number;
-            delay: number;
+            id: string;
+            value: string;
+            type: "solid";
+            blendMode: string;
         }, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }>;
-        out: z.ZodObject<{
-            timing: z.ZodString;
-            duration: z.ZodNumber;
-            delay: z.ZodNumber;
+            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, {
-            timing: string;
-            duration: number;
-            delay: number;
+            id: string;
+            type: "linear-gradient";
+            blendMode: string;
+            colors: {
+                position: number;
+                id: string;
+                value: string;
+            }[];
+            start: [number, number];
+            end: [number, number];
+            angle: number;
         }, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }>;
-    }, "strip", z.ZodTypeAny, {
-        value: 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">;
+        in: z.ZodObject<{
+            timing: z.ZodString;
+            duration: z.ZodNumber;
+            delay: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>;
+        out: z.ZodObject<{
+            timing: z.ZodString;
+            duration: z.ZodNumber;
+            delay: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -8866,48 +10554,317 @@ export declare const ItemStateParamsSchema: z.ZodUnion<[z.ZodObject<{
             delay: number;
         };
     }, {
-        value: string;
-        in: {
-            timing: string;
-            duration: number;
-            delay: number;
-        };
-        out: {
-            timing: string;
-            duration: number;
-            delay: number;
-        };
-    }>>;
-    fillColor: z.ZodOptional<z.ZodObject<{
-        value: z.ZodString;
-        in: z.ZodObject<{
-            timing: z.ZodString;
-            duration: z.ZodNumber;
-            delay: z.ZodNumber;
-        }, "strip", z.ZodTypeAny, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }>;
-        out: z.ZodObject<{
-            timing: z.ZodString;
-            duration: z.ZodNumber;
-            delay: z.ZodNumber;
-        }, "strip", z.ZodTypeAny, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }, {
-            timing: string;
-            duration: number;
-            delay: number;
-        }>;
-    }, "strip", z.ZodTypeAny, {
-        value: 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;
+        })[];
+        in: {
+            timing: string;
+            duration: number;
+            delay: number;
+        };
+        out: {
+            timing: string;
+            duration: number;
+            delay: number;
+        };
+    }>>;
+    fill: z.ZodOptional<z.ZodObject<{
+        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">;
+        in: z.ZodObject<{
+            timing: z.ZodString;
+            duration: z.ZodNumber;
+            delay: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>;
+        out: z.ZodObject<{
+            timing: z.ZodString;
+            duration: z.ZodNumber;
+            delay: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -8919,7 +10876,56 @@ export declare const ItemStateParamsSchema: z.ZodUnion<[z.ZodObject<{
             delay: number;
         };
     }, {
-        value: 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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -9382,8 +11388,57 @@ export declare const ItemStateParamsSchema: z.ZodUnion<[z.ZodObject<{
             delay: number;
         };
     } | undefined;
-    strokeColor?: {
-        value: string;
+    strokeFill?: {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -9395,8 +11450,57 @@ export declare const ItemStateParamsSchema: z.ZodUnion<[z.ZodObject<{
             delay: number;
         };
     } | undefined;
-    fillColor?: {
-        value: string;
+    fill?: {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;
@@ -9539,21 +11643,119 @@ export declare const ItemStateParamsSchema: z.ZodUnion<[z.ZodObject<{
             delay: number;
         };
     } | undefined;
-    strokeColor?: {
-        value: string;
-        in: {
-            timing: string;
-            duration: number;
-            delay: number;
-        };
-        out: {
-            timing: string;
-            duration: number;
-            delay: number;
-        };
-    } | undefined;
-    fillColor?: {
-        value: string;
+    strokeFill?: {
+        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;
+        })[];
+        in: {
+            timing: string;
+            duration: number;
+            delay: number;
+        };
+        out: {
+            timing: string;
+            duration: number;
+            delay: number;
+        };
+    } | undefined;
+    fill?: {
+        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;
+        })[];
         in: {
             timing: string;
             duration: number;