@orion-studios/payload-studio 0.5.0-beta.98 → 0.6.0-beta.1

package/dist/{chunk-C4J35SPJ.mjs → chunk-XKUTZ7IU.mjs}

@@ -1,6 +1,19 @@
 import {
   sectionStyleDefaults
-} from "./chunk-SIL2J5MF.mjs";
+} from "./chunk-OQSEJXC4.mjs";
+import {
+  createDefaultStudioDocument,
+  defaultBuilderThemeTokens,
+  layoutToStudioDocument,
+  migrateBlockToSettingsV2,
+  studioDocumentToLayout
+} from "./chunk-PF3EBZXF.mjs";
+import {
+  assertStudioDocumentV1,
+  compileStudioDocument,
+  createEmptyStudioDocument,
+  validateStudioDocument
+} from "./chunk-ADIIWIYL.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";
@@ -9,303 +22,28 @@ import {
 var studio_pages_exports = {};
 __export(studio_pages_exports, {
   createDefaultStudioDocument: () => createDefaultStudioDocument,
+  createStudioPageService: () => createStudioPageService,
   defaultBuilderThemeTokens: () => defaultBuilderThemeTokens,
+  getStudioDocumentFromPage: () => getStudioDocumentFromPage,
   layoutToStudioDocument: () => layoutToStudioDocument,
   pageInspectorPanels: () => pageInspectorPanels,
   pageNodeTypes: () => pageNodeTypes,
   pagePaletteGroups: () => pagePaletteGroups,
   pageStudioModuleManifest: () => pageStudioModuleManifest,
   resolveBuilderThemeTokens: () => resolveBuilderThemeTokens,
-  studioDocumentToLayout: () => studioDocumentToLayout
+  studioDocumentToLayout: () => studioDocumentToLayout,
+  toEditorInitialDoc: () => toEditorInitialDoc
 });
 
-// src/studio-pages/builder/settings-v2/types.ts
-var defaultBuilderBlockSettingsV2 = {
-  advanced: {
-    customClassName: "",
-    editCopyInPanel: false,
-    hideOnMobile: false
-  },
-  appearance: {
-    contentBackgroundColor: "#ffffff",
-    contentBackgroundMode: "none",
-    contentGradientAngle: "135",
-    contentGradientFrom: "#ffffff",
-    contentGradientPreset: "none",
-    contentGradientTo: "#f4f6f2",
-    sectionBackgroundColor: "#ffffff",
-    sectionBackgroundMode: "none",
-    sectionGradientAngle: "135",
-    sectionGradientFrom: "#124a37",
-    sectionGradientPreset: "forest",
-    sectionGradientTo: "#1f684f"
-  },
-  layout: {
-    contentWidth: "inherit",
-    linkHorizontalPadding: true,
-    linkVerticalPadding: true,
-    paddingBottomPt: null,
-    paddingLeftPt: null,
-    paddingRightPt: null,
-    paddingTopPt: null,
-    sectionPaddingX: "inherit",
-    sectionPaddingY: "md"
-  },
-  media: {
-    cornerStyle: "rounded",
-    fit: "cover",
-    height: null,
-    position: "center",
-    positionX: null,
-    positionY: null
-  },
-  typography: {
-    bodyAlign: "left",
-    headingAlign: "left",
-    letterSpacingPreset: "normal",
-    lineHeightPreset: "normal",
-    maxTextWidth: "auto"
-  },
-  version: 2
-};
-var defaultBuilderItemSettingsV2 = {
-  layout: {
-    contentWidth: "inherit",
-    linkHorizontalPadding: true,
-    linkVerticalPadding: true,
-    paddingBottomPt: null,
-    paddingLeftPt: null,
-    paddingRightPt: null,
-    paddingTopPt: null,
-    sectionPaddingX: "inherit",
-    sectionPaddingY: "md"
-  },
-  media: {
-    cornerStyle: "rounded",
-    fit: "cover",
-    height: null,
-    position: "center",
-    positionX: null,
-    positionY: null
-  },
-  typography: {
-    bodyAlign: "left",
-    headingAlign: "left",
-    letterSpacingPreset: "normal",
-    lineHeightPreset: "normal",
-    maxTextWidth: "auto"
-  },
-  version: 2
-};
-var defaultBuilderThemeTokens = {
-  colors: {
-    accent: "#0d4a37",
-    bodyText: "#13211c",
-    headingText: "#13211c",
-    surface: "#ffffff"
-  },
-  radii: {
-    card: 16,
-    panel: 14
-  },
-  spacing: {
-    sectionGap: "md",
-    sectionPadding: "md"
-  },
-  typography: {
-    bodySize: "md",
-    headingSize: "md"
-  }
-};
-
-// src/studio-pages/builder/adapters/settingsV2.ts
-var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
-var parsePercent = (value) => {
-  if (typeof value === "number" && Number.isFinite(value)) {
-    return Math.max(0, Math.min(100, value));
-  }
-  if (typeof value === "string" && value.trim().length > 0) {
-    const parsed = Number(value);
-    if (Number.isFinite(parsed)) {
-      return Math.max(0, Math.min(100, parsed));
-    }
-  }
-  return null;
-};
-var parsePixel = (value) => {
-  if (typeof value === "number" && Number.isFinite(value)) {
-    return value;
-  }
-  if (typeof value === "string" && value.trim().length > 0) {
-    const parsed = Number(value);
-    if (Number.isFinite(parsed)) {
-      return parsed;
-    }
-  }
-  return null;
-};
-var mergeSettings = (defaults, input) => {
-  if (!isRecord(input)) {
-    return structuredClone(defaults);
-  }
-  const next = structuredClone(defaults);
-  for (const [key, value] of Object.entries(input)) {
-    if (isRecord(value) && isRecord(next[key])) {
-      next[key] = mergeSettings(next[key], value);
-      continue;
-    }
-    if (typeof value !== "undefined") {
-      next[key] = value;
-    }
-  }
-  return next;
-};
-var legacyBlockToV2Settings = (block) => {
-  const current = structuredClone(defaultBuilderBlockSettingsV2);
-  current.layout.contentWidth = block.contentWidth === "narrow" || block.contentWidth === "content" || block.contentWidth === "wide" || block.contentWidth === "full" || block.contentWidth === "inherit" ? block.contentWidth : current.layout.contentWidth;
-  current.layout.sectionPaddingX = block.sectionPaddingX === "none" || block.sectionPaddingX === "sm" || block.sectionPaddingX === "md" || block.sectionPaddingX === "lg" || block.sectionPaddingX === "inherit" ? block.sectionPaddingX : current.layout.sectionPaddingX;
-  current.layout.sectionPaddingY = block.sectionPaddingY === "none" || block.sectionPaddingY === "sm" || block.sectionPaddingY === "lg" ? block.sectionPaddingY : current.layout.sectionPaddingY;
-  current.appearance.sectionBackgroundMode = block.sectionBackgroundMode === "none" || block.sectionBackgroundMode === "color" || block.sectionBackgroundMode === "gradient" ? block.sectionBackgroundMode : current.appearance.sectionBackgroundMode;
-  current.appearance.sectionBackgroundColor = typeof block.sectionBackgroundColor === "string" ? block.sectionBackgroundColor : current.appearance.sectionBackgroundColor;
-  current.appearance.sectionGradientPreset = typeof block.sectionGradientPreset === "string" ? block.sectionGradientPreset : current.appearance.sectionGradientPreset;
-  current.appearance.sectionGradientFrom = typeof block.sectionGradientFrom === "string" ? block.sectionGradientFrom : current.appearance.sectionGradientFrom;
-  current.appearance.sectionGradientTo = typeof block.sectionGradientTo === "string" ? block.sectionGradientTo : current.appearance.sectionGradientTo;
-  current.appearance.sectionGradientAngle = typeof block.sectionGradientAngle === "string" ? block.sectionGradientAngle : current.appearance.sectionGradientAngle;
-  current.appearance.contentBackgroundMode = block.contentBackgroundMode === "none" || block.contentBackgroundMode === "color" || block.contentBackgroundMode === "gradient" ? block.contentBackgroundMode : current.appearance.contentBackgroundMode;
-  current.appearance.contentBackgroundColor = typeof block.contentBackgroundColor === "string" ? block.contentBackgroundColor : current.appearance.contentBackgroundColor;
-  current.appearance.contentGradientPreset = typeof block.contentGradientPreset === "string" ? block.contentGradientPreset : current.appearance.contentGradientPreset;
-  current.appearance.contentGradientFrom = typeof block.contentGradientFrom === "string" ? block.contentGradientFrom : current.appearance.contentGradientFrom;
-  current.appearance.contentGradientTo = typeof block.contentGradientTo === "string" ? block.contentGradientTo : current.appearance.contentGradientTo;
-  current.appearance.contentGradientAngle = typeof block.contentGradientAngle === "string" ? block.contentGradientAngle : current.appearance.contentGradientAngle;
-  if (block.backgroundImageFit === "cover" || block.backgroundImageFit === "contain") {
-    current.media.fit = block.backgroundImageFit;
-  }
-  if (block.imageFit === "cover" || block.imageFit === "contain") {
-    current.media.fit = block.imageFit;
-  }
-  if (block.backgroundImageCornerStyle === "rounded" || block.backgroundImageCornerStyle === "square") {
-    current.media.cornerStyle = block.backgroundImageCornerStyle;
-  }
-  if (block.imageCornerStyle === "rounded" || block.imageCornerStyle === "square") {
-    current.media.cornerStyle = block.imageCornerStyle;
-  }
-  if (block.backgroundImagePosition === "top" || block.backgroundImagePosition === "bottom" || block.backgroundImagePosition === "left" || block.backgroundImagePosition === "right" || block.backgroundImagePosition === "center") {
-    current.media.position = block.backgroundImagePosition;
-  }
-  if (block.imagePosition === "top" || block.imagePosition === "bottom" || block.imagePosition === "left" || block.imagePosition === "right" || block.imagePosition === "center") {
-    current.media.position = block.imagePosition;
-  }
-  current.media.positionX = parsePercent(block.imagePositionX ?? block.backgroundImagePositionX);
-  current.media.positionY = parsePercent(block.imagePositionY ?? block.backgroundImagePositionY);
-  current.media.height = parsePixel(block.imageHeight);
-  current.typography.headingAlign = block.textHeadingAlign === "left" || block.textHeadingAlign === "center" || block.textHeadingAlign === "right" || block.textHeadingAlign === "justify" ? block.textHeadingAlign : current.typography.headingAlign;
-  current.typography.bodyAlign = block.textBodyAlign === "left" || block.textBodyAlign === "center" || block.textBodyAlign === "right" || block.textBodyAlign === "justify" ? block.textBodyAlign : current.typography.bodyAlign;
-  current.typography.maxTextWidth = block.textMaxWidth === "auto" || block.textMaxWidth === "sm" || block.textMaxWidth === "md" || block.textMaxWidth === "lg" || block.textMaxWidth === "full" ? block.textMaxWidth : current.typography.maxTextWidth;
-  current.typography.lineHeightPreset = block.textLineHeightPreset === "tight" || block.textLineHeightPreset === "normal" || block.textLineHeightPreset === "relaxed" ? block.textLineHeightPreset : current.typography.lineHeightPreset;
-  current.typography.letterSpacingPreset = block.textLetterSpacingPreset === "tight" || block.textLetterSpacingPreset === "normal" || block.textLetterSpacingPreset === "relaxed" ? block.textLetterSpacingPreset : current.typography.letterSpacingPreset;
-  current.advanced.editCopyInPanel = Boolean(block.editCopyInPanel ?? current.advanced.editCopyInPanel);
-  current.advanced.customClassName = typeof block.customClassName === "string" ? block.customClassName : current.advanced.customClassName;
-  current.advanced.hideOnMobile = Boolean(block.hideOnMobile ?? current.advanced.hideOnMobile);
-  return mergeSettings(current, block.settings);
-};
-var v2SettingsToLegacyBlock = (blockWithSettings) => {
-  const settings = legacyBlockToV2Settings(blockWithSettings);
-  const next = {
-    ...blockWithSettings,
-    settings
-  };
-  const blockType = typeof next.blockType === "string" ? next.blockType : "";
-  next.contentWidth = settings.layout.contentWidth;
-  next.sectionPaddingX = settings.layout.sectionPaddingX;
-  next.sectionPaddingY = settings.layout.sectionPaddingY;
-  next.sectionBackgroundMode = settings.appearance.sectionBackgroundMode;
-  next.sectionBackgroundColor = settings.appearance.sectionBackgroundColor;
-  next.sectionGradientPreset = settings.appearance.sectionGradientPreset;
-  next.sectionGradientFrom = settings.appearance.sectionGradientFrom;
-  next.sectionGradientTo = settings.appearance.sectionGradientTo;
-  next.sectionGradientAngle = settings.appearance.sectionGradientAngle;
-  next.contentBackgroundMode = settings.appearance.contentBackgroundMode;
-  next.contentBackgroundColor = settings.appearance.contentBackgroundColor;
-  next.contentGradientPreset = settings.appearance.contentGradientPreset;
-  next.contentGradientFrom = settings.appearance.contentGradientFrom;
-  next.contentGradientTo = settings.appearance.contentGradientTo;
-  next.contentGradientAngle = settings.appearance.contentGradientAngle;
-  next.textHeadingAlign = settings.typography.headingAlign;
-  next.textBodyAlign = settings.typography.bodyAlign;
-  next.textMaxWidth = settings.typography.maxTextWidth;
-  next.textLineHeightPreset = settings.typography.lineHeightPreset;
-  next.textLetterSpacingPreset = settings.typography.letterSpacingPreset;
-  next.editCopyInPanel = settings.advanced.editCopyInPanel;
-  next.customClassName = settings.advanced.customClassName;
-  next.hideOnMobile = settings.advanced.hideOnMobile;
-  delete next.backgroundImagePositionX;
-  delete next.backgroundImagePositionY;
-  delete next.imageHeight;
-  delete next.imagePositionX;
-  delete next.imagePositionY;
-  if (blockType === "hero") {
-    next.backgroundImageFit = settings.media.fit;
-    next.backgroundImageCornerStyle = settings.media.cornerStyle;
-    next.backgroundImagePosition = settings.media.position;
-  } else if (blockType === "media") {
-    next.imageFit = settings.media.fit;
-    next.imageCornerStyle = settings.media.cornerStyle;
-    next.imagePosition = settings.media.position;
-  }
-  if (Array.isArray(next.items)) {
-    next.items = next.items.map((rawItem) => isRecord(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem);
-  }
-  return next;
-};
-var legacyItemToV2Settings = (item) => {
-  const current = structuredClone(defaultBuilderItemSettingsV2);
-  if (item.imageFit === "cover" || item.imageFit === "contain") {
-    current.media.fit = item.imageFit;
-  }
-  if (item.imageCornerStyle === "rounded" || item.imageCornerStyle === "square") {
-    current.media.cornerStyle = item.imageCornerStyle;
-  }
-  if (item.imagePosition === "top" || item.imagePosition === "bottom" || item.imagePosition === "left" || item.imagePosition === "right" || item.imagePosition === "center") {
-    current.media.position = item.imagePosition;
-  }
-  current.media.positionX = parsePercent(item.imagePositionX);
-  current.media.positionY = parsePercent(item.imagePositionY);
-  current.media.height = parsePixel(item.imageHeight);
-  return mergeSettings(current, item.settings);
-};
-var v2SettingsToLegacyItem = (itemWithSettings) => {
-  const settings = legacyItemToV2Settings(itemWithSettings);
-  return {
-    ...itemWithSettings,
-    imageCornerStyle: settings.media.cornerStyle,
-    imageFit: settings.media.fit,
-    imageHeight: settings.media.height,
-    imagePosition: settings.media.position,
-    imagePositionX: settings.media.positionX,
-    imagePositionY: settings.media.positionY,
-    settings
-  };
-};
-var migrateBlockToSettingsV2 = (block) => {
-  const withLegacyMirrors = v2SettingsToLegacyBlock(block);
-  if (!Array.isArray(withLegacyMirrors.items)) {
-    return withLegacyMirrors;
-  }
-  return {
-    ...withLegacyMirrors,
-    items: withLegacyMirrors.items.map((rawItem) => isRecord(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem)
-  };
-};
-
 // src/studio-pages/builder/settings-v2/themeTokens.ts
-var isRecord2 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 var merge = (base, next) => {
-  if (!next || !isRecord2(next)) {
+  if (!next || !isRecord(next)) {
     return base;
   }
   const merged = { ...base };
   for (const [key, value] of Object.entries(next)) {
-    if (isRecord2(value) && isRecord2(merged[key])) {
+    if (isRecord(value) && isRecord(merged[key])) {
       merged[key] = merge(merged[key], value);
       continue;
     }
@@ -321,16 +59,6 @@ var resolveBuilderThemeTokens = (layers) => {
   return merge(withPage, layers.block);
 };
 
-// src/studio-pages/builder/settings-v2/BlockInspectorRenderer.tsx
-import { useMemo, useState as useState2 } from "react";
-
-// src/studio-pages/builder/ui/Accordion.tsx
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-// src/studio-pages/builder/ui/ImageControls.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-
 // src/studio-pages/builder/settings-v2/inspectorSchema.ts
 var alignOptions = [
   { label: "Left", value: "left" },
@@ -338,72 +66,7 @@ var alignOptions = [
   { label: "Right", value: "right" },
   { label: "Justify", value: "justify" }
 ];
-var layoutFieldSet = [
-  {
-    group: "layout",
-    key: "settings.layout.contentWidth",
-    label: "Content Width",
-    options: [
-      { label: "Inherit Page Default", value: "inherit" },
-      { label: "Narrow", value: "narrow" },
-      { label: "Content", value: "content" },
-      { label: "Wide", value: "wide" },
-      { label: "Full", value: "full" }
-    ],
-    tags: ["width", "container"],
-    type: "select"
-  },
-  {
-    group: "layout",
-    key: "settings.layout.linkVerticalPadding",
-    label: "Keep Top and Bottom Equal",
-    tags: ["spacing", "padding", "equal", "lock", "vertical"],
-    type: "checkbox"
-  },
-  {
-    group: "layout",
-    key: "settings.layout.paddingTopPt",
-    label: "Top Padding (pt)",
-    max: 240,
-    min: 0,
-    tags: ["spacing", "padding", "top", "vertical"],
-    type: "number"
-  },
-  {
-    group: "layout",
-    key: "settings.layout.paddingBottomPt",
-    label: "Bottom Padding (pt)",
-    max: 240,
-    min: 0,
-    tags: ["spacing", "padding", "bottom", "vertical"],
-    type: "number"
-  },
-  {
-    group: "layout",
-    key: "settings.layout.linkHorizontalPadding",
-    label: "Keep Left and Right Equal",
-    tags: ["spacing", "padding", "equal", "lock", "horizontal"],
-    type: "checkbox"
-  },
-  {
-    group: "layout",
-    key: "settings.layout.paddingLeftPt",
-    label: "Left Padding (pt)",
-    max: 240,
-    min: 0,
-    tags: ["spacing", "padding", "left", "horizontal"],
-    type: "number"
-  },
-  {
-    group: "layout",
-    key: "settings.layout.paddingRightPt",
-    label: "Right Padding (pt)",
-    max: 240,
-    min: 0,
-    tags: ["spacing", "padding", "right", "horizontal"],
-    type: "number"
-  }
-];
+var layoutFieldSet = [];
 var typographyFieldSet = [
   {
     group: "typography",
@@ -460,44 +123,7 @@ var typographyFieldSet = [
     type: "select"
   }
 ];
-var styleFieldSet = [
-  {
-    group: "style",
-    key: "settings.appearance.sectionBackgroundMode",
-    label: "Section Background",
-    options: [
-      { label: "None", value: "none" },
-      { label: "Color", value: "color" },
-      { label: "Gradient", value: "gradient" }
-    ],
-    tags: ["background", "section"],
-    type: "select"
-  },
-  {
-    group: "style",
-    key: "settings.appearance.sectionBackgroundColor",
-    label: "Section Background Color",
-    type: "color"
-  },
-  {
-    group: "style",
-    key: "settings.appearance.contentBackgroundMode",
-    label: "Content Background",
-    options: [
-      { label: "None", value: "none" },
-      { label: "Color", value: "color" },
-      { label: "Gradient", value: "gradient" }
-    ],
-    tags: ["background", "content"],
-    type: "select"
-  },
-  {
-    group: "style",
-    key: "settings.appearance.contentBackgroundColor",
-    label: "Content Background Color",
-    type: "color"
-  }
-];
+var styleFieldSet = [];
 var commonAdvanced = [
   {
     group: "advanced",
@@ -598,6 +224,7 @@ var inspectorDefinitionByBlockType = {
   faq: {
     blockType: "faq",
     fields: [
+      { group: "basics", inlineEditable: true, key: "eyebrow", label: "Eyebrow", type: "text" },
       { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
       ...layoutFieldSet,
       ...typographyFieldSet,
@@ -608,6 +235,7 @@ var inspectorDefinitionByBlockType = {
   featureGrid: {
     blockType: "featureGrid",
     fields: [
+      { group: "basics", inlineEditable: true, key: "eyebrow", label: "Eyebrow", type: "text" },
       { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
       {
         group: "basics",
@@ -615,7 +243,11 @@ var inspectorDefinitionByBlockType = {
         label: "Variant",
         options: [
           { label: "Cards", value: "cards" },
-          { label: "Highlight", value: "highlight" }
+          { label: "Highlight", value: "highlight" },
+          { label: "Split List", value: "splitList" },
+          { label: "Panels", value: "panels" },
+          { label: "Catalog", value: "catalog" },
+          { label: "Contact Split", value: "contact" }
         ],
         type: "select"
       },
@@ -630,6 +262,7 @@ var inspectorDefinitionByBlockType = {
   formEmbed: {
     blockType: "formEmbed",
     fields: [
+      { group: "basics", inlineEditable: true, key: "eyebrow", label: "Eyebrow", type: "text" },
       { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
       { group: "basics", inlineEditable: true, key: "description", label: "Description", type: "textarea" },
       {
@@ -662,7 +295,7 @@ var inspectorDefinitionByBlockType = {
         type: "select"
       },
       {
-        group: "layout",
+        group: "basics",
         key: "heroHeight",
         label: "Hero Height",
         options: [
@@ -715,6 +348,16 @@ var inspectorDefinitionByBlockType = {
   richText: {
     blockType: "richText",
     fields: [
+      {
+        group: "basics",
+        key: "variant",
+        label: "Variant",
+        options: [
+          { label: "Default", value: "default" },
+          { label: "Quote Banner", value: "quoteBanner" }
+        ],
+        type: "select"
+      },
       { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
       {
         group: "basics",
@@ -766,8 +409,202 @@ var inspectorDefinitionByBlockType = {
   }
 };
 
-// src/studio-pages/builder/settings-v2/BlockInspectorRenderer.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+// src/studio-pages/pageService.ts
+var isRecord2 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var toRecordArray = (value) => Array.isArray(value) ? value.filter((item) => isRecord2(item)) : [];
+var getRelationID = (value) => {
+  if (typeof value === "number" || typeof value === "string") {
+    return value;
+  }
+  if (!isRecord2(value)) {
+    return null;
+  }
+  const id = value.id;
+  return typeof id === "number" || typeof id === "string" ? id : null;
+};
+var asLayoutArray = (value) => toRecordArray(value);
+var hydrateRelationship = (valueFromStudio, valueFromLayout) => {
+  if (isRecord2(valueFromStudio)) {
+    return valueFromStudio;
+  }
+  if (!isRecord2(valueFromLayout)) {
+    return valueFromStudio;
+  }
+  const studioID = getRelationID(valueFromStudio);
+  const layoutID = getRelationID(valueFromLayout);
+  if (studioID === null || layoutID === null || String(studioID) !== String(layoutID)) {
+    return valueFromStudio;
+  }
+  return valueFromLayout;
+};
+var hydrateDocumentWithLayoutRelations = (document, layout) => {
+  const nextNodes = document.nodes.map((node, index) => {
+    const layoutBlock = layout[index];
+    if (!isRecord2(layoutBlock)) {
+      return node;
+    }
+    if (typeof layoutBlock.blockType !== "string" || layoutBlock.blockType !== node.type) {
+      return node;
+    }
+    const nextData = { ...node.data };
+    if (node.type === "hero") {
+      nextData.media = hydrateRelationship(nextData.media, layoutBlock.media);
+    }
+    if (node.type === "media") {
+      nextData.image = hydrateRelationship(nextData.image, layoutBlock.image);
+    }
+    if (node.type === "featureGrid" || node.type === "logoWall" || node.type === "beforeAfter") {
+      const studioItems = Array.isArray(nextData.items) ? nextData.items : [];
+      const layoutItems = Array.isArray(layoutBlock.items) ? layoutBlock.items : [];
+      nextData.items = studioItems.map((rawStudioItem, itemIndex) => {
+        if (!isRecord2(rawStudioItem)) {
+          return rawStudioItem;
+        }
+        const layoutItem = layoutItems[itemIndex];
+        if (!isRecord2(layoutItem)) {
+          return rawStudioItem;
+        }
+        const nextItem = { ...rawStudioItem };
+        nextItem.media = hydrateRelationship(nextItem.media, layoutItem.media);
+        nextItem.beforeMedia = hydrateRelationship(nextItem.beforeMedia, layoutItem.beforeMedia);
+        nextItem.afterMedia = hydrateRelationship(nextItem.afterMedia, layoutItem.afterMedia);
+        return nextItem;
+      });
+    }
+    return {
+      ...node,
+      data: nextData
+    };
+  });
+  return {
+    ...document,
+    nodes: nextNodes
+  };
+};
+var normalizeDocument = (document) => ({
+  ...document,
+  schemaVersion: 1,
+  updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+});
+var normalizeLegacyHeroDefaults = (document) => {
+  const nodes = document.nodes.map((node) => {
+    if (node.type !== "hero" || !isRecord2(node.data)) {
+      return node;
+    }
+    const nextData = { ...node.data };
+    const heroBackgroundColor = typeof nextData.backgroundColor === "string" ? nextData.backgroundColor.trim().toLowerCase() : "";
+    const sectionBackgroundMode = typeof nextData.sectionBackgroundMode === "string" ? nextData.sectionBackgroundMode : "none";
+    const hasBackgroundImageURL = typeof nextData.backgroundImageURL === "string" && nextData.backgroundImageURL.trim().length > 0;
+    const mediaRelation = getRelationID(nextData.media);
+    if (heroBackgroundColor === "#124a37" && sectionBackgroundMode === "none" && !hasBackgroundImageURL && mediaRelation === null) {
+      nextData.backgroundColor = "";
+    }
+    return {
+      ...node,
+      data: nextData
+    };
+  });
+  return {
+    ...document,
+    nodes
+  };
+};
+var assertCanPublish = (issues) => {
+  const publishErrors = issues.filter((issue) => issue.severity === "error");
+  if (publishErrors.length > 0) {
+    throw new Error(`Cannot publish page: ${publishErrors[0].message}`);
+  }
+};
+var getStudioDocumentFromPage = (doc) => {
+  const title = typeof doc.title === "string" ? doc.title : void 0;
+  const layout = asLayoutArray(doc.layout);
+  try {
+    const studioDocument = assertStudioDocumentV1(doc.studioDocument);
+    if (layout.length > 0) {
+      return hydrateDocumentWithLayoutRelations(studioDocument, layout);
+    }
+    return studioDocument;
+  } catch {
+    if (layout.length > 0) {
+      return layoutToStudioDocument(layout, title);
+    }
+    return createEmptyStudioDocument(title);
+  }
+};
+var createStudioPageService = ({
+  collectionSlug = "pages",
+  modules,
+  payload,
+  user
+}) => ({
+  getPageForStudio: async (pageID) => {
+    const page = await payload.findByID({
+      collection: collectionSlug,
+      depth: 2,
+      draft: true,
+      id: pageID,
+      overrideAccess: false,
+      user
+    });
+    const studioDocument = getStudioDocumentFromPage(page);
+    return {
+      id: String(page.id),
+      slug: typeof page.slug === "string" ? page.slug : "",
+      studioDocument,
+      title: typeof page.title === "string" ? page.title : "Untitled Page"
+    };
+  },
+  validateStudioDocument: (document) => validateStudioDocument(document, modules),
+  saveDraft: async (pageID, document, _metadata) => {
+    const normalizedDocument = normalizeLegacyHeroDefaults(normalizeDocument(document));
+    const compileResult = compileStudioDocument(normalizedDocument, modules);
+    await payload.update({
+      collection: collectionSlug,
+      data: {
+        _status: "draft",
+        layout: compileResult.layout,
+        studioDocument: normalizedDocument,
+        studioValidationIssues: compileResult.issues,
+        title: normalizedDocument.title
+      },
+      id: pageID,
+      overrideAccess: false,
+      user
+    });
+    return {
+      id: pageID,
+      status: "draft"
+    };
+  },
+  publish: async (pageID, document, _metadata) => {
+    const normalizedDocument = normalizeLegacyHeroDefaults(normalizeDocument(document));
+    const compileResult = compileStudioDocument(normalizedDocument, modules);
+    assertCanPublish(compileResult.issues);
+    await payload.update({
+      collection: collectionSlug,
+      data: {
+        _status: "published",
+        layout: compileResult.layout,
+        studioDocument: normalizedDocument,
+        studioValidationIssues: compileResult.issues,
+        title: normalizedDocument.title
+      },
+      id: pageID,
+      overrideAccess: false,
+      user
+    });
+    return {
+      id: pageID,
+      status: "published"
+    };
+  }
+});
+var toEditorInitialDoc = (payloadPage) => ({
+  layout: studioDocumentToLayout(payloadPage.studioDocument),
+  slug: typeof payloadPage.slug === "string" ? payloadPage.slug : "",
+  studioDocument: payloadPage.studioDocument,
+  title: payloadPage.title
+});
 
 // src/studio-pages/migrations.ts
 var isRecord3 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
@@ -863,11 +700,14 @@ var defaultNodeData = {
   }),
   cta: {
     ...withSectionStyleDefaults({}),
-    backgroundColor: "#1f684f",
+    backgroundColor: "",
+    bullets: [],
     buttonHref: "/contact",
     buttonLabel: "Contact Us",
     description: "Optional supporting copy.",
+    eyebrow: "",
     headline: "Ready to get started?",
+    imageURL: "",
     style: "light"
   },
   faq: {
@@ -883,6 +723,7 @@ var defaultNodeData = {
       { description: "Explain this point.", iconType: "badge", icon: "02", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Two" },
       { description: "Explain this point.", iconType: "badge", icon: "03", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Three" }
     ],
+    subtitle: "",
     title: "Section Title",
     variant: "cards"
   },
@@ -890,16 +731,18 @@ var defaultNodeData = {
     ...withSectionStyleDefaults({}),
     description: "Collect lead details from visitors.",
     formType: "quote",
+    submitLabel: "Submit",
     title: "Request a Quote"
   },
   hero: {
     ...withSectionStyleDefaults({}),
     backgroundColor: "",
+    backgroundImageURL: "",
     backgroundOverlayMode: "none",
     backgroundOverlayOpacity: 45,
     backgroundOverlayColor: "#000000",
-    backgroundOverlayGradientFrom: "#0d4a37",
-    backgroundOverlayGradientTo: "#1f684f",
+    backgroundOverlayGradientFrom: "#334b63",
+    backgroundOverlayGradientTo: "#496582",
     backgroundOverlayGradientAngle: "135",
     backgroundOverlayGradientFromStrength: 100,
     backgroundOverlayGradientToStrength: 100,
@@ -933,11 +776,12 @@ var defaultNodeData = {
       { imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 2" },
       { imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 3" }
     ],
-    subtitle: "Trusted by teams and homeowners across Central Texas.",
-    title: "Trusted by Local Organizations"
+    subtitle: "Show logos from trusted associations, partners, or collaborators.",
+    title: "Trusted by Great Partners"
   }),
   richText: {
     ...withSectionStyleDefaults({}),
+    cards: [],
     content: {
       root: {
         children: [
@@ -967,6 +811,7 @@ var defaultNodeData = {
         version: 1
       }
     },
+    statsItems: [],
     title: "Section Heading",
     width: "normal"
   },
@@ -980,9 +825,9 @@ var defaultNodeData = {
   },
   stats: withSectionStyleDefaults({
     items: [
-      { description: "Average response time", label: "Same-Day Quotes", value: "24h" },
-      { description: "Projects completed", label: "Completed Jobs", value: "1,200+" },
-      { description: "Client satisfaction score", label: "Satisfaction", value: "4.9/5" }
+      { description: "Average first response", label: "Response Time", value: "24h" },
+      { description: "Client satisfaction score", label: "Satisfaction", value: "4.9/5" },
+      { description: "Recent projects or clients served", label: "Recent Work", value: "150+" }
     ],
     subtitle: "Highlight measurable outcomes to build trust quickly.",
     title: "Performance Highlights"
@@ -1113,55 +958,15 @@ var pageStudioModuleManifest = {
     { action: "publish", role: "editor" }
   ]
 };
-var ensureNodeID = (inputID, index) => {
-  if (typeof inputID === "string" && inputID.length > 0) {
-    return inputID;
-  }
-  return `node-${index + 1}`;
-};
-var layoutToStudioDocument = (layout, title, metadata) => {
-  const nodes = layout.filter((block) => typeof block.blockType === "string").map((rawBlock, index) => {
-    const block = migrateBlockToSettingsV2(rawBlock);
-    const blockType = String(block.blockType);
-    const { id, blockType: _ignoredBlockType, ...data } = block;
-    return {
-      id: ensureNodeID(id, index),
-      type: blockType,
-      data
-    };
-  });
-  return {
-    metadata,
-    schemaVersion: 1,
-    title,
-    nodes,
-    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-  };
-};
-var studioDocumentToLayout = (document) => document.nodes.map(
-  (node) => migrateBlockToSettingsV2({
-    id: node.id,
-    blockType: node.type,
-    ...node.data
-  })
-);
-var createDefaultStudioDocument = (title) => ({
-  metadata: {},
-  schemaVersion: 1,
-  title,
-  nodes: [],
-  updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-});
 
 export {
-  defaultBuilderThemeTokens,
   resolveBuilderThemeTokens,
+  getStudioDocumentFromPage,
+  createStudioPageService,
+  toEditorInitialDoc,
   pageNodeTypes,
   pagePaletteGroups,
   pageInspectorPanels,
   pageStudioModuleManifest,
-  layoutToStudioDocument,
-  studioDocumentToLayout,
-  createDefaultStudioDocument,
   studio_pages_exports
 };