@orion-studios/payload-studio 0.6.0-beta.8 → 0.7.0

package/dist/{chunk-PF3EBZXF.mjs → chunk-7ZMXZRBP.mjs}

@@ -40,7 +40,9 @@ var defaultBuilderBlockSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -69,7 +71,9 @@ var defaultBuilderItemSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -99,6 +103,7 @@ var defaultBuilderThemeTokens = {
 
 // src/studio-pages/builder/adapters/settingsV2.ts
 var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var isTextAlign = (value) => value === "left" || value === "center" || value === "right" || value === "justify";
 var parsePercent = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) {
     return Math.max(0, Math.min(100, value));
@@ -123,6 +128,18 @@ var parsePixel = (value) => {
   }
   return null;
 };
+var parsePoint = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return Math.max(6, Math.min(120, Math.round(value)));
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return Math.max(6, Math.min(120, Math.round(parsed)));
+    }
+  }
+  return null;
+};
 var mergeSettings = (defaults, input) => {
   if (!isRecord(input)) {
     return structuredClone(defaults);
@@ -141,6 +158,10 @@ var mergeSettings = (defaults, input) => {
 };
 var legacyBlockToV2Settings = (block) => {
   const current = structuredClone(defaultBuilderBlockSettingsV2);
+  if (block.blockType === "hero" && block.variant === "centered") {
+    current.typography.headingAlign = "center";
+    current.typography.bodyAlign = "center";
+  }
   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;
@@ -177,15 +198,28 @@ var legacyBlockToV2Settings = (block) => {
   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.headingAlign = isTextAlign(block.textHeadingAlign) ? block.textHeadingAlign : current.typography.headingAlign;
+  current.typography.bodyAlign = isTextAlign(block.textBodyAlign) ? block.textBodyAlign : current.typography.bodyAlign;
+  current.typography.headingSizePt = parsePoint(block.textHeadingSizePt);
+  current.typography.bodySizePt = parsePoint(block.textBodySizePt);
   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);
+  const settings = mergeSettings(current, block.settings);
+  if (block.blockType === "hero") {
+    const top = settings.layout.paddingTopPt;
+    const bottom = settings.layout.paddingBottomPt;
+    const hasLegacyLinkedHeroPadding = settings.layout.linkVerticalPadding !== false && (top === null || typeof top === "undefined" || top === 30) && (bottom === null || typeof bottom === "undefined" || bottom === 30 || bottom === 20);
+    if (hasLegacyLinkedHeroPadding) {
+      settings.layout.linkVerticalPadding = false;
+      settings.layout.paddingTopPt = 30;
+      settings.layout.paddingBottomPt = 20;
+    }
+  }
+  return settings;
 };
 var v2SettingsToLegacyBlock = (blockWithSettings) => {
   const settings = legacyBlockToV2Settings(blockWithSettings);
@@ -211,6 +245,8 @@ var v2SettingsToLegacyBlock = (blockWithSettings) => {
   next.contentGradientAngle = settings.appearance.contentGradientAngle;
   next.textHeadingAlign = settings.typography.headingAlign;
   next.textBodyAlign = settings.typography.bodyAlign;
+  next.textHeadingSizePt = settings.typography.headingSizePt;
+  next.textBodySizePt = settings.typography.bodySizePt;
   next.textMaxWidth = settings.typography.maxTextWidth;
   next.textLineHeightPreset = settings.typography.lineHeightPreset;
   next.textLetterSpacingPreset = settings.typography.letterSpacingPreset;

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

@@ -1,19 +1,20 @@
-import {
-  sectionStyleDefaults
-} from "./chunk-OQSEJXC4.mjs";
 import {
   createDefaultStudioDocument,
   defaultBuilderThemeTokens,
   layoutToStudioDocument,
   migrateBlockToSettingsV2,
   studioDocumentToLayout
-} from "./chunk-PF3EBZXF.mjs";
+} from "./chunk-7ZMXZRBP.mjs";
 import {
   assertStudioDocumentV1,
   compileStudioDocument,
   createEmptyStudioDocument,
   validateStudioDocument
 } from "./chunk-ADIIWIYL.mjs";
+import {
+  defaultPageLayoutBlocks,
+  sectionStyleDefaults
+} from "./chunk-KMYMSR7W.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";
@@ -21,9 +22,13 @@ import {
 // src/studio-pages/index.ts
 var studio_pages_exports = {};
 __export(studio_pages_exports, {
+  DEFAULT_LEGACY_HERO_BACKGROUND_COLORS: () => DEFAULT_LEGACY_HERO_BACKGROUND_COLORS,
   createDefaultStudioDocument: () => createDefaultStudioDocument,
+  createStudioPageFields: () => createStudioPageFields,
   createStudioPageService: () => createStudioPageService,
+  createStudioPagesCollection: () => createStudioPagesCollection,
   defaultBuilderThemeTokens: () => defaultBuilderThemeTokens,
+  defaultRelationshipHydrationMap: () => defaultRelationshipHydrationMap,
   getStudioDocumentFromPage: () => getStudioDocumentFromPage,
   layoutToStudioDocument: () => layoutToStudioDocument,
   pageInspectorPanels: () => pageInspectorPanels,
@@ -66,8 +71,52 @@ var alignOptions = [
   { label: "Right", value: "right" },
   { label: "Justify", value: "justify" }
 ];
-var layoutFieldSet = [];
+var layoutFieldSet = [
+  {
+    group: "layout",
+    key: "settings.layout.linkVerticalPadding",
+    label: "Link Top/Bottom Padding",
+    tags: ["spacing", "padding", "vertical"],
+    type: "checkbox"
+  },
+  {
+    group: "layout",
+    key: "settings.layout.paddingTopPt",
+    label: "Top Padding (pt)",
+    max: 240,
+    min: 0,
+    tags: ["spacing", "padding", "top"],
+    type: "number"
+  },
+  {
+    group: "layout",
+    key: "settings.layout.paddingBottomPt",
+    label: "Bottom Padding (pt)",
+    max: 240,
+    min: 0,
+    tags: ["spacing", "padding", "bottom"],
+    type: "number"
+  }
+];
 var typographyFieldSet = [
+  {
+    group: "typography",
+    key: "settings.typography.headingSizePt",
+    label: "Heading Text Size (pt)",
+    max: 120,
+    min: 6,
+    tags: ["text", "size", "heading", "font"],
+    type: "number"
+  },
+  {
+    group: "typography",
+    key: "settings.typography.bodySizePt",
+    label: "Body Text Size (pt)",
+    max: 72,
+    min: 6,
+    tags: ["text", "size", "body", "paragraph", "font"],
+    type: "number"
+  },
   {
     group: "typography",
     key: "settings.typography.headingAlign",
@@ -284,6 +333,13 @@ var inspectorDefinitionByBlockType = {
       { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
       { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
       { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
+      {
+        group: "basics",
+        key: "settings.marquee.itemsText",
+        label: "Scrolling Bar Options",
+        tags: ["marquee", "scrolling", "bar", "categories"],
+        type: "textarea"
+      },
       {
         group: "basics",
         key: "variant",
@@ -410,6 +466,13 @@ var inspectorDefinitionByBlockType = {
 };
 
 // src/studio-pages/pageService.ts
+var defaultRelationshipHydrationMap = {
+  beforeAfter: { arrays: { items: ["media", "beforeMedia", "afterMedia"] } },
+  featureGrid: { arrays: { items: ["media", "beforeMedia", "afterMedia"] } },
+  hero: { fields: ["media"] },
+  logoWall: { arrays: { items: ["media", "beforeMedia", "afterMedia"] } },
+  media: { fields: ["image"] }
+};
 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) => {
@@ -437,7 +500,7 @@ var hydrateRelationship = (valueFromStudio, valueFromLayout) => {
   }
   return valueFromLayout;
 };
-var hydrateDocumentWithLayoutRelations = (document, layout) => {
+var hydrateDocumentWithLayoutRelations = (document, layout, hydrationMap = defaultRelationshipHydrationMap) => {
   const nextNodes = document.nodes.map((node, index) => {
     const layoutBlock = layout[index];
     if (!isRecord2(layoutBlock)) {
@@ -446,17 +509,18 @@ var hydrateDocumentWithLayoutRelations = (document, layout) => {
     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);
+    const rule = hydrationMap[node.type];
+    if (!rule) {
+      return node;
     }
-    if (node.type === "media") {
-      nextData.image = hydrateRelationship(nextData.image, layoutBlock.image);
+    const nextData = { ...node.data };
+    for (const fieldName of rule.fields || []) {
+      nextData[fieldName] = hydrateRelationship(nextData[fieldName], layoutBlock[fieldName]);
     }
-    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) => {
+    for (const [arrayField, itemFields] of Object.entries(rule.arrays || {})) {
+      const studioItems = Array.isArray(nextData[arrayField]) ? nextData[arrayField] : [];
+      const layoutItems = Array.isArray(layoutBlock[arrayField]) ? layoutBlock[arrayField] : [];
+      nextData[arrayField] = studioItems.map((rawStudioItem, itemIndex) => {
         if (!isRecord2(rawStudioItem)) {
           return rawStudioItem;
         }
@@ -465,9 +529,9 @@ var hydrateDocumentWithLayoutRelations = (document, layout) => {
           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);
+        for (const itemField of itemFields) {
+          nextItem[itemField] = hydrateRelationship(nextItem[itemField], layoutItem[itemField]);
+        }
         return nextItem;
       });
     }
@@ -486,7 +550,12 @@ var normalizeDocument = (document) => ({
   schemaVersion: 1,
   updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 });
-var normalizeLegacyHeroDefaults = (document) => {
+var DEFAULT_LEGACY_HERO_BACKGROUND_COLORS = ["#124a37"];
+var normalizeLegacyHeroDefaults = (document, legacyColors = DEFAULT_LEGACY_HERO_BACKGROUND_COLORS) => {
+  if (legacyColors.length === 0) {
+    return document;
+  }
+  const normalizedLegacyColors = legacyColors.map((color) => color.trim().toLowerCase());
   const nodes = document.nodes.map((node) => {
     if (node.type !== "hero" || !isRecord2(node.data)) {
       return node;
@@ -496,7 +565,7 @@ var normalizeLegacyHeroDefaults = (document) => {
     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) {
+    if (normalizedLegacyColors.includes(heroBackgroundColor) && sectionBackgroundMode === "none" && !hasBackgroundImageURL && mediaRelation === null) {
       nextData.backgroundColor = "";
     }
     return {
@@ -515,13 +584,13 @@ var assertCanPublish = (issues) => {
     throw new Error(`Cannot publish page: ${publishErrors[0].message}`);
   }
 };
-var getStudioDocumentFromPage = (doc) => {
+var getStudioDocumentFromPage = (doc, relationshipHydration = defaultRelationshipHydrationMap) => {
   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 hydrateDocumentWithLayoutRelations(studioDocument, layout, relationshipHydration);
     }
     return studioDocument;
   } catch {
@@ -533,8 +602,10 @@ var getStudioDocumentFromPage = (doc) => {
 };
 var createStudioPageService = ({
   collectionSlug = "pages",
+  legacyHeroBackgroundColors = DEFAULT_LEGACY_HERO_BACKGROUND_COLORS,
   modules,
   payload,
+  relationshipHydration = defaultRelationshipHydrationMap,
   user
 }) => ({
   getPageForStudio: async (pageID) => {
@@ -546,7 +617,7 @@ var createStudioPageService = ({
       overrideAccess: false,
       user
     });
-    const studioDocument = getStudioDocumentFromPage(page);
+    const studioDocument = getStudioDocumentFromPage(page, relationshipHydration);
     return {
       id: String(page.id),
       slug: typeof page.slug === "string" ? page.slug : "",
@@ -556,7 +627,10 @@ var createStudioPageService = ({
   },
   validateStudioDocument: (document) => validateStudioDocument(document, modules),
   saveDraft: async (pageID, document, _metadata) => {
-    const normalizedDocument = normalizeLegacyHeroDefaults(normalizeDocument(document));
+    const normalizedDocument = normalizeLegacyHeroDefaults(
+      normalizeDocument(document),
+      legacyHeroBackgroundColors
+    );
     const compileResult = compileStudioDocument(normalizedDocument, modules);
     await payload.update({
       collection: collectionSlug,
@@ -577,7 +651,10 @@ var createStudioPageService = ({
     };
   },
   publish: async (pageID, document, _metadata) => {
-    const normalizedDocument = normalizeLegacyHeroDefaults(normalizeDocument(document));
+    const normalizedDocument = normalizeLegacyHeroDefaults(
+      normalizeDocument(document),
+      legacyHeroBackgroundColors
+    );
     const compileResult = compileStudioDocument(normalizedDocument, modules);
     assertCanPublish(compileResult.issues);
     await payload.update({
@@ -606,6 +683,146 @@ var toEditorInitialDoc = (payloadPage) => ({
   title: payloadPage.title
 });
 
+// src/studio-pages/pageFields.ts
+var formatSlugValue = (value) => {
+  if (typeof value !== "string") return void 0;
+  return value.trim().toLowerCase().replace(/[^a-z0-9/]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+};
+function createStudioPageFields(options = {}) {
+  const {
+    blocks = defaultPageLayoutBlocks,
+    mediaCollectionSlug = "media",
+    additionalFields = []
+  } = options;
+  return [
+    {
+      name: "title",
+      type: "text",
+      required: true
+    },
+    {
+      name: "slug",
+      type: "text",
+      admin: {
+        description: "URL identifier for this page. `home` is served at `/`.",
+        position: "sidebar"
+      },
+      hooks: {
+        beforeValidate: [({ value }) => formatSlugValue(value) ?? value]
+      },
+      index: true,
+      required: true,
+      unique: true
+    },
+    {
+      name: "path",
+      type: "text",
+      admin: {
+        description: "Full public path. Derived from the slug when left empty.",
+        position: "sidebar"
+      },
+      hooks: {
+        beforeValidate: [
+          ({ value, data }) => {
+            if (typeof value === "string" && value.trim().length > 0) {
+              return value.trim();
+            }
+            const slug = formatSlugValue(data?.slug);
+            if (!slug) return value;
+            return slug === "home" ? "/" : `/${slug}`;
+          }
+        ]
+      },
+      index: true,
+      unique: true
+    },
+    {
+      name: "studioDocument",
+      type: "json",
+      admin: {
+        description: "Canonical Studio editor state. Managed by the page builder.",
+        hidden: true
+      }
+    },
+    {
+      name: "studioValidationIssues",
+      type: "json",
+      admin: {
+        description: "Validation issues from the last Studio compile. Managed by the page builder.",
+        hidden: true
+      }
+    },
+    {
+      name: "layout",
+      type: "blocks",
+      admin: {
+        description: "Compiled output only \u2014 edit pages through the Studio builder."
+      },
+      blocks
+    },
+    {
+      name: "seo",
+      type: "group",
+      fields: [
+        { name: "metaTitle", type: "text" },
+        { name: "metaDescription", type: "textarea" },
+        { name: "canonicalUrl", type: "text" },
+        {
+          name: "ogImage",
+          type: "upload",
+          relationTo: mediaCollectionSlug
+        }
+      ]
+    },
+    {
+      name: "noIndex",
+      type: "checkbox",
+      admin: { position: "sidebar" },
+      defaultValue: false
+    },
+    {
+      name: "noFollow",
+      type: "checkbox",
+      admin: { position: "sidebar" },
+      defaultValue: false
+    },
+    ...additionalFields
+  ];
+}
+function createStudioPagesCollection(options = {}) {
+  const { slug = "pages", access, overrides, ...fieldOptions } = options;
+  const base = {
+    slug,
+    access: access || {
+      create: ({ req }) => Boolean(req.user),
+      delete: ({ req }) => Boolean(req.user),
+      read: ({ req }) => {
+        if (req.user) return true;
+        return { _status: { equals: "published" } };
+      },
+      update: ({ req }) => Boolean(req.user)
+    },
+    admin: {
+      defaultColumns: ["title", "slug", "_status", "updatedAt"],
+      useAsTitle: "title"
+    },
+    fields: createStudioPageFields(fieldOptions),
+    versions: {
+      drafts: {
+        autosave: false
+      },
+      maxPerDoc: 50
+    }
+  };
+  if (!overrides) return base;
+  return {
+    ...base,
+    ...overrides,
+    admin: { ...base.admin, ...overrides.admin },
+    fields: overrides.fields || base.fields
+  };
+}
+
 // src/studio-pages/migrations.ts
 var isRecord3 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 var assertPageStudioDocumentV1 = (value) => {
@@ -961,9 +1178,13 @@ var pageStudioModuleManifest = {
 
 export {
   resolveBuilderThemeTokens,
+  defaultRelationshipHydrationMap,
+  DEFAULT_LEGACY_HERO_BACKGROUND_COLORS,
   getStudioDocumentFromPage,
   createStudioPageService,
   toEditorInitialDoc,
+  createStudioPageFields,
+  createStudioPagesCollection,
   pageNodeTypes,
   pagePaletteGroups,
   pageInspectorPanels,

package/dist/{chunk-JQAHXYAM.mjs → chunk-KMYMSR7W.mjs}

@@ -1,6 +1,3 @@
-import {
-  sectionStyleFields
-} from "./chunk-OQSEJXC4.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";
@@ -34,6 +31,168 @@ var builderBlockLabelComponent = {
   path: "@orion-studios/payload-studio/blocks"
 };
 
+// src/blocks/blocks/sectionStyleFields.ts
+var sectionStyleDefaults = {
+  contentBackgroundColor: "#ffffff",
+  contentBackgroundMode: "none",
+  contentGradientAngle: "135",
+  contentGradientFrom: "#ffffff",
+  contentGradientPreset: "none",
+  contentGradientTo: "#f4f6f8",
+  contentWidth: "inherit",
+  sectionPaddingX: "inherit",
+  sectionBackgroundColor: "#ffffff",
+  sectionBackgroundMode: "none",
+  sectionGradientAngle: "135",
+  sectionGradientFrom: "#334b63",
+  sectionGradientPreset: "slate",
+  sectionGradientTo: "#496582",
+  sectionPaddingY: "md",
+  sectionWidth: "content"
+};
+var hideFromCMS = (field) => ({
+  ...field,
+  admin: {
+    ...field.admin || {},
+    hidden: true
+  }
+});
+var sectionStyleFields = () => {
+  const fields = [
+    {
+      name: "sectionWidth",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionWidth,
+      options: [
+        { label: "Content", value: "content" },
+        { label: "Wide", value: "wide" },
+        { label: "Full", value: "full" }
+      ]
+    },
+    {
+      name: "contentWidth",
+      type: "select",
+      defaultValue: sectionStyleDefaults.contentWidth,
+      options: [
+        { label: "Inherit", value: "inherit" },
+        { label: "Narrow", value: "narrow" },
+        { label: "Content", value: "content" },
+        { label: "Wide", value: "wide" },
+        { label: "Full", value: "full" }
+      ]
+    },
+    {
+      name: "sectionPaddingY",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionPaddingY,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Small", value: "sm" },
+        { label: "Medium", value: "md" },
+        { label: "Large", value: "lg" }
+      ]
+    },
+    {
+      name: "sectionPaddingX",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionPaddingX,
+      options: [
+        { label: "Inherit", value: "inherit" },
+        { label: "None", value: "none" },
+        { label: "Small", value: "sm" },
+        { label: "Medium", value: "md" },
+        { label: "Large", value: "lg" }
+      ]
+    },
+    {
+      name: "sectionBackgroundMode",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionBackgroundMode,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Color", value: "color" },
+        { label: "Gradient", value: "gradient" }
+      ]
+    },
+    {
+      name: "sectionBackgroundColor",
+      type: "text",
+      defaultValue: sectionStyleDefaults.sectionBackgroundColor
+    },
+    {
+      name: "sectionGradientPreset",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionGradientPreset,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Brand", value: "brand" },
+        { label: "Forest", value: "forest" },
+        { label: "Moss", value: "moss" },
+        { label: "Cream", value: "cream" },
+        { label: "Slate", value: "slate" }
+      ]
+    },
+    {
+      name: "sectionGradientFrom",
+      type: "text",
+      defaultValue: sectionStyleDefaults.sectionGradientFrom
+    },
+    {
+      name: "sectionGradientTo",
+      type: "text",
+      defaultValue: sectionStyleDefaults.sectionGradientTo
+    },
+    {
+      name: "sectionGradientAngle",
+      type: "text",
+      defaultValue: sectionStyleDefaults.sectionGradientAngle
+    },
+    {
+      name: "contentBackgroundMode",
+      type: "select",
+      defaultValue: sectionStyleDefaults.contentBackgroundMode,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Color", value: "color" },
+        { label: "Gradient", value: "gradient" }
+      ]
+    },
+    {
+      name: "contentBackgroundColor",
+      type: "text",
+      defaultValue: sectionStyleDefaults.contentBackgroundColor
+    },
+    {
+      name: "contentGradientPreset",
+      type: "select",
+      defaultValue: sectionStyleDefaults.contentGradientPreset,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Cloud", value: "cloud" },
+        { label: "Sand", value: "sand" },
+        { label: "Mint", value: "mint" },
+        { label: "Night", value: "night" }
+      ]
+    },
+    {
+      name: "contentGradientFrom",
+      type: "text",
+      defaultValue: sectionStyleDefaults.contentGradientFrom
+    },
+    {
+      name: "contentGradientTo",
+      type: "text",
+      defaultValue: sectionStyleDefaults.contentGradientTo
+    },
+    {
+      name: "contentGradientAngle",
+      type: "text",
+      defaultValue: sectionStyleDefaults.contentGradientAngle
+    }
+  ];
+  return fields.map(hideFromCMS);
+};
+
 // src/blocks/blocks/BeforeAfter.ts
 var BeforeAfterBlock = {
   slug: "beforeAfter",
@@ -1808,6 +1967,7 @@ var defaultPageLayoutBlocks = [
 
 export {
   builderBlockLabelComponent,
+  sectionStyleDefaults,
   BeforeAfterBlock,
   BookingEmbedBlock,
   CtaBlock,