@webstudio-is/sdk 0.272.0 → 0.274.0

package/lib/index.js

@@ -6,10 +6,10 @@ var __export = (target, all) => {
 
 // src/schema/assets.ts
 import { z } from "zod";
-import { FontFormat, FontMeta } from "@webstudio-is/fonts";
-var AssetId = z.string();
+import { fontFormat, fontMeta } from "@webstudio-is/fonts";
+var assetId = z.string();
 var baseAsset = {
-  id: AssetId,
+  id: assetId,
   projectId: z.string(),
   size: z.number(),
   name: z.string(),
@@ -17,55 +17,56 @@ var baseAsset = {
   description: z.union([z.string().optional(), z.null()]),
   createdAt: z.string()
 };
-var FontAsset = z.object({
+var assetType = z.enum(["font", "image", "file"]);
+var fontAsset = z.object({
   ...baseAsset,
-  format: FontFormat,
-  meta: FontMeta,
-  type: z.literal("font")
+  format: fontFormat,
+  meta: fontMeta,
+  type: z.literal(assetType.enum.font)
 });
-var ImageMeta = z.object({
+var imageMeta = z.object({
   width: z.number(),
   height: z.number()
 });
-var ImageAsset = z.object({
+var imageAsset = z.object({
   ...baseAsset,
   format: z.string(),
-  meta: ImageMeta,
-  type: z.literal("image")
+  meta: imageMeta,
+  type: z.literal(assetType.enum.image)
 });
-var FileAsset = z.object({
+var fileAsset = z.object({
   ...baseAsset,
   format: z.string(),
   meta: z.object({}),
-  type: z.literal("file")
+  type: z.literal(assetType.enum.file)
 });
-var Asset = z.union([FontAsset, ImageAsset, FileAsset]);
-var Assets = z.map(AssetId, Asset);
+var asset = z.union([fontAsset, imageAsset, fileAsset]);
+var assets = z.map(assetId, asset);
 
 // src/schema/pages.ts
 import { z as z2 } from "zod";
 import { validateBasicAuth } from "@webstudio-is/wsauth";
 var MIN_TITLE_LENGTH = 2;
-var PageId = z2.string();
-var FolderId = z2.string();
-var FolderName = z2.string().refine((value) => value.trim() !== "", "Can't be empty");
-var Slug = z2.string().refine(
+var pageId = z2.string();
+var folderId = z2.string();
+var folderName = z2.string().refine((value) => value.trim() !== "", "Can't be empty");
+var slug = z2.string().refine(
   (path) => /^[-a-z0-9]*$/.test(path),
   "Only a-z, 0-9 and - are allowed"
 );
-var Folder = z2.object({
-  id: FolderId,
-  name: FolderName,
-  slug: Slug,
-  children: z2.array(z2.union([FolderId, PageId]))
+var folder = z2.object({
+  id: folderId,
+  name: folderName,
+  slug,
+  children: z2.array(z2.union([folderId, pageId]))
 });
-var PageName = z2.string().refine((value) => value.trim() !== "", "Can't be empty");
-var PageTitle = z2.string().refine(
+var pageName = z2.string().refine((value) => value.trim() !== "", "Can't be empty");
+var pageTitle = z2.string().refine(
   (val) => val.length >= MIN_TITLE_LENGTH,
   `Minimum ${MIN_TITLE_LENGTH} characters required`
 );
 var documentTypes = ["html", "xml", "text"];
-var BasicAuthFields = {
+var basicAuthFields = {
   login: z2.string(),
   password: z2.string()
 };
@@ -81,23 +82,23 @@ var validateBasicAuthFields = ({
     });
   }
 };
-var PageBasicAuth = z2.object({
+var pageBasicAuth = z2.object({
   method: z2.literal("basic"),
-  ...BasicAuthFields
+  ...basicAuthFields
 }).superRefine(validateBasicAuthFields);
-var LegacyPageBasicAuth = z2.object({
+var legacyPageBasicAuth = z2.object({
   type: z2.literal("basic"),
-  ...BasicAuthFields
+  ...basicAuthFields
 }).superRefine(validateBasicAuthFields).transform(({ login, password }) => ({
   method: "basic",
   login,
   password
 }));
-var PageAuth = z2.union([PageBasicAuth, LegacyPageBasicAuth]);
+var pageAuth = z2.union([pageBasicAuth, legacyPageBasicAuth]);
 var commonPageFields = {
-  id: PageId,
-  name: PageName,
-  title: PageTitle,
+  id: pageId,
+  name: pageName,
+  title: pageTitle,
   history: z2.optional(z2.array(z2.string())),
   rootInstanceId: z2.string(),
   systemDataSourceId: z2.string().optional(),
@@ -112,7 +113,7 @@ var commonPageFields = {
     redirect: z2.string().optional(),
     documentType: z2.optional(z2.enum(documentTypes)),
     content: z2.string().optional(),
-    auth: PageAuth.optional(),
+    auth: pageAuth.optional(),
     custom: z2.array(
       z2.object({
         property: z2.string(),
@@ -128,8 +129,8 @@ var commonPageFields = {
     })
   )
 };
-var HomePagePath = z2.string().refine((path) => path === "", "Home page path must be empty");
-var DefaultPagePage = z2.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(
+var homePagePath = z2.string().refine((path) => path === "", "Home page path must be empty");
+var defaultPagePath = z2.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(
@@ -142,7 +143,7 @@ var DefaultPagePage = z2.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");
-var RedirectSourcePath = z2.string().refine((path) => path !== "", "Can't be empty").refine((path) => path !== "/", "Can't be just a /").refine(
+var redirectSourcePath = z2.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) => {
@@ -162,23 +163,23 @@ var RedirectSourcePath = z2.string().refine((path) => path !== "", "Can't be emp
   (path) => path !== "/build" && path.startsWith("/build/") === false,
   "/build prefix is reserved for the system"
 );
-var PagePath = DefaultPagePage.refine(
+var pagePath = defaultPagePath.refine(
   (path) => path === "" || path.startsWith("/"),
   "Must start with a / or a full URL e.g. https://website.org"
 );
-var Page = z2.object({
+var page = z2.object({
   ...commonPageFields,
-  path: z2.union([HomePagePath, PagePath])
+  path: z2.union([homePagePath, pagePath])
 });
-var PageTemplate = z2.object({
-  id: PageId,
-  name: PageName,
-  title: PageTitle,
+var pageTemplate = z2.object({
+  id: pageId,
+  name: pageName,
+  title: pageTitle,
   rootInstanceId: z2.string(),
   systemDataSourceId: z2.string().optional(),
   meta: commonPageFields.meta
 });
-var ProjectMeta = z2.object({
+var projectMeta = z2.object({
   // All fields are optional to ensure consistency and allow for the addition of new fields without requiring migration
   siteName: z2.string().optional(),
   contactEmail: z2.string().optional(),
@@ -186,7 +187,7 @@ var ProjectMeta = z2.object({
   code: z2.string().optional(),
   auth: z2.string().optional()
 });
-var ProjectNewRedirectPath = z2.string().min(1, "Path is required").refine((data) => {
+var projectNewRedirectPath = z2.string().min(1, "Path is required").refine((data) => {
   try {
     new URL(data, "http://url.com");
     return true;
@@ -194,27 +195,27 @@ var ProjectNewRedirectPath = z2.string().min(1, "Path is required").refine((data
     return false;
   }
 }, "Must be a valid URL");
-var PageRedirect = z2.object({
-  old: RedirectSourcePath,
-  new: ProjectNewRedirectPath,
+var pageRedirect = z2.object({
+  old: redirectSourcePath,
+  new: projectNewRedirectPath,
   status: z2.enum(["301", "302"]).optional()
 });
-var CompilerSettings = z2.object({
+var compilerSettings = z2.object({
   // All fields are optional to ensure consistency and allow for the addition of new fields without requiring migration
   atomicStyles: z2.boolean().optional()
 });
-var Pages = z2.object({
-  meta: ProjectMeta.optional(),
-  compiler: CompilerSettings.optional(),
-  redirects: z2.array(PageRedirect).optional(),
-  homePageId: PageId,
-  rootFolderId: FolderId,
-  pages: z2.map(PageId, Page),
-  pageTemplates: z2.map(PageId, PageTemplate).optional(),
-  folders: z2.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);
+var pages = z2.object({
+  meta: projectMeta.optional(),
+  compiler: compilerSettings.optional(),
+  redirects: z2.array(pageRedirect).optional(),
+  homePageId: pageId,
+  rootFolderId: folderId,
+  pages: z2.map(pageId, page),
+  pageTemplates: z2.map(pageId, pageTemplate).optional(),
+  folders: z2.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: z2.ZodIssueCode.custom,
@@ -232,27 +233,27 @@ var Pages = z2.object({
   if (homePage !== void 0 && homePage.path !== "") {
     context.addIssue({
       code: z2.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: z2.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: z2.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: z2.ZodIssueCode.custom,
@@ -260,7 +261,7 @@ var Pages = z2.object({
         message: "Page template id must match its record key"
       });
     }
-    if (pages.pages.has(templateId)) {
+    if (pages2.pages.has(templateId)) {
       context.addIssue({
         code: z2.ZodIssueCode.custom,
         path: ["pageTemplates", templateId, "id"],
@@ -268,75 +269,75 @@ var Pages = z2.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: z2.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: z2.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: z2.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: z2.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: z2.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: z2.ZodIssueCode.custom,
-        path: ["folders", folderId, "children"],
+        path: ["folders", folderId2, "children"],
         message: "Folders can't contain cycles"
       });
     }
@@ -345,35 +346,35 @@ var Pages = z2.object({
 
 // src/schema/instances.ts
 import { z as z3 } from "zod";
-var TextChild = z3.object({
+var textChild = z3.object({
   type: z3.literal("text"),
   value: z3.string(),
   placeholder: z3.boolean().optional()
 });
-var InstanceId = z3.string();
-var IdChild = z3.object({
+var instanceId = z3.string();
+var idChild = z3.object({
   type: z3.literal("id"),
-  value: InstanceId
+  value: instanceId
 });
-var ExpressionChild = z3.object({
+var expressionChild = z3.object({
   type: z3.literal("expression"),
   value: z3.string()
 });
-var InstanceChild = z3.union([IdChild, TextChild, ExpressionChild]);
-var Instance = z3.object({
+var instanceChild = z3.union([idChild, textChild, expressionChild]);
+var instance = z3.object({
   type: z3.literal("instance"),
-  id: InstanceId,
+  id: instanceId,
   component: z3.string(),
   tag: z3.string().optional(),
   label: z3.string().optional(),
-  children: z3.array(InstanceChild)
+  children: z3.array(instanceChild)
 });
-var Instances = z3.map(InstanceId, Instance);
+var instances = z3.map(instanceId, instance);
 
 // src/schema/data-sources.ts
 import { z as z4 } from "zod";
-var DataSourceId = z4.string();
-var DataSourceVariableValue = z4.union([
+var dataSourceId = z4.string();
+var dataSourceVariableValue = z4.union([
   z4.object({
     type: z4.literal("number"),
     // initial value of variable store
@@ -396,10 +397,10 @@ var DataSourceVariableValue = z4.union([
     value: z4.unknown()
   })
 ]);
-var DataSource = z4.union([
+var dataSource = z4.union([
   z4.object({
     type: z4.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
@@ -407,38 +408,38 @@ var DataSource = z4.union([
     // if we make it required
     scopeInstanceId: z4.string().optional(),
     name: z4.string(),
-    value: DataSourceVariableValue
+    value: dataSourceVariableValue
   }),
   z4.object({
     type: z4.literal("parameter"),
-    id: DataSourceId,
+    id: dataSourceId,
     scopeInstanceId: z4.string().optional(),
     name: z4.string()
   }),
   z4.object({
     type: z4.literal("resource"),
-    id: DataSourceId,
+    id: dataSourceId,
     scopeInstanceId: z4.string().optional(),
     name: z4.string(),
     resourceId: z4.string()
   })
 ]);
-var DataSources = z4.map(DataSourceId, DataSource);
+var dataSources = z4.map(dataSourceId, dataSource);
 
 // src/schema/resources.ts
 import { z as z5 } from "zod";
-var ResourceId = z5.string();
-var Method = z5.union([
+var resourceId = z5.string();
+var method = z5.union([
   z5.literal("get"),
   z5.literal("post"),
   z5.literal("put"),
   z5.literal("delete")
 ]);
-var Resource = z5.object({
-  id: ResourceId,
+var resource = z5.object({
+  id: resourceId,
   name: z5.string(),
   control: z5.optional(z5.union([z5.literal("system"), z5.literal("graphql")])),
-  method: Method,
+  method,
   // expression
   url: z5.string(),
   searchParams: z5.array(
@@ -458,9 +459,9 @@ var Resource = z5.object({
   // expression
   body: z5.optional(z5.string())
 });
-var ResourceRequest = z5.object({
+var resourceRequest = z5.object({
   name: z5.string(),
-  method: Method,
+  method,
   url: z5.string(),
   searchParams: z5.array(
     z5.object({
@@ -478,13 +479,13 @@ var ResourceRequest = z5.object({
   ),
   body: z5.optional(z5.unknown())
 });
-var Resources = z5.map(ResourceId, Resource);
+var resources = z5.map(resourceId, resource);
 
 // src/schema/props.ts
 import { z as z7 } from "zod";
 
 // src/schema/animation-schema.ts
-import { StyleValue } from "@webstudio-is/css-engine";
+import { styleValue } from "@webstudio-is/css-engine";
 import { z as z6 } from "zod";
 var literalUnion = (arr) => z6.union(
   arr.map((val) => z6.literal(val))
@@ -533,12 +534,12 @@ var RANGE_UNITS = [
   "lvmax",
   "dvmax"
 ];
-var rangeUnitSchema = literalUnion(RANGE_UNITS);
-var rangeUnitValueSchema = z6.union([
+var rangeUnit = literalUnion(RANGE_UNITS);
+var rangeUnitValue = z6.union([
   z6.object({
     type: z6.literal("unit"),
     value: z6.number(),
-    unit: rangeUnitSchema
+    unit: rangeUnit
   }),
   z6.object({
     type: z6.literal("unparsed"),
@@ -550,32 +551,32 @@ var rangeUnitValueSchema = z6.union([
   })
 ]);
 var TIME_UNITS = ["ms", "s"];
-var timeUnitSchema = literalUnion(TIME_UNITS);
-var durationUnitValueSchema = z6.union([
+var timeUnit = literalUnion(TIME_UNITS);
+var durationUnitValue = z6.union([
   z6.object({
     type: z6.literal("unit"),
     value: z6.number(),
-    unit: timeUnitSchema
+    unit: timeUnit
   }),
   z6.object({
     type: z6.literal("var"),
     value: z6.string()
   })
 ]);
-var iterationsUnitValueSchema = z6.union([z6.number(), z6.literal("infinite")]);
-var insetUnitValueSchema = z6.union([
-  rangeUnitValueSchema,
+var iterationsUnitValue = z6.union([z6.number(), z6.literal("infinite")]);
+var insetUnitValue = z6.union([
+  rangeUnitValue,
   z6.object({
     type: z6.literal("keyword"),
     value: z6.literal("auto")
   })
 ]);
-var keyframeStylesSchema = z6.record(StyleValue);
-var animationKeyframeSchema = z6.object({
+var keyframeStyles = z6.record(styleValue);
+var animationKeyframe = z6.object({
   offset: z6.number().optional(),
-  styles: keyframeStylesSchema
+  styles: keyframeStyles
 });
-var keyframeEffectOptionsSchema = z6.object({
+var keyframeEffectOptions = z6.object({
   easing: z6.string().optional(),
   fill: z6.union([
     z6.literal("none"),
@@ -584,29 +585,23 @@ var keyframeEffectOptionsSchema = z6.object({
     z6.literal("both")
   ]).optional(),
   // FillMode
-  duration: durationUnitValueSchema.optional(),
-  delay: durationUnitValueSchema.optional(),
-  iterations: iterationsUnitValueSchema.optional()
+  duration: durationUnitValue.optional(),
+  delay: durationUnitValue.optional(),
+  iterations: iterationsUnitValue.optional()
 });
-var scrollNamedRangeSchema = z6.union([
-  z6.literal("start"),
-  z6.literal("end")
-]);
-var scrollRangeValueSchema = z6.tuple([
-  scrollNamedRangeSchema,
-  rangeUnitValueSchema
-]);
-var scrollRangeOptionsSchema = z6.object({
-  rangeStart: scrollRangeValueSchema.optional(),
-  rangeEnd: scrollRangeValueSchema.optional()
+var scrollNamedRange = z6.union([z6.literal("start"), z6.literal("end")]);
+var scrollRangeValue = z6.tuple([scrollNamedRange, rangeUnitValue]);
+var scrollRangeOptions = z6.object({
+  rangeStart: scrollRangeValue.optional(),
+  rangeEnd: scrollRangeValue.optional()
 });
-var animationAxisSchema = z6.union([
+var animationAxis = z6.union([
   z6.literal("block"),
   z6.literal("inline"),
   z6.literal("x"),
   z6.literal("y")
 ]);
-var viewNamedRangeSchema = z6.union([
+var viewNamedRange = z6.union([
   z6.literal("contain"),
   z6.literal("cover"),
   z6.literal("entry"),
@@ -614,62 +609,59 @@ var viewNamedRangeSchema = z6.union([
   z6.literal("entry-crossing"),
   z6.literal("exit-crossing")
 ]);
-var viewRangeValueSchema = z6.tuple([
-  viewNamedRangeSchema,
-  rangeUnitValueSchema
-]);
-var viewRangeOptionsSchema = z6.object({
-  rangeStart: viewRangeValueSchema.optional(),
-  rangeEnd: viewRangeValueSchema.optional()
+var viewRangeValue = z6.tuple([viewNamedRange, rangeUnitValue]);
+var viewRangeOptions = z6.object({
+  rangeStart: viewRangeValue.optional(),
+  rangeEnd: viewRangeValue.optional()
 });
 var baseAnimation = z6.object({
   name: z6.string().optional(),
   description: z6.string().optional(),
   enabled: z6.array(z6.tuple([z6.string().describe("breakpointId"), z6.boolean()])).optional(),
-  keyframes: z6.array(animationKeyframeSchema)
+  keyframes: z6.array(animationKeyframe)
 });
-var scrollAnimationSchema = baseAnimation.merge(
+var scrollAnimation = baseAnimation.merge(
   z6.object({
-    timing: keyframeEffectOptionsSchema.merge(scrollRangeOptionsSchema)
+    timing: keyframeEffectOptions.merge(scrollRangeOptions)
   })
 );
-var scrollActionSchema = z6.object({
+var scrollAction = z6.object({
   type: z6.literal("scroll"),
   source: z6.union([z6.literal("closest"), z6.literal("nearest"), z6.literal("root")]).optional(),
-  axis: animationAxisSchema.optional(),
-  animations: z6.array(scrollAnimationSchema),
+  axis: animationAxis.optional(),
+  animations: z6.array(scrollAnimation),
   isPinned: z6.boolean().optional(),
   debug: z6.boolean().optional()
 });
-var viewAnimationSchema = baseAnimation.merge(
+var viewAnimation = baseAnimation.merge(
   z6.object({
-    timing: keyframeEffectOptionsSchema.merge(viewRangeOptionsSchema)
+    timing: keyframeEffectOptions.merge(viewRangeOptions)
   })
 );
-var viewActionSchema = z6.object({
+var viewAction = z6.object({
   type: z6.literal("view"),
   subject: z6.string().optional(),
-  axis: animationAxisSchema.optional(),
-  animations: z6.array(viewAnimationSchema),
-  insetStart: insetUnitValueSchema.optional(),
-  insetEnd: insetUnitValueSchema.optional(),
+  axis: animationAxis.optional(),
+  animations: z6.array(viewAnimation),
+  insetStart: insetUnitValue.optional(),
+  insetEnd: insetUnitValue.optional(),
   isPinned: z6.boolean().optional(),
   debug: z6.boolean().optional()
 });
-var animationActionSchema = z6.discriminatedUnion("type", [
-  scrollActionSchema,
-  viewActionSchema
+var animationAction = z6.discriminatedUnion("type", [
+  scrollAction,
+  viewAction
 ]);
 
 // src/schema/props.ts
-var PropId = z7.string();
+var propId = z7.string();
 var baseProp = {
-  id: PropId,
+  id: propId,
   instanceId: z7.string(),
   name: z7.string(),
   required: z7.optional(z7.boolean())
 };
-var Prop = z7.union([
+var prop = z7.union([
   z7.object({
     ...baseProp,
     type: z7.literal("number"),
@@ -745,16 +737,16 @@ var Prop = z7.union([
   z7.object({
     ...baseProp,
     type: z7.literal("animationAction"),
-    value: animationActionSchema
+    value: animationAction
   })
 ]);
-var Props = z7.map(PropId, Prop);
+var props = z7.map(propId, prop);
 
 // src/schema/breakpoints.ts
 import { z as z8 } from "zod";
-var BreakpointId = z8.string();
-var Breakpoint = z8.object({
-  id: BreakpointId,
+var breakpointId = z8.string();
+var breakpoint = z8.object({
+  id: breakpointId,
   label: z8.string(),
   minWidth: z8.number().optional(),
   maxWidth: z8.number().optional(),
@@ -773,7 +765,7 @@ var Breakpoint = z8.object({
   }
   return true;
 }, "Width-based (minWidth/maxWidth) and condition are mutually exclusive, and minWidth must be less than maxWidth");
-var Breakpoints = z8.map(BreakpointId, Breakpoint);
+var breakpoints = z8.map(breakpointId, breakpoint);
 var initialBreakpoints = [
   { id: "placeholder", label: "Base" },
   { id: "placeholder", label: "Tablet", maxWidth: 991 },
@@ -783,51 +775,51 @@ var initialBreakpoints = [
 
 // src/schema/style-sources.ts
 import { z as z9 } from "zod";
-var StyleSourceId = z9.string();
-var StyleSourceToken = z9.object({
+var styleSourceId = z9.string();
+var styleSourceToken = z9.object({
   type: z9.literal("token"),
-  id: StyleSourceId,
+  id: styleSourceId,
   name: z9.string(),
   locked: z9.boolean().optional()
 });
-var StyleSourceLocal = z9.object({
+var styleSourceLocal = z9.object({
   type: z9.literal("local"),
-  id: StyleSourceId
+  id: styleSourceId
 });
-var StyleSource = z9.union([StyleSourceToken, StyleSourceLocal]);
-var StyleSources = z9.map(StyleSourceId, StyleSource);
+var styleSource = z9.union([styleSourceToken, styleSourceLocal]);
+var styleSources = z9.map(styleSourceId, styleSource);
 
 // src/schema/style-source-selections.ts
 import { z as z10 } from "zod";
-var InstanceId2 = z10.string();
-var StyleSourceId2 = z10.string();
-var StyleSourceSelection = z10.object({
-  instanceId: InstanceId2,
-  values: z10.array(StyleSourceId2)
+var instanceId2 = z10.string();
+var styleSourceId2 = z10.string();
+var styleSourceSelection = z10.object({
+  instanceId: instanceId2,
+  values: z10.array(styleSourceId2)
 });
-var StyleSourceSelections = z10.map(InstanceId2, StyleSourceSelection);
+var styleSourceSelections = z10.map(instanceId2, styleSourceSelection);
 
 // src/schema/styles.ts
 import { z as z11 } from "zod";
-import { StyleValue as StyleValue2 } from "@webstudio-is/css-engine";
-var StyleDeclRaw = z11.object({
+import { styleValue as styleValue2 } from "@webstudio-is/css-engine";
+var styleDeclRaw = z11.object({
   styleSourceId: z11.string(),
   breakpointId: z11.string(),
   state: z11.optional(z11.string()),
   // @todo can't figure out how to make property to be enum
   property: z11.string(),
-  value: StyleValue2,
+  value: styleValue2,
   listed: z11.boolean().optional().describe("Whether the style is from the Advanced panel")
 });
-var StyleDecl = StyleDeclRaw;
-var getStyleDeclKey = (styleDecl) => {
-  return `${styleDecl.styleSourceId}:${styleDecl.breakpointId}:${styleDecl.property}:${styleDecl.state ?? ""}`;
+var styleDecl = styleDeclRaw;
+var getStyleDeclKey = (styleDecl2) => {
+  return `${styleDecl2.styleSourceId}:${styleDecl2.breakpointId}:${styleDecl2.property}:${styleDecl2.state ?? ""}`;
 };
-var Styles = z11.map(z11.string(), StyleDecl);
+var styles = z11.map(z11.string(), styleDecl);
 
 // src/schema/deployment.ts
 import { z as z12 } from "zod";
-var Templates = z12.enum([
+var templates = z12.enum([
   "docker",
   "vercel",
   "netlify",
@@ -835,13 +827,13 @@ var Templates = z12.enum([
   "ssg-netlify",
   "ssg-vercel"
 ]);
-var Deployment = z12.union([
+var deployment = z12.union([
   z12.object({
     destination: z12.literal("static"),
     name: z12.string(),
     assetsDomain: z12.string(),
     // Must be validated very strictly
-    templates: z12.array(Templates)
+    templates: z12.array(templates)
   }),
   z12.object({
     destination: z12.literal("saas").optional(),
@@ -857,17 +849,17 @@ var Deployment = z12.union([
 
 // src/schema/webstudio.ts
 import { z as z13 } from "zod";
-var WebstudioFragment = z13.object({
-  children: z13.array(InstanceChild),
-  instances: z13.array(Instance),
-  assets: z13.array(Asset),
-  dataSources: z13.array(DataSource),
-  resources: z13.array(Resource),
-  props: z13.array(Prop),
-  breakpoints: z13.array(Breakpoint),
-  styleSourceSelections: z13.array(StyleSourceSelection),
-  styleSources: z13.array(StyleSource),
-  styles: z13.array(StyleDecl)
+var webstudioFragment = z13.object({
+  children: z13.array(instanceChild),
+  instances: z13.array(instance),
+  assets: z13.array(asset),
+  dataSources: z13.array(dataSource),
+  resources: z13.array(resource),
+  props: z13.array(prop),
+  breakpoints: z13.array(breakpoint),
+  styleSourceSelections: z13.array(styleSourceSelection),
+  styleSources: z13.array(styleSource),
+  styles: z13.array(styleDecl)
 });
 
 // src/schema/prop-meta.ts
@@ -878,26 +870,26 @@ var common = {
   required: z14.boolean(),
   contentMode: z14.boolean().optional()
 };
-var Tag = z14.object({
+var tag = z14.object({
   ...common,
   control: z14.literal("tag"),
   type: z14.literal("string"),
   defaultValue: z14.undefined().optional(),
   options: z14.array(z14.string())
 });
-var Number = z14.object({
+var number = z14.object({
   ...common,
   control: z14.literal("number"),
   type: z14.literal("number"),
   defaultValue: z14.number().optional()
 });
-var Range = z14.object({
+var range = z14.object({
   ...common,
   control: z14.literal("range"),
   type: z14.literal("number"),
   defaultValue: z14.number().optional()
 });
-var Text = z14.object({
+var text = z14.object({
   ...common,
   control: z14.literal("text"),
   type: z14.literal("string"),
@@ -908,87 +900,87 @@ var Text = z14.object({
    */
   rows: z14.number().optional()
 });
-var Resource2 = z14.object({
+var resource2 = z14.object({
   ...common,
   control: z14.literal("resource"),
   type: z14.literal("resource"),
   defaultValue: z14.string().optional()
 });
-var Code = z14.object({
+var code = z14.object({
   ...common,
   control: z14.literal("code"),
   type: z14.literal("string"),
   language: z14.union([z14.literal("html"), z14.literal("markdown")]),
   defaultValue: z14.string().optional()
 });
-var CodeText = z14.object({
+var codeText = z14.object({
   ...common,
   control: z14.literal("codetext"),
   type: z14.literal("string"),
   defaultValue: z14.string().optional()
 });
-var Color = z14.object({
+var color = z14.object({
   ...common,
   control: z14.literal("color"),
   type: z14.literal("string"),
   defaultValue: z14.string().optional()
 });
-var Boolean = z14.object({
+var boolean = z14.object({
   ...common,
   control: z14.literal("boolean"),
   type: z14.literal("boolean"),
   defaultValue: z14.boolean().optional()
 });
-var Radio = z14.object({
+var radio = z14.object({
   ...common,
   control: z14.literal("radio"),
   type: z14.literal("string"),
   defaultValue: z14.string().optional(),
   options: z14.array(z14.string())
 });
-var InlineRadio = z14.object({
+var inlineRadio = z14.object({
   ...common,
   control: z14.literal("inline-radio"),
   type: z14.literal("string"),
   defaultValue: z14.string().optional(),
   options: z14.array(z14.string())
 });
-var Select = z14.object({
+var select = z14.object({
   ...common,
   control: z14.literal("select"),
   type: z14.literal("string"),
   defaultValue: z14.string().optional(),
   options: z14.array(z14.string())
 });
-var TimeZone = z14.object({
+var timeZone = z14.object({
   ...common,
   control: z14.literal("timeZone"),
   type: z14.literal("string"),
   defaultValue: z14.string().optional(),
   options: z14.array(z14.string())
 });
-var Check = z14.object({
+var check = z14.object({
   ...common,
   control: z14.literal("check"),
   type: z14.literal("string[]"),
   defaultValue: z14.array(z14.string()).optional(),
   options: z14.array(z14.string())
 });
-var InlineCheck = z14.object({
+var inlineCheck = z14.object({
   ...common,
   control: z14.literal("inline-check"),
   type: z14.literal("string[]"),
   defaultValue: z14.array(z14.string()).optional(),
   options: z14.array(z14.string())
 });
-var MultiSelect = z14.object({
+var multiSelect = z14.object({
   ...common,
   control: z14.literal("multi-select"),
   type: z14.literal("string[]"),
   defaultValue: z14.array(z14.string()).optional(),
   options: z14.array(z14.string())
 });
-var File = z14.object({
+var file = z14.object({
   ...common,
   control: z14.literal("file"),
   type: z14.literal("string"),
@@ -996,19 +988,19 @@ var File = z14.object({
   /** https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept */
   accept: z14.string().optional()
 });
-var Url = z14.object({
+var url = z14.object({
   ...common,
   control: z14.literal("url"),
   type: z14.literal("string"),
   defaultValue: z14.string().optional()
 });
-var Json = z14.object({
+var json = z14.object({
   ...common,
   control: z14.literal("json"),
   type: z14.literal("json"),
   defaultValue: z14.unknown().optional()
 });
-var Date = z14.object({
+var date = z14.object({
   ...common,
   control: z14.literal("date"),
   // @todo not sure what type should be here
@@ -1016,58 +1008,58 @@ var Date = z14.object({
   type: z14.literal("string"),
   defaultValue: z14.string().optional()
 });
-var Action = z14.object({
+var action = z14.object({
   ...common,
   control: z14.literal("action"),
   type: z14.literal("action"),
   defaultValue: z14.undefined().optional()
 });
-var TextContent = z14.object({
+var textContent = z14.object({
   ...common,
   control: z14.literal("textContent"),
   type: z14.literal("string"),
   defaultValue: z14.string().optional()
 });
-var AnimationAction = z14.object({
+var animationAction2 = z14.object({
   ...common,
   control: z14.literal("animationAction"),
   type: z14.literal("animationAction"),
   defaultValue: z14.undefined().optional()
 });
-var PropMeta = z14.union([
-  Tag,
-  Number,
-  Range,
-  Text,
-  Resource2,
-  Code,
-  CodeText,
-  Color,
-  Boolean,
-  Radio,
-  InlineRadio,
-  Select,
-  TimeZone,
-  MultiSelect,
-  Check,
-  InlineCheck,
-  File,
-  Url,
-  Json,
-  Date,
-  Action,
-  TextContent,
-  AnimationAction
+var propMeta = z14.union([
+  tag,
+  number,
+  range,
+  text,
+  resource2,
+  code,
+  codeText,
+  color,
+  boolean,
+  radio,
+  inlineRadio,
+  select,
+  timeZone,
+  multiSelect,
+  check,
+  inlineCheck,
+  file,
+  url,
+  json,
+  date,
+  action,
+  textContent,
+  animationAction2
 ]);
 
 // src/schema/component-meta.ts
 import { z as z15 } from "zod";
-import { StyleValue as StyleValue3 } from "@webstudio-is/css-engine";
-var PresetStyleDecl = z15.object({
+import { styleValue as styleValue3 } from "@webstudio-is/css-engine";
+var presetStyleDecl = z15.object({
   // State selector, e.g. :hover
   state: z15.optional(z15.string()),
   property: z15.string(),
-  value: StyleValue3
+  value: styleValue3
 });
 var componentCategories = [
   "general",
@@ -1084,12 +1076,12 @@ var componentCategories = [
   "hidden",
   "internal"
 ];
-var ComponentState = z15.object({
+var componentState = z15.object({
   selector: z15.string(),
   label: z15.string()
 });
-var ComponentContent = z15.string();
-var ContentModel = z15.object({
+var componentContent = z15.string();
+var contentModel = z15.object({
   /*
    * instance - accepted by any parent with "instance" in children categories
    * none - accepted by parents with this component name in children categories
@@ -1098,15 +1090,15 @@ var ContentModel = z15.object({
   /**
    * enforce direct children of category or components
    */
-  children: z15.array(ComponentContent),
+  children: z15.array(componentContent),
   /**
    * enforce descendants of category or components
    */
-  descendants: z15.array(ComponentContent).optional()
+  descendants: z15.array(componentContent).optional()
 });
-var WsComponentMeta = z15.object({
+var wsComponentMeta = z15.object({
   category: z15.enum(componentCategories).optional(),
-  contentModel: ContentModel.optional(),
+  contentModel: contentModel.optional(),
   // when this field is specified component receives
   // prop with index of same components withiin specified ancestor
   // important to automatically enumerate collections without
@@ -1115,12 +1107,12 @@ var WsComponentMeta = z15.object({
   label: z15.optional(z15.string()),
   description: z15.string().optional(),
   icon: z15.string().optional(),
-  presetStyle: z15.optional(z15.record(z15.string(), z15.array(PresetStyleDecl))),
-  states: z15.optional(z15.array(ComponentState)),
+  presetStyle: z15.optional(z15.record(z15.string(), z15.array(presetStyleDecl))),
+  states: z15.optional(z15.array(componentState)),
   order: z15.number().optional(),
   // properties and html attributes that will be always visible in properties panel
   initialProps: z15.array(z15.string()).optional(),
-  props: z15.record(PropMeta).optional()
+  props: z15.record(propMeta).optional()
 });
 
 // src/assets.ts
@@ -1310,18 +1302,18 @@ var getAssetMime = ({
   }
   return mime2;
 };
-var doesAssetMatchMimePatterns = (asset, patterns) => {
+var doesAssetMatchMimePatterns = (asset2, patterns) => {
   if (patterns === "*") {
     return true;
   }
-  const mime = getAssetMime(asset);
+  const mime = getAssetMime(asset2);
   if (mime !== void 0) {
     if (patterns.has(mime) || patterns.has(`${getCategory(mime)}/*`)) {
       return true;
     }
   }
-  if (asset.type === "file" && asset.name) {
-    const extension = asset.name.split(".").pop()?.toLowerCase();
+  if (asset2.type === "file" && asset2.name) {
+    const extension = asset2.name.split(".").pop()?.toLowerCase();
     if (extension) {
       const mimeFromExtension = extensionToMime.get(`.${extension}`);
       if (mimeFromExtension) {
@@ -1374,37 +1366,37 @@ var decodePathFragment = (fragment) => {
   }
   return decoded;
 };
-var getAssetUrl = (asset, origin) => {
+var 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);
 };
-var extractImageMetadata = (asset) => {
-  if (asset.type !== "image") {
+var 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
     };
   }
 };
-var extractFontMetadata = (asset) => {
-  if (asset.type !== "font") {
+var 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;
 };
@@ -1416,11 +1408,11 @@ var metadataExtractors = {
   font: extractFontMetadata,
   file: extractFileMetadata
 };
-var toRuntimeAsset = (asset, origin) => {
-  const extractor = metadataExtractors[asset.type];
-  const metadata = extractor(asset);
-  const url = getAssetUrl(asset, origin);
-  const relativeUrl = url.pathname + url.search;
+var toRuntimeAsset = (asset2, origin) => {
+  const extractor = metadataExtractors[asset2.type];
+  const metadata = extractor(asset2);
+  const url2 = getAssetUrl(asset2, origin);
+  const relativeUrl = url2.pathname + url2.search;
   return {
     url: relativeUrl,
     ...metadata
@@ -1447,7 +1439,7 @@ __export(normalize_css_exports, {
   body: () => body,
   button: () => button,
   checkbox: () => checkbox,
-  code: () => code,
+  code: () => code2,
   div: () => div,
   figure: () => figure,
   footer: () => footer,
@@ -1475,10 +1467,10 @@ __export(normalize_css_exports, {
   p: () => p,
   pre: () => pre,
   progress: () => progress,
-  radio: () => radio,
+  radio: () => radio2,
   samp: () => samp,
   section: () => section,
-  select: () => select,
+  select: () => select2,
   small: () => small,
   span: () => span,
   strong: () => strong,
@@ -1578,7 +1570,7 @@ var b = [
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
 var strong = b;
-var code = [
+var code2 = [
   {
     property: "font-family",
     value: {
@@ -1596,9 +1588,9 @@ var code = [
   { property: "font-size", value: { type: "unit", unit: "em", value: 1 } },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
-var kbd = code;
-var samp = code;
-var pre = code;
+var kbd = code2;
+var samp = code2;
+var pre = code2;
 var small = [
   { property: "font-size", value: { type: "unit", unit: "%", value: 80 } },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
@@ -1703,7 +1695,7 @@ var optgroup = [
   },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
-var radio = [
+var radio2 = [
   { property: "font-family", value: { type: "keyword", value: "inherit" } },
   { property: "font-size", value: { type: "unit", unit: "%", value: 100 } },
   {
@@ -1732,7 +1724,7 @@ var radio = [
   },
   { property: "border-left-style", value: { type: "keyword", value: "none" } }
 ];
-var checkbox = radio;
+var checkbox = radio2;
 var button = [
   { property: "font-family", value: { type: "keyword", value: "inherit" } },
   { property: "font-size", value: { type: "unit", unit: "%", value: 100 } },
@@ -1766,7 +1758,7 @@ var button = [
   { property: "border-left-style", value: { type: "keyword", value: "solid" } },
   { property: "text-transform", value: { type: "keyword", value: "none" } }
 ];
-var select = button;
+var select2 = button;
 var legend = [
   {
     property: "padding-top",
@@ -2083,33 +2075,33 @@ var isComponentDetachable = (component) => component !== rootComponent && compon
 
 // src/instances-utils.ts
 var ROOT_INSTANCE_ID = ":root";
-var traverseInstances = (instances, instanceId, callback) => {
-  const instance = instances.get(instanceId);
-  if (instance === void 0) {
+var traverseInstances = (instances2, instanceId3, callback) => {
+  const instance2 = instances2.get(instanceId3);
+  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);
+      traverseInstances(instances2, child.value, callback);
     }
   }
 };
-var findTreeInstanceIds = (instances, rootInstanceId) => {
+var findTreeInstanceIds = (instances2, rootInstanceId) => {
   const ids = /* @__PURE__ */ new Set([rootInstanceId]);
-  traverseInstances(instances, rootInstanceId, (instance) => {
-    ids.add(instance.id);
+  traverseInstances(instances2, rootInstanceId, (instance2) => {
+    ids.add(instance2.id);
   });
   return ids;
 };
-var findTreeInstanceIdsExcludingSlotDescendants = (instances, rootInstanceId) => {
+var findTreeInstanceIdsExcludingSlotDescendants = (instances2, rootInstanceId) => {
   const ids = /* @__PURE__ */ new Set([rootInstanceId]);
-  traverseInstances(instances, rootInstanceId, (instance) => {
-    ids.add(instance.id);
-    if (instance.component === "Slot") {
+  traverseInstances(instances2, rootInstanceId, (instance2) => {
+    ids.add(instance2.id);
+    if (instance2.component === "Slot") {
       return false;
     }
   });
@@ -2126,36 +2118,36 @@ var parseComponentName = (componentName) => {
   }
   return [namespace, name];
 };
-var getHtmlTagsFromProps = (props) => {
+var getHtmlTagsFromProps = (props2) => {
   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 props2.values()) {
+    if (prop2.type === "string" && prop2.name === "tag") {
+      tags2.set(prop2.instanceId, prop2.value);
     }
   }
   return tags2;
 };
 var getHtmlTagFromInstance = ({
-  instance,
+  instance: instance2,
   metas,
-  props,
+  props: props2,
   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 ? props2 === void 0 ? void 0 : getHtmlTagsFromProps(props2).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?.presetStyle ?? {}).at(0);
   return metaTag;
 };
-var getIndexesWithinAncestors = (metas, instances, rootIds) => {
+var getIndexesWithinAncestors = (metas, instances2, rootIds) => {
   const ancestors = /* @__PURE__ */ new Set();
   for (const meta of metas.values()) {
     if (meta.indexWithinAncestor !== void 0) {
@@ -2163,17 +2155,17 @@ var 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 = (instances3, instanceId3, latestIndexes2 = /* @__PURE__ */ new Map()) => {
+    const instance2 = instances3.get(instanceId3);
+    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());
@@ -2182,21 +2174,21 @@ var getIndexesWithinAncestors = (metas, instances, rootIds) => {
     if (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);
+        traverseInstances2(instances3, child.value, latestIndexes2);
       }
     }
   };
   const latestIndexes = /* @__PURE__ */ new Map();
-  for (const instanceId of rootIds) {
-    traverseInstances2(instances, instanceId, latestIndexes);
+  for (const instanceId3 of rootIds) {
+    traverseInstances2(instances2, instanceId3, latestIndexes);
   }
   return indexes;
 };
@@ -2595,15 +2587,15 @@ var transpileExpression = ({
   const replacements = [];
   const replacementIndexByRange = /* @__PURE__ */ new Map();
   const addReplacement = (start, end, fragment, { replaceExisting = false } = {}) => {
-    const range = `${start}:${end}`;
-    const existingIndex = replacementIndexByRange.get(range);
+    const range2 = `${start}:${end}`;
+    const existingIndex = replacementIndexByRange.get(range2);
     if (existingIndex !== void 0) {
       if (replaceExisting) {
         replacements[existingIndex] = [start, end, fragment];
       }
       return;
     }
-    replacementIndexByRange.set(range, replacements.length);
+    replacementIndexByRange.set(range2, replacements.length);
     replacements.push([start, end, fragment]);
   };
   const replaceIdentifier = (node, assignee) => {
@@ -2723,7 +2715,7 @@ var decodeDataVariableId = (name) => {
 };
 var generateExpression = ({
   expression,
-  dataSources,
+  dataSources: dataSources2,
   usedDataSources,
   scope
 }) => {
@@ -2732,7 +2724,7 @@ var generateExpression = ({
     executable: true,
     replaceVariable: (identifier) => {
       const depId = decodeDataVariableId(identifier);
-      let dep = depId ? dataSources.get(depId) : void 0;
+      let dep = depId ? dataSources2.get(depId) : void 0;
       if (depId === SYSTEM_VARIABLE_ID) {
         dep = systemParameter;
       }
@@ -2770,85 +2762,85 @@ var isAbsoluteUrl = (href) => {
 
 // src/page-utils.ts
 var ROOT_FOLDER_ID = "root";
-var isPage = (page) => page !== void 0 && "path" in page;
-var isPageTemplate = (page) => page !== void 0 && !("path" in page);
+var isPage = (page2) => page2 !== void 0 && "path" in page2;
+var isPageTemplate = (page2) => page2 !== void 0 && !("path" in page2);
 var isRootFolder = ({ id }) => id === ROOT_FOLDER_ID;
-var getPageById = (pages, pageId) => {
-  return pages.pages.get(pageId);
+var getPageById = (pages2, pageId2) => {
+  return pages2.pages.get(pageId2);
 };
-var getFolderById = (pages, folderId) => {
-  return pages.folders.get(folderId);
+var getFolderById = (pages2, folderId2) => {
+  return pages2.folders.get(folderId2);
 };
-var getAllPages = (pages) => {
-  return Array.from(pages.pages.values());
+var getAllPages = (pages2) => {
+  return Array.from(pages2.pages.values());
 };
-var getAllFolders = (pages) => {
-  return Array.from(pages.folders.values());
+var getAllFolders = (pages2) => {
+  return Array.from(pages2.folders.values());
 };
-var getHomePage = (pages) => {
-  const homePage = getPageById(pages, pages.homePageId);
+var 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 = {}) {
-  if (idOrPath === "" || idOrPath === "/" || idOrPath === pages.homePageId) {
-    return getHomePage(pages);
+function findPageByIdOrPath(idOrPath, pages2, options = {}) {
+  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 pages.pageTemplates?.get(idOrPath);
+    return pages2.pageTemplates?.get(idOrPath);
   }
 }
 var findParentFolderByChildId = (id, folders) => {
   const folderList = folders instanceof Map ? folders.values() : folders;
-  for (const folder of folderList) {
-    if (folder.children.includes(id)) {
-      return folder;
+  for (const folder2 of folderList) {
+    if (folder2.children.includes(id)) {
+      return folder2;
     }
   }
 };
-var getPagePath = (id, pages) => {
+var 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, "/");
 };
-var 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),
+var 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]
   }));
 };
@@ -2900,34 +2892,34 @@ var createScope = (occupiedIdentifiers = [], normalizeName = normalizeJsName, se
 // src/resources-generator.ts
 var generateResources = ({
   scope,
-  page,
-  dataSources,
-  props,
-  resources
+  page: page2,
+  dataSources: dataSources2,
+  props: props2,
+  resources: resources2
 }) => {
   const usedDataSources = /* @__PURE__ */ new Map();
   let generatedRequests = "";
-  for (const resource of resources.values()) {
+  for (const resource3 of resources2.values()) {
     let generatedRequest = "";
-    const resourceName = scope.getName(resource.id, resource.name);
+    const resourceName = scope.getName(resource3.id, resource3.name);
     generatedRequest += `  const ${resourceName}: ResourceRequest = {
 `;
-    generatedRequest += `    name: ${JSON.stringify(resource.name)},
+    generatedRequest += `    name: ${JSON.stringify(resource3.name)},
 `;
-    const url = generateExpression({
-      expression: resource.url,
-      dataSources,
+    const url2 = generateExpression({
+      expression: resource3.url,
+      dataSources: dataSources2,
       usedDataSources,
       scope
     });
-    generatedRequest += `    url: ${url},
+    generatedRequest += `    url: ${url2},
 `;
     generatedRequest += `    searchParams: [
 `;
-    for (const searchParam of resource.searchParams ?? []) {
+    for (const searchParam of resource3.searchParams ?? []) {
       const value = generateExpression({
         expression: searchParam.value,
-        dataSources,
+        dataSources: dataSources2,
         usedDataSources,
         scope
       });
@@ -2936,14 +2928,14 @@ var generateResources = ({
     }
     generatedRequest += `    ],
 `;
-    generatedRequest += `    method: "${resource.method}",
+    generatedRequest += `    method: "${resource3.method}",
 `;
     generatedRequest += `    headers: [
 `;
-    for (const header2 of resource.headers) {
+    for (const header2 of resource3.headers) {
       const value = generateExpression({
         expression: header2.value,
-        dataSources,
+        dataSources: dataSources2,
         usedDataSources,
         scope
       });
@@ -2952,10 +2944,10 @@ var generateResources = ({
     }
     generatedRequest += `    ],
 `;
-    if (resource.body !== void 0 && resource.body.length > 0) {
+    if (resource3.body !== void 0 && resource3.body.length > 0) {
       const body2 = generateExpression({
-        expression: resource.body,
-        dataSources,
+        expression: resource3.body,
+        dataSources: dataSources2,
         usedDataSources,
         scope
       });
@@ -2967,16 +2959,16 @@ var generateResources = ({
     generatedRequests += generatedRequest;
   }
   let generatedVariables = "";
-  for (const dataSource of usedDataSources.values()) {
-    if (dataSource.type === "variable") {
-      const name = scope.getName(dataSource.id, dataSource.name);
-      const value = JSON.stringify(dataSource.value.value);
+  for (const dataSource2 of usedDataSources.values()) {
+    if (dataSource2.type === "variable") {
+      const name = scope.getName(dataSource2.id, dataSource2.name);
+      const value = JSON.stringify(dataSource2.value.value);
       generatedVariables += `  let ${name} = ${value}
 `;
     }
-    if (dataSource.type === "parameter") {
-      if (dataSource.id === page.systemDataSourceId || dataSource.id === SYSTEM_VARIABLE_ID) {
-        const name = scope.getName(dataSource.id, dataSource.name);
+    if (dataSource2.type === "parameter") {
+      if (dataSource2.id === page2.systemDataSourceId || dataSource2.id === SYSTEM_VARIABLE_ID) {
+        const name = scope.getName(dataSource2.id, dataSource2.name);
         generatedVariables += `  const ${name} = _props.system
 `;
       }
@@ -2991,9 +2983,9 @@ var generateResources = ({
   generated += generatedRequests;
   generated += `  const _data = new Map<string, ResourceRequest>([
 `;
-  for (const dataSource of dataSources.values()) {
-    if (dataSource.type === "resource") {
-      const name = scope.getName(dataSource.resourceId, dataSource.name);
+  for (const dataSource2 of dataSources2.values()) {
+    if (dataSource2.type === "resource") {
+      const name = scope.getName(dataSource2.resourceId, dataSource2.name);
       generated += `    ["${name}", ${name}],
 `;
     }
@@ -3002,9 +2994,9 @@ var generateResources = ({
 `;
   generated += `  const _action = new Map<string, ResourceRequest>([
 `;
-  for (const prop of props.values()) {
-    if (prop.type === "resource") {
-      const name = scope.getName(prop.value, prop.name);
+  for (const prop2 of props2.values()) {
+    if (prop2.type === "resource") {
+      const name = scope.getName(prop2.value, prop2.name);
       generated += `    ["${name}", ${name}],
 `;
     }
@@ -3030,44 +3022,44 @@ var getMethod = (value) => {
   }
 };
 var replaceFormActionsWithResources = ({
-  props,
-  instances,
-  resources
+  props: props2,
+  instances: instances2,
+  resources: resources2
 }) => {
   const formProps = /* @__PURE__ */ new Map();
-  for (const prop of props.values()) {
-    if (prop.name === "method" && prop.type === "string" && instances.get(prop.instanceId)?.component === "Form") {
-      let data = formProps.get(prop.instanceId);
+  for (const prop2 of props2.values()) {
+    if (prop2.name === "method" && prop2.type === "string" && instances2.get(prop2.instanceId)?.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;
+      props2.delete(prop2.id);
     }
-    if (prop.name === "action" && prop.type === "string" && prop.value && instances.get(prop.instanceId)?.component === "Form") {
-      let data = formProps.get(prop.instanceId);
+    if (prop2.name === "action" && prop2.type === "string" && prop2.value && instances2.get(prop2.instanceId)?.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;
+      props2.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) {
-    if (action) {
-      resources.set(instanceId, {
-        id: instanceId,
+  for (const [instanceId3, { action: action2, method: method2 }] of formProps) {
+    if (action2) {
+      resources2.set(instanceId3, {
+        id: instanceId3,
         name: "action",
-        method: getMethod(method),
-        url: JSON.stringify(action),
+        method: getMethod(method2),
+        url: JSON.stringify(action2),
         headers: [
           { name: "Content-Type", value: JSON.stringify("application/json") }
         ]
@@ -3079,74 +3071,74 @@ var replaceFormActionsWithResources = ({
 // src/page-meta-generator.ts
 var generatePageMeta = ({
   globalScope,
-  page,
-  dataSources,
-  assets
+  page: page2,
+  dataSources: dataSources2,
+  assets: assets2
 }) => {
   const localScope = createScope(["system", "resources"]);
   const usedDataSources = /* @__PURE__ */ new Map();
   const titleExpression = generateExpression({
-    expression: page.title,
-    dataSources,
+    expression: page2.title,
+    dataSources: dataSources2,
     usedDataSources,
     scope: localScope
   });
   const descriptionExpression = generateExpression({
-    expression: page.meta.description ?? "undefined",
-    dataSources,
+    expression: page2.meta.description ?? "undefined",
+    dataSources: dataSources2,
     usedDataSources,
     scope: localScope
   });
   const excludePageFromSearchExpression = generateExpression({
-    expression: page.meta.excludePageFromSearch ?? "undefined",
-    dataSources,
+    expression: page2.meta.excludePageFromSearch ?? "undefined",
+    dataSources: dataSources2,
     usedDataSources,
     scope: localScope
   });
   const languageExpression = generateExpression({
-    expression: page.meta.language ?? "undefined",
-    dataSources,
+    expression: page2.meta.language ?? "undefined",
+    dataSources: dataSources2,
     usedDataSources,
     scope: localScope
   });
   const socialImageAssetNameExpression = JSON.stringify(
-    page.meta.socialImageAssetId ? assets.get(page.meta.socialImageAssetId)?.name : void 0
+    page2.meta.socialImageAssetId ? assets2.get(page2.meta.socialImageAssetId)?.name : void 0
   );
   const socialImageUrlExpression = generateExpression({
-    expression: page.meta.socialImageUrl ?? "undefined",
-    dataSources,
+    expression: page2.meta.socialImageUrl ?? "undefined",
+    dataSources: dataSources2,
     usedDataSources,
     scope: localScope
   });
   const statusExpression = generateExpression({
-    expression: page.meta.status ?? "undefined",
-    dataSources,
+    expression: page2.meta.status ?? "undefined",
+    dataSources: dataSources2,
     usedDataSources,
     scope: localScope
   });
   const redirectExpression = generateExpression({
-    expression: page.meta.redirect ?? "undefined",
-    dataSources,
+    expression: page2.meta.redirect ?? "undefined",
+    dataSources: dataSources2,
     usedDataSources,
     scope: localScope
   });
   const contentExpression = generateExpression({
-    expression: page.meta.content ?? "undefined",
-    dataSources,
+    expression: page2.meta.content ?? "undefined",
+    dataSources: dataSources2,
     usedDataSources,
     scope: localScope
   });
   let customExpression = "";
   customExpression += `[
 `;
-  for (const customMeta of page.meta.custom ?? []) {
+  for (const customMeta of page2.meta.custom ?? []) {
     if (customMeta.property.trim().length === 0) {
       continue;
     }
     const propertyExpression = JSON.stringify(customMeta.property);
     const contentExpression2 = generateExpression({
       expression: customMeta.content,
-      dataSources,
+      dataSources: dataSources2,
       usedDataSources,
       scope: localScope
     });
@@ -3175,27 +3167,27 @@ var 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}
 `;
@@ -3263,13 +3255,13 @@ import {
 import { getFontFaces } from "@webstudio-is/fonts";
 var addFontRules = ({
   sheet,
-  assets,
+  assets: assets2,
   assetBaseUrl
 }) => {
   const fontAssets = [];
-  for (const asset of assets.values()) {
-    if (asset.type === "font") {
-      fontAssets.push(asset);
+  for (const asset2 of assets2.values()) {
+    if (asset2.type === "font") {
+      fontAssets.push(asset2);
     }
   }
   const fontFaces = getFontFaces(fontAssets, { assetBaseUrl });
@@ -3277,31 +3269,31 @@ var addFontRules = ({
     sheet.addFontFaceRule(fontFace);
   }
 };
-var createImageValueTransformer = (assets, { assetBaseUrl }) => (styleValue) => {
-  if (styleValue.type === "image" && styleValue.value.type === "asset") {
-    const asset = assets.get(styleValue.value.value);
-    if (asset === void 0) {
+var createImageValueTransformer = (assets2, { assetBaseUrl }) => (styleValue4) => {
+  if (styleValue4.type === "image" && styleValue4.value.type === "asset") {
+    const asset2 = assets2.get(styleValue4.value.value);
+    if (asset2 === void 0) {
       return { type: "keyword", value: "none" };
     }
-    const url = `${assetBaseUrl}${asset.name}`;
+    const url2 = `${assetBaseUrl}${asset2.name}`;
     return {
       type: "image",
       value: {
         type: "url",
-        url
+        url: url2
       },
-      hidden: styleValue.hidden
+      hidden: styleValue4.hidden
     };
   }
 };
 var normalizeClassName = (name) => kebabCase(name);
 var generateCss = ({
-  assets,
-  instances,
-  props,
-  breakpoints,
-  styles,
-  styleSourceSelections,
+  assets: assets2,
+  instances: instances2,
+  props: props2,
+  breakpoints: breakpoints2,
+  styles: styles2,
+  styleSourceSelections: styleSourceSelections2,
   componentMetas,
   assetBaseUrl,
   atomic
@@ -3309,27 +3301,27 @@ var generateCss = ({
   const fontSheet = createRegularStyleSheet({ name: "ssr" });
   const presetSheet = createRegularStyleSheet({ name: "ssr" });
   const userSheet = createRegularStyleSheet({ name: "ssr" });
-  addFontRules({ sheet: fontSheet, assets, assetBaseUrl });
+  addFontRules({ sheet: fontSheet, assets: assets2, assetBaseUrl });
   presetSheet.addMediaRule("presets");
   const presetClasses = /* @__PURE__ */ new Map();
   const scope = createScope([], normalizeClassName, "-");
   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);
+  const htmlTagsByInstanceId = getHtmlTagsFromProps(props2);
+  for (const instance2 of instances2.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,
+    const tag2 = getHtmlTagFromInstance({
+      instance: instance2,
       metas: componentMetas,
-      props,
+      props: props2,
       htmlTagsByInstanceId
     });
-    if (tag) {
-      componentTags.add(tag);
+    if (tag2) {
+      componentTags.add(tag2);
     }
   }
   for (const [component, meta] of componentMetas) {
@@ -3340,13 +3332,13 @@ var generateCss = ({
     if (presetStyle.length > 0) {
       presetClasses.set(component, className);
     }
-    for (const [tag, styles2] of presetStyle) {
-      if (!componentTags?.has(tag)) {
+    for (const [tag2, styles3] of presetStyle) {
+      if (!componentTags?.has(tag2)) {
         continue;
       }
-      const selector = component === rootComponent ? ":root" : `${tag}.${className}`;
+      const selector = component === rootComponent ? ":root" : `${tag2}.${className}`;
       const rule = presetSheet.addNestingRule(selector);
-      for (const declaration of styles2) {
+      for (const declaration of styles3) {
         rule.setDeclaration({
           breakpoint: "presets",
           selector: declaration.state ?? "",
@@ -3356,78 +3348,78 @@ var generateCss = ({
       }
     }
   }
-  for (const breakpoint of breakpoints.values()) {
-    userSheet.addMediaRule(breakpoint.id, breakpoint);
+  for (const breakpoint2 of breakpoints2.values()) {
+    userSheet.addMediaRule(breakpoint2.id, breakpoint2);
   }
-  const imageValueTransformer = createImageValueTransformer(assets, {
+  const imageValueTransformer = createImageValueTransformer(assets2, {
     assetBaseUrl
   });
   userSheet.setTransformer(imageValueTransformer);
-  for (const styleDecl of styles.values()) {
-    const rule = userSheet.addMixinRule(styleDecl.styleSourceId);
+  for (const styleDecl2 of styles2.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 instances2.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 props2.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;
+  for (const selection of styleSourceSelections2.values()) {
+    let { instanceId: instanceId3 } = selection;
     const { values } = selection;
-    if (instanceId === ROOT_INSTANCE_ID) {
+    if (instanceId3 === 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 = instances2.get(instanceId3);
+    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(instanceId3);
+      const descendantSelector = descendantSelectorByInstanceId.get(instanceId3);
       if (parentId && descendantSelector) {
         descendantSuffix = descendantSelector;
-        instanceId = parentId;
+        instanceId3 = parentId;
       }
     }
-    const meta = componentMetas.get(instance.component);
-    const [_namespace, shortName] = parseComponentName(instance.component);
-    const baseName = instance.label ?? 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?.label ?? shortName;
+    const className = `w-${scope.getName(instanceId3, baseName)}`;
     if (atomic === false) {
-      let classList = classes.get(instanceId);
+      let classList = classes.get(instanceId3);
       if (classList === void 0) {
         classList = [];
-        classes.set(instanceId, classList);
+        classes.set(instanceId3, classList);
       }
       classList.push(className);
     }
     const rule = userSheet.addNestingRule(`.${className}`, descendantSuffix);
     rule.applyMixins(values);
-    instanceByRule.set(rule, instanceId);
+    instanceByRule.set(rule, instanceId3);
   }
   const fontCss = fontSheet.cssText;
   const presetCss = presetSheet.cssText.replaceAll(
@@ -3455,102 +3447,67 @@ ${userSheet.cssText}`,
 export {
   ALLOWED_FILE_EXTENSIONS,
   ALLOWED_FILE_TYPES,
-  Asset,
-  Assets,
-  Breakpoint,
-  Breakpoints,
-  CompilerSettings,
-  ComponentState,
-  ContentModel,
-  DataSource,
-  DataSourceVariableValue,
-  DataSources,
-  Deployment,
-  ExpressionChild,
   FILE_EXTENSIONS_BY_CATEGORY,
   FONT_EXTENSIONS,
-  FileAsset,
-  Folder,
-  FolderId,
-  FolderName,
-  FontAsset,
-  HomePagePath,
   IMAGE_EXTENSIONS,
   IMAGE_MIME_TYPES,
-  IdChild,
-  ImageAsset,
-  ImageMeta,
-  Instance,
-  InstanceChild,
-  Instances,
   MIME_CATEGORIES,
-  Page,
-  PageAuth,
-  PageId,
-  PageName,
-  PagePath,
-  PageRedirect,
-  PageTemplate,
-  PageTitle,
-  Pages,
-  PresetStyleDecl,
-  ProjectMeta,
-  ProjectNewRedirectPath,
-  Prop,
-  PropMeta,
-  Props,
   RANGE_UNITS,
   RESIZABLE_IMAGE_MIME_TYPES,
   ROOT_FOLDER_ID,
   ROOT_INSTANCE_ID,
-  RedirectSourcePath,
-  Resource,
-  ResourceRequest,
-  Resources,
   SYSTEM_VARIABLE_ID,
-  StyleDecl,
-  StyleSource,
-  StyleSourceSelection,
-  StyleSourceSelections,
-  StyleSources,
-  Styles,
-  Templates,
-  TextChild,
   VIDEO_EXTENSIONS,
   VIDEO_MIME_TYPES,
-  WebstudioFragment,
-  WsComponentMeta,
   acceptToMimeCategories,
   acceptToMimePatterns,
   addFontRules,
   allowedArrayMethods,
   allowedStringMethods,
-  animationActionSchema,
-  animationKeyframeSchema,
+  animationAction,
+  animationKeyframe,
+  asset,
+  assetType,
+  assets,
   blockComponent,
   blockTemplateComponent,
   blockTemplateMeta,
+  breakpoint,
+  breakpoints,
   collectionComponent,
+  compilerSettings,
   componentCategories,
+  componentState,
+  contentModel,
   coreMetas,
   createImageValueTransformer,
   createScope,
+  dataSource,
+  dataSourceVariableValue,
+  dataSources,
   decodeDataVariableId as decodeDataSourceVariable,
   decodeDataVariableId,
   decodePathFragment,
+  deployment,
   descendantComponent,
   detectAssetType,
   documentTypes,
   doesAssetMatchMimePatterns,
-  durationUnitValueSchema,
+  durationUnitValue,
   elementComponent,
   encodeDataVariableId as encodeDataSourceVariable,
   encodeDataVariableId,
   executeExpression,
+  expressionChild,
+  fileAsset,
   findPageByIdOrPath,
   findParentFolderByChildId,
   findTreeInstanceIds,
   findTreeInstanceIdsExcludingSlotDescendants,
+  folder,
+  folderId,
+  folderName,
+  fontAsset,
   generateCss,
   generateExpression,
   generateObjectExpression,
@@ -3573,8 +3530,15 @@ export {
   getPagePath,
   getStaticSiteMapXml,
   getStyleDeclKey,
+  homePagePath,
+  idChild,
+  imageAsset,
+  imageMeta,
   initialBreakpoints,
-  insetUnitValueSchema,
+  insetUnitValue,
+  instance,
+  instanceChild,
+  instances,
   isAbsoluteUrl,
   isAllowedExtension,
   isAllowedMimeCategory,
@@ -3589,18 +3553,47 @@ export {
   isRootFolder,
   lintExpression,
   matchPathnameParams,
+  page,
+  pageAuth,
+  pageId,
+  pageName,
+  pagePath,
+  pageRedirect,
+  pageTemplate,
+  pageTitle,
+  pages,
   parseComponentName,
   parseObjectExpression,
   portalComponent,
-  rangeUnitValueSchema,
+  presetStyleDecl,
+  projectMeta,
+  projectNewRedirectPath,
+  prop,
+  propMeta,
+  props,
+  rangeUnitValue,
+  redirectSourcePath,
   replaceFormActionsWithResources,
   resolveLocalLinkUrl,
+  resource,
+  resourceRequest,
+  resources,
   rootComponent,
-  scrollAnimationSchema,
+  scrollAnimation,
+  styleDecl,
+  styleSource,
+  styleSourceSelection,
+  styleSourceSelections,
+  styleSources,
+  styles,
   systemParameter,
   tags,
+  templates,
+  textChild,
   toRuntimeAsset,
   transpileExpression,
   validateFileName,
-  viewAnimationSchema
+  viewAnimation,
+  webstudioFragment,
+  wsComponentMeta
 };