@cntrl-site/components 0.0.1

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

@@ -0,0 +1,2000 @@
+import { KeyframeType } from '../../types/keyframe/Keyframe';
+import { z } from 'zod';
+export declare const KeyframeSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.Dimensions>;
+    value: z.ZodObject<{
+        width: z.ZodNumber;
+        height: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        width: number;
+        height: number;
+    }, {
+        width: number;
+        height: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        width: number;
+        height: number;
+    };
+    type: KeyframeType.Dimensions;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        width: number;
+        height: number;
+    };
+    type: KeyframeType.Dimensions;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.Position>;
+    value: z.ZodObject<{
+        top: z.ZodNumber;
+        left: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        left: number;
+        top: number;
+    }, {
+        left: number;
+        top: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        left: number;
+        top: number;
+    };
+    type: KeyframeType.Position;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        left: number;
+        top: number;
+    };
+    type: KeyframeType.Position;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.Rotation>;
+    value: z.ZodObject<{
+        angle: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        angle: number;
+    }, {
+        angle: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        angle: number;
+    };
+    type: KeyframeType.Rotation;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        angle: number;
+    };
+    type: KeyframeType.Rotation;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.BorderRadius>;
+    value: z.ZodObject<{
+        radius: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        radius: number;
+    }, {
+        radius: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        radius: number;
+    };
+    type: KeyframeType.BorderRadius;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        radius: number;
+    };
+    type: KeyframeType.BorderRadius;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.BorderWidth>;
+    value: z.ZodObject<{
+        borderWidth: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        borderWidth: number;
+    }, {
+        borderWidth: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        borderWidth: number;
+    };
+    type: KeyframeType.BorderWidth;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        borderWidth: number;
+    };
+    type: KeyframeType.BorderWidth;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    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, {
+        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.BorderFill;
+    itemId: string;
+    layoutId: string;
+}, {
+    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.BorderFill;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.Opacity>;
+    value: z.ZodObject<{
+        opacity: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        opacity: number;
+    }, {
+        opacity: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        opacity: number;
+    };
+    type: KeyframeType.Opacity;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        opacity: number;
+    };
+    type: KeyframeType.Opacity;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.Scale>;
+    value: z.ZodObject<{
+        scale: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        scale: number;
+    }, {
+        scale: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        scale: number;
+    };
+    type: KeyframeType.Scale;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        scale: number;
+    };
+    type: KeyframeType.Scale;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.Blur>;
+    value: z.ZodObject<{
+        blur: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        blur: number;
+    }, {
+        blur: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        blur: number;
+    };
+    type: KeyframeType.Blur;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        blur: number;
+    };
+    type: KeyframeType.Blur;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.BackdropBlur>;
+    value: z.ZodObject<{
+        backdropBlur: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        backdropBlur: number;
+    }, {
+        backdropBlur: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        backdropBlur: number;
+    };
+    type: KeyframeType.BackdropBlur;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        backdropBlur: number;
+    };
+    type: KeyframeType.BackdropBlur;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.TextColor>;
+    value: z.ZodObject<{
+        color: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        color: string;
+    }, {
+        color: string;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        color: string;
+    };
+    type: KeyframeType.TextColor;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        color: string;
+    };
+    type: KeyframeType.TextColor;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.LetterSpacing>;
+    value: z.ZodObject<{
+        letterSpacing: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        letterSpacing: number;
+    }, {
+        letterSpacing: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        letterSpacing: number;
+    };
+    type: KeyframeType.LetterSpacing;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        letterSpacing: number;
+    };
+    type: KeyframeType.LetterSpacing;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.WordSpacing>;
+    value: z.ZodObject<{
+        wordSpacing: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        wordSpacing: number;
+    }, {
+        wordSpacing: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        wordSpacing: number;
+    };
+    type: KeyframeType.WordSpacing;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        wordSpacing: number;
+    };
+    type: KeyframeType.WordSpacing;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.FXParams>;
+    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<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    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;
+    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;
+}>]>;
+export declare const KeyframesSchema: z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.Dimensions>;
+    value: z.ZodObject<{
+        width: z.ZodNumber;
+        height: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        width: number;
+        height: number;
+    }, {
+        width: number;
+        height: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        width: number;
+        height: number;
+    };
+    type: KeyframeType.Dimensions;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        width: number;
+        height: number;
+    };
+    type: KeyframeType.Dimensions;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.Position>;
+    value: z.ZodObject<{
+        top: z.ZodNumber;
+        left: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        left: number;
+        top: number;
+    }, {
+        left: number;
+        top: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        left: number;
+        top: number;
+    };
+    type: KeyframeType.Position;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        left: number;
+        top: number;
+    };
+    type: KeyframeType.Position;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.Rotation>;
+    value: z.ZodObject<{
+        angle: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        angle: number;
+    }, {
+        angle: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        angle: number;
+    };
+    type: KeyframeType.Rotation;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        angle: number;
+    };
+    type: KeyframeType.Rotation;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.BorderRadius>;
+    value: z.ZodObject<{
+        radius: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        radius: number;
+    }, {
+        radius: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        radius: number;
+    };
+    type: KeyframeType.BorderRadius;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        radius: number;
+    };
+    type: KeyframeType.BorderRadius;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.BorderWidth>;
+    value: z.ZodObject<{
+        borderWidth: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        borderWidth: number;
+    }, {
+        borderWidth: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        borderWidth: number;
+    };
+    type: KeyframeType.BorderWidth;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        borderWidth: number;
+    };
+    type: KeyframeType.BorderWidth;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    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, {
+        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.BorderFill;
+    itemId: string;
+    layoutId: string;
+}, {
+    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.BorderFill;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.Opacity>;
+    value: z.ZodObject<{
+        opacity: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        opacity: number;
+    }, {
+        opacity: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        opacity: number;
+    };
+    type: KeyframeType.Opacity;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        opacity: number;
+    };
+    type: KeyframeType.Opacity;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.Scale>;
+    value: z.ZodObject<{
+        scale: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        scale: number;
+    }, {
+        scale: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        scale: number;
+    };
+    type: KeyframeType.Scale;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        scale: number;
+    };
+    type: KeyframeType.Scale;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.Blur>;
+    value: z.ZodObject<{
+        blur: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        blur: number;
+    }, {
+        blur: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        blur: number;
+    };
+    type: KeyframeType.Blur;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        blur: number;
+    };
+    type: KeyframeType.Blur;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.BackdropBlur>;
+    value: z.ZodObject<{
+        backdropBlur: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        backdropBlur: number;
+    }, {
+        backdropBlur: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        backdropBlur: number;
+    };
+    type: KeyframeType.BackdropBlur;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        backdropBlur: number;
+    };
+    type: KeyframeType.BackdropBlur;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.TextColor>;
+    value: z.ZodObject<{
+        color: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        color: string;
+    }, {
+        color: string;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        color: string;
+    };
+    type: KeyframeType.TextColor;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        color: string;
+    };
+    type: KeyframeType.TextColor;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.LetterSpacing>;
+    value: z.ZodObject<{
+        letterSpacing: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        letterSpacing: number;
+    }, {
+        letterSpacing: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        letterSpacing: number;
+    };
+    type: KeyframeType.LetterSpacing;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        letterSpacing: number;
+    };
+    type: KeyframeType.LetterSpacing;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.WordSpacing>;
+    value: z.ZodObject<{
+        wordSpacing: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        wordSpacing: number;
+    }, {
+        wordSpacing: number;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: {
+        wordSpacing: number;
+    };
+    type: KeyframeType.WordSpacing;
+    itemId: string;
+    layoutId: string;
+}, {
+    position: number;
+    id: string;
+    value: {
+        wordSpacing: number;
+    };
+    type: KeyframeType.WordSpacing;
+    itemId: string;
+    layoutId: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    type: z.ZodLiteral<KeyframeType.FXParams>;
+    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<{
+    id: z.ZodString;
+    layoutId: z.ZodString;
+    itemId: z.ZodString;
+    position: z.ZodNumber;
+} & {
+    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;
+    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">;