@webstudio-is/sdk 0.0.0-021f2d4

package/lib/types/schema/webstudio.d.ts

@@ -0,0 +1,2374 @@
+import { z } from "zod";
+import { Assets } from "./assets";
+import { DataSources } from "./data-sources";
+import { Resources } from "./resources";
+import { Instances } from "./instances";
+import { Props } from "./props";
+import { Breakpoints } from "./breakpoints";
+import { StyleSourceSelections } from "./style-source-selections";
+import { StyleSources } from "./style-sources";
+import { Styles } from "./styles";
+import { Pages } from "./pages";
+/**
+ * transferrable and insertable part of webstudio data
+ * may contain reusable parts like tokens and custom components
+ */
+export declare const WebstudioFragment: z.ZodObject<{
+    children: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"id">;
+        value: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        value: string;
+        type: "id";
+    }, {
+        value: string;
+        type: "id";
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"text">;
+        value: z.ZodString;
+        placeholder: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        value: string;
+        type: "text";
+        placeholder?: boolean | undefined;
+    }, {
+        value: string;
+        type: "text";
+        placeholder?: boolean | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"expression">;
+        value: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        value: string;
+        type: "expression";
+    }, {
+        value: string;
+        type: "expression";
+    }>]>, "many">;
+    instances: z.ZodArray<z.ZodObject<{
+        type: z.ZodLiteral<"instance">;
+        id: z.ZodString;
+        component: z.ZodString;
+        label: z.ZodOptional<z.ZodString>;
+        children: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+            type: z.ZodLiteral<"id">;
+            value: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            value: string;
+            type: "id";
+        }, {
+            value: string;
+            type: "id";
+        }>, z.ZodObject<{
+            type: z.ZodLiteral<"text">;
+            value: z.ZodString;
+            placeholder: z.ZodOptional<z.ZodBoolean>;
+        }, "strip", z.ZodTypeAny, {
+            value: string;
+            type: "text";
+            placeholder?: boolean | undefined;
+        }, {
+            value: string;
+            type: "text";
+            placeholder?: boolean | undefined;
+        }>, z.ZodObject<{
+            type: z.ZodLiteral<"expression">;
+            value: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            value: string;
+            type: "expression";
+        }, {
+            value: string;
+            type: "expression";
+        }>]>, "many">;
+    }, "strip", z.ZodTypeAny, {
+        type: "instance";
+        id: string;
+        component: string;
+        children: ({
+            value: string;
+            type: "text";
+            placeholder?: boolean | undefined;
+        } | {
+            value: string;
+            type: "id";
+        } | {
+            value: string;
+            type: "expression";
+        })[];
+        label?: string | undefined;
+    }, {
+        type: "instance";
+        id: string;
+        component: string;
+        children: ({
+            value: string;
+            type: "text";
+            placeholder?: boolean | undefined;
+        } | {
+            value: string;
+            type: "id";
+        } | {
+            value: string;
+            type: "expression";
+        })[];
+        label?: string | undefined;
+    }>, "many">;
+    assets: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+        format: z.ZodUnion<[z.ZodLiteral<"ttf">, z.ZodLiteral<"woff">, z.ZodLiteral<"woff2">]>;
+        meta: z.ZodUnion<[z.ZodObject<{
+            family: z.ZodString;
+            style: z.ZodEnum<["normal", "italic", "oblique"]>;
+            weight: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            family: string;
+            style: "normal" | "italic" | "oblique";
+            weight: number;
+        }, {
+            family: string;
+            style: "normal" | "italic" | "oblique";
+            weight: number;
+        }>, z.ZodObject<{
+            family: z.ZodString;
+            variationAxes: z.ZodRecord<z.ZodEnum<["wght", "wdth", "slnt", "opsz", "ital", "GRAD", "XTRA", "XOPQ", "YOPQ", "YTLC", "YTUC", "YTAS", "YTDE", "YTFI"]>, z.ZodObject<{
+                name: z.ZodString;
+                min: z.ZodNumber;
+                default: z.ZodNumber;
+                max: z.ZodNumber;
+            }, "strip", z.ZodTypeAny, {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }, {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }>>;
+        }, "strip", z.ZodTypeAny, {
+            family: string;
+            variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }>>;
+        }, {
+            family: string;
+            variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }>>;
+        }>]>;
+        type: z.ZodLiteral<"font">;
+        id: z.ZodString;
+        projectId: z.ZodString;
+        size: z.ZodNumber;
+        name: z.ZodString;
+        description: z.ZodUnion<[z.ZodString, z.ZodNull]>;
+        createdAt: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        type: "font";
+        name: string;
+        meta: ({
+            family: string;
+            style: "normal" | "italic" | "oblique";
+            weight: number;
+        } | {
+            family: string;
+            variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }>>;
+        }) & ({
+            family: string;
+            style: "normal" | "italic" | "oblique";
+            weight: number;
+        } | {
+            family: string;
+            variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }>>;
+        } | undefined);
+        description: string | null;
+        id: string;
+        format: "ttf" | "woff" | "woff2";
+        projectId: string;
+        size: number;
+        createdAt: string;
+    }, {
+        type: "font";
+        name: string;
+        meta: ({
+            family: string;
+            style: "normal" | "italic" | "oblique";
+            weight: number;
+        } | {
+            family: string;
+            variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }>>;
+        }) & ({
+            family: string;
+            style: "normal" | "italic" | "oblique";
+            weight: number;
+        } | {
+            family: string;
+            variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }>>;
+        } | undefined);
+        description: string | null;
+        id: string;
+        format: "ttf" | "woff" | "woff2";
+        projectId: string;
+        size: number;
+        createdAt: string;
+    }>, z.ZodObject<{
+        format: z.ZodString;
+        meta: z.ZodObject<{
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            height: number;
+            width: number;
+        }, {
+            height: number;
+            width: number;
+        }>;
+        type: z.ZodLiteral<"image">;
+        id: z.ZodString;
+        projectId: z.ZodString;
+        size: z.ZodNumber;
+        name: z.ZodString;
+        description: z.ZodUnion<[z.ZodString, z.ZodNull]>;
+        createdAt: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        type: "image";
+        name: string;
+        meta: {
+            height: number;
+            width: number;
+        };
+        description: string | null;
+        id: string;
+        format: string;
+        projectId: string;
+        size: number;
+        createdAt: string;
+    }, {
+        type: "image";
+        name: string;
+        meta: {
+            height: number;
+            width: number;
+        };
+        description: string | null;
+        id: string;
+        format: string;
+        projectId: string;
+        size: number;
+        createdAt: string;
+    }>]>, "many">;
+    dataSources: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"variable">;
+        id: z.ZodString;
+        scopeInstanceId: z.ZodString;
+        name: z.ZodString;
+        value: z.ZodUnion<[z.ZodObject<{
+            type: z.ZodLiteral<"number">;
+            value: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            value: number;
+            type: "number";
+        }, {
+            value: number;
+            type: "number";
+        }>, z.ZodObject<{
+            type: z.ZodLiteral<"string">;
+            value: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            value: string;
+            type: "string";
+        }, {
+            value: string;
+            type: "string";
+        }>, z.ZodObject<{
+            type: z.ZodLiteral<"boolean">;
+            value: z.ZodBoolean;
+        }, "strip", z.ZodTypeAny, {
+            value: boolean;
+            type: "boolean";
+        }, {
+            value: boolean;
+            type: "boolean";
+        }>, z.ZodObject<{
+            type: z.ZodLiteral<"string[]">;
+            value: z.ZodArray<z.ZodString, "many">;
+        }, "strip", z.ZodTypeAny, {
+            value: string[];
+            type: "string[]";
+        }, {
+            value: string[];
+            type: "string[]";
+        }>, z.ZodObject<{
+            type: z.ZodLiteral<"json">;
+            value: z.ZodUnknown;
+        }, "strip", z.ZodTypeAny, {
+            type: "json";
+            value?: unknown;
+        }, {
+            type: "json";
+            value?: unknown;
+        }>]>;
+    }, "strip", z.ZodTypeAny, {
+        value: {
+            value: number;
+            type: "number";
+        } | {
+            value: string;
+            type: "string";
+        } | {
+            value: boolean;
+            type: "boolean";
+        } | {
+            value: string[];
+            type: "string[]";
+        } | {
+            type: "json";
+            value?: unknown;
+        };
+        type: "variable";
+        name: string;
+        id: string;
+        scopeInstanceId: string;
+    }, {
+        value: {
+            value: number;
+            type: "number";
+        } | {
+            value: string;
+            type: "string";
+        } | {
+            value: boolean;
+            type: "boolean";
+        } | {
+            value: string[];
+            type: "string[]";
+        } | {
+            type: "json";
+            value?: unknown;
+        };
+        type: "variable";
+        name: string;
+        id: string;
+        scopeInstanceId: string;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"parameter">;
+        id: z.ZodString;
+        scopeInstanceId: z.ZodString;
+        name: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        type: "parameter";
+        name: string;
+        id: string;
+        scopeInstanceId: string;
+    }, {
+        type: "parameter";
+        name: string;
+        id: string;
+        scopeInstanceId: string;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"resource">;
+        id: z.ZodString;
+        scopeInstanceId: z.ZodString;
+        name: z.ZodString;
+        resourceId: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        type: "resource";
+        name: string;
+        id: string;
+        scopeInstanceId: string;
+        resourceId: string;
+    }, {
+        type: "resource";
+        name: string;
+        id: string;
+        scopeInstanceId: string;
+        resourceId: string;
+    }>]>, "many">;
+    resources: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        name: z.ZodString;
+        control: z.ZodOptional<z.ZodUnion<[z.ZodLiteral<"system">, z.ZodLiteral<"graphql">]>>;
+        method: z.ZodUnion<[z.ZodLiteral<"get">, z.ZodLiteral<"post">, z.ZodLiteral<"put">, z.ZodLiteral<"delete">]>;
+        url: z.ZodString;
+        headers: z.ZodArray<z.ZodObject<{
+            name: z.ZodString;
+            value: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            value: string;
+            name: string;
+        }, {
+            value: string;
+            name: string;
+        }>, "many">;
+        body: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        name: string;
+        url: string;
+        id: string;
+        method: "get" | "post" | "put" | "delete";
+        headers: {
+            value: string;
+            name: string;
+        }[];
+        control?: "system" | "graphql" | undefined;
+        body?: string | undefined;
+    }, {
+        name: string;
+        url: string;
+        id: string;
+        method: "get" | "post" | "put" | "delete";
+        headers: {
+            value: string;
+            name: string;
+        }[];
+        control?: "system" | "graphql" | undefined;
+        body?: string | undefined;
+    }>, "many">;
+    props: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"number">;
+        value: z.ZodNumber;
+        id: z.ZodString;
+        instanceId: z.ZodString;
+        name: z.ZodString;
+        required: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        value: number;
+        type: "number";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }, {
+        value: number;
+        type: "number";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"string">;
+        value: z.ZodString;
+        id: z.ZodString;
+        instanceId: z.ZodString;
+        name: z.ZodString;
+        required: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        value: string;
+        type: "string";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }, {
+        value: string;
+        type: "string";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"boolean">;
+        value: z.ZodBoolean;
+        id: z.ZodString;
+        instanceId: z.ZodString;
+        name: z.ZodString;
+        required: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        value: boolean;
+        type: "boolean";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }, {
+        value: boolean;
+        type: "boolean";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"json">;
+        value: z.ZodUnknown;
+        id: z.ZodString;
+        instanceId: z.ZodString;
+        name: z.ZodString;
+        required: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        type: "json";
+        name: string;
+        id: string;
+        instanceId: string;
+        value?: unknown;
+        required?: boolean | undefined;
+    }, {
+        type: "json";
+        name: string;
+        id: string;
+        instanceId: string;
+        value?: unknown;
+        required?: boolean | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"asset">;
+        value: z.ZodString;
+        id: z.ZodString;
+        instanceId: z.ZodString;
+        name: z.ZodString;
+        required: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        value: string;
+        type: "asset";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }, {
+        value: string;
+        type: "asset";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"page">;
+        value: z.ZodUnion<[z.ZodString, z.ZodObject<{
+            pageId: z.ZodString;
+            instanceId: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            instanceId: string;
+            pageId: string;
+        }, {
+            instanceId: string;
+            pageId: string;
+        }>]>;
+        id: z.ZodString;
+        instanceId: z.ZodString;
+        name: z.ZodString;
+        required: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        value: (string | {
+            instanceId: string;
+            pageId: string;
+        }) & (string | {
+            instanceId: string;
+            pageId: string;
+        } | undefined);
+        type: "page";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }, {
+        value: (string | {
+            instanceId: string;
+            pageId: string;
+        }) & (string | {
+            instanceId: string;
+            pageId: string;
+        } | undefined);
+        type: "page";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"string[]">;
+        value: z.ZodArray<z.ZodString, "many">;
+        id: z.ZodString;
+        instanceId: z.ZodString;
+        name: z.ZodString;
+        required: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        value: string[];
+        type: "string[]";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }, {
+        value: string[];
+        type: "string[]";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"parameter">;
+        value: z.ZodString;
+        id: z.ZodString;
+        instanceId: z.ZodString;
+        name: z.ZodString;
+        required: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        value: string;
+        type: "parameter";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }, {
+        value: string;
+        type: "parameter";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"resource">;
+        value: z.ZodString;
+        id: z.ZodString;
+        instanceId: z.ZodString;
+        name: z.ZodString;
+        required: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        value: string;
+        type: "resource";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }, {
+        value: string;
+        type: "resource";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"expression">;
+        value: z.ZodString;
+        id: z.ZodString;
+        instanceId: z.ZodString;
+        name: z.ZodString;
+        required: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        value: string;
+        type: "expression";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }, {
+        value: string;
+        type: "expression";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"action">;
+        value: z.ZodArray<z.ZodObject<{
+            type: z.ZodLiteral<"execute">;
+            args: z.ZodArray<z.ZodString, "many">;
+            code: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            code: string;
+            type: "execute";
+            args: string[];
+        }, {
+            code: string;
+            type: "execute";
+            args: string[];
+        }>, "many">;
+        id: z.ZodString;
+        instanceId: z.ZodString;
+        name: z.ZodString;
+        required: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        value: {
+            code: string;
+            type: "execute";
+            args: string[];
+        }[];
+        type: "action";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }, {
+        value: {
+            code: string;
+            type: "execute";
+            args: string[];
+        }[];
+        type: "action";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    }>]>, "many">;
+    breakpoints: z.ZodArray<z.ZodEffects<z.ZodObject<{
+        id: z.ZodString;
+        label: z.ZodString;
+        minWidth: z.ZodOptional<z.ZodNumber>;
+        maxWidth: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        label: string;
+        id: string;
+        minWidth?: number | undefined;
+        maxWidth?: number | undefined;
+    }, {
+        label: string;
+        id: string;
+        minWidth?: number | undefined;
+        maxWidth?: number | undefined;
+    }>, {
+        label: string;
+        id: string;
+        minWidth?: number | undefined;
+        maxWidth?: number | undefined;
+    }, {
+        label: string;
+        id: string;
+        minWidth?: number | undefined;
+        maxWidth?: number | undefined;
+    }>, "many">;
+    styleSourceSelections: z.ZodArray<z.ZodObject<{
+        instanceId: z.ZodString;
+        values: z.ZodArray<z.ZodString, "many">;
+    }, "strip", z.ZodTypeAny, {
+        values: string[];
+        instanceId: string;
+    }, {
+        values: string[];
+        instanceId: string;
+    }>, "many">;
+    styleSources: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"token">;
+        id: z.ZodString;
+        name: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        type: "token";
+        name: string;
+        id: string;
+    }, {
+        type: "token";
+        name: string;
+        id: string;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"local">;
+        id: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        type: "local";
+        id: string;
+    }, {
+        type: "local";
+        id: string;
+    }>]>, "many">;
+    styles: z.ZodArray<z.ZodType<{
+        value: {
+            value: {
+                value: string;
+                type: "asset";
+            } | {
+                type: "url";
+                url: string;
+            };
+            type: "image";
+            hidden?: boolean | undefined;
+        } | {
+            value: number;
+            type: "unit";
+            unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "keyword";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "unparsed";
+            hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            r: number;
+            g: number;
+            b: number;
+            alpha: number;
+            hidden?: boolean | undefined;
+        } | {
+            type: "function";
+            name: string;
+            args: import("@webstudio-is/css-engine").StyleValue;
+            hidden?: boolean;
+        } | {
+            value: string;
+            type: "var";
+            fallback?: {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | undefined;
+            hidden?: boolean | undefined;
+        } | {
+            value: ({
+                value: {
+                    value: string;
+                    type: "asset";
+                } | {
+                    type: "url";
+                    url: string;
+                };
+                type: "image";
+                hidden?: boolean | undefined;
+            } | {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | {
+                type: "function";
+                name: string;
+                args: import("@webstudio-is/css-engine").StyleValue;
+                hidden?: boolean;
+            } | {
+                value: string;
+                type: "var";
+                fallback?: {
+                    value: number;
+                    type: "unit";
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "keyword";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                    alpha: number;
+                    hidden?: boolean | undefined;
+                } | undefined;
+                hidden?: boolean | undefined;
+            })[];
+            type: "tuple";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "invalid";
+            hidden?: boolean | undefined;
+        } | {
+            value: ({
+                value: {
+                    value: string;
+                    type: "asset";
+                } | {
+                    type: "url";
+                    url: string;
+                };
+                type: "image";
+                hidden?: boolean | undefined;
+            } | {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | {
+                type: "function";
+                name: string;
+                args: import("@webstudio-is/css-engine").StyleValue;
+                hidden?: boolean;
+            } | {
+                value: string;
+                type: "var";
+                fallback?: {
+                    value: number;
+                    type: "unit";
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "keyword";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                    alpha: number;
+                    hidden?: boolean | undefined;
+                } | undefined;
+                hidden?: boolean | undefined;
+            } | {
+                value: ({
+                    value: {
+                        value: string;
+                        type: "asset";
+                    } | {
+                        type: "url";
+                        url: string;
+                    };
+                    type: "image";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: number;
+                    type: "unit";
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "keyword";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                    alpha: number;
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "function";
+                    name: string;
+                    args: import("@webstudio-is/css-engine").StyleValue;
+                    hidden?: boolean;
+                } | {
+                    value: string;
+                    type: "var";
+                    fallback?: {
+                        value: number;
+                        type: "unit";
+                        unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                        hidden?: boolean | undefined;
+                    } | {
+                        value: string;
+                        type: "keyword";
+                        hidden?: boolean | undefined;
+                    } | {
+                        value: string;
+                        type: "unparsed";
+                        hidden?: boolean | undefined;
+                    } | {
+                        type: "rgb";
+                        r: number;
+                        g: number;
+                        b: number;
+                        alpha: number;
+                        hidden?: boolean | undefined;
+                    } | undefined;
+                    hidden?: boolean | undefined;
+                })[];
+                type: "tuple";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "invalid";
+                hidden?: boolean | undefined;
+            })[];
+            type: "layers";
+            hidden?: boolean | undefined;
+        } | {
+            value: string[];
+            type: "fontFamily";
+            hidden?: boolean | undefined;
+        } | {
+            type: "guaranteedInvalid";
+            hidden?: boolean | undefined;
+        } | {
+            value: "";
+            type: "unset";
+            hidden?: boolean | undefined;
+        };
+        state?: string | undefined;
+        styleSourceId: string;
+        breakpointId: string;
+        listed?: boolean | undefined;
+        property: import("@webstudio-is/css-engine").StyleProperty;
+    }, z.ZodTypeDef, {
+        value: {
+            value: {
+                value: string;
+                type: "asset";
+            } | {
+                type: "url";
+                url: string;
+            };
+            type: "image";
+            hidden?: boolean | undefined;
+        } | {
+            value: number;
+            type: "unit";
+            unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "keyword";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "unparsed";
+            hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            r: number;
+            g: number;
+            b: number;
+            alpha: number;
+            hidden?: boolean | undefined;
+        } | {
+            type: "function";
+            name: string;
+            args: import("@webstudio-is/css-engine").StyleValue;
+            hidden?: boolean;
+        } | {
+            value: string;
+            type: "var";
+            fallback?: {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | undefined;
+            hidden?: boolean | undefined;
+        } | {
+            value: ({
+                value: {
+                    value: string;
+                    type: "asset";
+                } | {
+                    type: "url";
+                    url: string;
+                };
+                type: "image";
+                hidden?: boolean | undefined;
+            } | {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | {
+                type: "function";
+                name: string;
+                args: import("@webstudio-is/css-engine").StyleValue;
+                hidden?: boolean;
+            } | {
+                value: string;
+                type: "var";
+                fallback?: {
+                    value: number;
+                    type: "unit";
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "keyword";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                    alpha: number;
+                    hidden?: boolean | undefined;
+                } | undefined;
+                hidden?: boolean | undefined;
+            })[];
+            type: "tuple";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "invalid";
+            hidden?: boolean | undefined;
+        } | {
+            value: ({
+                value: {
+                    value: string;
+                    type: "asset";
+                } | {
+                    type: "url";
+                    url: string;
+                };
+                type: "image";
+                hidden?: boolean | undefined;
+            } | {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | {
+                type: "function";
+                name: string;
+                args: import("@webstudio-is/css-engine").StyleValue;
+                hidden?: boolean;
+            } | {
+                value: string;
+                type: "var";
+                fallback?: {
+                    value: number;
+                    type: "unit";
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "keyword";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                    alpha: number;
+                    hidden?: boolean | undefined;
+                } | undefined;
+                hidden?: boolean | undefined;
+            } | {
+                value: ({
+                    value: {
+                        value: string;
+                        type: "asset";
+                    } | {
+                        type: "url";
+                        url: string;
+                    };
+                    type: "image";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: number;
+                    type: "unit";
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "keyword";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                    alpha: number;
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "function";
+                    name: string;
+                    args: import("@webstudio-is/css-engine").StyleValue;
+                    hidden?: boolean;
+                } | {
+                    value: string;
+                    type: "var";
+                    fallback?: {
+                        value: number;
+                        type: "unit";
+                        unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                        hidden?: boolean | undefined;
+                    } | {
+                        value: string;
+                        type: "keyword";
+                        hidden?: boolean | undefined;
+                    } | {
+                        value: string;
+                        type: "unparsed";
+                        hidden?: boolean | undefined;
+                    } | {
+                        type: "rgb";
+                        r: number;
+                        g: number;
+                        b: number;
+                        alpha: number;
+                        hidden?: boolean | undefined;
+                    } | undefined;
+                    hidden?: boolean | undefined;
+                })[];
+                type: "tuple";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "invalid";
+                hidden?: boolean | undefined;
+            })[];
+            type: "layers";
+            hidden?: boolean | undefined;
+        } | {
+            value: string[];
+            type: "fontFamily";
+            hidden?: boolean | undefined;
+        } | {
+            type: "guaranteedInvalid";
+            hidden?: boolean | undefined;
+        } | {
+            value: "";
+            type: "unset";
+            hidden?: boolean | undefined;
+        };
+        state?: string | undefined;
+        styleSourceId: string;
+        breakpointId: string;
+        listed?: boolean | undefined;
+        property: import("@webstudio-is/css-engine").StyleProperty;
+    }>, "many">;
+}, "strip", z.ZodTypeAny, {
+    children: ({
+        value: string;
+        type: "text";
+        placeholder?: boolean | undefined;
+    } | {
+        value: string;
+        type: "id";
+    } | {
+        value: string;
+        type: "expression";
+    })[];
+    props: ({
+        value: number;
+        type: "number";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: string;
+        type: "string";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: boolean;
+        type: "boolean";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        type: "json";
+        name: string;
+        id: string;
+        instanceId: string;
+        value?: unknown;
+        required?: boolean | undefined;
+    } | {
+        value: string;
+        type: "asset";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: (string | {
+            instanceId: string;
+            pageId: string;
+        }) & (string | {
+            instanceId: string;
+            pageId: string;
+        } | undefined);
+        type: "page";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: string[];
+        type: "string[]";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: string;
+        type: "parameter";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: string;
+        type: "resource";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: string;
+        type: "expression";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: {
+            code: string;
+            type: "execute";
+            args: string[];
+        }[];
+        type: "action";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    })[];
+    styles: {
+        value: {
+            value: {
+                value: string;
+                type: "asset";
+            } | {
+                type: "url";
+                url: string;
+            };
+            type: "image";
+            hidden?: boolean | undefined;
+        } | {
+            value: number;
+            type: "unit";
+            unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "keyword";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "unparsed";
+            hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            r: number;
+            g: number;
+            b: number;
+            alpha: number;
+            hidden?: boolean | undefined;
+        } | {
+            type: "function";
+            name: string;
+            args: import("@webstudio-is/css-engine").StyleValue;
+            hidden?: boolean;
+        } | {
+            value: string;
+            type: "var";
+            fallback?: {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | undefined;
+            hidden?: boolean | undefined;
+        } | {
+            value: ({
+                value: {
+                    value: string;
+                    type: "asset";
+                } | {
+                    type: "url";
+                    url: string;
+                };
+                type: "image";
+                hidden?: boolean | undefined;
+            } | {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | {
+                type: "function";
+                name: string;
+                args: import("@webstudio-is/css-engine").StyleValue;
+                hidden?: boolean;
+            } | {
+                value: string;
+                type: "var";
+                fallback?: {
+                    value: number;
+                    type: "unit";
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "keyword";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                    alpha: number;
+                    hidden?: boolean | undefined;
+                } | undefined;
+                hidden?: boolean | undefined;
+            })[];
+            type: "tuple";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "invalid";
+            hidden?: boolean | undefined;
+        } | {
+            value: ({
+                value: {
+                    value: string;
+                    type: "asset";
+                } | {
+                    type: "url";
+                    url: string;
+                };
+                type: "image";
+                hidden?: boolean | undefined;
+            } | {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | {
+                type: "function";
+                name: string;
+                args: import("@webstudio-is/css-engine").StyleValue;
+                hidden?: boolean;
+            } | {
+                value: string;
+                type: "var";
+                fallback?: {
+                    value: number;
+                    type: "unit";
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "keyword";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                    alpha: number;
+                    hidden?: boolean | undefined;
+                } | undefined;
+                hidden?: boolean | undefined;
+            } | {
+                value: ({
+                    value: {
+                        value: string;
+                        type: "asset";
+                    } | {
+                        type: "url";
+                        url: string;
+                    };
+                    type: "image";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: number;
+                    type: "unit";
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "keyword";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                    alpha: number;
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "function";
+                    name: string;
+                    args: import("@webstudio-is/css-engine").StyleValue;
+                    hidden?: boolean;
+                } | {
+                    value: string;
+                    type: "var";
+                    fallback?: {
+                        value: number;
+                        type: "unit";
+                        unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                        hidden?: boolean | undefined;
+                    } | {
+                        value: string;
+                        type: "keyword";
+                        hidden?: boolean | undefined;
+                    } | {
+                        value: string;
+                        type: "unparsed";
+                        hidden?: boolean | undefined;
+                    } | {
+                        type: "rgb";
+                        r: number;
+                        g: number;
+                        b: number;
+                        alpha: number;
+                        hidden?: boolean | undefined;
+                    } | undefined;
+                    hidden?: boolean | undefined;
+                })[];
+                type: "tuple";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "invalid";
+                hidden?: boolean | undefined;
+            })[];
+            type: "layers";
+            hidden?: boolean | undefined;
+        } | {
+            value: string[];
+            type: "fontFamily";
+            hidden?: boolean | undefined;
+        } | {
+            type: "guaranteedInvalid";
+            hidden?: boolean | undefined;
+        } | {
+            value: "";
+            type: "unset";
+            hidden?: boolean | undefined;
+        };
+        state?: string | undefined;
+        styleSourceId: string;
+        breakpointId: string;
+        listed?: boolean | undefined;
+        property: import("@webstudio-is/css-engine").StyleProperty;
+    }[];
+    instances: {
+        type: "instance";
+        id: string;
+        component: string;
+        children: ({
+            value: string;
+            type: "text";
+            placeholder?: boolean | undefined;
+        } | {
+            value: string;
+            type: "id";
+        } | {
+            value: string;
+            type: "expression";
+        })[];
+        label?: string | undefined;
+    }[];
+    assets: ({
+        type: "font";
+        name: string;
+        meta: ({
+            family: string;
+            style: "normal" | "italic" | "oblique";
+            weight: number;
+        } | {
+            family: string;
+            variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }>>;
+        }) & ({
+            family: string;
+            style: "normal" | "italic" | "oblique";
+            weight: number;
+        } | {
+            family: string;
+            variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }>>;
+        } | undefined);
+        description: string | null;
+        id: string;
+        format: "ttf" | "woff" | "woff2";
+        projectId: string;
+        size: number;
+        createdAt: string;
+    } | {
+        type: "image";
+        name: string;
+        meta: {
+            height: number;
+            width: number;
+        };
+        description: string | null;
+        id: string;
+        format: string;
+        projectId: string;
+        size: number;
+        createdAt: string;
+    })[];
+    dataSources: ({
+        value: {
+            value: number;
+            type: "number";
+        } | {
+            value: string;
+            type: "string";
+        } | {
+            value: boolean;
+            type: "boolean";
+        } | {
+            value: string[];
+            type: "string[]";
+        } | {
+            type: "json";
+            value?: unknown;
+        };
+        type: "variable";
+        name: string;
+        id: string;
+        scopeInstanceId: string;
+    } | {
+        type: "parameter";
+        name: string;
+        id: string;
+        scopeInstanceId: string;
+    } | {
+        type: "resource";
+        name: string;
+        id: string;
+        scopeInstanceId: string;
+        resourceId: string;
+    })[];
+    resources: {
+        name: string;
+        url: string;
+        id: string;
+        method: "get" | "post" | "put" | "delete";
+        headers: {
+            value: string;
+            name: string;
+        }[];
+        control?: "system" | "graphql" | undefined;
+        body?: string | undefined;
+    }[];
+    breakpoints: {
+        label: string;
+        id: string;
+        minWidth?: number | undefined;
+        maxWidth?: number | undefined;
+    }[];
+    styleSourceSelections: {
+        values: string[];
+        instanceId: string;
+    }[];
+    styleSources: ({
+        type: "token";
+        name: string;
+        id: string;
+    } | {
+        type: "local";
+        id: string;
+    })[];
+}, {
+    children: ({
+        value: string;
+        type: "text";
+        placeholder?: boolean | undefined;
+    } | {
+        value: string;
+        type: "id";
+    } | {
+        value: string;
+        type: "expression";
+    })[];
+    props: ({
+        value: number;
+        type: "number";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: string;
+        type: "string";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: boolean;
+        type: "boolean";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        type: "json";
+        name: string;
+        id: string;
+        instanceId: string;
+        value?: unknown;
+        required?: boolean | undefined;
+    } | {
+        value: string;
+        type: "asset";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: (string | {
+            instanceId: string;
+            pageId: string;
+        }) & (string | {
+            instanceId: string;
+            pageId: string;
+        } | undefined);
+        type: "page";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: string[];
+        type: "string[]";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: string;
+        type: "parameter";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: string;
+        type: "resource";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: string;
+        type: "expression";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    } | {
+        value: {
+            code: string;
+            type: "execute";
+            args: string[];
+        }[];
+        type: "action";
+        name: string;
+        id: string;
+        instanceId: string;
+        required?: boolean | undefined;
+    })[];
+    styles: {
+        value: {
+            value: {
+                value: string;
+                type: "asset";
+            } | {
+                type: "url";
+                url: string;
+            };
+            type: "image";
+            hidden?: boolean | undefined;
+        } | {
+            value: number;
+            type: "unit";
+            unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "keyword";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "unparsed";
+            hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            r: number;
+            g: number;
+            b: number;
+            alpha: number;
+            hidden?: boolean | undefined;
+        } | {
+            type: "function";
+            name: string;
+            args: import("@webstudio-is/css-engine").StyleValue;
+            hidden?: boolean;
+        } | {
+            value: string;
+            type: "var";
+            fallback?: {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | undefined;
+            hidden?: boolean | undefined;
+        } | {
+            value: ({
+                value: {
+                    value: string;
+                    type: "asset";
+                } | {
+                    type: "url";
+                    url: string;
+                };
+                type: "image";
+                hidden?: boolean | undefined;
+            } | {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | {
+                type: "function";
+                name: string;
+                args: import("@webstudio-is/css-engine").StyleValue;
+                hidden?: boolean;
+            } | {
+                value: string;
+                type: "var";
+                fallback?: {
+                    value: number;
+                    type: "unit";
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "keyword";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                    alpha: number;
+                    hidden?: boolean | undefined;
+                } | undefined;
+                hidden?: boolean | undefined;
+            })[];
+            type: "tuple";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "invalid";
+            hidden?: boolean | undefined;
+        } | {
+            value: ({
+                value: {
+                    value: string;
+                    type: "asset";
+                } | {
+                    type: "url";
+                    url: string;
+                };
+                type: "image";
+                hidden?: boolean | undefined;
+            } | {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | {
+                type: "function";
+                name: string;
+                args: import("@webstudio-is/css-engine").StyleValue;
+                hidden?: boolean;
+            } | {
+                value: string;
+                type: "var";
+                fallback?: {
+                    value: number;
+                    type: "unit";
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "keyword";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                    alpha: number;
+                    hidden?: boolean | undefined;
+                } | undefined;
+                hidden?: boolean | undefined;
+            } | {
+                value: ({
+                    value: {
+                        value: string;
+                        type: "asset";
+                    } | {
+                        type: "url";
+                        url: string;
+                    };
+                    type: "image";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: number;
+                    type: "unit";
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "keyword";
+                    hidden?: boolean | undefined;
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                    alpha: number;
+                    hidden?: boolean | undefined;
+                } | {
+                    type: "function";
+                    name: string;
+                    args: import("@webstudio-is/css-engine").StyleValue;
+                    hidden?: boolean;
+                } | {
+                    value: string;
+                    type: "var";
+                    fallback?: {
+                        value: number;
+                        type: "unit";
+                        unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                        hidden?: boolean | undefined;
+                    } | {
+                        value: string;
+                        type: "keyword";
+                        hidden?: boolean | undefined;
+                    } | {
+                        value: string;
+                        type: "unparsed";
+                        hidden?: boolean | undefined;
+                    } | {
+                        type: "rgb";
+                        r: number;
+                        g: number;
+                        b: number;
+                        alpha: number;
+                        hidden?: boolean | undefined;
+                    } | undefined;
+                    hidden?: boolean | undefined;
+                })[];
+                type: "tuple";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "invalid";
+                hidden?: boolean | undefined;
+            })[];
+            type: "layers";
+            hidden?: boolean | undefined;
+        } | {
+            value: string[];
+            type: "fontFamily";
+            hidden?: boolean | undefined;
+        } | {
+            type: "guaranteedInvalid";
+            hidden?: boolean | undefined;
+        } | {
+            value: "";
+            type: "unset";
+            hidden?: boolean | undefined;
+        };
+        state?: string | undefined;
+        styleSourceId: string;
+        breakpointId: string;
+        listed?: boolean | undefined;
+        property: import("@webstudio-is/css-engine").StyleProperty;
+    }[];
+    instances: {
+        type: "instance";
+        id: string;
+        component: string;
+        children: ({
+            value: string;
+            type: "text";
+            placeholder?: boolean | undefined;
+        } | {
+            value: string;
+            type: "id";
+        } | {
+            value: string;
+            type: "expression";
+        })[];
+        label?: string | undefined;
+    }[];
+    assets: ({
+        type: "font";
+        name: string;
+        meta: ({
+            family: string;
+            style: "normal" | "italic" | "oblique";
+            weight: number;
+        } | {
+            family: string;
+            variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }>>;
+        }) & ({
+            family: string;
+            style: "normal" | "italic" | "oblique";
+            weight: number;
+        } | {
+            family: string;
+            variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }>>;
+        } | undefined);
+        description: string | null;
+        id: string;
+        format: "ttf" | "woff" | "woff2";
+        projectId: string;
+        size: number;
+        createdAt: string;
+    } | {
+        type: "image";
+        name: string;
+        meta: {
+            height: number;
+            width: number;
+        };
+        description: string | null;
+        id: string;
+        format: string;
+        projectId: string;
+        size: number;
+        createdAt: string;
+    })[];
+    dataSources: ({
+        value: {
+            value: number;
+            type: "number";
+        } | {
+            value: string;
+            type: "string";
+        } | {
+            value: boolean;
+            type: "boolean";
+        } | {
+            value: string[];
+            type: "string[]";
+        } | {
+            type: "json";
+            value?: unknown;
+        };
+        type: "variable";
+        name: string;
+        id: string;
+        scopeInstanceId: string;
+    } | {
+        type: "parameter";
+        name: string;
+        id: string;
+        scopeInstanceId: string;
+    } | {
+        type: "resource";
+        name: string;
+        id: string;
+        scopeInstanceId: string;
+        resourceId: string;
+    })[];
+    resources: {
+        name: string;
+        url: string;
+        id: string;
+        method: "get" | "post" | "put" | "delete";
+        headers: {
+            value: string;
+            name: string;
+        }[];
+        control?: "system" | "graphql" | undefined;
+        body?: string | undefined;
+    }[];
+    breakpoints: {
+        label: string;
+        id: string;
+        minWidth?: number | undefined;
+        maxWidth?: number | undefined;
+    }[];
+    styleSourceSelections: {
+        values: string[];
+        instanceId: string;
+    }[];
+    styleSources: ({
+        type: "token";
+        name: string;
+        id: string;
+    } | {
+        type: "local";
+        id: string;
+    })[];
+}>;
+export type WebstudioFragment = z.infer<typeof WebstudioFragment>;
+/**
+ * all persisted webstudio data in normalized format
+ * should be used for composing parts of logic within
+ * single transaction
+ */
+export type WebstudioData = {
+    pages: Pages;
+    assets: Assets;
+    dataSources: DataSources;
+    resources: Resources;
+    instances: Instances;
+    props: Props;
+    breakpoints: Breakpoints;
+    styleSourceSelections: StyleSourceSelections;
+    styleSources: StyleSources;
+    styles: Styles;
+};