webstudio 0.271.0 → 0.273.0

package/lib/{cli-DBPDpQuC.js → cli-CrqM2Hge.js}

@@ -8,7 +8,7 @@ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var __privateMethod = (obj, member, method2) => (__accessCheck(obj, member, "access private method"), method2);
 var _declarations, _dirtyBreakpoints, _selector, _descendantSuffix, _mixinRules, _mixins, _declarations2, _cache, _NestingRule_instances, getDeclarations_fn, _name, _cached, _options, _element, _name2, _cssText, _mediaRules, _plainRules, _mixinRules2, _fontFaceRules, _transformValue, _element2;
 import { exit, cwd, stdin, stdout, chdir, argv } from "node:process";
 import { hideBin } from "yargs/helpers";
@@ -18,6 +18,7 @@ import { z } from "zod";
 import { access, constants, writeFile, readFile, mkdir, rm, rename, copyFile, readdir, cp } from "node:fs/promises";
 import { text, isCancel, cancel, log, spinner, confirm, select as select$1 } from "@clack/prompts";
 import { createTRPCUntypedClient, httpBatchLink } from "@trpc/client";
+import { Upload } from "tus-js-client";
 import { parseExpressionAt } from "acorn";
 import { simple } from "acorn-walk";
 import pc from "picocolors";
