@gxpl/sdk 0.0.21 → 0.0.22

package/lib/sdk/schemas/project/Project.schema.d.ts

@@ -1,5 +1,299 @@
 import { z } from 'zod';
 import { FontFileTypes } from '../../types/project/Fonts';
+export declare const FixedLayerSchema: z.ZodObject<{
+    id: z.ZodString;
+    items: z.ZodArray<z.ZodType<import("../../..").ItemAny, z.ZodTypeDef, import("../../..").ItemAny>, "many">;
+    name: z.ZodOptional<z.ZodString>;
+    hidden: z.ZodBoolean;
+    color: z.ZodNullable<z.ZodString>;
+    media: z.ZodOptional<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        url: z.ZodString;
+        size: z.ZodString;
+        type: z.ZodLiteral<"video">;
+        play: z.ZodEnum<["on-click", "auto"]>;
+        coverUrl: z.ZodNullable<z.ZodString>;
+        position: z.ZodString;
+        offsetX: z.ZodNullable<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        play: "on-click" | "auto";
+        url: string;
+        coverUrl: string | null;
+        position: string;
+        type: "video";
+        size: string;
+        offsetX: number | null;
+    }, {
+        play: "on-click" | "auto";
+        url: string;
+        coverUrl: string | null;
+        position: string;
+        type: "video";
+        size: string;
+        offsetX: number | null;
+    }>, z.ZodObject<{
+        url: z.ZodString;
+        type: z.ZodLiteral<"image">;
+        size: z.ZodString;
+        position: z.ZodString;
+        offsetX: z.ZodNullable<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        url: string;
+        position: string;
+        type: "image";
+        size: string;
+        offsetX: number | null;
+    }, {
+        url: string;
+        position: string;
+        type: "image";
+        size: string;
+        offsetX: number | null;
+    }>]>>;
+    interactions: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        triggers: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+            itemId: z.ZodString;
+            type: z.ZodEnum<["hover-in", "hover-out", "click"]>;
+            from: z.ZodString;
+            to: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            type: "hover-in" | "hover-out" | "click";
+            from: string;
+            to: string;
+            itemId: string;
+        }, {
+            type: "hover-in" | "hover-out" | "click";
+            from: string;
+            to: string;
+            itemId: string;
+        }>, z.ZodObject<{
+            position: z.ZodNumber;
+            from: z.ZodString;
+            to: z.ZodString;
+            isReverse: z.ZodBoolean;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            from: string;
+            to: string;
+            isReverse: boolean;
+        }, {
+            position: number;
+            from: string;
+            to: string;
+            isReverse: boolean;
+        }>]>, "many">;
+        states: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            actions: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                type: z.ZodEnum<["play", "pause"]>;
+                itemId: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                type: "play" | "pause";
+                itemId: string;
+            }, {
+                type: "play" | "pause";
+                itemId: string;
+            }>, "many">>;
+        }, "strip", z.ZodTypeAny, {
+            id: string;
+            actions?: {
+                type: "play" | "pause";
+                itemId: string;
+            }[] | undefined;
+        }, {
+            id: string;
+            actions?: {
+                type: "play" | "pause";
+                itemId: string;
+            }[] | undefined;
+        }>, "many">;
+        startStateId: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        triggers: ({
+            type: "hover-in" | "hover-out" | "click";
+            from: string;
+            to: string;
+            itemId: string;
+        } | {
+            position: number;
+            from: string;
+            to: string;
+            isReverse: boolean;
+        })[];
+        states: {
+            id: string;
+            actions?: {
+                type: "play" | "pause";
+                itemId: string;
+            }[] | undefined;
+        }[];
+        startStateId: string;
+    }, {
+        id: string;
+        triggers: ({
+            type: "hover-in" | "hover-out" | "click";
+            from: string;
+            to: string;
+            itemId: string;
+        } | {
+            position: number;
+            from: string;
+            to: string;
+            isReverse: boolean;
+        })[];
+        states: {
+            id: string;
+            actions?: {
+                type: "play" | "pause";
+                itemId: string;
+            }[] | undefined;
+        }[];
+        startStateId: string;
+    }>, "many">;
+    transitions: z.ZodArray<z.ZodObject<{
+        from: z.ZodString;
+        to: z.ZodString;
+        itemsTransitions: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, 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;
+        }>>>;
+        id: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        from: string;
+        to: string;
+        itemsTransitions: Record<string, Record<string, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>>;
+    }, {
+        id: string;
+        from: string;
+        to: string;
+        itemsTransitions: Record<string, Record<string, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>>;
+    }>, "many">;
+}, "strip", z.ZodTypeAny, {
+    color: string | null;
+    hidden: boolean;
+    id: string;
+    items: import("../../..").ItemAny[];
+    interactions: {
+        id: string;
+        triggers: ({
+            type: "hover-in" | "hover-out" | "click";
+            from: string;
+            to: string;
+            itemId: string;
+        } | {
+            position: number;
+            from: string;
+            to: string;
+            isReverse: boolean;
+        })[];
+        states: {
+            id: string;
+            actions?: {
+                type: "play" | "pause";
+                itemId: string;
+            }[] | undefined;
+        }[];
+        startStateId: string;
+    }[];
+    transitions: {
+        id: string;
+        from: string;
+        to: string;
+        itemsTransitions: Record<string, Record<string, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>>;
+    }[];
+    name?: string | undefined;
+    media?: {
+        play: "on-click" | "auto";
+        url: string;
+        coverUrl: string | null;
+        position: string;
+        type: "video";
+        size: string;
+        offsetX: number | null;
+    } | {
+        url: string;
+        position: string;
+        type: "image";
+        size: string;
+        offsetX: number | null;
+    } | undefined;
+}, {
+    color: string | null;
+    hidden: boolean;
+    id: string;
+    items: import("../../..").ItemAny[];
+    interactions: {
+        id: string;
+        triggers: ({
+            type: "hover-in" | "hover-out" | "click";
+            from: string;
+            to: string;
+            itemId: string;
+        } | {
+            position: number;
+            from: string;
+            to: string;
+            isReverse: boolean;
+        })[];
+        states: {
+            id: string;
+            actions?: {
+                type: "play" | "pause";
+                itemId: string;
+            }[] | undefined;
+        }[];
+        startStateId: string;
+    }[];
+    transitions: {
+        id: string;
+        from: string;
+        to: string;
+        itemsTransitions: Record<string, Record<string, {
+            timing: string;
+            duration: number;
+            delay: number;
+        }>>;
+    }[];
+    name?: string | undefined;
+    media?: {
+        play: "on-click" | "auto";
+        url: string;
+        coverUrl: string | null;
+        position: string;
+        type: "video";
+        size: string;
+        offsetX: number | null;
+    } | {
+        url: string;
+        position: string;
+        type: "image";
+        size: string;
+        offsetX: number | null;
+    } | undefined;
+}>;
 export declare const ProjectSchema: z.ZodObject<{
     id: z.ZodString;
     html: z.ZodObject<{
@@ -120,6 +414,594 @@ export declare const ProjectSchema: z.ZodObject<{
         from: string;
         to: string;
     }>, "many">;
+    foreground: z.ZodObject<{
+        id: z.ZodString;
+        items: z.ZodArray<z.ZodType<import("../../..").ItemAny, z.ZodTypeDef, import("../../..").ItemAny>, "many">;
+        name: z.ZodOptional<z.ZodString>;
+        hidden: z.ZodBoolean;
+        color: z.ZodNullable<z.ZodString>;
+        media: z.ZodOptional<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+            url: z.ZodString;
+            size: z.ZodString;
+            type: z.ZodLiteral<"video">;
+            play: z.ZodEnum<["on-click", "auto"]>;
+            coverUrl: z.ZodNullable<z.ZodString>;
+            position: z.ZodString;
+            offsetX: z.ZodNullable<z.ZodNumber>;
+        }, "strip", z.ZodTypeAny, {
+            play: "on-click" | "auto";
+            url: string;
+            coverUrl: string | null;
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        }, {
+            play: "on-click" | "auto";
+            url: string;
+            coverUrl: string | null;
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        }>, z.ZodObject<{
+            url: z.ZodString;
+            type: z.ZodLiteral<"image">;
+            size: z.ZodString;
+            position: z.ZodString;
+            offsetX: z.ZodNullable<z.ZodNumber>;
+        }, "strip", z.ZodTypeAny, {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        }, {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        }>]>>;
+        interactions: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            triggers: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+                itemId: z.ZodString;
+                type: z.ZodEnum<["hover-in", "hover-out", "click"]>;
+                from: z.ZodString;
+                to: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            }, {
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            }>, z.ZodObject<{
+                position: z.ZodNumber;
+                from: z.ZodString;
+                to: z.ZodString;
+                isReverse: z.ZodBoolean;
+            }, "strip", z.ZodTypeAny, {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            }, {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            }>]>, "many">;
+            states: z.ZodArray<z.ZodObject<{
+                id: z.ZodString;
+                actions: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                    type: z.ZodEnum<["play", "pause"]>;
+                    itemId: z.ZodString;
+                }, "strip", z.ZodTypeAny, {
+                    type: "play" | "pause";
+                    itemId: string;
+                }, {
+                    type: "play" | "pause";
+                    itemId: string;
+                }>, "many">>;
+            }, "strip", z.ZodTypeAny, {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }, {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }>, "many">;
+            startStateId: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            id: string;
+            triggers: ({
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            } | {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            })[];
+            states: {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }[];
+            startStateId: string;
+        }, {
+            id: string;
+            triggers: ({
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            } | {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            })[];
+            states: {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }[];
+            startStateId: string;
+        }>, "many">;
+        transitions: z.ZodArray<z.ZodObject<{
+            from: z.ZodString;
+            to: z.ZodString;
+            itemsTransitions: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, 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;
+            }>>>;
+            id: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            id: string;
+            from: string;
+            to: string;
+            itemsTransitions: Record<string, Record<string, {
+                timing: string;
+                duration: number;
+                delay: number;
+            }>>;
+        }, {
+            id: string;
+            from: string;
+            to: string;
+            itemsTransitions: Record<string, Record<string, {
+                timing: string;
+                duration: number;
+                delay: number;
+            }>>;
+        }>, "many">;
+    }, "strip", z.ZodTypeAny, {
+        color: string | null;
+        hidden: boolean;
+        id: string;
+        items: import("../../..").ItemAny[];
+        interactions: {
+            id: string;
+            triggers: ({
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            } | {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            })[];
+            states: {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }[];
+            startStateId: string;
+        }[];
+        transitions: {
+            id: string;
+            from: string;
+            to: string;
+            itemsTransitions: Record<string, Record<string, {
+                timing: string;
+                duration: number;
+                delay: number;
+            }>>;
+        }[];
+        name?: string | undefined;
+        media?: {
+            play: "on-click" | "auto";
+            url: string;
+            coverUrl: string | null;
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        } | {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        } | undefined;
+    }, {
+        color: string | null;
+        hidden: boolean;
+        id: string;
+        items: import("../../..").ItemAny[];
+        interactions: {
+            id: string;
+            triggers: ({
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            } | {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            })[];
+            states: {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }[];
+            startStateId: string;
+        }[];
+        transitions: {
+            id: string;
+            from: string;
+            to: string;
+            itemsTransitions: Record<string, Record<string, {
+                timing: string;
+                duration: number;
+                delay: number;
+            }>>;
+        }[];
+        name?: string | undefined;
+        media?: {
+            play: "on-click" | "auto";
+            url: string;
+            coverUrl: string | null;
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        } | {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        } | undefined;
+    }>;
+    background: z.ZodObject<{
+        id: z.ZodString;
+        items: z.ZodArray<z.ZodType<import("../../..").ItemAny, z.ZodTypeDef, import("../../..").ItemAny>, "many">;
+        name: z.ZodOptional<z.ZodString>;
+        hidden: z.ZodBoolean;
+        color: z.ZodNullable<z.ZodString>;
+        media: z.ZodOptional<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+            url: z.ZodString;
+            size: z.ZodString;
+            type: z.ZodLiteral<"video">;
+            play: z.ZodEnum<["on-click", "auto"]>;
+            coverUrl: z.ZodNullable<z.ZodString>;
+            position: z.ZodString;
+            offsetX: z.ZodNullable<z.ZodNumber>;
+        }, "strip", z.ZodTypeAny, {
+            play: "on-click" | "auto";
+            url: string;
+            coverUrl: string | null;
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        }, {
+            play: "on-click" | "auto";
+            url: string;
+            coverUrl: string | null;
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        }>, z.ZodObject<{
+            url: z.ZodString;
+            type: z.ZodLiteral<"image">;
+            size: z.ZodString;
+            position: z.ZodString;
+            offsetX: z.ZodNullable<z.ZodNumber>;
+        }, "strip", z.ZodTypeAny, {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        }, {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        }>]>>;
+        interactions: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            triggers: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+                itemId: z.ZodString;
+                type: z.ZodEnum<["hover-in", "hover-out", "click"]>;
+                from: z.ZodString;
+                to: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            }, {
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            }>, z.ZodObject<{
+                position: z.ZodNumber;
+                from: z.ZodString;
+                to: z.ZodString;
+                isReverse: z.ZodBoolean;
+            }, "strip", z.ZodTypeAny, {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            }, {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            }>]>, "many">;
+            states: z.ZodArray<z.ZodObject<{
+                id: z.ZodString;
+                actions: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                    type: z.ZodEnum<["play", "pause"]>;
+                    itemId: z.ZodString;
+                }, "strip", z.ZodTypeAny, {
+                    type: "play" | "pause";
+                    itemId: string;
+                }, {
+                    type: "play" | "pause";
+                    itemId: string;
+                }>, "many">>;
+            }, "strip", z.ZodTypeAny, {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }, {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }>, "many">;
+            startStateId: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            id: string;
+            triggers: ({
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            } | {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            })[];
+            states: {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }[];
+            startStateId: string;
+        }, {
+            id: string;
+            triggers: ({
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            } | {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            })[];
+            states: {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }[];
+            startStateId: string;
+        }>, "many">;
+        transitions: z.ZodArray<z.ZodObject<{
+            from: z.ZodString;
+            to: z.ZodString;
+            itemsTransitions: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, 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;
+            }>>>;
+            id: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            id: string;
+            from: string;
+            to: string;
+            itemsTransitions: Record<string, Record<string, {
+                timing: string;
+                duration: number;
+                delay: number;
+            }>>;
+        }, {
+            id: string;
+            from: string;
+            to: string;
+            itemsTransitions: Record<string, Record<string, {
+                timing: string;
+                duration: number;
+                delay: number;
+            }>>;
+        }>, "many">;
+    }, "strip", z.ZodTypeAny, {
+        color: string | null;
+        hidden: boolean;
+        id: string;
+        items: import("../../..").ItemAny[];
+        interactions: {
+            id: string;
+            triggers: ({
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            } | {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            })[];
+            states: {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }[];
+            startStateId: string;
+        }[];
+        transitions: {
+            id: string;
+            from: string;
+            to: string;
+            itemsTransitions: Record<string, Record<string, {
+                timing: string;
+                duration: number;
+                delay: number;
+            }>>;
+        }[];
+        name?: string | undefined;
+        media?: {
+            play: "on-click" | "auto";
+            url: string;
+            coverUrl: string | null;
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        } | {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        } | undefined;
+    }, {
+        color: string | null;
+        hidden: boolean;
+        id: string;
+        items: import("../../..").ItemAny[];
+        interactions: {
+            id: string;
+            triggers: ({
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            } | {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            })[];
+            states: {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }[];
+            startStateId: string;
+        }[];
+        transitions: {
+            id: string;
+            from: string;
+            to: string;
+            itemsTransitions: Record<string, Record<string, {
+                timing: string;
+                duration: number;
+                delay: number;
+            }>>;
+        }[];
+        name?: string | undefined;
+        media?: {
+            play: "on-click" | "auto";
+            url: string;
+            coverUrl: string | null;
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        } | {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        } | undefined;
+    }>;
 }, "strip", z.ZodTypeAny, {
     html: {
         head: string;
@@ -158,6 +1040,114 @@ export declare const ProjectSchema: z.ZodObject<{
         from: string;
         to: string;
     }[];
+    foreground: {
+        color: string | null;
+        hidden: boolean;
+        id: string;
+        items: import("../../..").ItemAny[];
+        interactions: {
+            id: string;
+            triggers: ({
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            } | {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            })[];
+            states: {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }[];
+            startStateId: string;
+        }[];
+        transitions: {
+            id: string;
+            from: string;
+            to: string;
+            itemsTransitions: Record<string, Record<string, {
+                timing: string;
+                duration: number;
+                delay: number;
+            }>>;
+        }[];
+        name?: string | undefined;
+        media?: {
+            play: "on-click" | "auto";
+            url: string;
+            coverUrl: string | null;
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        } | {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        } | undefined;
+    };
+    background: {
+        color: string | null;
+        hidden: boolean;
+        id: string;
+        items: import("../../..").ItemAny[];
+        interactions: {
+            id: string;
+            triggers: ({
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            } | {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            })[];
+            states: {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }[];
+            startStateId: string;
+        }[];
+        transitions: {
+            id: string;
+            from: string;
+            to: string;
+            itemsTransitions: Record<string, Record<string, {
+                timing: string;
+                duration: number;
+                delay: number;
+            }>>;
+        }[];
+        name?: string | undefined;
+        media?: {
+            play: "on-click" | "auto";
+            url: string;
+            coverUrl: string | null;
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        } | {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        } | undefined;
+    };
 }, {
     html: {
         head: string;
@@ -196,4 +1186,112 @@ export declare const ProjectSchema: z.ZodObject<{
         from: string;
         to: string;
     }[];
+    foreground: {
+        color: string | null;
+        hidden: boolean;
+        id: string;
+        items: import("../../..").ItemAny[];
+        interactions: {
+            id: string;
+            triggers: ({
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            } | {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            })[];
+            states: {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }[];
+            startStateId: string;
+        }[];
+        transitions: {
+            id: string;
+            from: string;
+            to: string;
+            itemsTransitions: Record<string, Record<string, {
+                timing: string;
+                duration: number;
+                delay: number;
+            }>>;
+        }[];
+        name?: string | undefined;
+        media?: {
+            play: "on-click" | "auto";
+            url: string;
+            coverUrl: string | null;
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        } | {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        } | undefined;
+    };
+    background: {
+        color: string | null;
+        hidden: boolean;
+        id: string;
+        items: import("../../..").ItemAny[];
+        interactions: {
+            id: string;
+            triggers: ({
+                type: "hover-in" | "hover-out" | "click";
+                from: string;
+                to: string;
+                itemId: string;
+            } | {
+                position: number;
+                from: string;
+                to: string;
+                isReverse: boolean;
+            })[];
+            states: {
+                id: string;
+                actions?: {
+                    type: "play" | "pause";
+                    itemId: string;
+                }[] | undefined;
+            }[];
+            startStateId: string;
+        }[];
+        transitions: {
+            id: string;
+            from: string;
+            to: string;
+            itemsTransitions: Record<string, Record<string, {
+                timing: string;
+                duration: number;
+                delay: number;
+            }>>;
+        }[];
+        name?: string | undefined;
+        media?: {
+            play: "on-click" | "auto";
+            url: string;
+            coverUrl: string | null;
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        } | {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        } | undefined;
+    };
 }>;