@@ -395,12 +396,12 @@ const FONT_FORMATS = /* @__PURE__ */ new Map([
 Array.from(FONT_FORMATS.keys()).map((format) => `.${format}`).join(", ");
 const FONT_STYLES = ["normal", "italic", "oblique"];
 const sanitizeCssUrl$1 = (str) => JSON.stringify(str);
-const formatFace = (asset, format, url) => {
+const formatFace = (asset2, format, url) => {
   var _a;
-  if ("variationAxes" in asset.meta) {
-    const { wght, wdth } = ((_a = asset.meta) == null ? void 0 : _a.variationAxes) ?? {};
+  if ("variationAxes" in asset2.meta) {
+    const { wght, wdth } = ((_a = asset2.meta) == null ? void 0 : _a.variationAxes) ?? {};
     return {
-      fontFamily: asset.meta.family,
+      fontFamily: asset2.meta.family,
       fontStyle: "normal",
       fontDisplay: "swap",
       src: `url(${sanitizeCssUrl$1(url)}) format("${format}")`,
@@ -409,32 +410,32 @@ const formatFace = (asset, format, url) => {
     };
   }
   return {
-    fontFamily: asset.meta.family,
-    fontStyle: asset.meta.style,
-    fontWeight: asset.meta.weight,
+    fontFamily: asset2.meta.family,
+    fontStyle: asset2.meta.style,
+    fontWeight: asset2.meta.weight,
     fontDisplay: "swap",
     src: `url(${sanitizeCssUrl$1(url)}) format("${format}")`
   };
 };
-const getKey = (asset) => {
-  if ("variationAxes" in asset.meta) {
-    return asset.meta.family + Object.values(asset.meta.variationAxes).join("");
+const getKey = (asset2) => {
+  if ("variationAxes" in asset2.meta) {
+    return asset2.meta.family + Object.values(asset2.meta.variationAxes).join("");
   }
-  return asset.meta.family + asset.meta.style + asset.meta.weight;
+  return asset2.meta.family + asset2.meta.style + asset2.meta.weight;
 };
 const getFontFaces = (assets, options) => {
   const { assetBaseUrl } = options;
   const faces = /* @__PURE__ */ new Map();
-  for (const asset of assets) {
-    const url = `${assetBaseUrl}${asset.name}`;
-    const assetKey = getKey(asset);
+  for (const asset2 of assets) {
+    const url = `${assetBaseUrl}${asset2.name}`;
+    const assetKey = getKey(asset2);
     const face = faces.get(assetKey);
-    const format = FONT_FORMATS.get(asset.format);
+    const format = FONT_FORMATS.get(asset2.format);
     if (format === void 0) {
       continue;
     }
     if (face === void 0) {
-      const face2 = formatFace(asset, format, url);
+      const face2 = formatFace(asset2, format, url);
       faces.set(assetKey, face2);
       continue;
     }
@@ -442,12 +443,12 @@ const getFontFaces = (assets, options) => {
   }
   return Array.from(faces.values());
 };
-const FontFormat = z.union([
+const fontFormat = z.union([
   z.literal("ttf"),
   z.literal("woff"),
   z.literal("woff2")
 ]);
-const AxisName = z.enum([
+const axisName = z.enum([
   "wght",
   "wdth",
   "slnt",
@@ -463,8 +464,8 @@ const AxisName = z.enum([
   "YTDE",
   "YTFI"
 ]);
-const VariationAxes = z.record(
-  AxisName,
+const variationAxes = z.record(
+  axisName,
   z.object({
     name: z.string(),
     min: z.number(),
@@ -472,19 +473,19 @@ const VariationAxes = z.record(
     max: z.number()
   })
 );
-const FontMetaStatic = z.object({
+const fontMetaStatic = z.object({
   family: z.string(),
   style: z.enum(FONT_STYLES),
   weight: z.number()
 });
-const FontMetaVariable = z.object({
+const fontMetaVariable = z.object({
   family: z.string(),
-  variationAxes: VariationAxes
+  variationAxes
 });
-const FontMeta = z.union([FontMetaStatic, FontMetaVariable]);
-const AssetId = z.string();
+const fontMeta = z.union([fontMetaStatic, fontMetaVariable]);
+const assetId = z.string();
 const baseAsset = {
-  id: AssetId,
+  id: assetId,
   projectId: z.string(),
   size: z.number(),
   name: z.string(),
@@ -492,33 +493,34 @@ const baseAsset = {
   description: z.union([z.string().optional(), z.null()]),
   createdAt: z.string()
 };
-const FontAsset = z.object({
+const assetType = z.enum(["font", "image", "file"]);
+const fontAsset = z.object({
   ...baseAsset,
-  format: FontFormat,
-  meta: FontMeta,
-  type: z.literal("font")
+  format: fontFormat,
+  meta: fontMeta,
+  type: z.literal(assetType.enum.font)
 });
-const ImageMeta = z.object({
+const imageMeta = z.object({
   width: z.number(),
   height: z.number()
 });
-const ImageAsset = z.object({
+const imageAsset = z.object({
   ...baseAsset,
   format: z.string(),
-  meta: ImageMeta,
-  type: z.literal("image")
+  meta: imageMeta,
+  type: z.literal(assetType.enum.image)
 });
-const FileAsset = z.object({
+const fileAsset = z.object({
   ...baseAsset,
   format: z.string(),
   meta: z.object({}),
-  type: z.literal("file")
+  type: z.literal(assetType.enum.file)
 });
-const Asset = z.union([FontAsset, ImageAsset, FileAsset]);
-z.map(AssetId, Asset);
-const BreakpointId = z.string();
-const Breakpoint = z.object({
-  id: BreakpointId,
+const asset = z.union([fontAsset, imageAsset, fileAsset]);
+z.map(assetId, asset);
+const breakpointId = z.string();
+const breakpoint = z.object({
+  id: breakpointId,
   label: z.string(),
   minWidth: z.number().optional(),
   maxWidth: z.number().optional(),
@@ -537,9 +539,9 @@ const Breakpoint = z.object({
   }
   return true;
 }, "Width-based (minWidth/maxWidth) and condition are mutually exclusive, and minWidth must be less than maxWidth");
-z.map(BreakpointId, Breakpoint);
-const DataSourceId = z.string();
-const DataSourceVariableValue = z.union([
+z.map(breakpointId, breakpoint);
+const dataSourceId = z.string();
+const dataSourceVariableValue = z.union([
   z.object({
     type: z.literal("number"),
     // initial value of variable store
@@ -562,10 +564,10 @@ const DataSourceVariableValue = z.union([
     value: z.unknown()
   })
 ]);
-const DataSource = z.union([
+const dataSource = z.union([
   z.object({
     type: z.literal("variable"),
-    id: DataSourceId,
+    id: dataSourceId,
     // The instance should always be specified for variables,
     // however, there was a bug in the embed template
     // which produced variables without an instance
@@ -573,24 +575,24 @@ const DataSource = z.union([
     // if we make it required
     scopeInstanceId: z.string().optional(),
     name: z.string(),
-    value: DataSourceVariableValue
+    value: dataSourceVariableValue
   }),
   z.object({
     type: z.literal("parameter"),
-    id: DataSourceId,
+    id: dataSourceId,
     scopeInstanceId: z.string().optional(),
     name: z.string()
   }),
   z.object({
     type: z.literal("resource"),
-    id: DataSourceId,
+    id: dataSourceId,
     scopeInstanceId: z.string().optional(),
     name: z.string(),
     resourceId: z.string()
   })
 ]);
-z.map(DataSourceId, DataSource);
-const Templates = z.enum([
+z.map(dataSourceId, dataSource);
+const templates = z.enum([
   "docker",
   "vercel",
   "netlify",
@@ -598,13 +600,13 @@ const Templates = z.enum([
   "ssg-netlify",
   "ssg-vercel"
 ]);
-const Deployment = z.union([
+const deployment = z.union([
   z.object({
     destination: z.literal("static"),
     name: z.string(),
     assetsDomain: z.string(),
     // Must be validated very strictly
-    templates: z.array(Templates)
+    templates: z.array(templates)
   }),
   z.object({
     destination: z.literal("saas").optional(),
@@ -617,30 +619,30 @@ const Deployment = z.union([
     excludeWstdDomainFromSearch: z.boolean().optional()
   })
 ]);
-const TextChild = z.object({
+const textChild = z.object({
   type: z.literal("text"),
   value: z.string(),
   placeholder: z.boolean().optional()
 });
-const InstanceId$1 = z.string();
-const IdChild = z.object({
+const instanceId$1 = z.string();
+const idChild = z.object({
   type: z.literal("id"),
-  value: InstanceId$1
+  value: instanceId$1
 });
-const ExpressionChild = z.object({
+const expressionChild = z.object({
   type: z.literal("expression"),
   value: z.string()
 });
-const InstanceChild = z.union([IdChild, TextChild, ExpressionChild]);
-const Instance = z.object({
+const instanceChild = z.union([idChild, textChild, expressionChild]);
+const instance = z.object({
   type: z.literal("instance"),
-  id: InstanceId$1,
+  id: instanceId$1,
   component: z.string(),
   tag: z.string().optional(),
   label: z.string().optional(),
-  children: z.array(InstanceChild)
+  children: z.array(instanceChild)
 });
-z.map(InstanceId$1, Instance);
+z.map(instanceId$1, instance);
 const basicLoginErrors = (login) => {
   const issues = [];
   if (login.length === 0) {
@@ -892,12 +894,12 @@ const buildWsAuth = (sources) => {
 };
 const createWsAuthResources = ({
   projectContent = "",
-  pages,
+  pages: pages2,
   projectSourceName = "Auth",
   generatedSourceName = "Generated page auth"
 }) => {
-  const generatedRoutes = pages.flatMap((page) => {
-    const route = createWsAuthRouteFromPage(page);
+  const generatedRoutes = pages2.flatMap((page2) => {
+    const route = createWsAuthRouteFromPage(page2);
     return route === void 0 ? [] : [route];
   });
   const result = buildWsAuth([
@@ -919,26 +921,26 @@ const createWsAuthResources = ({
   };
 };
 const MIN_TITLE_LENGTH = 2;
-const PageId = z.string();
-const FolderId = z.string();
-const FolderName = z.string().refine((value) => value.trim() !== "", "Can't be empty");
-const Slug = z.string().refine(
+const pageId = z.string();
+const folderId = z.string();
+const folderName = z.string().refine((value) => value.trim() !== "", "Can't be empty");
+const slug = z.string().refine(
   (path) => /^[-a-z0-9]*$/.test(path),
   "Only a-z, 0-9 and - are allowed"
 );
-const Folder = z.object({
-  id: FolderId,
-  name: FolderName,
-  slug: Slug,
-  children: z.array(z.union([FolderId, PageId]))
+const folder = z.object({
+  id: folderId,
+  name: folderName,
+  slug,
+  children: z.array(z.union([folderId, pageId]))
 });
-const PageName = z.string().refine((value) => value.trim() !== "", "Can't be empty");
-const PageTitle = z.string().refine(
+const pageName = z.string().refine((value) => value.trim() !== "", "Can't be empty");
+const pageTitle = z.string().refine(
   (val) => val.length >= MIN_TITLE_LENGTH,
   `Minimum ${MIN_TITLE_LENGTH} characters required`
 );
 const documentTypes = ["html", "xml", "text"];
-const BasicAuthFields = {
+const basicAuthFields = {
   login: z.string(),
   password: z.string()
 };
@@ -954,23 +956,23 @@ const validateBasicAuthFields = ({
     });
   }
 };
-const PageBasicAuth = z.object({
+const pageBasicAuth = z.object({
   method: z.literal("basic"),
-  ...BasicAuthFields
+  ...basicAuthFields
 }).superRefine(validateBasicAuthFields);
-const LegacyPageBasicAuth = z.object({
+const legacyPageBasicAuth = z.object({
   type: z.literal("basic"),
-  ...BasicAuthFields
+  ...basicAuthFields
 }).superRefine(validateBasicAuthFields).transform(({ login, password }) => ({
   method: "basic",
   login,
   password
 }));
-const PageAuth = z.union([PageBasicAuth, LegacyPageBasicAuth]);
+const pageAuth = z.union([pageBasicAuth, legacyPageBasicAuth]);
 const commonPageFields = {
-  id: PageId,
-  name: PageName,
-  title: PageTitle,
+  id: pageId,
+  name: pageName,
+  title: pageTitle,
   history: z.optional(z.array(z.string())),
   rootInstanceId: z.string(),
   systemDataSourceId: z.string().optional(),
@@ -985,7 +987,7 @@ const commonPageFields = {
     redirect: z.string().optional(),
     documentType: z.optional(z.enum(documentTypes)),
     content: z.string().optional(),
-    auth: PageAuth.optional(),
+    auth: pageAuth.optional(),
     custom: z.array(
       z.object({
         property: z.string(),
@@ -1001,8 +1003,8 @@ const commonPageFields = {
     })
   )
 };
-const HomePagePath = z.string().refine((path) => path === "", "Home page path must be empty");
-const DefaultPagePage = z.string().refine((path) => path !== "", "Can't be empty").refine((path) => path !== "/", "Can't be just a /").refine((path) => path.endsWith("/") === false, "Can't end with a /").refine((path) => path.includes("//") === false, "Can't contain repeating /").refine(
+const homePagePath = z.string().refine((path) => path === "", "Home page path must be empty");
+const defaultPagePath = z.string().refine((path) => path !== "", "Can't be empty").refine((path) => path !== "/", "Can't be just a /").refine((path) => path.endsWith("/") === false, "Can't end with a /").refine((path) => path.includes("//") === false, "Can't contain repeating /").refine(
   (path) => /^[-_a-z0-9*:?\\/.]*$/.test(path),
   "Only a-z, 0-9, -, _, /, :, ?, . and * are allowed"
 ).refine(
@@ -1015,7 +1017,7 @@ const DefaultPagePage = z.string().refine((path) => path !== "", "Can't be empty
   (path) => path !== "/build" && path.startsWith("/build/") === false,
   "/build prefix is reserved for the system"
 ).refine((path) => path.length <= 255, "Path can't exceed 255 characters");
-const RedirectSourcePath = z.string().refine((path) => path !== "", "Can't be empty").refine((path) => path !== "/", "Can't be just a /").refine(
+const redirectSourcePath = z.string().refine((path) => path !== "", "Can't be empty").refine((path) => path !== "/", "Can't be just a /").refine(
   (path) => path.startsWith("/") && path.startsWith("//") === false,
   "Must start with a /"
 ).refine((path) => {
@@ -1035,23 +1037,23 @@ const RedirectSourcePath = z.string().refine((path) => path !== "", "Can't be em
   (path) => path !== "/build" && path.startsWith("/build/") === false,
   "/build prefix is reserved for the system"
 );
-const PagePath = DefaultPagePage.refine(
+const pagePath = defaultPagePath.refine(
   (path) => path === "" || path.startsWith("/"),
   "Must start with a / or a full URL e.g. https://website.org"
 );
-const Page = z.object({
+const page = z.object({
   ...commonPageFields,
-  path: z.union([HomePagePath, PagePath])
+  path: z.union([homePagePath, pagePath])
 });
-const PageTemplate = z.object({
-  id: PageId,
-  name: PageName,
-  title: PageTitle,
+const pageTemplate = z.object({
+  id: pageId,
+  name: pageName,
+  title: pageTitle,
   rootInstanceId: z.string(),
   systemDataSourceId: z.string().optional(),
   meta: commonPageFields.meta
 });
-const ProjectMeta = z.object({
+const projectMeta = z.object({
   // All fields are optional to ensure consistency and allow for the addition of new fields without requiring migration
   siteName: z.string().optional(),
   contactEmail: z.string().optional(),
@@ -1059,7 +1061,7 @@ const ProjectMeta = z.object({
   code: z.string().optional(),
   auth: z.string().optional()
 });
-const ProjectNewRedirectPath = z.string().min(1, "Path is required").refine((data) => {
+const projectNewRedirectPath = z.string().min(1, "Path is required").refine((data) => {
   try {
     new URL(data, "http://url.com");
     return true;
@@ -1067,27 +1069,27 @@ const ProjectNewRedirectPath = z.string().min(1, "Path is required").refine((dat
     return false;
   }
 }, "Must be a valid URL");
-const PageRedirect = z.object({
-  old: RedirectSourcePath,
-  new: ProjectNewRedirectPath,
+const pageRedirect = z.object({
+  old: redirectSourcePath,
+  new: projectNewRedirectPath,
   status: z.enum(["301", "302"]).optional()
 });
-const CompilerSettings = z.object({
+const compilerSettings = z.object({
   // All fields are optional to ensure consistency and allow for the addition of new fields without requiring migration
   atomicStyles: z.boolean().optional()
 });
-const Pages = z.object({
-  meta: ProjectMeta.optional(),
-  compiler: CompilerSettings.optional(),
-  redirects: z.array(PageRedirect).optional(),
-  homePageId: PageId,
-  rootFolderId: FolderId,
-  pages: z.map(PageId, Page),
-  pageTemplates: z.map(PageId, PageTemplate).optional(),
-  folders: z.map(FolderId, Folder).refine((folders) => folders.size > 0, "Folders can't be empty")
-}).superRefine((pages, context) => {
-  const homePage = pages.pages.get(pages.homePageId);
-  const rootFolder = pages.folders.get(pages.rootFolderId);
+const pages = z.object({
+  meta: projectMeta.optional(),
+  compiler: compilerSettings.optional(),
+  redirects: z.array(pageRedirect).optional(),
+  homePageId: pageId,
+  rootFolderId: folderId,
+  pages: z.map(pageId, page),
+  pageTemplates: z.map(pageId, pageTemplate).optional(),
+  folders: z.map(folderId, folder).refine((folders) => folders.size > 0, "Folders can't be empty")
+}).superRefine((pages2, context) => {
+  const homePage = pages2.pages.get(pages2.homePageId);
+  const rootFolder = pages2.folders.get(pages2.rootFolderId);
   if (homePage === void 0) {
     context.addIssue({
       code: z.ZodIssueCode.custom,
@@ -1105,27 +1107,27 @@ const Pages = z.object({
   if (homePage !== void 0 && homePage.path !== "") {
     context.addIssue({
       code: z.ZodIssueCode.custom,
-      path: ["pages", pages.homePageId, "path"],
+      path: ["pages", pages2.homePageId, "path"],
       message: "Home page path must be empty"
     });
   }
-  for (const [pageId, page] of pages.pages) {
-    if (page.id !== pageId) {
+  for (const [pageId2, page2] of pages2.pages) {
+    if (page2.id !== pageId2) {
       context.addIssue({
         code: z.ZodIssueCode.custom,
-        path: ["pages", pageId, "id"],
+        path: ["pages", pageId2, "id"],
         message: "Page id must match its record key"
       });
     }
-    if (pageId !== pages.homePageId && page.path === "") {
+    if (pageId2 !== pages2.homePageId && page2.path === "") {
       context.addIssue({
         code: z.ZodIssueCode.custom,
-        path: ["pages", pageId, "path"],
+        path: ["pages", pageId2, "path"],
         message: "Page path can't be empty"
       });
     }
   }
-  for (const [templateId, template] of pages.pageTemplates ?? []) {
+  for (const [templateId, template] of pages2.pageTemplates ?? []) {
     if (template.id !== templateId) {
       context.addIssue({
         code: z.ZodIssueCode.custom,
@@ -1133,7 +1135,7 @@ const Pages = z.object({
         message: "Page template id must match its record key"
       });
     }
-    if (pages.pages.has(templateId)) {
+    if (pages2.pages.has(templateId)) {
       context.addIssue({
         code: z.ZodIssueCode.custom,
         path: ["pageTemplates", templateId, "id"],
@@ -1141,75 +1143,75 @@ const Pages = z.object({
       });
     }
   }
-  for (const [folderId, folder] of pages.folders) {
-    if (folder.id !== folderId) {
+  for (const [folderId2, folder2] of pages2.folders) {
+    if (folder2.id !== folderId2) {
       context.addIssue({
         code: z.ZodIssueCode.custom,
-        path: ["folders", folderId, "id"],
+        path: ["folders", folderId2, "id"],
         message: "Folder id must match its record key"
       });
     }
-    for (const [index, childId] of folder.children.entries()) {
-      if (pages.pages.has(childId) === false && pages.folders.has(childId) === false) {
+    for (const [index, childId] of folder2.children.entries()) {
+      if (pages2.pages.has(childId) === false && pages2.folders.has(childId) === false) {
         context.addIssue({
           code: z.ZodIssueCode.custom,
-          path: ["folders", folderId, "children", index],
+          path: ["folders", folderId2, "children", index],
           message: "Folder child must reference an existing page or folder"
         });
       }
-      if (childId === pages.rootFolderId) {
+      if (childId === pages2.rootFolderId) {
         context.addIssue({
           code: z.ZodIssueCode.custom,
-          path: ["folders", folderId, "children", index],
+          path: ["folders", folderId2, "children", index],
           message: "Root folder can't be nested"
         });
       }
     }
   }
-  if (rootFolder !== void 0 && rootFolder.children[0] !== pages.homePageId) {
+  if (rootFolder !== void 0 && rootFolder.children[0] !== pages2.homePageId) {
     context.addIssue({
       code: z.ZodIssueCode.custom,
-      path: ["folders", pages.rootFolderId, "children"],
+      path: ["folders", pages2.rootFolderId, "children"],
       message: "Root folder must start with the home page"
     });
   }
   const childParents = /* @__PURE__ */ new Map();
-  for (const [folderId, folder] of pages.folders) {
-    for (const [index, childId] of folder.children.entries()) {
+  for (const [folderId2, folder2] of pages2.folders) {
+    for (const [index, childId] of folder2.children.entries()) {
       const parentId = childParents.get(childId);
       if (parentId !== void 0) {
         context.addIssue({
           code: z.ZodIssueCode.custom,
-          path: ["folders", folderId, "children", index],
+          path: ["folders", folderId2, "children", index],
           message: `Child is already registered in folder "${parentId}"`
         });
         continue;
       }
-      childParents.set(childId, folderId);
+      childParents.set(childId, folderId2);
     }
   }
-  const hasFolderCycle = (folderId, path = /* @__PURE__ */ new Set()) => {
-    if (path.has(folderId)) {
+  const hasFolderCycle = (folderId2, path = /* @__PURE__ */ new Set()) => {
+    if (path.has(folderId2)) {
       return true;
     }
-    const folder = pages.folders.get(folderId);
-    if (folder === void 0) {
+    const folder2 = pages2.folders.get(folderId2);
+    if (folder2 === void 0) {
       return false;
     }
-    path.add(folderId);
-    for (const childId of folder.children) {
-      if (pages.folders.has(childId) && hasFolderCycle(childId, path)) {
+    path.add(folderId2);
+    for (const childId of folder2.children) {
+      if (pages2.folders.has(childId) && hasFolderCycle(childId, path)) {
         return true;
       }
     }
-    path.delete(folderId);
+    path.delete(folderId2);
     return false;
   };
-  for (const folderId of pages.folders.keys()) {
-    if (hasFolderCycle(folderId)) {
+  for (const folderId2 of pages2.folders.keys()) {
+    if (hasFolderCycle(folderId2)) {
       context.addIssue({
         code: z.ZodIssueCode.custom,
-        path: ["folders", folderId, "children"],
+        path: ["folders", folderId2, "children"],
         message: "Folders can't contain cycles"
       });
     }
@@ -1251,12 +1253,19 @@ const prefixStyles = (styleMap) => {
   }
   return newStyleMap;
 };
-const fallbackTransform = (styleValue) => {
+const cssWideKeywords = /* @__PURE__ */ new Set([
+  "initial",
+  "inherit",
+  "unset",
+  "revert",
+  "revert-layer"
+]);
+const fallbackTransform = (styleValue2) => {
   var _a;
-  if (styleValue.type !== "fontFamily") {
+  if (styleValue2.type !== "fontFamily") {
     return;
   }
-  let { value } = styleValue;
+  let { value } = styleValue2;
   if (value.length === 0) {
     value = [DEFAULT_FONT_FALLBACK];
   }
@@ -1270,12 +1279,12 @@ const fallbackTransform = (styleValue) => {
   };
 };
 const sanitizeCssUrl = (str) => JSON.stringify(str);
-const toValue = (styleValue, transformValue) => {
-  if (styleValue === void 0) {
+const toValue = (styleValue2, transformValue) => {
+  if (styleValue2 === void 0) {
     return "";
   }
-  const transformedValue = (transformValue == null ? void 0 : transformValue(styleValue)) ?? fallbackTransform(styleValue);
-  const value = transformedValue ?? styleValue;
+  const transformedValue = (transformValue == null ? void 0 : transformValue(styleValue2)) ?? fallbackTransform(styleValue2);
+  const value = transformedValue ?? styleValue2;
   if (value.type === "unit") {
     return value.value + (value.unit === "number" ? "" : value.unit);
   }
@@ -1404,173 +1413,6 @@ const toValue = (styleValue, transformValue) => {
   }
   return "";
 };
-const Unit = z.string();
-const UnitValue = z.object({
-  type: z.literal("unit"),
-  unit: Unit,
-  value: z.number(),
-  hidden: z.boolean().optional()
-});
-const KeywordValue = z.object({
-  type: z.literal("keyword"),
-  // @todo use exact type
-  value: z.string(),
-  hidden: z.boolean().optional()
-});
-const UnparsedValue = z.object({
-  type: z.literal("unparsed"),
-  value: z.string(),
-  // For the builder we want to be able to hide background-image
-  hidden: z.boolean().optional()
-});
-const FontFamilyValue = z.object({
-  type: z.literal("fontFamily"),
-  value: z.array(z.string()),
-  hidden: z.boolean().optional()
-});
-const RgbValue = z.object({
-  type: z.literal("rgb"),
-  r: z.number(),
-  g: z.number(),
-  b: z.number(),
-  alpha: z.number(),
-  hidden: z.boolean().optional()
-});
-const ColorValue = z.object({
-  type: z.literal("color"),
-  // all these color spaces are defined by design tokens specification
-  colorSpace: z.union([
-    z.literal("hex"),
-    z.literal("srgb"),
-    z.literal("p3"),
-    z.literal("srgb-linear"),
-    z.literal("hsl"),
-    z.literal("hwb"),
-    z.literal("lab"),
-    z.literal("lch"),
-    z.literal("oklab"),
-    z.literal("oklch"),
-    z.literal("a98rgb"),
-    z.literal("prophoto"),
-    z.literal("rec2020"),
-    z.literal("xyz-d65"),
-    z.literal("xyz-d50")
-  ]),
-  components: z.tuple([z.number(), z.number(), z.number()]),
-  alpha: z.union([z.number(), z.lazy(() => VarValue)]),
-  hidden: z.boolean().optional()
-});
-const FunctionValue = z.object({
-  type: z.literal("function"),
-  name: z.string(),
-  args: z.lazy(() => StyleValue),
-  hidden: z.boolean().optional()
-});
-const ImageValue = z.object({
-  type: z.literal("image"),
-  value: z.union([
-    z.object({ type: z.literal("asset"), value: z.string() }),
-    // url is not stored in db and only used by css-engine transformValue
-    // to prepare image value for rendering
-    z.object({ type: z.literal("url"), url: z.string() })
-  ]),
-  // For the builder we want to be able to hide images
-  hidden: z.boolean().optional()
-});
-const GuaranteedInvalidValue = z.object({
-  type: z.literal("guaranteedInvalid"),
-  hidden: z.boolean().optional()
-});
-const InvalidValue = z.object({
-  type: z.literal("invalid"),
-  value: z.string(),
-  hidden: z.boolean().optional()
-});
-const UnsetValue = z.object({
-  type: z.literal("unset"),
-  value: z.literal(""),
-  hidden: z.boolean().optional()
-});
-const VarFallback = z.union([
-  UnparsedValue,
-  KeywordValue,
-  UnitValue,
-  ColorValue,
-  RgbValue
-]);
-const VarValue = z.object({
-  type: z.literal("var"),
-  value: z.string(),
-  fallback: VarFallback.optional(),
-  hidden: z.boolean().optional()
-});
-const TupleValueItem = z.union([
-  UnitValue,
-  KeywordValue,
-  UnparsedValue,
-  ImageValue,
-  ColorValue,
-  RgbValue,
-  FunctionValue,
-  VarValue
-]);
-const TupleValue = z.object({
-  type: z.literal("tuple"),
-  value: z.array(TupleValueItem),
-  hidden: z.boolean().optional()
-});
-const ShadowValue = z.object({
-  type: z.literal("shadow"),
-  hidden: z.boolean().optional(),
-  position: z.union([z.literal("inset"), z.literal("outset")]),
-  offsetX: z.union([UnitValue, VarValue]),
-  offsetY: z.union([UnitValue, VarValue]),
-  blur: z.union([UnitValue, VarValue]).optional(),
-  spread: z.union([UnitValue, VarValue]).optional(),
-  color: z.union([ColorValue, RgbValue, KeywordValue, VarValue]).optional()
-});
-const LayerValueItem = z.union([
-  UnitValue,
-  KeywordValue,
-  UnparsedValue,
-  ImageValue,
-  TupleValue,
-  ShadowValue,
-  ColorValue,
-  RgbValue,
-  InvalidValue,
-  FunctionValue,
-  VarValue
-]);
-const LayersValue = z.object({
-  type: z.literal("layers"),
-  value: z.array(LayerValueItem),
-  hidden: z.boolean().optional()
-});
-const StyleValue = z.union([
-  ImageValue,
-  LayersValue,
-  UnitValue,
-  KeywordValue,
-  FontFamilyValue,
-  ColorValue,
-  RgbValue,
-  UnparsedValue,
-  TupleValue,
-  FunctionValue,
-  GuaranteedInvalidValue,
-  InvalidValue,
-  UnsetValue,
-  VarValue,
-  ShadowValue
-]);
-const cssWideKeywords = /* @__PURE__ */ new Set([
-  "initial",
-  "inherit",
-  "unset",
-  "revert",
-  "revert-layer"
-]);
 const isLonghandValue = (value) => {
   if (value === void 0) {
     return false;
@@ -1616,8 +1458,8 @@ const mergeWhiteSpaceAndTextWrap = (styleMap) => {
   const collapse = toValue(collapseValue);
   const modeValue = styleMap.get("text-wrap-mode");
   const mode = toValue(modeValue);
-  const styleValue = styleMap.get("text-wrap-style");
-  const style = toValue(styleValue);
+  const styleValue2 = styleMap.get("text-wrap-style");
+  const style = toValue(styleValue2);
   styleMap.delete("text-wrap-mode");
   styleMap.delete("text-wrap-style");
   if (collapse === "collapse" || collapse === "initial" || mode === "wrap" || mode === "initial") {
@@ -1645,7 +1487,7 @@ const mergeWhiteSpaceAndTextWrap = (styleMap) => {
   if (style === "balance" || style === "stable" || style === "pretty") {
     styleMap.set("text-wrap", { type: "keyword", value: style });
   }
-  const textWrap = ((styleValue == null ? void 0 : styleValue.type) !== "keyword" ? styleValue : void 0) ?? ((modeValue == null ? void 0 : modeValue.type) !== "keyword" ? modeValue : void 0);
+  const textWrap = ((styleValue2 == null ? void 0 : styleValue2.type) !== "keyword" ? styleValue2 : void 0) ?? ((modeValue == null ? void 0 : modeValue.type) !== "keyword" ? modeValue : void 0);
   if (textWrap) {
     styleMap.set("text-wrap", textWrap);
   }
@@ -1712,7 +1554,7 @@ const mergeDeclarations = (declarations) => {
     (declaration) => declaration.breakpoint + declaration.selector
   );
   for (const groupDeclarations of groups.values()) {
-    const { breakpoint, selector } = groupDeclarations[0];
+    const { breakpoint: breakpoint2, selector } = groupDeclarations[0];
     const merged = mergeStyles(
       new Map(
         groupDeclarations.map((item) => [item.property, item.value])
@@ -1720,7 +1562,7 @@ const mergeDeclarations = (declarations) => {
     );
     for (const [property, value] of merged) {
       newDeclarations.push({
-        breakpoint,
+        breakpoint: breakpoint2,
         selector,
         property,
         value
@@ -1749,8 +1591,8 @@ const normalizeDeclaration = (declaration) => ({
   property: hyphenateProperty(declaration.property)
 });
 const getDeclarationKey = (declaraionKey) => {
-  const { breakpoint, selector, property } = declaraionKey;
-  return `${breakpoint}:${selector}:${property}`;
+  const { breakpoint: breakpoint2, selector, property } = declaraionKey;
+  return `${breakpoint2}:${selector}:${property}`;
 };
 class MixinRule {
   constructor() {
@@ -1761,8 +1603,8 @@ class MixinRule {
   /*
    * check if breakpoint was updated
    */
-  isDirtyBreakpoint(breakpoint) {
-    return __privateGet(this, _dirtyBreakpoints).has(breakpoint);
+  isDirtyBreakpoint(breakpoint2) {
+    return __privateGet(this, _dirtyBreakpoints).has(breakpoint2);
   }
   /**
    * reset breakpoints invalidation
@@ -1833,23 +1675,23 @@ class NestingRule {
     return mergeDeclarations(__privateMethod(this, _NestingRule_instances, getDeclarations_fn).call(this));
   }
   toString({
-    breakpoint,
+    breakpoint: breakpoint2,
     indent = 0,
     transformValue
   }) {
     for (const mixin of __privateGet(this, _mixins)) {
       const rule = __privateGet(this, _mixinRules).get(mixin);
-      if (rule == null ? void 0 : rule.isDirtyBreakpoint(breakpoint)) {
-        __privateGet(this, _cache).delete(breakpoint);
+      if (rule == null ? void 0 : rule.isDirtyBreakpoint(breakpoint2)) {
+        __privateGet(this, _cache).delete(breakpoint2);
       }
     }
-    const cached = __privateGet(this, _cache).get(breakpoint);
+    const cached = __privateGet(this, _cache).get(breakpoint2);
     if (cached && cached.indent === indent && cached.transformValue === transformValue) {
       return cached.generated;
     }
     const styleBySelector = /* @__PURE__ */ new Map();
     for (const declaration of this.getMergedDeclarations()) {
-      if (declaration.breakpoint !== breakpoint) {
+      if (declaration.breakpoint !== breakpoint2) {
         continue;
       }
       let nestedSelector = declaration.selector;
@@ -1877,7 +1719,7 @@ ${content}
 ${spaces}}
 `;
     }).join("").trimEnd();
-    __privateGet(this, _cache).set(breakpoint, { generated, indent, transformValue });
+    __privateGet(this, _cache).set(breakpoint2, { generated, indent, transformValue });
     return generated;
   }
 }
@@ -2247,6 +2089,166 @@ const generateAtomic = (sheet, options) => {
   });
   return { cssText, classes };
 };
+const unit = z.string();
+const unitValue = z.object({
+  type: z.literal("unit"),
+  unit,
+  value: z.number(),
+  hidden: z.boolean().optional()
+});
+const keywordValue = z.object({
+  type: z.literal("keyword"),
+  // @todo use exact type
+  value: z.string(),
+  hidden: z.boolean().optional()
+});
+const unparsedValue = z.object({
+  type: z.literal("unparsed"),
+  value: z.string(),
+  // For the builder we want to be able to hide background-image
+  hidden: z.boolean().optional()
+});
+const fontFamilyValue = z.object({
+  type: z.literal("fontFamily"),
+  value: z.array(z.string()),
+  hidden: z.boolean().optional()
+});
+const rgbValue = z.object({
+  type: z.literal("rgb"),
+  r: z.number(),
+  g: z.number(),
+  b: z.number(),
+  alpha: z.number(),
+  hidden: z.boolean().optional()
+});
+const colorValue = z.object({
+  type: z.literal("color"),
+  // all these color spaces are defined by design tokens specification
+  colorSpace: z.union([
+    z.literal("hex"),
+    z.literal("srgb"),
+    z.literal("p3"),
+    z.literal("srgb-linear"),
+    z.literal("hsl"),
+    z.literal("hwb"),
+    z.literal("lab"),
+    z.literal("lch"),
+    z.literal("oklab"),
+    z.literal("oklch"),
+    z.literal("a98rgb"),
+    z.literal("prophoto"),
+    z.literal("rec2020"),
+    z.literal("xyz-d65"),
+    z.literal("xyz-d50")
+  ]),
+  components: z.tuple([z.number(), z.number(), z.number()]),
+  alpha: z.union([z.number(), z.lazy(() => varValue)]),
+  hidden: z.boolean().optional()
+});
+const functionValue = z.object({
+  type: z.literal("function"),
+  name: z.string(),
+  args: z.lazy(() => styleValue),
+  hidden: z.boolean().optional()
+});
+const imageValue = z.object({
+  type: z.literal("image"),
+  value: z.union([
+    z.object({ type: z.literal("asset"), value: z.string() }),
+    // url is not stored in db and only used by css-engine transformValue
+    // to prepare image value for rendering
+    z.object({ type: z.literal("url"), url: z.string() })
+  ]),
+  // For the builder we want to be able to hide images
+  hidden: z.boolean().optional()
+});
+const guaranteedInvalidValue = z.object({
+  type: z.literal("guaranteedInvalid"),
+  hidden: z.boolean().optional()
+});
+const invalidValue = z.object({
+  type: z.literal("invalid"),
+  value: z.string(),
+  hidden: z.boolean().optional()
+});
+const unsetValue = z.object({
+  type: z.literal("unset"),
+  value: z.literal(""),
+  hidden: z.boolean().optional()
+});
+const varFallback = z.union([
+  unparsedValue,
+  keywordValue,
+  unitValue,
+  colorValue,
+  rgbValue
+]);
+const varValue = z.object({
+  type: z.literal("var"),
+  value: z.string(),
+  fallback: varFallback.optional(),
+  hidden: z.boolean().optional()
+});
+const tupleValueItem = z.union([
+  unitValue,
+  keywordValue,
+  unparsedValue,
+  imageValue,
+  colorValue,
+  rgbValue,
+  functionValue,
+  varValue
+]);
+const tupleValue = z.object({
+  type: z.literal("tuple"),
+  value: z.array(tupleValueItem),
+  hidden: z.boolean().optional()
+});
+const shadowValue = z.object({
+  type: z.literal("shadow"),
+  hidden: z.boolean().optional(),
+  position: z.union([z.literal("inset"), z.literal("outset")]),
+  offsetX: z.union([unitValue, varValue]),
+  offsetY: z.union([unitValue, varValue]),
+  blur: z.union([unitValue, varValue]).optional(),
+  spread: z.union([unitValue, varValue]).optional(),
+  color: z.union([colorValue, rgbValue, keywordValue, varValue]).optional()
+});
+const layerValueItem = z.union([
+  unitValue,
+  keywordValue,
+  unparsedValue,
+  imageValue,
+  tupleValue,
+  shadowValue,
+  colorValue,
+  rgbValue,
+  invalidValue,
+  functionValue,
+  varValue
+]);
+const layersValue = z.object({
+  type: z.literal("layers"),
+  value: z.array(layerValueItem),
+  hidden: z.boolean().optional()
+});
+const styleValue = z.union([
+  imageValue,
+  layersValue,
+  unitValue,
+  keywordValue,
+  fontFamilyValue,
+  colorValue,
+  rgbValue,
+  unparsedValue,
+  tupleValue,
+  functionValue,
+  guaranteedInvalidValue,
+  invalidValue,
+  unsetValue,
+  varValue,
+  shadowValue
+]);
 const literalUnion = (arr) => z.union(
   arr.map((val) => z.literal(val))
 );
@@ -2294,12 +2296,12 @@ const RANGE_UNITS = [
   "lvmax",
   "dvmax"
 ];
-const rangeUnitSchema = literalUnion(RANGE_UNITS);
-const rangeUnitValueSchema = z.union([
+const rangeUnit = literalUnion(RANGE_UNITS);
+const rangeUnitValue = z.union([
   z.object({
     type: z.literal("unit"),
     value: z.number(),
-    unit: rangeUnitSchema
+    unit: rangeUnit
   }),
   z.object({
     type: z.literal("unparsed"),
@@ -2311,32 +2313,32 @@ const rangeUnitValueSchema = z.union([
   })
 ]);
 const TIME_UNITS = ["ms", "s"];
-const timeUnitSchema = literalUnion(TIME_UNITS);
-const durationUnitValueSchema = z.union([
+const timeUnit = literalUnion(TIME_UNITS);
+const durationUnitValue = z.union([
   z.object({
     type: z.literal("unit"),
     value: z.number(),
-    unit: timeUnitSchema
+    unit: timeUnit
   }),
   z.object({
     type: z.literal("var"),
     value: z.string()
   })
 ]);
-const iterationsUnitValueSchema = z.union([z.number(), z.literal("infinite")]);
-const insetUnitValueSchema = z.union([
-  rangeUnitValueSchema,
+const iterationsUnitValue = z.union([z.number(), z.literal("infinite")]);
+const insetUnitValue = z.union([
+  rangeUnitValue,
   z.object({
     type: z.literal("keyword"),
     value: z.literal("auto")
   })
 ]);
-const keyframeStylesSchema = z.record(StyleValue);
-const animationKeyframeSchema = z.object({
+const keyframeStyles = z.record(styleValue);
+const animationKeyframe = z.object({
   offset: z.number().optional(),
-  styles: keyframeStylesSchema
+  styles: keyframeStyles
 });
-const keyframeEffectOptionsSchema = z.object({
+const keyframeEffectOptions = z.object({
   easing: z.string().optional(),
   fill: z.union([
     z.literal("none"),
@@ -2345,29 +2347,23 @@ const keyframeEffectOptionsSchema = z.object({
     z.literal("both")
   ]).optional(),
   // FillMode
-  duration: durationUnitValueSchema.optional(),
-  delay: durationUnitValueSchema.optional(),
-  iterations: iterationsUnitValueSchema.optional()
+  duration: durationUnitValue.optional(),
+  delay: durationUnitValue.optional(),
+  iterations: iterationsUnitValue.optional()
 });
-const scrollNamedRangeSchema = z.union([
-  z.literal("start"),
-  z.literal("end")
-]);
-const scrollRangeValueSchema = z.tuple([
-  scrollNamedRangeSchema,
-  rangeUnitValueSchema
-]);
-const scrollRangeOptionsSchema = z.object({
-  rangeStart: scrollRangeValueSchema.optional(),
-  rangeEnd: scrollRangeValueSchema.optional()
+const scrollNamedRange = z.union([z.literal("start"), z.literal("end")]);
+const scrollRangeValue = z.tuple([scrollNamedRange, rangeUnitValue]);
+const scrollRangeOptions = z.object({
+  rangeStart: scrollRangeValue.optional(),
+  rangeEnd: scrollRangeValue.optional()
 });
-const animationAxisSchema = z.union([
+const animationAxis = z.union([
   z.literal("block"),
   z.literal("inline"),
   z.literal("x"),
   z.literal("y")
 ]);
-const viewNamedRangeSchema = z.union([
+const viewNamedRange = z.union([
   z.literal("contain"),
   z.literal("cover"),
   z.literal("entry"),
@@ -2375,60 +2371,57 @@ const viewNamedRangeSchema = z.union([
   z.literal("entry-crossing"),
   z.literal("exit-crossing")
 ]);
-const viewRangeValueSchema = z.tuple([
-  viewNamedRangeSchema,
-  rangeUnitValueSchema
-]);
-const viewRangeOptionsSchema = z.object({
-  rangeStart: viewRangeValueSchema.optional(),
-  rangeEnd: viewRangeValueSchema.optional()
+const viewRangeValue = z.tuple([viewNamedRange, rangeUnitValue]);
+const viewRangeOptions = z.object({
+  rangeStart: viewRangeValue.optional(),
+  rangeEnd: viewRangeValue.optional()
 });
 const baseAnimation = z.object({
   name: z.string().optional(),
   description: z.string().optional(),
   enabled: z.array(z.tuple([z.string().describe("breakpointId"), z.boolean()])).optional(),
-  keyframes: z.array(animationKeyframeSchema)
+  keyframes: z.array(animationKeyframe)
 });
-const scrollAnimationSchema = baseAnimation.merge(
+const scrollAnimation = baseAnimation.merge(
   z.object({
-    timing: keyframeEffectOptionsSchema.merge(scrollRangeOptionsSchema)
+    timing: keyframeEffectOptions.merge(scrollRangeOptions)
   })
 );
-const scrollActionSchema = z.object({
+const scrollAction = z.object({
   type: z.literal("scroll"),
   source: z.union([z.literal("closest"), z.literal("nearest"), z.literal("root")]).optional(),
-  axis: animationAxisSchema.optional(),
-  animations: z.array(scrollAnimationSchema),
+  axis: animationAxis.optional(),
+  animations: z.array(scrollAnimation),
   isPinned: z.boolean().optional(),
   debug: z.boolean().optional()
 });
-const viewAnimationSchema = baseAnimation.merge(
+const viewAnimation = baseAnimation.merge(
   z.object({
-    timing: keyframeEffectOptionsSchema.merge(viewRangeOptionsSchema)
+    timing: keyframeEffectOptions.merge(viewRangeOptions)
   })
 );
-const viewActionSchema = z.object({
+const viewAction = z.object({
   type: z.literal("view"),
   subject: z.string().optional(),
-  axis: animationAxisSchema.optional(),
-  animations: z.array(viewAnimationSchema),
-  insetStart: insetUnitValueSchema.optional(),
-  insetEnd: insetUnitValueSchema.optional(),
+  axis: animationAxis.optional(),
+  animations: z.array(viewAnimation),
+  insetStart: insetUnitValue.optional(),
+  insetEnd: insetUnitValue.optional(),
   isPinned: z.boolean().optional(),
   debug: z.boolean().optional()
 });
-const animationActionSchema = z.discriminatedUnion("type", [
-  scrollActionSchema,
-  viewActionSchema
+const animationAction = z.discriminatedUnion("type", [
+  scrollAction,
+  viewAction
 ]);
-const PropId = z.string();
+const propId = z.string();
 const baseProp = {
-  id: PropId,
+  id: propId,
   instanceId: z.string(),
   name: z.string(),
   required: z.optional(z.boolean())
 };
-const Prop = z.union([
+const prop = z.union([
   z.object({
     ...baseProp,
     type: z.literal("number"),
@@ -2504,22 +2497,22 @@ const Prop = z.union([
   z.object({
     ...baseProp,
     type: z.literal("animationAction"),
-    value: animationActionSchema
+    value: animationAction
   })
 ]);
-z.map(PropId, Prop);
-const ResourceId = z.string();
-const Method = z.union([
+z.map(propId, prop);
+const resourceId = z.string();
+const method = z.union([
   z.literal("get"),
   z.literal("post"),
   z.literal("put"),
   z.literal("delete")
 ]);
-const Resource = z.object({
-  id: ResourceId,
+const resource = z.object({
+  id: resourceId,
   name: z.string(),
   control: z.optional(z.union([z.literal("system"), z.literal("graphql")])),
-  method: Method,
+  method,
   // expression
   url: z.string(),
   searchParams: z.array(
@@ -2541,7 +2534,7 @@ const Resource = z.object({
 });
 z.object({
   name: z.string(),
-  method: Method,
+  method,
   url: z.string(),
   searchParams: z.array(
     z.object({
@@ -2559,38 +2552,38 @@ z.object({
   ),
   body: z.optional(z.unknown())
 });
-z.map(ResourceId, Resource);
-const InstanceId = z.string();
-const StyleSourceId$1 = z.string();
-const StyleSourceSelection = z.object({
-  instanceId: InstanceId,
-  values: z.array(StyleSourceId$1)
+z.map(resourceId, resource);
+const instanceId = z.string();
+const styleSourceId$1 = z.string();
+const styleSourceSelection = z.object({
+  instanceId,
+  values: z.array(styleSourceId$1)
 });
-z.map(InstanceId, StyleSourceSelection);
-const StyleSourceId = z.string();
-const StyleSourceToken = z.object({
+z.map(instanceId, styleSourceSelection);
+const styleSourceId = z.string();
+const styleSourceToken = z.object({
   type: z.literal("token"),
-  id: StyleSourceId,
+  id: styleSourceId,
   name: z.string(),
   locked: z.boolean().optional()
 });
-const StyleSourceLocal = z.object({
+const styleSourceLocal = z.object({
   type: z.literal("local"),
-  id: StyleSourceId
+  id: styleSourceId
 });
-const StyleSource = z.union([StyleSourceToken, StyleSourceLocal]);
-z.map(StyleSourceId, StyleSource);
-const StyleDeclRaw = z.object({
+const styleSource = z.union([styleSourceToken, styleSourceLocal]);
+z.map(styleSourceId, styleSource);
+const styleDeclRaw = z.object({
   styleSourceId: z.string(),
   breakpointId: z.string(),
   state: z.optional(z.string()),
   // @todo can't figure out how to make property to be enum
   property: z.string(),
-  value: StyleValue,
+  value: styleValue,
   listed: z.boolean().optional().describe("Whether the style is from the Advanced panel")
 });
-const StyleDecl = StyleDeclRaw;
-z.map(z.string(), StyleDecl);
+const styleDecl = styleDeclRaw;
+z.map(z.string(), styleDecl);
 const ALLOWED_FILE_TYPES = {
   // Documents
   pdf: "application/pdf",
@@ -2703,37 +2696,37 @@ const detectAssetType = (fileName) => {
   }
   return "file";
 };
-const getAssetUrl = (asset, origin) => {
+const getAssetUrl = (asset2, origin) => {
   let path;
-  const assetType = detectAssetType(asset.name);
-  if (assetType === "image") {
-    path = `/cgi/image/${asset.name}?format=raw`;
+  const assetType2 = detectAssetType(asset2.name);
+  if (assetType2 === "image") {
+    path = `/cgi/image/${asset2.name}?format=raw`;
   } else {
-    path = `/cgi/asset/${asset.name}?format=raw`;
+    path = `/cgi/asset/${asset2.name}?format=raw`;
   }
   return new URL(path, origin);
 };
-const extractImageMetadata = (asset) => {
-  if (asset.type !== "image") {
+const extractImageMetadata = (asset2) => {
+  if (asset2.type !== "image") {
     return;
   }
-  if (asset.meta.width && asset.meta.height) {
+  if (asset2.meta.width && asset2.meta.height) {
     return {
-      width: asset.meta.width,
-      height: asset.meta.height
+      width: asset2.meta.width,
+      height: asset2.meta.height
     };
   }
 };
-const extractFontMetadata = (asset) => {
-  if (asset.type !== "font") {
+const extractFontMetadata = (asset2) => {
+  if (asset2.type !== "font") {
     return;
   }
   const metadata = {
-    family: asset.meta.family
+    family: asset2.meta.family
   };
-  if ("style" in asset.meta) {
-    metadata.style = asset.meta.style;
-    metadata.weight = asset.meta.weight;
+  if ("style" in asset2.meta) {
+    metadata.style = asset2.meta.style;
+    metadata.weight = asset2.meta.weight;
   }
   return metadata;
 };
@@ -2745,10 +2738,10 @@ const metadataExtractors = {
   font: extractFontMetadata,
   file: extractFileMetadata
 };
-const toRuntimeAsset = (asset, origin) => {
-  const extractor = metadataExtractors[asset.type];
-  const metadata = extractor(asset);
-  const url = getAssetUrl(asset, origin);
+const toRuntimeAsset = (asset2, origin) => {
+  const extractor = metadataExtractors[asset2.type];
+  const metadata = extractor(asset2);
+  const url = getAssetUrl(asset2, origin);
   const relativeUrl = url.pathname + url.search;
   return {
     url: relativeUrl,
@@ -3441,16 +3434,16 @@ const coreMetas = {
 };
 const isCoreComponent = (component) => component === rootComponent || component === elementComponent || component === collectionComponent || component === descendantComponent || component === blockComponent || component === blockTemplateComponent;
 const ROOT_INSTANCE_ID = ":root";
-const traverseInstances = (instances, instanceId, callback) => {
-  const instance = instances.get(instanceId);
-  if (instance === void 0) {
+const traverseInstances = (instances, instanceId2, callback) => {
+  const instance2 = instances.get(instanceId2);
+  if (instance2 === void 0) {
     return;
   }
-  const skipTraversingChildren = callback(instance);
+  const skipTraversingChildren = callback(instance2);
   if (skipTraversingChildren === false) {
     return;
   }
-  for (const child of instance.children) {
+  for (const child of instance2.children) {
     if (child.type === "id") {
       traverseInstances(instances, child.value, callback);
     }
@@ -3458,8 +3451,8 @@ const traverseInstances = (instances, instanceId, callback) => {
 };
 const findTreeInstanceIds = (instances, rootInstanceId) => {
   const ids = /* @__PURE__ */ new Set([rootInstanceId]);
-  traverseInstances(instances, rootInstanceId, (instance) => {
-    ids.add(instance.id);
+  traverseInstances(instances, rootInstanceId, (instance2) => {
+    ids.add(instance2.id);
   });
   return ids;
 };
@@ -3476,30 +3469,30 @@ const parseComponentName = (componentName) => {
 };
 const getHtmlTagsFromProps = (props) => {
   const tags2 = /* @__PURE__ */ new Map();
-  for (const prop of props.values()) {
-    if (prop.type === "string" && prop.name === "tag") {
-      tags2.set(prop.instanceId, prop.value);
+  for (const prop2 of props.values()) {
+    if (prop2.type === "string" && prop2.name === "tag") {
+      tags2.set(prop2.instanceId, prop2.value);
     }
   }
   return tags2;
 };
 const getHtmlTagFromInstance = ({
-  instance,
+  instance: instance2,
   metas,
   props,
   htmlTagsByInstanceId
 }) => {
-  if (instance.component === "XmlNode") {
+  if (instance2.component === "XmlNode") {
     return;
   }
-  if (instance.tag !== void 0) {
-    return instance.tag;
+  if (instance2.tag !== void 0) {
+    return instance2.tag;
   }
-  const propTag = htmlTagsByInstanceId === void 0 ? props === void 0 ? void 0 : getHtmlTagsFromProps(props).get(instance.id) : htmlTagsByInstanceId.get(instance.id);
+  const propTag = htmlTagsByInstanceId === void 0 ? props === void 0 ? void 0 : getHtmlTagsFromProps(props).get(instance2.id) : htmlTagsByInstanceId.get(instance2.id);
   if (propTag !== void 0) {
     return propTag;
   }
-  const meta = metas.get(instance.component);
+  const meta = metas.get(instance2.component);
   const metaTag = Object.keys((meta == null ? void 0 : meta.presetStyle) ?? {}).at(0);
   return metaTag;
 };
@@ -3511,17 +3504,17 @@ const getIndexesWithinAncestors = (metas, instances, rootIds) => {
     }
   }
   const indexes = /* @__PURE__ */ new Map();
-  const traverseInstances2 = (instances2, instanceId, latestIndexes2 = /* @__PURE__ */ new Map()) => {
-    const instance = instances2.get(instanceId);
-    if (instance === void 0) {
+  const traverseInstances2 = (instances2, instanceId2, latestIndexes2 = /* @__PURE__ */ new Map()) => {
+    const instance2 = instances2.get(instanceId2);
+    if (instance2 === void 0) {
       return;
     }
-    const meta = metas.get(instance.component);
-    if (ancestors.has(instance.component)) {
+    const meta = metas.get(instance2.component);
+    if (ancestors.has(instance2.component)) {
       latestIndexes2 = new Map(latestIndexes2);
-      latestIndexes2.set(instance.component, /* @__PURE__ */ new Map());
+      latestIndexes2.set(instance2.component, /* @__PURE__ */ new Map());
     }
-    if (instance.component === blockTemplateComponent) {
+    if (instance2.component === blockTemplateComponent) {
       latestIndexes2 = new Map(latestIndexes2);
       for (const key of latestIndexes2.keys()) {
         latestIndexes2.set(key, /* @__PURE__ */ new Map());
@@ -3530,21 +3523,21 @@ const getIndexesWithinAncestors = (metas, instances, rootIds) => {
     if ((meta == null ? void 0 : meta.indexWithinAncestor) !== void 0) {
       const ancestorIndexes = latestIndexes2.get(meta.indexWithinAncestor);
       if (ancestorIndexes) {
-        let index = ancestorIndexes.get(instance.component) ?? -1;
+        let index = ancestorIndexes.get(instance2.component) ?? -1;
         index += 1;
-        ancestorIndexes.set(instance.component, index);
-        indexes.set(instance.id, index);
+        ancestorIndexes.set(instance2.component, index);
+        indexes.set(instance2.id, index);
       }
     }
-    for (const child of instance.children) {
+    for (const child of instance2.children) {
       if (child.type === "id") {
         traverseInstances2(instances2, child.value, latestIndexes2);
       }
     }
   };
   const latestIndexes = /* @__PURE__ */ new Map();
-  for (const instanceId of rootIds) {
-    traverseInstances2(instances, instanceId, latestIndexes);
+  for (const instanceId2 of rootIds) {
+    traverseInstances2(instances, instanceId2, latestIndexes);
   }
   return indexes;
 };
@@ -3734,72 +3727,72 @@ const tokenRegex = new RegExp(":(?<name>\\w+)(?<modifier>[?*]?)|(?<wildcard>(?<!
 const isPathnamePattern = (pathname) => tokenRegex.test(pathname);
 const ROOT_FOLDER_ID = "root";
 const isRootFolder = ({ id }) => id === ROOT_FOLDER_ID;
-const getPageById = (pages, pageId) => {
-  return pages.pages.get(pageId);
+const getPageById = (pages2, pageId2) => {
+  return pages2.pages.get(pageId2);
 };
-const getAllPages = (pages) => {
-  return Array.from(pages.pages.values());
+const getAllPages = (pages2) => {
+  return Array.from(pages2.pages.values());
 };
-const getAllFolders = (pages) => {
-  return Array.from(pages.folders.values());
+const getAllFolders = (pages2) => {
+  return Array.from(pages2.folders.values());
 };
-const getHomePage = (pages) => {
-  const homePage = getPageById(pages, pages.homePageId);
+const getHomePage = (pages2) => {
+  const homePage = getPageById(pages2, pages2.homePageId);
   if (homePage === void 0) {
-    throw new Error(`Home page "${pages.homePageId}" was not found.`);
+    throw new Error(`Home page "${pages2.homePageId}" was not found.`);
   }
   return homePage;
 };
-function findPageByIdOrPath(idOrPath, pages, options = {}) {
+function findPageByIdOrPath(idOrPath, pages2, options = {}) {
   var _a;
-  if (idOrPath === "" || idOrPath === "/" || idOrPath === pages.homePageId) {
-    return getHomePage(pages);
+  if (idOrPath === "" || idOrPath === "/" || idOrPath === pages2.homePageId) {
+    return getHomePage(pages2);
   }
-  const found = getAllPages(pages).find(
-    (page) => page.id === idOrPath || getPagePath(page.id, pages) === idOrPath
+  const found = getAllPages(pages2).find(
+    (page2) => page2.id === idOrPath || getPagePath(page2.id, pages2) === idOrPath
   );
   if (found) {
     return found;
   }
   if (options.includeTemplates) {
-    return (_a = pages.pageTemplates) == null ? void 0 : _a.get(idOrPath);
+    return (_a = pages2.pageTemplates) == null ? void 0 : _a.get(idOrPath);
   }
 }
-const getPagePath = (id, pages) => {
+const getPagePath = (id, pages2) => {
   const foldersMap = /* @__PURE__ */ new Map();
   const childParentMap = /* @__PURE__ */ new Map();
-  for (const folder of getAllFolders(pages)) {
-    foldersMap.set(folder.id, folder);
-    for (const childId of folder.children) {
-      childParentMap.set(childId, folder.id);
+  for (const folder2 of getAllFolders(pages2)) {
+    foldersMap.set(folder2.id, folder2);
+    for (const childId of folder2.children) {
+      childParentMap.set(childId, folder2.id);
     }
   }
   const paths = [];
   let currentId = id;
-  const allPages = getAllPages(pages);
-  for (const page of allPages) {
-    if (page.id === id) {
-      paths.push(page.path);
-      currentId = childParentMap.get(page.id);
+  const allPages = getAllPages(pages2);
+  for (const page2 of allPages) {
+    if (page2.id === id) {
+      paths.push(page2.path);
+      currentId = childParentMap.get(page2.id);
       break;
     }
   }
   while (currentId) {
-    const folder = foldersMap.get(currentId);
-    if (folder === void 0) {
+    const folder2 = foldersMap.get(currentId);
+    if (folder2 === void 0) {
       break;
     }
-    paths.push(folder.slug);
+    paths.push(folder2.slug);
     currentId = childParentMap.get(currentId);
   }
   return paths.reverse().join("/").replace(/\/+/g, "/");
 };
-const getStaticSiteMapXml = (pages, updatedAt) => {
-  const allPages = getAllPages(pages);
-  return allPages.filter((page) => (page.meta.documentType ?? "html") === "html").filter(
-    (page) => executeExpression(page.meta.excludePageFromSearch) !== true
-  ).filter((page) => false === isPathnamePattern(page.path)).map((page) => ({
-    path: getPagePath(page.id, pages),
+const getStaticSiteMapXml = (pages2, updatedAt) => {
+  const allPages = getAllPages(pages2);
+  return allPages.filter((page2) => (page2.meta.documentType ?? "html") === "html").filter(
+    (page2) => executeExpression(page2.meta.excludePageFromSearch) !== true
+  ).filter((page2) => false === isPathnamePattern(page2.path)).map((page2) => ({
+    path: getPagePath(page2.id, pages2),
     lastModified: updatedAt.split("T")[0]
   }));
 };
@@ -3846,22 +3839,22 @@ const createScope = (occupiedIdentifiers = [], normalizeName = normalizeJsName,
 };
 const generateResources = ({
   scope,
-  page,
+  page: page2,
   dataSources,
   props,
   resources
 }) => {
   const usedDataSources = /* @__PURE__ */ new Map();
   let generatedRequests = "";
-  for (const resource of resources.values()) {
+  for (const resource2 of resources.values()) {
     let generatedRequest = "";
-    const resourceName = scope.getName(resource.id, resource.name);
+    const resourceName = scope.getName(resource2.id, resource2.name);
     generatedRequest += `  const ${resourceName}: ResourceRequest = {
 `;
-    generatedRequest += `    name: ${JSON.stringify(resource.name)},
+    generatedRequest += `    name: ${JSON.stringify(resource2.name)},
 `;
     const url = generateExpression({
-      expression: resource.url,
+      expression: resource2.url,
       dataSources,
       usedDataSources,
       scope
@@ -3870,7 +3863,7 @@ const generateResources = ({
 `;
     generatedRequest += `    searchParams: [
 `;
-    for (const searchParam of resource.searchParams ?? []) {
+    for (const searchParam of resource2.searchParams ?? []) {
       const value = generateExpression({
         expression: searchParam.value,
         dataSources,
@@ -3882,11 +3875,11 @@ const generateResources = ({
     }
     generatedRequest += `    ],
 `;
-    generatedRequest += `    method: "${resource.method}",
+    generatedRequest += `    method: "${resource2.method}",
 `;
     generatedRequest += `    headers: [
 `;
-    for (const header2 of resource.headers) {
+    for (const header2 of resource2.headers) {
       const value = generateExpression({
         expression: header2.value,
         dataSources,
@@ -3898,9 +3891,9 @@ const generateResources = ({
     }
     generatedRequest += `    ],
 `;
-    if (resource.body !== void 0 && resource.body.length > 0) {
+    if (resource2.body !== void 0 && resource2.body.length > 0) {
       const body2 = generateExpression({
-        expression: resource.body,
+        expression: resource2.body,
         dataSources,
         usedDataSources,
         scope
@@ -3913,16 +3906,16 @@ const generateResources = ({
     generatedRequests += generatedRequest;
   }
   let generatedVariables = "";
-  for (const dataSource of usedDataSources.values()) {
-    if (dataSource.type === "variable") {
-      const name2 = scope.getName(dataSource.id, dataSource.name);
-      const value = JSON.stringify(dataSource.value.value);
+  for (const dataSource2 of usedDataSources.values()) {
+    if (dataSource2.type === "variable") {
+      const name2 = scope.getName(dataSource2.id, dataSource2.name);
+      const value = JSON.stringify(dataSource2.value.value);
       generatedVariables += `  let ${name2} = ${value}
 `;
     }
-    if (dataSource.type === "parameter") {
-      if (dataSource.id === page.systemDataSourceId || dataSource.id === SYSTEM_VARIABLE_ID) {
-        const name2 = scope.getName(dataSource.id, dataSource.name);
+    if (dataSource2.type === "parameter") {
+      if (dataSource2.id === page2.systemDataSourceId || dataSource2.id === SYSTEM_VARIABLE_ID) {
+        const name2 = scope.getName(dataSource2.id, dataSource2.name);
         generatedVariables += `  const ${name2} = _props.system
 `;
       }
@@ -3937,9 +3930,9 @@ const generateResources = ({
   generated += generatedRequests;
   generated += `  const _data = new Map<string, ResourceRequest>([
 `;
-  for (const dataSource of dataSources.values()) {
-    if (dataSource.type === "resource") {
-      const name2 = scope.getName(dataSource.resourceId, dataSource.name);
+  for (const dataSource2 of dataSources.values()) {
+    if (dataSource2.type === "resource") {
+      const name2 = scope.getName(dataSource2.resourceId, dataSource2.name);
       generated += `    ["${name2}", ${name2}],
 `;
     }
@@ -3948,9 +3941,9 @@ const generateResources = ({
 `;
   generated += `  const _action = new Map<string, ResourceRequest>([
 `;
-  for (const prop of props.values()) {
-    if (prop.type === "resource") {
-      const name2 = scope.getName(prop.value, prop.name);
+  for (const prop2 of props.values()) {
+    if (prop2.type === "resource") {
+      const name2 = scope.getName(prop2.value, prop2.name);
       generated += `    ["${name2}", ${name2}],
 `;
     }
@@ -3982,38 +3975,38 @@ const replaceFormActionsWithResources = ({
 }) => {
   var _a, _b;
   const formProps = /* @__PURE__ */ new Map();
-  for (const prop of props.values()) {
-    if (prop.name === "method" && prop.type === "string" && ((_a = instances.get(prop.instanceId)) == null ? void 0 : _a.component) === "Form") {
-      let data = formProps.get(prop.instanceId);
+  for (const prop2 of props.values()) {
+    if (prop2.name === "method" && prop2.type === "string" && ((_a = instances.get(prop2.instanceId)) == null ? void 0 : _a.component) === "Form") {
+      let data = formProps.get(prop2.instanceId);
       if (data === void 0) {
         data = {};
-        formProps.set(prop.instanceId, data);
+        formProps.set(prop2.instanceId, data);
       }
-      data.method = prop.value;
-      props.delete(prop.id);
+      data.method = prop2.value;
+      props.delete(prop2.id);
     }
-    if (prop.name === "action" && prop.type === "string" && prop.value && ((_b = instances.get(prop.instanceId)) == null ? void 0 : _b.component) === "Form") {
-      let data = formProps.get(prop.instanceId);
+    if (prop2.name === "action" && prop2.type === "string" && prop2.value && ((_b = instances.get(prop2.instanceId)) == null ? void 0 : _b.component) === "Form") {
+      let data = formProps.get(prop2.instanceId);
       if (data === void 0) {
         data = {};
-        formProps.set(prop.instanceId, data);
+        formProps.set(prop2.instanceId, data);
       }
-      data.action = prop.value;
-      props.set(prop.id, {
-        id: prop.id,
-        instanceId: prop.instanceId,
-        name: prop.name,
+      data.action = prop2.value;
+      props.set(prop2.id, {
+        id: prop2.id,
+        instanceId: prop2.instanceId,
+        name: prop2.name,
         type: "resource",
-        value: prop.instanceId
+        value: prop2.instanceId
       });
     }
   }
-  for (const [instanceId, { action, method }] of formProps) {
+  for (const [instanceId2, { action, method: method2 }] of formProps) {
     if (action) {
-      resources.set(instanceId, {
-        id: instanceId,
+      resources.set(instanceId2, {
+        id: instanceId2,
         name: "action",
-        method: getMethod(method),
+        method: getMethod(method2),
         url: JSON.stringify(action),
         headers: [
           { name: "Content-Type", value: JSON.stringify("application/json") }
@@ -4024,7 +4017,7 @@ const replaceFormActionsWithResources = ({
 };
 const generatePageMeta = ({
   globalScope,
-  page,
+  page: page2,
   dataSources,
   assets
 }) => {
@@ -4032,52 +4025,52 @@ const generatePageMeta = ({
   const localScope = createScope(["system", "resources"]);
   const usedDataSources = /* @__PURE__ */ new Map();
   const titleExpression = generateExpression({
-    expression: page.title,
+    expression: page2.title,
     dataSources,
     usedDataSources,
     scope: localScope
   });
   const descriptionExpression = generateExpression({
-    expression: page.meta.description ?? "undefined",
+    expression: page2.meta.description ?? "undefined",
     dataSources,
     usedDataSources,
     scope: localScope
   });
   const excludePageFromSearchExpression = generateExpression({
-    expression: page.meta.excludePageFromSearch ?? "undefined",
+    expression: page2.meta.excludePageFromSearch ?? "undefined",
     dataSources,
     usedDataSources,
     scope: localScope
   });
   const languageExpression = generateExpression({
-    expression: page.meta.language ?? "undefined",
+    expression: page2.meta.language ?? "undefined",
     dataSources,
     usedDataSources,
     scope: localScope
   });
   const socialImageAssetNameExpression = JSON.stringify(
-    page.meta.socialImageAssetId ? (_a = assets.get(page.meta.socialImageAssetId)) == null ? void 0 : _a.name : void 0
+    page2.meta.socialImageAssetId ? (_a = assets.get(page2.meta.socialImageAssetId)) == null ? void 0 : _a.name : void 0
   );
   const socialImageUrlExpression = generateExpression({
-    expression: page.meta.socialImageUrl ?? "undefined",
+    expression: page2.meta.socialImageUrl ?? "undefined",
     dataSources,
     usedDataSources,
     scope: localScope
   });
   const statusExpression = generateExpression({
-    expression: page.meta.status ?? "undefined",
+    expression: page2.meta.status ?? "undefined",
     dataSources,
     usedDataSources,
     scope: localScope
   });
   const redirectExpression = generateExpression({
-    expression: page.meta.redirect ?? "undefined",
+    expression: page2.meta.redirect ?? "undefined",
     dataSources,
     usedDataSources,
     scope: localScope
   });
   const contentExpression = generateExpression({
-    expression: page.meta.content ?? "undefined",
+    expression: page2.meta.content ?? "undefined",
     dataSources,
     usedDataSources,
     scope: localScope
@@ -4085,7 +4078,7 @@ const generatePageMeta = ({
   let customExpression = "";
   customExpression += `[
 `;
-  for (const customMeta of page.meta.custom ?? []) {
+  for (const customMeta of page2.meta.custom ?? []) {
     if (customMeta.property.trim().length === 0) {
       continue;
     }
@@ -4121,27 +4114,27 @@ const generatePageMeta = ({
 `;
   generated += `}): PageMeta => {
 `;
-  for (const dataSource of usedDataSources.values()) {
-    if (dataSource.type === "variable") {
-      const valueName = localScope.getName(dataSource.id, dataSource.name);
-      const initialValueString = JSON.stringify(dataSource.value.value);
+  for (const dataSource2 of usedDataSources.values()) {
+    if (dataSource2.type === "variable") {
+      const valueName = localScope.getName(dataSource2.id, dataSource2.name);
+      const initialValueString = JSON.stringify(dataSource2.value.value);
       generated += `  let ${valueName} = ${initialValueString}
 `;
       continue;
     }
-    if (dataSource.type === "parameter") {
-      if (dataSource.id === page.systemDataSourceId || dataSource.id === SYSTEM_VARIABLE_ID) {
-        const valueName = localScope.getName(dataSource.id, dataSource.name);
+    if (dataSource2.type === "parameter") {
+      if (dataSource2.id === page2.systemDataSourceId || dataSource2.id === SYSTEM_VARIABLE_ID) {
+        const valueName = localScope.getName(dataSource2.id, dataSource2.name);
         generated += `  let ${valueName} = system
 `;
       }
       continue;
     }
-    if (dataSource.type === "resource") {
-      const valueName = localScope.getName(dataSource.id, dataSource.name);
+    if (dataSource2.type === "resource") {
+      const valueName = localScope.getName(dataSource2.id, dataSource2.name);
       const resourceName = globalScope.getName(
-        dataSource.resourceId,
-        dataSource.name
+        dataSource2.resourceId,
+        dataSource2.name
       );
       generated += `  let ${valueName} = resources.${resourceName}
 `;
@@ -4182,9 +4175,9 @@ const addFontRules = ({
   assetBaseUrl
 }) => {
   const fontAssets = [];
-  for (const asset of assets.values()) {
-    if (asset.type === "font") {
-      fontAssets.push(asset);
+  for (const asset2 of assets.values()) {
+    if (asset2.type === "font") {
+      fontAssets.push(asset2);
     }
   }
   const fontFaces = getFontFaces(fontAssets, { assetBaseUrl });
@@ -4192,20 +4185,20 @@ const addFontRules = ({
     sheet.addFontFaceRule(fontFace);
   }
 };
-const createImageValueTransformer = (assets, { assetBaseUrl }) => (styleValue) => {
-  if (styleValue.type === "image" && styleValue.value.type === "asset") {
-    const asset = assets.get(styleValue.value.value);
-    if (asset === void 0) {
+const createImageValueTransformer = (assets, { assetBaseUrl }) => (styleValue2) => {
+  if (styleValue2.type === "image" && styleValue2.value.type === "asset") {
+    const asset2 = assets.get(styleValue2.value.value);
+    if (asset2 === void 0) {
       return { type: "keyword", value: "none" };
     }
-    const url = `${assetBaseUrl}${asset.name}`;
+    const url = `${assetBaseUrl}${asset2.name}`;
     return {
       type: "image",
       value: {
         type: "url",
         url
       },
-      hidden: styleValue.hidden
+      hidden: styleValue2.hidden
     };
   }
 };
@@ -4231,14 +4224,14 @@ const generateCss = ({
   const tagsByComponent = /* @__PURE__ */ new Map();
   tagsByComponent.set(rootComponent, /* @__PURE__ */ new Set(["html"]));
   const htmlTagsByInstanceId = getHtmlTagsFromProps(props);
-  for (const instance of instances.values()) {
-    let componentTags = tagsByComponent.get(instance.component);
+  for (const instance2 of instances.values()) {
+    let componentTags = tagsByComponent.get(instance2.component);
     if (componentTags === void 0) {
       componentTags = /* @__PURE__ */ new Set();
-      tagsByComponent.set(instance.component, componentTags);
+      tagsByComponent.set(instance2.component, componentTags);
     }
     const tag = getHtmlTagFromInstance({
-      instance,
+      instance: instance2,
       metas: componentMetas,
       props,
       htmlTagsByInstanceId
@@ -4271,78 +4264,78 @@ const generateCss = ({
       }
     }
   }
-  for (const breakpoint of breakpoints.values()) {
-    userSheet.addMediaRule(breakpoint.id, breakpoint);
+  for (const breakpoint2 of breakpoints.values()) {
+    userSheet.addMediaRule(breakpoint2.id, breakpoint2);
   }
   const imageValueTransformer = createImageValueTransformer(assets, {
     assetBaseUrl
   });
   userSheet.setTransformer(imageValueTransformer);
-  for (const styleDecl of styles.values()) {
-    const rule = userSheet.addMixinRule(styleDecl.styleSourceId);
+  for (const styleDecl2 of styles.values()) {
+    const rule = userSheet.addMixinRule(styleDecl2.styleSourceId);
     rule.setDeclaration({
-      breakpoint: styleDecl.breakpointId,
-      selector: styleDecl.state ?? "",
-      property: styleDecl.property,
-      value: styleDecl.value
+      breakpoint: styleDecl2.breakpointId,
+      selector: styleDecl2.state ?? "",
+      property: styleDecl2.property,
+      value: styleDecl2.value
     });
   }
   const classes = /* @__PURE__ */ new Map();
   const parentIdByInstanceId = /* @__PURE__ */ new Map();
-  for (const instance of instances.values()) {
-    const presetClass = presetClasses.get(instance.component);
+  for (const instance2 of instances.values()) {
+    const presetClass = presetClasses.get(instance2.component);
     if (presetClass) {
-      classes.set(instance.id, [presetClass]);
+      classes.set(instance2.id, [presetClass]);
     }
-    for (const child of instance.children) {
+    for (const child of instance2.children) {
       if (child.type === "id") {
-        parentIdByInstanceId.set(child.value, instance.id);
+        parentIdByInstanceId.set(child.value, instance2.id);
       }
     }
   }
   const descendantSelectorByInstanceId = /* @__PURE__ */ new Map();
-  for (const prop of props.values()) {
-    if (prop.name === "selector" && prop.type === "string") {
-      descendantSelectorByInstanceId.set(prop.instanceId, prop.value);
+  for (const prop2 of props.values()) {
+    if (prop2.name === "selector" && prop2.type === "string") {
+      descendantSelectorByInstanceId.set(prop2.instanceId, prop2.value);
     }
   }
   const instanceByRule = /* @__PURE__ */ new Map();
   for (const selection of styleSourceSelections.values()) {
-    let { instanceId } = selection;
+    let { instanceId: instanceId2 } = selection;
     const { values } = selection;
-    if (instanceId === ROOT_INSTANCE_ID) {
+    if (instanceId2 === ROOT_INSTANCE_ID) {
       const rule2 = userSheet.addNestingRule(`:root`);
       rule2.applyMixins(values);
       continue;
     }
     let descendantSuffix = "";
-    const instance = instances.get(instanceId);
-    if (instance === void 0) {
+    const instance2 = instances.get(instanceId2);
+    if (instance2 === void 0) {
       continue;
     }
-    if (instance.component === descendantComponent) {
-      const parentId = parentIdByInstanceId.get(instanceId);
-      const descendantSelector = descendantSelectorByInstanceId.get(instanceId);
+    if (instance2.component === descendantComponent) {
+      const parentId = parentIdByInstanceId.get(instanceId2);
+      const descendantSelector = descendantSelectorByInstanceId.get(instanceId2);
       if (parentId && descendantSelector) {
         descendantSuffix = descendantSelector;
-        instanceId = parentId;
+        instanceId2 = parentId;
       }
     }
-    const meta = componentMetas.get(instance.component);
-    const [_namespace, shortName] = parseComponentName(instance.component);
-    const baseName = instance.label ?? (meta == null ? void 0 : meta.label) ?? shortName;
-    const className = `w-${scope.getName(instanceId, baseName)}`;
+    const meta = componentMetas.get(instance2.component);
+    const [_namespace, shortName] = parseComponentName(instance2.component);
+    const baseName = instance2.label ?? (meta == null ? void 0 : meta.label) ?? shortName;
+    const className = `w-${scope.getName(instanceId2, baseName)}`;
     if (atomic === false) {
-      let classList = classes.get(instanceId);
+      let classList = classes.get(instanceId2);
       if (classList === void 0) {
         classList = [];
-        classes.set(instanceId, classList);
+        classes.set(instanceId2, classList);
       }
       classList.push(className);
     }
     const rule = userSheet.addNestingRule(`.${className}`, descendantSuffix);
     rule.applyMixins(values);
-    instanceByRule.set(rule, instanceId);
+    instanceByRule.set(rule, instanceId2);
   }
   const fontCss = fontSheet.cssText;
   const presetCss = presetSheet.cssText.replaceAll(
@@ -4367,15 +4360,15 @@ ${userSheet.cssText}`,
     classes
   };
 };
-const SerializedPagesSchema = z.object({
-  meta: ProjectMeta.optional(),
-  compiler: CompilerSettings.optional(),
-  redirects: z.array(PageRedirect).optional(),
+const serializedPages = z.object({
+  meta: projectMeta.optional(),
+  compiler: compilerSettings.optional(),
+  redirects: z.array(pageRedirect).optional(),
   homePageId: z.string(),
   rootFolderId: z.string(),
-  pages: z.array(Page),
-  pageTemplates: z.union([z.array(PageTemplate), z.record(PageTemplate)]).optional(),
-  folders: z.array(Folder)
+  pages: z.array(page),
+  pageTemplates: z.union([z.array(pageTemplate), z.record(pageTemplate)]).optional(),
+  folders: z.array(folder)
 });
 const toMap = (items, normalizeItem = (item) => item) => {
   if (items instanceof Map) {
@@ -4386,40 +4379,40 @@ const toMap = (items, normalizeItem = (item) => item) => {
   const list = Array.isArray(items) ? items : Object.values(items);
   return new Map(list.map((item) => [item.id, normalizeItem(item)]));
 };
-const normalizePage = (page) => ({
-  ...page,
-  meta: page.meta ?? {}
+const normalizePage = (page2) => ({
+  ...page2,
+  meta: page2.meta ?? {}
 });
-const isLegacyPages = (pages) => {
-  if (typeof pages !== "object" || pages === null) {
+const isLegacyPages = (pages2) => {
+  if (typeof pages2 !== "object" || pages2 === null) {
     return false;
   }
-  return "homePage" in pages && Array.isArray(pages.pages);
+  return "homePage" in pages2 && Array.isArray(pages2.pages);
 };
-const isSerializedPages = (pages) => {
-  if (typeof pages !== "object" || pages === null) {
+const isSerializedPages = (pages2) => {
+  if (typeof pages2 !== "object" || pages2 === null) {
     return false;
   }
-  const candidate = pages;
+  const candidate = pages2;
   return typeof candidate.homePageId === "string" && typeof candidate.rootFolderId === "string" && candidate.pages !== void 0 && candidate.folders !== void 0;
 };
-const removeOrphanFolderChildren = (pages, folders) => {
+const removeOrphanFolderChildren = (pages2, folders) => {
   const nextFolders = /* @__PURE__ */ new Map();
-  for (const [folderId, folder] of folders) {
-    nextFolders.set(folderId, {
-      ...folder,
-      children: folder.children.filter(
-        (childId) => pages.has(childId) || folders.has(childId)
+  for (const [folderId2, folder2] of folders) {
+    nextFolders.set(folderId2, {
+      ...folder2,
+      children: folder2.children.filter(
+        (childId) => pages2.has(childId) || folders.has(childId)
       )
     });
   }
   return nextFolders;
 };
-const migratePages = (pages) => {
+const migratePages = (pagesData) => {
   var _a;
-  if (isSerializedPages(pages) && pages.pages instanceof Map && pages.folders instanceof Map) {
-    const currentPages = pages;
-    const result = Pages.safeParse(currentPages);
+  if (isSerializedPages(pagesData) && pagesData.pages instanceof Map && pagesData.folders instanceof Map) {
+    const currentPages = pagesData;
+    const result = pages.safeParse(currentPages);
     if (result.success && currentPages.pageTemplates !== void 0) {
       return currentPages;
     }
@@ -4432,39 +4425,39 @@ const migratePages = (pages) => {
       )
     };
   }
-  if (isSerializedPages(pages)) {
-    const nextPages2 = toMap(pages.pages, normalizePage);
-    const nextFolders2 = toMap(pages.folders);
+  if (isSerializedPages(pagesData)) {
+    const nextPages2 = toMap(pagesData.pages, normalizePage);
+    const nextFolders2 = toMap(pagesData.folders);
     return {
-      meta: pages.meta,
-      compiler: pages.compiler,
-      redirects: pages.redirects,
-      homePageId: pages.homePageId,
-      rootFolderId: pages.rootFolderId,
+      meta: pagesData.meta,
+      compiler: pagesData.compiler,
+      redirects: pagesData.redirects,
+      homePageId: pagesData.homePageId,
+      rootFolderId: pagesData.rootFolderId,
       pages: nextPages2,
-      pageTemplates: pages.pageTemplates === void 0 ? /* @__PURE__ */ new Map() : toMap(pages.pageTemplates),
+      pageTemplates: pagesData.pageTemplates === void 0 ? /* @__PURE__ */ new Map() : toMap(pagesData.pageTemplates),
       folders: removeOrphanFolderChildren(nextPages2, nextFolders2)
     };
   }
-  if (isLegacyPages(pages) === false) {
+  if (isLegacyPages(pagesData) === false) {
     throw new Error("Pages data has unsupported shape.");
   }
   const homePage = {
-    ...normalizePage(pages.homePage),
+    ...normalizePage(pagesData.homePage),
     path: ""
   };
   const nextPages = /* @__PURE__ */ new Map([[homePage.id, homePage]]);
-  for (const page of pages.pages) {
-    if (page.id === homePage.id) {
+  for (const page2 of pagesData.pages) {
+    if (page2.id === homePage.id) {
       continue;
     }
-    nextPages.set(page.id, normalizePage(page));
+    nextPages.set(page2.id, normalizePage(page2));
   }
   const nextFolders = /* @__PURE__ */ new Map();
-  for (const folder of pages.folders ?? []) {
-    nextFolders.set(folder.id, { ...folder, children: [...folder.children] });
+  for (const folder2 of pagesData.folders ?? []) {
+    nextFolders.set(folder2.id, { ...folder2, children: [...folder2.children] });
   }
-  const rootFolder = Array.from(nextFolders.values()).find(isRootFolder) ?? ((_a = pages.folders) == null ? void 0 : _a[0]) ?? {
+  const rootFolder = Array.from(nextFolders.values()).find(isRootFolder) ?? ((_a = pagesData.folders) == null ? void 0 : _a[0]) ?? {
     id: ROOT_FOLDER_ID,
     name: "Root",
     slug: "",
@@ -4477,25 +4470,25 @@ const migratePages = (pages) => {
   if (nextRootFolder === void 0) {
     throw new Error("Pages must include a root folder.");
   }
-  for (const folder of nextFolders.values()) {
-    folder.children = folder.children.filter(
+  for (const folder2 of nextFolders.values()) {
+    folder2.children = folder2.children.filter(
       (childId) => childId !== homePage.id && (nextPages.has(childId) || nextFolders.has(childId))
     );
   }
   nextRootFolder.children.unshift(homePage.id);
   const referencedIds = new Set(
-    Array.from(nextFolders.values()).flatMap((folder) => folder.children)
+    Array.from(nextFolders.values()).flatMap((folder2) => folder2.children)
   );
-  for (const page of pages.pages) {
-    if (page.id !== homePage.id && referencedIds.has(page.id) === false) {
-      nextRootFolder.children.push(page.id);
-      referencedIds.add(page.id);
+  for (const page2 of pagesData.pages) {
+    if (page2.id !== homePage.id && referencedIds.has(page2.id) === false) {
+      nextRootFolder.children.push(page2.id);
+      referencedIds.add(page2.id);
     }
   }
   return {
-    meta: pages.meta,
-    compiler: pages.compiler,
-    redirects: pages.redirects,
+    meta: pagesData.meta,
+    compiler: pagesData.compiler,
+    redirects: pagesData.redirects,
     homePageId: homePage.id,
     rootFolderId: rootFolder.id,
     pages: nextPages,
@@ -4503,26 +4496,26 @@ const migratePages = (pages) => {
     folders: nextFolders
   };
 };
-const entrySchema = (value) => z.tuple([z.string(), value]);
+const entry = (value) => z.tuple([z.string(), value]);
 const serializedBuildShape = {
   id: z.string(),
   projectId: z.string(),
   version: z.number(),
   createdAt: z.string(),
   updatedAt: z.string(),
-  pages: SerializedPagesSchema,
-  breakpoints: z.array(entrySchema(Breakpoint)),
-  styles: z.array(entrySchema(StyleDecl)),
-  styleSources: z.array(entrySchema(StyleSource)),
-  styleSourceSelections: z.array(entrySchema(StyleSourceSelection)),
-  props: z.array(entrySchema(Prop)),
-  instances: z.array(entrySchema(Instance)),
-  dataSources: z.array(entrySchema(DataSource)),
-  resources: z.array(entrySchema(Resource)),
-  deployment: Deployment.optional()
-};
-const SerializedBuildSchema = z.object(serializedBuildShape);
-const basicAuthInputSchema = z.union([
+  pages: serializedPages,
+  breakpoints: z.array(entry(breakpoint)),
+  styles: z.array(entry(styleDecl)),
+  styleSources: z.array(entry(styleSource)),
+  styleSourceSelections: z.array(entry(styleSourceSelection)),
+  props: z.array(entry(prop)),
+  instances: z.array(entry(instance)),
+  dataSources: z.array(entry(dataSource)),
+  resources: z.array(entry(resource)),
+  deployment: deployment.optional()
+};
+const serializedBuild = z.object(serializedBuildShape);
+const basicAuthInput = z.union([
   z.object({
     method: z.literal("basic"),
     login: z.string(),
@@ -4534,14 +4527,10 @@ const basicAuthInputSchema = z.union([
     password: z.string()
   })
 ]);
-const wsAuthConfigSchema = z.object({
+const wsAuthConfig = z.object({
   version: z.literal(1),
-  routes: z.record(basicAuthInputSchema)
+  routes: z.record(basicAuthInput)
 });
-const version$1 = "0.271.0";
-const packageJson$1 = {
-  version: version$1
-};
 const getFunctionContract = (value) => {
   if (typeof value !== "function") {
     return;
@@ -4715,8 +4704,7 @@ const stableStringify = (value) => {
   }
   return JSON.stringify(value);
 };
-const createContractVersion = (schema, version2, additionalSchemas = []) => {
-  const bundlePackageVersion = version2.replace(/-webstudio-version$/, "");
+const createContractVersion = (schema, additionalSchemas = []) => {
   let hash2 = 2166136261;
   for (const char of stableStringify({
     additionalSchemas: additionalSchemas.map(
@@ -4727,74 +4715,64 @@ const createContractVersion = (schema, version2, additionalSchemas = []) => {
     hash2 ^= char.charCodeAt(0);
     hash2 = Math.imul(hash2, 16777619);
   }
-  return `bundle-${bundlePackageVersion}-${(hash2 >>> 0).toString(16).padStart(8, "0")}`;
-};
-const assetFileDataPattern = /^[A-Za-z0-9+/]*={0,2}$/;
-const isAssetFileDataString = (value) => {
-  if (value.length % 4 !== 0) {
-    return false;
-  }
-  if (assetFileDataPattern.test(value) === false) {
-    return false;
+  return `bundle-${(hash2 >>> 0).toString(16).padStart(8, "0")}`;
+};
+const maxProjectBundleSize = 20 * 1024 * 1024;
+const stagedUploadPath = "/rest/staged-upload";
+const stagedUploadProjectIdHeader = "x-webstudio-project-id";
+const assetFileName = z.string().min(1).regex(/^(?!\.{1,2}$)[^/\\]+$/);
+const isAssetFileName = (value) => assetFileName.safeParse(value).success;
+const missingImportedAssetFilesPrefix = "Imported asset files are missing: ";
+const parseMissingImportedAssetFilesMessage = (error) => {
+  const message = error instanceof Error ? error.message : String(error);
+  const start = message.indexOf(missingImportedAssetFilesPrefix);
+  if (start === -1) {
+    return;
   }
-  const paddingIndex = value.indexOf("=");
-  return paddingIndex === -1 || paddingIndex >= value.length - 2;
-};
-const assertAssetFileDataString = Object.assign(
-  (value, context) => {
-    if (isAssetFileDataString(value)) {
-      return;
-    }
-    context.addIssue({
-      code: z.ZodIssueCode.custom,
-      message: "Invalid asset file data"
-    });
-  },
-  {
-    contract: {
-      encoding: "base64",
-      length: "multiple-of-4",
-      padding: "only-last-two-characters",
-      pattern: assetFileDataPattern
+  const data = message.slice(start + missingImportedAssetFilesPrefix.length);
+  try {
+    const names = JSON.parse(data);
+    if (Array.isArray(names) && names.every((name2) => typeof name2 === "string")) {
+      return names;
     }
+  } catch {
   }
-);
-const assetFileNameSchema = z.string().min(1).regex(/^(?!\.{1,2}$)[^/\\]+$/);
-const isAssetFileName = (value) => assetFileNameSchema.safeParse(value).success;
-const assetFileDataSchema = z.object({
-  name: assetFileNameSchema,
-  data: z.string().superRefine(assertAssetFileDataString)
-});
-const projectBundleSchema = z.object({
-  page: Page,
-  pages: z.array(Page),
-  build: SerializedBuildSchema,
-  assets: z.array(Asset),
+  return data.split(",").map((name2) => name2.trim()).filter((name2) => name2 !== "");
+};
+const projectBundle = z.object({
+  page,
+  pages: z.array(page),
+  build: serializedBuild,
+  assets: z.array(asset),
   origin: z.string().optional()
 });
-const publishedProjectBundleSchema = projectBundleSchema.extend({
+const publishedProjectBundle = projectBundle.extend({
   bundleVersion: z.union([z.string(), z.number()]).optional(),
   user: z.object({ email: z.string().nullable() }).optional(),
   projectDomain: z.string(),
   projectTitle: z.string()
 });
 z.object({
-  projectId: z.string(),
-  data: publishedProjectBundleSchema,
-  assetFiles: z.array(assetFileDataSchema).optional(),
+  projectId: z.string().min(1),
+  data: publishedProjectBundle.optional(),
+  uploadId: z.string().min(1).optional(),
   ignoreVersionCheck: z.boolean().optional()
-});
-const importProjectBundleResultSchema = z.object({
+}).refine(
+  ({ data, uploadId }) => data === void 0 !== (uploadId === void 0),
+  {
+    message: "Provide either project bundle data or an upload id",
+    path: ["data"]
+  }
+);
+const importProjectBundleResult = z.object({
   version: z.number()
 });
 z.object({
-  projectId: z.string()
+  projectId: z.string().min(1)
 });
-const bundleVersion = createContractVersion(
-  publishedProjectBundleSchema,
-  packageJson$1.version,
-  [wsAuthConfigSchema]
-);
+const bundleVersion = createContractVersion(publishedProjectBundle, [
+  wsAuthConfig
+]);
 const getBundleVersion = (data) => {
   if (typeof data !== "object" || data === null) {
     return;
@@ -4806,6 +4784,48 @@ const getBundleVersionMismatchMessage = ({
   ignoreVersionCheckHint,
   receivedVersion
 }) => `Project bundle format is incompatible. Expected version ${bundleVersion}, received ${receivedVersion ?? "missing"}. Sync with a compatible API/CLI version and retry, or ${ignoreVersionCheckHint}.`;
+const maxResponsePreviewLength = 500;
+const getResponsePreview = async (response) => {
+  try {
+    const text2 = await response.clone().text();
+    return text2.replace(/\s+/g, " ").trim().slice(0, maxResponsePreviewLength);
+  } catch {
+    return "";
+  }
+};
+const createApiResponseErrorMessage = async (request, response) => {
+  const contentType = response.headers.get("content-type") ?? "unknown";
+  const status = `${response.status} ${response.statusText}`.trim();
+  const url = typeof request === "string" || request instanceof URL ? request.toString() : request.url;
+  const preview = await getResponsePreview(response);
+  const hint = response.status === 413 ? "The request may be too large for the API." : void 0;
+  return [
+    `API returned ${contentType} instead of JSON from ${url}.`,
+    `HTTP status: ${status}.`,
+    preview === "" ? void 0 : `Response preview: ${preview}`,
+    hint
+  ].filter(Boolean).join("\n");
+};
+const fetchJsonResponse = async (request, init) => {
+  const response = await fetch(request, init);
+  const contentType = response.headers.get("content-type");
+  if ((contentType == null ? void 0 : contentType.includes("json")) !== true) {
+    throw new Error(await createApiResponseErrorMessage(request, response));
+  }
+  return response;
+};
+const createHeaders = (headers) => {
+  return new Headers(createHeadersObject(headers));
+};
+const createHeadersObject = (headers) => {
+  const result = {};
+  for (const [name2, value] of Object.entries(headers)) {
+    if (value !== void 0) {
+      result[name2] = value;
+    }
+  }
+  return result;
+};
 const createTrpcClient = (origin, headers) => {
   const { sourceOrigin } = parseBuilderUrl(origin);
   const url = new URL("/trpc", sourceOrigin);
@@ -4813,7 +4833,8 @@ const createTrpcClient = (origin, headers) => {
     links: [
       httpBatchLink({
         url: url.href,
-        headers
+        headers,
+        fetch: fetchJsonResponse
       })
     ]
   });
@@ -4822,6 +4843,50 @@ const createAuthTrpcClient = (params) => createTrpcClient(params.origin, {
   ...params.headers,
   "x-auth-token": params.authToken
 });
+const stagedUploadChunkSize = 3 * 1024 * 1024;
+const formatMebibytes = (bytes) => `${Math.round(bytes / 1024 / 1024)} MiB`;
+const getAssetUploadUrl = ({
+  asset: asset2,
+  origin,
+  projectId
+}) => {
+  const { sourceOrigin } = parseBuilderUrl(origin);
+  const url = new URL(
+    `/rest/assets/${encodeURIComponent(asset2.name)}`,
+    sourceOrigin
+  );
+  url.searchParams.set("projectId", projectId);
+  url.searchParams.set("type", asset2.type);
+  if (asset2.type === "image") {
+    url.searchParams.set("width", String(asset2.meta.width));
+    url.searchParams.set("height", String(asset2.meta.height));
+    url.searchParams.set("format", asset2.format);
+  }
+  return url;
+};
+const uploadAsset = async (params) => {
+  const { authToken, headers, origin, projectId, upload } = params;
+  const response = await fetchJsonResponse(
+    getAssetUploadUrl({
+      asset: upload.asset,
+      origin,
+      projectId
+    }),
+    {
+      method: "POST",
+      body: upload.data,
+      headers: createHeaders({
+        ...headers,
+        "x-auth-token": authToken,
+        "content-type": "application/octet-stream"
+      })
+    }
+  );
+  const result = await response.json();
+  if (typeof result === "object" && result !== null && "errors" in result && typeof result.errors === "string") {
+    throw new Error(result.errors);
+  }
+};
 const loadProjectBundleByBuildId = async (params) => {
   const headers = "serviceToken" in params ? { Authorization: params.serviceToken } : { "x-auth-token": params.authToken };
   const data = await createTrpcClient(params.origin, {
@@ -4830,7 +4895,7 @@ const loadProjectBundleByBuildId = async (params) => {
   }).query("build.loadProjectBundleByBuildId", {
     buildId: params.buildId
   });
-  return publishedProjectBundleSchema.parse(data);
+  return publishedProjectBundle.parse(data);
 };
 const loadProjectBundleByProjectId = async (params) => {
   const data = await createAuthTrpcClient(params).query(
@@ -4839,7 +4904,7 @@ const loadProjectBundleByProjectId = async (params) => {
       projectId: params.projectId
     }
   );
-  return publishedProjectBundleSchema.parse(data);
+  return publishedProjectBundle.parse(data);
 };
 const checkProjectBuildPermission = async (params) => {
   await createAuthTrpcClient(params).query(
@@ -4849,17 +4914,59 @@ const checkProjectBuildPermission = async (params) => {
     }
   );
 };
+const getUploadIdFromUrl = (uploadUrl) => {
+  if (uploadUrl === null) {
+    throw new Error("Project bundle upload did not return an upload URL.");
+  }
+  const { pathname } = new URL(uploadUrl);
+  const uploadId = pathname.split("/").filter(Boolean).at(-1);
+  if (uploadId === void 0) {
+    throw new Error("Project bundle upload did not return an upload id.");
+  }
+  return decodeURIComponent(uploadId);
+};
+const uploadProjectBundleData = async (params) => {
+  const { sourceOrigin } = parseBuilderUrl(params.origin);
+  const endpoint = new URL(stagedUploadPath, sourceOrigin);
+  const data = JSON.stringify(params.data);
+  if (new TextEncoder().encode(data).byteLength > maxProjectBundleSize) {
+    throw new Error(
+      `Project bundle is too large to import. Maximum size is ${formatMebibytes(maxProjectBundleSize)}.`
+    );
+  }
+  const file = typeof Buffer === "undefined" ? new Blob([data], { type: "application/json" }) : Buffer.from(data);
+  return await new Promise((resolve2, reject) => {
+    const upload = new Upload(file, {
+      endpoint: endpoint.href,
+      chunkSize: stagedUploadChunkSize,
+      retryDelays: [0, 1e3],
+      removeFingerprintOnSuccess: true,
+      storeFingerprintForResuming: false,
+      headers: createHeadersObject({
+        ...params.headers,
+        "x-auth-token": params.authToken,
+        [stagedUploadProjectIdHeader]: params.projectId
+      }),
+      metadata: {
+        projectId: params.projectId
+      },
+      onError: reject,
+      onSuccess: () => resolve2(getUploadIdFromUrl(upload.url))
+    });
+    upload.start();
+  });
+};
 const importProjectBundle = async (params) => {
+  const uploadId = await uploadProjectBundleData(params);
   const result = await createAuthTrpcClient(params).mutation(
     "build.importProjectBundle",
     {
       projectId: params.projectId,
-      data: params.data,
-      assetFiles: params.assetFiles,
+      uploadId,
       ignoreVersionCheck: params.ignoreVersionCheck
     }
   );
-  return importProjectBundleResultSchema.parse(result);
+  return importProjectBundleResult.parse(result);
 };
 const buildProjectDomainPrefix = "p-";
 const parseBuilderUrl = (urlStr) => {
@@ -5008,9 +5115,9 @@ const isHandledCliError = (error) => error instanceof HandledCliError;
 const apiCompatibilityErrorType = "webstudioApiCompatibilityError";
 const apiClientHeader = "x-webstudio-client";
 const apiClientVersionHeader = "x-webstudio-client-version";
-const ApiCompatibilityTarget = z.enum(["browser", "cli"]);
+const apiCompatibilityTarget = z.enum(["browser", "cli"]);
 z.enum(["browser", "cli", "service"]);
-const ApiCompatibilityAction = z.discriminatedUnion("type", [
+const apiCompatibilityAction = z.discriminatedUnion("type", [
   z.object({
     type: z.literal("reloadBrowser")
   }),
@@ -5018,17 +5125,17 @@ const ApiCompatibilityAction = z.discriminatedUnion("type", [
     type: z.literal("updateCli")
   })
 ]);
-const ApiCompatibilityPayload = z.object({
+const apiCompatibilityPayload = z.object({
   type: z.literal(apiCompatibilityErrorType),
   reason: z.enum(["apiRouteNotFound", "apiProcedureNotFound"]),
-  target: ApiCompatibilityTarget,
+  target: apiCompatibilityTarget,
   message: z.string(),
-  action: ApiCompatibilityAction
+  action: apiCompatibilityAction
 });
 const isObject = (value) => typeof value === "object" && value !== null;
 const getApiCompatibilityPayload = (value) => {
   const findPayload = (value2, seen) => {
-    const parsed = ApiCompatibilityPayload.safeParse(value2);
+    const parsed = apiCompatibilityPayload.safeParse(value2);
     if (parsed.success) {
       return parsed.data;
     }
@@ -5067,7 +5174,7 @@ const getApiCompatibilityPayload = (value) => {
   return findPayload(value, /* @__PURE__ */ new WeakSet());
 };
 const name = "webstudio";
-const version = "0.271.0";
+const version = "0.273.0";
 const description = "Webstudio CLI";
 const author = "Webstudio <github@webstudio.is>";
 const homepage = "https://webstudio.is";
@@ -5078,8 +5185,8 @@ const files = ["lib/*", "templates/*", "bin.js", "!*.{test,stories}.*"];
 const scripts = { "typecheck": "tsgo --noEmit", "build": "rm -rf lib && vite build", "test": "vitest run" };
 const license = "AGPL-3.0-or-later";
 const engines = { "node": ">=22" };
-const dependencies = { "@clack/prompts": "^0.10.0", "@emotion/hash": "^0.9.2", "@trpc/client": "^10.45.2", "@webstudio-is/protocol": "workspace:*", "@webstudio-is/project-migrations": "workspace:*", "@webstudio-is/trpc-interface": "workspace:*", "acorn": "^8.14.1", "acorn-walk": "^8.3.4", "change-case": "^5.4.4", "deepmerge": "^4.3.1", "env-paths": "^3.0.0", "nanoid": "^5.1.5", "p-limit": "^6.2.0", "parse5": "7.3.0", "picocolors": "^1.1.1", "reserved-identifiers": "^1.0.0", "tinyexec": "^0.3.2", "warn-once": "^0.1.1", "yargs": "^17.7.2", "zod": "^3.24.2" };
-const devDependencies = { "@cloudflare/vite-plugin": "^1.1.0", "@netlify/vite-plugin-react-router": "^1.0.1", "@react-router/dev": "^7.5.3", "@react-router/fs-routes": "^7.5.3", "@remix-run/cloudflare": "^2.16.5", "@remix-run/cloudflare-pages": "^2.16.5", "@remix-run/dev": "^2.16.5", "@remix-run/node": "^2.16.5", "@remix-run/react": "^2.16.5", "@remix-run/server-runtime": "^2.16.5", "@types/react": "^18.2.70", "@types/react-dom": "^18.2.25", "@types/yargs": "^17.0.33", "@vercel/react-router": "^1.1.0", "@vitejs/plugin-react": "^4.4.1", "@webstudio-is/css-engine": "workspace:*", "@webstudio-is/http-client": "workspace:*", "@webstudio-is/image": "workspace:*", "@webstudio-is/react-sdk": "workspace:*", "@webstudio-is/sdk": "workspace:*", "@webstudio-is/sdk-components-animation": "workspace:*", "@webstudio-is/sdk-components-react": "workspace:*", "@webstudio-is/sdk-components-react-radix": "workspace:*", "@webstudio-is/sdk-components-react-remix": "workspace:*", "@webstudio-is/sdk-components-react-router": "workspace:*", "@webstudio-is/tsconfig": "workspace:*", "@webstudio-is/wsauth": "workspace:*", "h3": "^1.15.1", "ipx": "^3.0.3", "isbot": "^5.1.25", "prettier": "3.5.3", "react": "18.3.0-canary-14898b6a9-20240318", "react-dom": "18.3.0-canary-14898b6a9-20240318", "react-router": "^7.5.3", "ts-expect": "^1.3.0", "vike": "^0.4.229", "vite": "^6.3.4", "vitest": "^3.1.2", "wrangler": "^3.63.2" };
+const dependencies = { "@clack/prompts": "^0.10.0", "@emotion/hash": "^0.9.2", "@trpc/client": "^10.45.2", "@webstudio-is/project-migrations": "workspace:*", "@webstudio-is/trpc-interface": "workspace:*", "acorn": "^8.14.1", "acorn-walk": "^8.3.4", "change-case": "^5.4.4", "deepmerge": "^4.3.1", "env-paths": "^3.0.0", "nanoid": "^5.1.5", "p-limit": "^6.2.0", "parse5": "7.3.0", "picocolors": "^1.1.1", "reserved-identifiers": "^1.0.0", "tinyexec": "^0.3.2", "tus-js-client": "^4.3.1", "warn-once": "^0.1.1", "yargs": "^17.7.2", "zod": "^3.24.2" };
+const devDependencies = { "@cloudflare/vite-plugin": "^1.1.0", "@netlify/vite-plugin-react-router": "^1.0.1", "@react-router/dev": "^7.5.3", "@react-router/fs-routes": "^7.5.3", "@remix-run/cloudflare": "^2.16.5", "@remix-run/cloudflare-pages": "^2.16.5", "@remix-run/dev": "^2.16.5", "@remix-run/node": "^2.16.5", "@remix-run/react": "^2.16.5", "@remix-run/server-runtime": "^2.16.5", "@types/react": "^18.2.70", "@types/react-dom": "^18.2.25", "@types/yargs": "^17.0.33", "@vercel/react-router": "^1.1.0", "@vitejs/plugin-react": "^4.4.1", "@webstudio-is/css-engine": "workspace:*", "@webstudio-is/http-client": "workspace:*", "@webstudio-is/image": "workspace:*", "@webstudio-is/protocol": "workspace:*", "@webstudio-is/react-sdk": "workspace:*", "@webstudio-is/sdk": "workspace:*", "@webstudio-is/sdk-components-animation": "workspace:*", "@webstudio-is/sdk-components-react": "workspace:*", "@webstudio-is/sdk-components-react-radix": "workspace:*", "@webstudio-is/sdk-components-react-remix": "workspace:*", "@webstudio-is/sdk-components-react-router": "workspace:*", "@webstudio-is/tsconfig": "workspace:*", "@webstudio-is/wsauth": "workspace:*", "h3": "^1.15.1", "ipx": "^3.0.3", "isbot": "^5.1.25", "prettier": "3.5.3", "react": "18.3.0-canary-14898b6a9-20240318", "react-dom": "18.3.0-canary-14898b6a9-20240318", "react-router": "^7.5.3", "ts-expect": "^1.3.0", "vike": "^0.4.229", "vite": "^6.3.4", "vitest": "^3.1.2", "wrangler": "^3.63.2" };
 const packageJson = {
   name,
   version,
@@ -5130,12 +5237,12 @@ const runAssetTasks = async ({
 }) => {
   await Promise.all(
     assets.map(
-      (asset) => limit(async () => {
+      (asset2) => limit(async () => {
         try {
-          await task(asset);
+          await task(asset2);
         } catch (error) {
           if (continueOnError) {
-            console.error(`Error ${operation} file ${asset.name} 
+            console.error(`Error ${operation} file ${asset2.name} 
  ${error}`);
             return;
           }
@@ -5145,6 +5252,14 @@ const runAssetTasks = async ({
     )
   );
 };
+const formatError = (error) => error instanceof Error ? error.message : String(error);
+const retryOnce = async (task) => {
+  try {
+    await task();
+  } catch {
+    await task();
+  }
+};
 const getLocalAssetPath = (assetName, assetsDirectory = LOCAL_ASSETS_DIR) => {
   if (isAssetFileName(assetName) === false) {
     throw new Error(`Asset path escapes ${assetsDirectory}: ${assetName}`);
@@ -5182,13 +5297,13 @@ const downloadUrlToFile = async (url, filePath) => {
   }
 };
 const downloadAssetFile = async ({
-  asset,
+  asset: asset2,
   assetsDirectory = LOCAL_ASSETS_DIR,
   origin
 }) => {
   await downloadUrlToFile(
-    getAssetUrl(asset, origin).href,
-    getLocalAssetPath(asset.name, assetsDirectory)
+    getAssetUrl(asset2, origin).href,
+    getLocalAssetPath(asset2.name, assetsDirectory)
   );
 };
 const downloadAssetFiles = async ({
@@ -5201,21 +5316,21 @@ const downloadAssetFiles = async ({
     assets,
     continueOnError,
     operation: "downloading",
-    task: (asset) => downloadAssetFile({ asset, assetsDirectory, origin })
+    task: (asset2) => downloadAssetFile({ asset: asset2, assetsDirectory, origin })
   });
 };
 const materializeAssetFile = async ({
-  asset,
+  asset: asset2,
   origin,
   sourceAssetsDirectory = LOCAL_ASSETS_DIR,
   targetAssetsDirectory
 }) => {
-  const targetPath = getLocalAssetPath(asset.name, targetAssetsDirectory);
+  const targetPath = getLocalAssetPath(asset2.name, targetAssetsDirectory);
   if (await isFileExists(targetPath)) {
     return;
   }
   await createFolderIfNotExists(dirname(targetPath));
-  const sourcePath = getLocalAssetPath(asset.name, sourceAssetsDirectory);
+  const sourcePath = getLocalAssetPath(asset2.name, sourceAssetsDirectory);
   if (await isFileExists(sourcePath)) {
     try {
       await copyFile(sourcePath, targetPath, constants$1.COPYFILE_FICLONE);
@@ -5225,7 +5340,7 @@ const materializeAssetFile = async ({
     return;
   }
   await downloadAssetFile({
-    asset,
+    asset: asset2,
     assetsDirectory: targetAssetsDirectory,
     origin
   });
@@ -5241,27 +5356,54 @@ const materializeAssetFiles = async ({
     assets,
     continueOnError,
     operation: "materializing",
-    task: (asset) => materializeAssetFile({
-      asset,
+    task: (asset2) => materializeAssetFile({
+      asset: asset2,
       origin,
       sourceAssetsDirectory,
       targetAssetsDirectory
     })
   });
 };
-const loadAssetFiles = async ({
+const uploadAssetFiles = async ({
   assets,
-  assetsDirectory = LOCAL_ASSETS_DIR
+  assetsDirectory = LOCAL_ASSETS_DIR,
+  authToken,
+  headers,
+  origin,
+  projectId
 }) => {
-  const files2 = [];
-  for (const asset of assets) {
-    const data = await readFile(
-      getLocalAssetPath(asset.name, assetsDirectory),
-      "base64"
+  const failedUploads = [];
+  await runAssetTasks({
+    assets,
+    operation: "uploading",
+    task: async (asset2) => {
+      try {
+        const file = await readFile(
+          getLocalAssetPath(asset2.name, assetsDirectory)
+        );
+        const upload = async () => {
+          await uploadAsset({
+            authToken,
+            headers,
+            origin,
+            projectId,
+            upload: {
+              asset: asset2,
+              data: new Blob([new Uint8Array(file)])
+            }
+          });
+        };
+        await retryOnce(upload);
+      } catch (error) {
+        failedUploads.push({ asset: asset2, error });
+      }
+    }
+  });
+  if (failedUploads.length > 0) {
+    throw new Error(
+      `Failed to upload assets: ${failedUploads.map(({ asset: asset2, error }) => `${asset2.name}: ${formatError(error)}`).join("; ")}`
     );
-    files2.push({ name: asset.name, data });
   }
-  return files2;
 };
 const defaultDependencies$1 = {
   createFileIfNotExists,
@@ -5274,14 +5416,14 @@ const defaultDependencies$1 = {
   writeFile
 };
 const toLocalProjectBundle = (project) => {
-  const normalizedProject = publishedProjectBundleSchema.parse(project);
+  const normalizedProject = publishedProjectBundle.parse(project);
   const {
     assets,
     build: build2,
     bundleVersion: synchronizedBundleVersion,
     origin,
-    page,
-    pages,
+    page: page2,
+    pages: pages2,
     projectDomain,
     projectTitle,
     user
@@ -5289,8 +5431,8 @@ const toLocalProjectBundle = (project) => {
   return {
     bundleVersion: synchronizedBundleVersion ?? bundleVersion,
     build: build2,
-    page,
-    pages,
+    page: page2,
+    pages: pages2,
     assets,
     user,
     projectDomain,
@@ -5419,13 +5561,13 @@ const sync = async (options, dependencies2 = defaultDependencies$1) => {
   syncing.stop("Project bundle synchronized successfully");
 };
 const LOCAL_AUTH_FILE = ".webstudio/auth.json";
-const createAuthConfigResources = (pages) => {
+const createAuthConfigResources = (pages2) => {
   var _a;
   return createWsAuthResources({
-    projectContent: (_a = pages.meta) == null ? void 0 : _a.auth,
-    pages: getAllPages(pages).filter((page) => page.meta.auth !== void 0).map((page) => ({
-      route: getPagePath(page.id, pages),
-      auth: page.meta.auth
+    projectContent: (_a = pages2.meta) == null ? void 0 : _a.auth,
+    pages: getAllPages(pages2).filter((page2) => page2.meta.auth !== void 0).map((page2) => ({
+      route: getPagePath(page2.id, pages2),
+      auth: page2.meta.auth
     }))
   });
 };
@@ -5469,7 +5611,7 @@ const isInteractiveTerminal = () => stdin.isTTY === true && stdout.isTTY === tru
 const defaultDependencies = {
   checkProjectBuildPermission,
   importProjectBundle,
-  loadAssetFiles,
+  uploadAssetFiles,
   loadJSONFile,
   text,
   isInteractive: isInteractiveTerminal(),
@@ -5481,12 +5623,16 @@ const missingProjectBundleMessage = "Project bundle is missing. Please run webst
 const invalidProjectBundleMessage = "Project bundle is invalid. Please run webstudio sync before importing.";
 const invalidAuthConfigMessage = "Project bundle auth config is invalid. Please run webstudio prebuild before importing.";
 const invalidDestinationMessage = "Destination share link is invalid.";
+const maxMissingAssetImportRetries = 5;
 const importOptions = (yargs) => yargs.option("to", {
   type: "string",
   describe: "Share link with build permissions to import synced data into"
 }).option("ignore-version-check", {
   type: "boolean",
   describe: "Import data without a compatible data version; import may fail if source and target API data formats differ"
+}).option("skip-assets", {
+  type: "boolean",
+  describe: "Import project data without uploading or importing asset files; referenced assets may be missing in the target project"
 }).check((options) => {
   if (options.to === void 0 && isInteractiveTerminal() === false) {
     return missingDestinationMessage;
@@ -5525,7 +5671,7 @@ const importProject = async (options, dependencies2 = defaultDependencies) => {
     );
     throw new HandledCliError();
   }
-  const parsedData = publishedProjectBundleSchema.safeParse(data);
+  const parsedData = publishedProjectBundle.safeParse(data);
   if (parsedData.success === false) {
     importing.stop(
       `${invalidProjectBundleMessage} Invalid fields: ${formatZodIssues(
@@ -5597,30 +5743,25 @@ const importProject = async (options, dependencies2 = defaultDependencies) => {
     );
     throw new HandledCliError();
   }
-  importing.message(`Reading ${importData.assets.length} local asset files`);
-  let assetFiles;
-  try {
-    assetFiles = await dependencies2.loadAssetFiles({
-      assets: importData.assets
-    });
-  } catch (error) {
-    importing.stop(
-      error instanceof Error ? `Unable to read project bundle asset files: ${error.message}` : "Unable to read project bundle asset files",
-      2
-    );
-    throw new HandledCliError();
+  if (options.skipAssets === true) {
+    dependencies2.log.info("Skipped asset upload and asset rows");
+  } else {
+    importing.message(`Uploading ${importData.assets.length} assets`);
+    try {
+      await dependencies2.uploadAssetFiles({
+        assets: importData.assets,
+        ...destinationRequest
+      });
+    } catch (error) {
+      importing.stop(
+        error instanceof Error ? `Unable to upload assets: ${error.message}` : "Unable to upload assets",
+        2
+      );
+      throw new HandledCliError();
+    }
   }
-  importing.message(
-    `Waiting for API response while importing into ${destination.projectId}`
-  );
-  try {
-    await dependencies2.importProjectBundle({
-      ...destinationRequest,
-      data: importData,
-      assetFiles,
-      ignoreVersionCheck: options.ignoreVersionCheck
-    });
-  } catch (error) {
+  const dataToImport = options.skipAssets === true ? { ...importData, assets: [] } : importData;
+  const stopImportWithError = (error) => {
     stopSpinnerWithError(
       importing,
       error,
@@ -5628,8 +5769,46 @@ const importProject = async (options, dependencies2 = defaultDependencies) => {
       "import"
     );
     throw new HandledCliError();
+  };
+  for (let attempt = 0; attempt <= maxMissingAssetImportRetries; attempt += 1) {
+    importing.message(
+      `Waiting for API response while importing into ${destination.projectId}`
+    );
+    try {
+      await dependencies2.importProjectBundle({
+        ...destinationRequest,
+        data: dataToImport,
+        ignoreVersionCheck: options.ignoreVersionCheck
+      });
+      importing.stop("Project imported successfully");
+      return;
+    } catch (error) {
+      const missingAssetNames = options.skipAssets === true ? void 0 : parseMissingImportedAssetFilesMessage(error);
+      const assetNames = missingAssetNames ?? [];
+      if (assetNames.length === 0 || attempt === maxMissingAssetImportRetries) {
+        stopImportWithError(error);
+      }
+      const missingAssets = importData.assets.filter(
+        (asset2) => assetNames.includes(asset2.name)
+      );
+      if (missingAssets.length !== assetNames.length) {
+        stopImportWithError(error);
+      }
+      importing.message(`Re-uploading ${missingAssets.length} missing assets`);
+      try {
+        await dependencies2.uploadAssetFiles({
+          assets: missingAssets,
+          ...destinationRequest
+        });
+      } catch (uploadError) {
+        importing.stop(
+          uploadError instanceof Error ? `Unable to upload missing assets: ${uploadError.message}` : "Unable to upload missing assets",
+          2
+        );
+        throw new HandledCliError();
+      }
+    }
   }
-  importing.stop("Project bundle imported successfully");
 };
 const getRemixSegment = (segment) => {
   var _a, _b;
@@ -5692,68 +5871,68 @@ const normalizeProps = ({
   assetBaseUrl,
   assets,
   uploadingImageAssets,
-  pages,
+  pages: pages2,
   source
 }) => {
   const newProps = [];
-  for (const prop of props) {
-    if (prop.type === "asset") {
-      const assetId = prop.value;
-      const asset = assets.get(assetId) ?? uploadingImageAssets.find((asset2) => asset2.id === assetId);
-      if (asset === void 0) {
+  for (const prop2 of props) {
+    if (prop2.type === "asset") {
+      const assetId2 = prop2.value;
+      const asset2 = assets.get(assetId2) ?? uploadingImageAssets.find((asset22) => asset22.id === assetId2);
+      if (asset2 === void 0) {
         continue;
       }
       const propBase = {
-        id: prop.id,
-        name: prop.name,
-        required: prop.required,
-        instanceId: prop.instanceId
+        id: prop2.id,
+        name: prop2.name,
+        required: prop2.required,
+        instanceId: prop2.instanceId
       };
-      if (prop.name === "width" && asset.type === "image") {
+      if (prop2.name === "width" && asset2.type === "image") {
         newProps.push({
           ...propBase,
           type: "number",
-          value: asset.meta.width
+          value: asset2.meta.width
         });
         continue;
       }
-      if (prop.name === "height" && asset.type === "image") {
+      if (prop2.name === "height" && asset2.type === "image") {
         newProps.push({
           ...propBase,
           type: "number",
-          value: asset.meta.height
+          value: asset2.meta.height
         });
         continue;
       }
-      if (prop.name === "alt" && asset.type === "image") {
+      if (prop2.name === "alt" && asset2.type === "image") {
         newProps.push({
           ...propBase,
           type: "string",
-          value: asset.description ?? ""
+          value: asset2.description ?? ""
         });
         continue;
       }
       newProps.push({
         ...propBase,
         type: "string",
-        value: `${assetBaseUrl}${asset.name}`
+        value: `${assetBaseUrl}${asset2.name}`
       });
       continue;
     }
-    if (prop.type === "page") {
+    if (prop2.type === "page") {
       let idProp;
-      const pageId = typeof prop.value === "string" ? prop.value : prop.value.pageId;
-      const page = findPageByIdOrPath(pageId, pages);
-      if (page === void 0) {
+      const pageId2 = typeof prop2.value === "string" ? prop2.value : prop2.value.pageId;
+      const page2 = findPageByIdOrPath(pageId2, pages2);
+      if (page2 === void 0) {
         continue;
       }
-      if (typeof prop.value !== "string") {
-        const { instanceId } = prop.value;
+      if (typeof prop2.value !== "string") {
+        const { instanceId: instanceId2 } = prop2.value;
         idProp = props.find(
-          (prop2) => prop2.instanceId === instanceId && prop2.name === "id"
+          (prop22) => prop22.instanceId === instanceId2 && prop22.name === "id"
         );
       }
-      const path = getPagePath(page.id, pages);
+      const path = getPagePath(page2.id, pages2);
       const url = new URL(path, "https://any-valid.url");
       let value = url.pathname;
       if ((idProp == null ? void 0 : idProp.type) === "string") {
@@ -5762,16 +5941,16 @@ const normalizeProps = ({
         value = `${url.pathname}${url.hash}`;
       }
       newProps.push({
-        id: prop.id,
-        name: prop.name,
-        required: prop.required,
-        instanceId: prop.instanceId,
+        id: prop2.id,
+        name: prop2.name,
+        required: prop2.required,
+        instanceId: prop2.instanceId,
         type: "string",
         value
       });
       continue;
     }
-    newProps.push(prop);
+    newProps.push(prop2);
   }
   return newProps;
 };
@@ -5920,14 +6099,14 @@ const standardAttributesToReactProps = {
 };
 const generateAction = ({
   scope,
-  prop,
+  prop: prop2,
   dataSources,
   usedDataSources
 }) => {
   const setters = /* @__PURE__ */ new Set();
   let args = [];
   let assignersCode = "";
-  for (const value of prop.value) {
+  for (const value of prop2.value) {
     args = value.args;
     assignersCode += transpileExpression({
       expression: value.code,
@@ -5953,11 +6132,11 @@ const generateAction = ({
 `;
   }
   let settersCode = "";
-  for (const dataSource of setters) {
-    const valueName = scope.getName(dataSource.id, dataSource.name);
+  for (const dataSource2 of setters) {
+    const valueName = scope.getName(dataSource2.id, dataSource2.name);
     const setterName = scope.getName(
-      `set$${dataSource.id}`,
-      `set$${dataSource.name}`
+      `set$${dataSource2.id}`,
+      `set$${dataSource2.name}`
     );
     settersCode += `${setterName}(${valueName})
 `;
@@ -5973,37 +6152,37 @@ const generateAction = ({
 };
 const generatePropValue = ({
   scope,
-  prop,
+  prop: prop2,
   dataSources,
   usedDataSources
 }) => {
-  if (prop.type === "asset" || prop.type === "page") {
+  if (prop2.type === "asset" || prop2.type === "page") {
     return;
   }
-  if (prop.type === "string" || prop.type === "number" || prop.type === "boolean" || prop.type === "string[]" || prop.type === "json" || prop.type === "animationAction") {
-    return JSON.stringify(prop.value);
+  if (prop2.type === "string" || prop2.type === "number" || prop2.type === "boolean" || prop2.type === "string[]" || prop2.type === "json" || prop2.type === "animationAction") {
+    return JSON.stringify(prop2.value);
   }
-  if (prop.type === "parameter") {
-    const dataSource = dataSources.get(prop.value);
-    if (dataSource === void 0) {
+  if (prop2.type === "parameter") {
+    const dataSource2 = dataSources.get(prop2.value);
+    if (dataSource2 === void 0) {
       return;
     }
-    usedDataSources.set(dataSource.id, dataSource);
-    return scope.getName(dataSource.id, dataSource.name);
+    usedDataSources.set(dataSource2.id, dataSource2);
+    return scope.getName(dataSource2.id, dataSource2.name);
   }
-  if (prop.type === "expression") {
+  if (prop2.type === "expression") {
     return generateExpression({
-      expression: prop.value,
+      expression: prop2.value,
       dataSources,
       usedDataSources,
       scope
     });
   }
-  if (prop.type === "action") {
-    return generateAction({ scope, prop, dataSources, usedDataSources });
+  if (prop2.type === "action") {
+    return generateAction({ scope, prop: prop2, dataSources, usedDataSources });
   }
-  if (prop.type === "resource") {
-    return JSON.stringify(scope.getName(prop.value, prop.name));
+  if (prop2.type === "resource") {
+    return JSON.stringify(scope.getName(prop2.value, prop2.name));
   }
 };
 const generateJsxElement = ({
@@ -6011,7 +6190,7 @@ const generateJsxElement = ({
   scope,
   metas,
   tagsOverrides,
-  instance,
+  instance: instance2,
   props,
   dataSources,
   usedDataSources,
@@ -6020,44 +6199,44 @@ const generateJsxElement = ({
   classesMap
 }) => {
   var _a;
-  if (instance.component === descendantComponent) {
+  if (instance2.component === descendantComponent) {
     return "";
   }
-  const meta = metas.get(instance.component);
+  const meta = metas.get(instance2.component);
   const hasTags = Object.keys((meta == null ? void 0 : meta.presetStyle) ?? {}).length > 0;
   let generatedProps = "";
-  const index = indexesWithinAncestors.get(instance.id);
+  const index = indexesWithinAncestors.get(instance2.id);
   if (index !== void 0) {
     generatedProps += `
 ${indexProperty}="${index}"`;
   }
-  if (instance.tag !== void 0 && instance.component !== elementComponent) {
+  if (instance2.tag !== void 0 && instance2.component !== elementComponent) {
     generatedProps += `
-${tagProperty}=${JSON.stringify(instance.tag)}`;
+${tagProperty}=${JSON.stringify(instance2.tag)}`;
   }
   let conditionValue;
   let collectionDataValue;
   let collectionItemValue;
   let collectionItemKeyValue;
   let classNameValue;
-  for (const prop of props.values()) {
-    if (prop.instanceId !== instance.id) {
+  for (const prop2 of props.values()) {
+    if (prop2.instanceId !== instance2.id) {
       continue;
     }
     const propValue = generatePropValue({
       scope,
-      prop,
+      prop: prop2,
       dataSources,
       usedDataSources
     });
-    if (isAttributeNameSafe(prop.name) === false) {
+    if (isAttributeNameSafe(prop2.name) === false) {
       continue;
     }
-    let name2 = prop.name;
-    if (hasTags && !((_a = meta == null ? void 0 : meta.props) == null ? void 0 : _a[prop.name])) {
-      name2 = standardAttributesToReactProps[prop.name] ?? prop.name;
+    let name2 = prop2.name;
+    if (hasTags && !((_a = meta == null ? void 0 : meta.props) == null ? void 0 : _a[prop2.name])) {
+      name2 = standardAttributesToReactProps[prop2.name] ?? prop2.name;
     }
-    if (prop.name === showAttribute) {
+    if (prop2.name === showAttribute) {
       if (propValue === "true") {
         continue;
       }
@@ -6067,14 +6246,14 @@ ${tagProperty}=${JSON.stringify(instance.tag)}`;
       conditionValue = propValue;
       continue;
     }
-    if (instance.component === collectionComponent) {
-      if (prop.name === "data") {
+    if (instance2.component === collectionComponent) {
+      if (prop2.name === "data") {
         collectionDataValue = propValue;
       }
-      if (prop.name === "item") {
+      if (prop2.name === "item") {
         collectionItemValue = propValue;
       }
-      if (prop.name === "itemKey") {
+      if (prop2.name === "itemKey") {
         collectionItemKeyValue = propValue;
       }
       continue;
@@ -6088,7 +6267,7 @@ ${tagProperty}=${JSON.stringify(instance.tag)}`;
 ${name2}={${propValue}}`;
     }
   }
-  const classMapArray = classesMap == null ? void 0 : classesMap.get(instance.id);
+  const classMapArray = classesMap == null ? void 0 : classesMap.get(instance2.id);
   if (classMapArray || classNameValue) {
     let classNameTemplate = classMapArray ? classMapArray.join(" ") : "";
     if (classNameValue) {
@@ -6100,14 +6279,14 @@ ${name2}={${propValue}}`;
     generatedProps += "\nclassName={`" + classNameTemplate + "`}";
   }
   let generatedElement = "";
-  if (instance.component === blockTemplateComponent) {
+  if (instance2.component === blockTemplateComponent) {
     return "";
   }
-  if (instance.component === collectionComponent) {
+  if (instance2.component === collectionComponent) {
     if (collectionDataValue === void 0 || collectionItemValue === void 0) {
       return "";
     }
-    const indexVariable = scope.getName(`${instance.id}-index`, "index");
+    const indexVariable = scope.getName(`${instance2.id}-index`, "index");
     const keyVariable = collectionItemKeyValue ?? indexVariable;
     generatedElement += `{${generateCollectionIterationCode({
       dataExpression: collectionDataValue,
@@ -6126,22 +6305,22 @@ ${name2}={${propValue}}`;
 `;
     generatedElement += `}
 `;
-  } else if (instance.component === blockComponent) {
+  } else if (instance2.component === blockComponent) {
     generatedElement += children;
   } else {
     let componentVariable;
-    if (instance.component === elementComponent) {
-      componentVariable = instance.tag ?? "div";
+    if (instance2.component === elementComponent) {
+      componentVariable = instance2.tag ?? "div";
       const componentDescriptor = tagsOverrides == null ? void 0 : tagsOverrides[componentVariable];
       if (componentDescriptor !== void 0) {
         const [_importSource, importSpecifier] = componentDescriptor.split(":");
         componentVariable = scope.getName(componentDescriptor, importSpecifier);
       }
     } else {
-      const [_namespace, shortName] = parseComponentName(instance.component);
-      componentVariable = scope.getName(instance.component, shortName);
+      const [_namespace, shortName] = parseComponentName(instance2.component);
+      componentVariable = scope.getName(instance2.component, shortName);
     }
-    if (instance.children.length === 0) {
+    if (instance2.children.length === 0) {
       generatedElement += `<${componentVariable}${generatedProps} />
 `;
     } else {
@@ -6162,7 +6341,7 @@ ${name2}={${propValue}}`;
     }
     conditionalElement += `${before}(${conditionValue}) &&
 `;
-    if (instance.component === collectionComponent) {
+    if (instance2.component === collectionComponent) {
       conditionalElement += "<>\n";
       conditionalElement += generatedElement;
       conditionalElement += "</>\n";
@@ -6211,9 +6390,9 @@ const generateJsxChildren = ({
       continue;
     }
     if (child.type === "id") {
-      const instanceId = child.value;
-      const instance = instances.get(instanceId);
-      if (instance === void 0) {
+      const instanceId2 = child.value;
+      const instance2 = instances.get(instanceId2);
+      if (instance2 === void 0) {
         continue;
       }
       generatedChildren += generateJsxElement({
@@ -6221,7 +6400,7 @@ const generateJsxChildren = ({
         scope,
         metas,
         tagsOverrides,
-        instance,
+        instance: instance2,
         props,
         dataSources,
         usedDataSources,
@@ -6232,7 +6411,7 @@ const generateJsxChildren = ({
           scope,
           metas,
           tagsOverrides,
-          children: instance.children,
+          children: instance2.children,
           instances,
           props,
           dataSources,
@@ -6258,19 +6437,19 @@ const generateWebstudioComponent = ({
   tagsOverrides,
   classesMap
 }) => {
-  const instance = instances.get(rootInstanceId);
+  const instance2 = instances.get(rootInstanceId);
   const indexesWithinAncestors = getIndexesWithinAncestors(metas, instances, [
     rootInstanceId
   ]);
   const usedDataSources = /* @__PURE__ */ new Map();
   let generatedJsx = "<></>\n";
-  if (instance) {
+  if (instance2) {
     generatedJsx = generateJsxElement({
       context: "expression",
       scope,
       metas,
       tagsOverrides,
-      instance,
+      instance: instance2,
       props,
       dataSources,
       usedDataSources,
@@ -6280,7 +6459,7 @@ const generateWebstudioComponent = ({
         scope,
         metas,
         tagsOverrides,
-        children: instance.children,
+        children: instance2.children,
         instances,
         props,
         dataSources,
@@ -6302,32 +6481,32 @@ const generateWebstudioComponent = ({
     }
     generatedProps = `_props: { ${generatedPropsType}}`;
     for (const parameter of parameters) {
-      const dataSource = usedDataSources.get(parameter.value);
-      if (dataSource) {
-        const valueName = scope.getName(dataSource.id, dataSource.name);
+      const dataSource2 = usedDataSources.get(parameter.value);
+      if (dataSource2) {
+        const valueName = scope.getName(dataSource2.id, dataSource2.name);
         generatedParameters += `const ${valueName} = _props.${parameter.name};
 `;
       }
     }
   }
   let generatedDataSources = "";
-  for (const dataSource of usedDataSources.values()) {
-    if (dataSource.type === "variable") {
-      const valueName = scope.getName(dataSource.id, dataSource.name);
+  for (const dataSource2 of usedDataSources.values()) {
+    if (dataSource2.type === "variable") {
+      const valueName = scope.getName(dataSource2.id, dataSource2.name);
       const setterName = scope.getName(
-        `set$${dataSource.id}`,
-        `set$${dataSource.name}`
+        `set$${dataSource2.id}`,
+        `set$${dataSource2.name}`
       );
-      const initialValue = dataSource.value.value;
+      const initialValue = dataSource2.value.value;
       const initialValueString = JSON.stringify(initialValue);
       generatedDataSources += `let [${valueName}, ${setterName}] = useVariableState<any>(${initialValueString})
 `;
     }
-    if (dataSource.type === "resource") {
-      const valueName = scope.getName(dataSource.id, dataSource.name);
+    if (dataSource2.type === "resource") {
+      const valueName = scope.getName(dataSource2.id, dataSource2.name);
       const resourceName = scope.getName(
-        dataSource.resourceId,
-        dataSource.name
+        dataSource2.resourceId,
+        dataSource2.name
       );
       const resourceNameString = JSON.stringify(resourceName);
       generatedDataSources += `let ${valueName} = useResource(${resourceNameString})
@@ -6455,9 +6634,9 @@ const htmlToJsx = (html2) => {
   }
   return result;
 };
-const createRemixFramework = async () => (await import("./framework-remix-DxrMLfhi.js")).createFramework();
-const createReactRouterFramework = async () => (await import("./framework-react-router-DM99uwVO.js")).createFramework();
-const createVikeSsgFramework = async () => (await import("./framework-vike-ssg-rsZDP045.js")).createFramework();
+const createRemixFramework = async () => (await import("./framework-remix-DWec4bEd.js")).createFramework();
+const createReactRouterFramework = async () => (await import("./framework-react-router-UzYgymrh.js")).createFramework();
+const createVikeSsgFramework = async () => (await import("./framework-vike-ssg-yIhvBUQn.js")).createFramework();
 const mergeJsonInto = async (sourcePath, destinationPath) => {
   const sourceJson = await readFile(sourcePath, "utf8");
   const destinationJson = await readFile(destinationPath, "utf8").catch(
@@ -6477,8 +6656,8 @@ const mergeJsonInto = async (sourcePath, destinationPath) => {
   );
   await writeFile(destinationPath, content, "utf8");
 };
-const writeWsAuthResources = async (generatedDir, pages) => {
-  const { content, module } = createAuthConfigResources(pages);
+const writeWsAuthResources = async (generatedDir, pages2) => {
+  const { content, module } = createAuthConfigResources(pages2);
   await createFolderIfNotExists(dirname(LOCAL_AUTH_FILE));
   await writeFile(LOCAL_AUTH_FILE, content);
   await createFileIfNotExists(
@@ -6591,7 +6770,7 @@ Please check webstudio --help for more details`
       `Project bundle is missing, please make sure the project is synced.`
     );
   }
-  const parsedSiteData = publishedProjectBundleSchema.safeParse(loadedSiteData);
+  const parsedSiteData = publishedProjectBundle.safeParse(loadedSiteData);
   if (parsedSiteData.success === false) {
     throw new Error(
       `Project bundle is invalid, please make sure the project is synced. Invalid fields: ${formatZodIssues(parsedSiteData.error.issues)}`
@@ -6601,63 +6780,63 @@ Please check webstudio --help for more details`
   const usedMetas = new Map(
     Object.entries(coreMetas)
   );
-  const pages = migratePages(siteData.build.pages);
-  const allPages = getAllPages(pages);
-  await writeWsAuthResources(generatedDir, pages);
+  const pages2 = migratePages(siteData.build.pages);
+  const allPages = getAllPages(pages2);
+  await writeWsAuthResources(generatedDir, pages2);
   const siteDataByPage = {};
   const fontAssetsByPage = {};
   const backgroundImageAssetsByPage = {};
   const normalizedProps = normalizeProps({
-    props: siteData.build.props.map(([_id, prop]) => prop),
+    props: siteData.build.props.map(([_id, prop2]) => prop2),
     assetBaseUrl,
-    assets: new Map(siteData.assets.map((asset) => [asset.id, asset])),
+    assets: new Map(siteData.assets.map((asset2) => [asset2.id, asset2])),
     uploadingImageAssets: [],
-    pages,
+    pages: pages2,
     source: "prebuild"
   });
-  for (const page of allPages) {
+  for (const page2 of allPages) {
     const instanceMap = new Map(siteData.build.instances);
     const pageInstanceSet = findTreeInstanceIds(
       instanceMap,
-      page.rootInstanceId
+      page2.rootInstanceId
     );
     pageInstanceSet.add(ROOT_INSTANCE_ID);
     const instances = [];
-    for (const [_instanceId, instance] of siteData.build.instances) {
-      if (pageInstanceSet.has(instance.id)) {
-        instances.push([instance.id, instance]);
-        const meta = framework.metas[instance.component];
+    for (const [_instanceId, instance2] of siteData.build.instances) {
+      if (pageInstanceSet.has(instance2.id)) {
+        instances.push([instance2.id, instance2]);
+        const meta = framework.metas[instance2.component];
         if (meta) {
-          usedMetas.set(instance.component, meta);
+          usedMetas.set(instance2.component, meta);
         }
       }
     }
     const resourceIds = /* @__PURE__ */ new Set();
     const props = [];
-    for (const prop of normalizedProps) {
-      if (pageInstanceSet.has(prop.instanceId)) {
-        props.push([prop.id, prop]);
-        if (prop.type === "resource") {
-          resourceIds.add(prop.value);
+    for (const prop2 of normalizedProps) {
+      if (pageInstanceSet.has(prop2.instanceId)) {
+        props.push([prop2.id, prop2]);
+        if (prop2.type === "resource") {
+          resourceIds.add(prop2.value);
         }
       }
     }
     const dataSources = [];
-    for (const [dataSourceId, dataSource] of siteData.build.dataSources) {
-      if (pageInstanceSet.has(dataSource.scopeInstanceId ?? "")) {
-        dataSources.push([dataSourceId, dataSource]);
-        if (dataSource.type === "resource") {
-          resourceIds.add(dataSource.resourceId);
+    for (const [dataSourceId2, dataSource2] of siteData.build.dataSources) {
+      if (pageInstanceSet.has(dataSource2.scopeInstanceId ?? "")) {
+        dataSources.push([dataSourceId2, dataSource2]);
+        if (dataSource2.type === "resource") {
+          resourceIds.add(dataSource2.resourceId);
         }
       }
     }
     const resources = [];
-    for (const [resourceId, resource] of siteData.build.resources ?? []) {
-      if (resourceIds.has(resourceId)) {
-        resources.push([resourceId, resource]);
+    for (const [resourceId2, resource2] of siteData.build.resources ?? []) {
+      if (resourceIds.has(resourceId2)) {
+        resources.push([resourceId2, resource2]);
       }
     }
-    siteDataByPage[page.id] = {
+    siteDataByPage[page2.id] = {
       build: {
         props,
         instances,
@@ -6665,23 +6844,23 @@ Please check webstudio --help for more details`
         resources
       },
       pages: allPages,
-      page,
+      page: page2,
       assets: siteData.assets
     };
     const styleSourceSelections = ((_a = siteData.build) == null ? void 0 : _a.styleSourceSelections) ?? [];
     const pageStyleSourceIds = new Set(
-      styleSourceSelections.filter(([, { instanceId }]) => pageInstanceSet.has(instanceId)).map(([, { values }]) => values).flat()
+      styleSourceSelections.filter(([, { instanceId: instanceId2 }]) => pageInstanceSet.has(instanceId2)).map(([, { values }]) => values).flat()
     );
     const pageStyles = (_c = (_b = siteData.build) == null ? void 0 : _b.styles) == null ? void 0 : _c.filter(
-      ([, { styleSourceId }]) => pageStyleSourceIds.has(styleSourceId)
+      ([, { styleSourceId: styleSourceId2 }]) => pageStyleSourceIds.has(styleSourceId2)
     );
     const pageFontFamilySet = new Set(
       pageStyles.filter(([, { property }]) => property === "fontFamily").map(
         ([, { value }]) => value.type === "fontFamily" ? value.value : void 0
       ).flat().filter((value) => value !== void 0)
     );
-    const pageFontAssets = siteData.assets.filter((asset) => asset.type === "font").filter((fontAsset) => pageFontFamilySet.has(fontAsset.meta.family)).map((asset) => asset.name);
-    fontAssetsByPage[page.id] = pageFontAssets;
+    const pageFontAssets = siteData.assets.filter((asset2) => asset2.type === "font").filter((fontAsset2) => pageFontFamilySet.has(fontAsset2.meta.family)).map((asset2) => asset2.name);
+    fontAssetsByPage[page2.id] = pageFontAssets;
     const backgroundImageAssetIdSet = new Set(
       pageStyles.filter(([, { property }]) => property === "backgroundImage").map(
         ([, { value }]) => value.type === "layers" ? value.value.map(
@@ -6689,8 +6868,8 @@ Please check webstudio --help for more details`
         ) : void 0
       ).flat().filter((value) => value !== void 0)
     );
-    const backgroundImageAssets = siteData.assets.filter((asset) => asset.type === "image").filter((imageAsset) => backgroundImageAssetIdSet.has(imageAsset.id)).map((asset) => asset.name);
-    backgroundImageAssetsByPage[page.id] = backgroundImageAssets;
+    const backgroundImageAssets = siteData.assets.filter((asset2) => asset2.type === "image").filter((imageAsset2) => backgroundImageAssetIdSet.has(imageAsset2.id)).map((asset2) => asset2.name);
+    backgroundImageAssetsByPage[page2.id] = backgroundImageAssets;
   }
   if (options.assets === true) {
     const assetOrigin = siteData.origin;
@@ -6698,7 +6877,7 @@ Please check webstudio --help for more details`
       console.warn("Warning: Asset origin is not defined in project bundle.");
     }
   }
-  const assets = new Map(siteData.assets.map((asset) => [asset.id, asset]));
+  const assets = new Map(siteData.assets.map((asset2) => [asset2.id, asset2]));
   const { cssText, classes } = generateCss({
     instances: new Map(siteData.build.instances),
     props: new Map(siteData.build.props),
@@ -6709,10 +6888,10 @@ Please check webstudio --help for more details`
     // pass only used metas to not generate unused preset styles
     componentMetas: usedMetas,
     assetBaseUrl,
-    atomic: ((_g = pages.compiler) == null ? void 0 : _g.atomicStyles) ?? true
+    atomic: ((_g = pages2.compiler) == null ? void 0 : _g.atomicStyles) ?? true
   });
   await createFileIfNotExists(join(generatedDir, "index.css"), cssText);
-  for (const page of allPages) {
+  for (const page2 of allPages) {
     const scope = createScope([
       // manually maintained list of occupied identifiers
       "useState",
@@ -6722,32 +6901,32 @@ Please check webstudio --help for more details`
       "Page",
       "_props"
     ]);
-    const pageData = siteDataByPage[page.id];
+    const pageData = siteDataByPage[page2.id];
     const instances = new Map(pageData.build.instances);
-    const documentType = page.meta.documentType ?? "html";
-    let rootInstanceId = page.rootInstanceId;
+    const documentType = page2.meta.documentType ?? "html";
+    let rootInstanceId = page2.rootInstanceId;
     if (documentType === "xml") {
       const bodyInstance = instances.get(rootInstanceId);
       const firstChild = bodyInstance == null ? void 0 : bodyInstance.children.at(0);
       if ((firstChild == null ? void 0 : firstChild.type) === "id") {
         rootInstanceId = firstChild.value;
       }
-      for (const instance of instances.values()) {
-        if (isCoreComponent(instance.component)) {
+      for (const instance2 of instances.values()) {
+        if (isCoreComponent(instance2.component)) {
           continue;
         }
-        if (((_h = usedMetas.get(instance.component)) == null ? void 0 : _h.category) === "xml") {
+        if (((_h = usedMetas.get(instance2.component)) == null ? void 0 : _h.category) === "xml") {
           continue;
         }
-        instances.delete(instance.id);
+        instances.delete(instance2.id);
       }
     }
     const imports2 = /* @__PURE__ */ new Map();
-    for (const instance of instances.values()) {
-      let descriptor = framework.components[instance.component];
-      let id = instance.component;
-      if (instance.component === elementComponent && instance.tag) {
-        descriptor = framework.tags[instance.tag];
+    for (const instance2 of instances.values()) {
+      let descriptor = framework.components[instance2.component];
+      let id = instance2.component;
+      if (instance2.component === elementComponent && instance2.tag) {
+        descriptor = framework.tags[instance2.tag];
         id = descriptor;
       }
       if (descriptor === void 0) {
@@ -6769,8 +6948,8 @@ Please check webstudio --help for more details`
       importsString += `import { ${specifiersString} } from "${importSource}";
 `;
     }
-    const pageFontAssets = fontAssetsByPage[page.id];
-    const pageBackgroundImageAssets = backgroundImageAssetsByPage[page.id];
+    const pageFontAssets = fontAssetsByPage[page2.id];
+    const pageBackgroundImageAssets = backgroundImageAssetsByPage[page2.id];
     const props = new Map(pageData.build.props);
     const dataSources = new Map(pageData.build.dataSources);
     const resources = new Map(pageData.build.resources);
@@ -6789,7 +6968,7 @@ Please check webstudio --help for more details`
           instanceId: "",
           name: "system",
           type: "parameter",
-          value: page.systemDataSourceId ?? ""
+          value: page2.systemDataSourceId ?? ""
         },
         {
           id: "global-system",
@@ -6806,13 +6985,13 @@ Please check webstudio --help for more details`
       metas: usedMetas,
       tagsOverrides: framework.tags
     });
-    const projectMeta = pages.meta;
+    const projectMeta2 = pages2.meta;
     const contactEmail = (
       // fallback to user email when contact email is empty string
-      (projectMeta == null ? void 0 : projectMeta.contactEmail) || ((_i = siteData.user) == null ? void 0 : _i.email) || void 0
+      (projectMeta2 == null ? void 0 : projectMeta2.contactEmail) || ((_i = siteData.user) == null ? void 0 : _i.email) || void 0
     );
-    const favIconAsset = (_j = assets.get((projectMeta == null ? void 0 : projectMeta.faviconAssetId) ?? "")) == null ? void 0 : _j.name;
-    const pagePath = getPagePath(page.id, pages);
+    const favIconAsset = (_j = assets.get((projectMeta2 == null ? void 0 : projectMeta2.faviconAssetId) ?? "")) == null ? void 0 : _j.name;
+    const pagePath2 = getPagePath(page2.id, pages2);
     const breakpoints = siteData.build.breakpoints.map(([_, value]) => ({
       id: value.id,
       minWidth: value.minWidth,
@@ -6832,7 +7011,7 @@ Please check webstudio --help for more details`
 
       export const lastPublished = "${new Date(siteData.build.createdAt).toISOString()}";
 
-      export const siteName = ${JSON.stringify(projectMeta == null ? void 0 : projectMeta.siteName)};
+      export const siteName = ${JSON.stringify(projectMeta2 == null ? void 0 : projectMeta2.siteName)};
 
       export const breakpoints = ${JSON.stringify(breakpoints)};
 
@@ -6846,8 +7025,8 @@ Please check webstudio --help for more details`
       export const pageBackgroundImageAssets: string[] =
         ${JSON.stringify(pageBackgroundImageAssets)}
 
-      ${pagePath === "/" ? `
-            ${(projectMeta == null ? void 0 : projectMeta.code) ? `
+      ${pagePath2 === "/" ? `
+            ${(projectMeta2 == null ? void 0 : projectMeta2.code) ? `
             const Script = ({children, ...props}: Record<string, string | boolean>) => {
               if (children == null) {
                 return <script {...props} />;
@@ -6865,7 +7044,7 @@ Please check webstudio --help for more details`
             ` : ""}
 
             export const CustomCode = () => {
-              return (<>${(projectMeta == null ? void 0 : projectMeta.code) ? htmlToJsx(projectMeta.code) : ""}</>);
+              return (<>${(projectMeta2 == null ? void 0 : projectMeta2.code) ? htmlToJsx(projectMeta2.code) : ""}</>);
             }
           ` : ""}
 
@@ -6880,7 +7059,7 @@ Please check webstudio --help for more details`
       import type { PageMeta } from "@webstudio-is/sdk";
       ${generateResources({
       scope,
-      page,
+      page: page2,
       dataSources,
       props,
       resources
@@ -6888,22 +7067,22 @@ Please check webstudio --help for more details`
 
       ${generatePageMeta({
       globalScope: scope,
-      page,
+      page: page2,
       dataSources,
       assets
     })}
 
-      ${generateRemixParams(page.path)}
+      ${generateRemixParams(page2.path)}
 
       export const contactEmail = ${JSON.stringify(contactEmail)};
     `;
-    const generatedBasename = generateRemixRoute(pagePath);
+    const generatedBasename = generateRemixRoute(pagePath2);
     const clientFile = join(generatedDir, `${generatedBasename}.tsx`);
     await createFileIfNotExists(clientFile, pageExports);
     const serverFile = join(generatedDir, `${generatedBasename}.server.tsx`);
     await createFileIfNotExists(serverFile, serverExports);
     const getTemplates = framework[documentType];
-    for (const { file, template } of getTemplates({ pagePath })) {
+    for (const { file, template } of getTemplates({ pagePath: pagePath2 })) {
       const content = template.replaceAll("__CONSTANTS__", importFrom("./app/constants.mjs", file)).replaceAll(
         "__SITEMAP__",
         importFrom(`./app/__generated__/$resources.sitemap.xml`, file)
@@ -6937,16 +7116,16 @@ Please check webstudio --help for more details`
     join(generatedDir, "$resources.sitemap.xml.ts"),
     `
       export const sitemap = ${JSON.stringify(
-      getStaticSiteMapXml(pages, siteData.build.updatedAt),
+      getStaticSiteMapXml(pages2, siteData.build.updatedAt),
       null,
       2
     )};
     `
   );
   const assetsById = Object.fromEntries(
-    siteData.assets.map((asset) => [
-      asset.id,
-      toRuntimeAsset(asset, "https://placeholder.local")
+    siteData.assets.map((asset2) => [
+      asset2.id,
+      toRuntimeAsset(asset2, "https://placeholder.local")
     ])
   );
   await createFileIfNotExists(
@@ -6957,7 +7136,7 @@ Please check webstudio --help for more details`
   );
   await createFileIfNotExists(
     join(generatedDir, "$resources.redirects.ts"),
-    generateRedirectsModule(pages.redirects)
+    generateRedirectsModule(pages2.redirects)
   );
   if (options.assets === true && siteData.assets.length > 0) {
     const downloading = spinner();
@@ -6973,20 +7152,20 @@ Please check webstudio --help for more details`
   log.step("Build finished");
 };
 const mapToTemplatesFromOptions = (values) => {
-  const templates = [];
+  const templates2 = [];
   for (const value of values) {
     const template = PROJECT_TEMPLATES.find((item) => item.value === value) ?? INTERNAL_TEMPLATES.find((item) => item.value === value);
     if (template == null) {
-      templates.push(value);
+      templates2.push(value);
       continue;
     }
     if ("expand" in template && template.expand != null) {
-      templates.push(...template.expand);
+      templates2.push(...template.expand);
       continue;
     }
-    templates.push(value);
+    templates2.push(value);
   }
-  return templates;
+  return templates2;
 };
 const buildOptions = (yargs) => yargs.option("assets", {
   type: "boolean",
@@ -7025,7 +7204,7 @@ const exitIfCancelled = (value) => {
 const initFlow = async (options) => {
   const isProjectConfigured = await isFileExists(".webstudio/config.json");
   let shouldInstallDeps = false;
-  let folderName;
+  let folderName2;
   let projectTemplate;
   if (isProjectConfigured === false) {
     const shouldCreateFolder = exitIfCancelled(
@@ -7035,7 +7214,7 @@ const initFlow = async (options) => {
       })
     );
     if (shouldCreateFolder === true) {
-      folderName = exitIfCancelled(
+      folderName2 = exitIfCancelled(
         await text({
           message: "Please enter a project name",
           validate(value) {
@@ -7045,8 +7224,8 @@ const initFlow = async (options) => {
           }
         })
       );
-      await createFolderIfNotExists(join(cwd(), folderName));
-      chdir(join(cwd(), folderName));
+      await createFolderIfNotExists(join(cwd(), folderName2));
+      chdir(join(cwd(), folderName2));
     }
     const shareLink = exitIfCancelled(
       await text({
@@ -7094,7 +7273,7 @@ const initFlow = async (options) => {
   log.message(
     [
       "Now you can:",
-      folderName && `Go to your project: ${pc.dim(`cd ${folderName}`)}`,
+      folderName2 && `Go to your project: ${pc.dim(`cd ${folderName2}`)}`,
       `Run ${pc.dim("npm run dev")} to preview your project on a local server.`,
       projectTemplate && getDeploymentInstructions(projectTemplate)
     ].filter(Boolean).join("\n")