@orion-studios/payload-studio 0.5.0-beta.108 → 0.5.0-beta.109

package/README.md

@@ -2,6 +2,14 @@
 
 Unified Payload CMS toolkit for Orion Studios projects.
 
+## Editor Scope
+
+`payload-studio` now treats block authoring as content-first by default.
+
+- Generic block-level Layout and Style controls are hidden in the CMS and Studio builder.
+- Internal layout/style fields still remain in the schema for compile compatibility with existing pages.
+- Editors should focus on content, media, typography, and a small set of block-specific variants.
+
 ## Install
 
 ```bash

package/dist/blocks/index.js

@@ -66,138 +66,148 @@ var sectionStyleDefaults = {
   sectionPaddingY: "md",
   sectionWidth: "content"
 };
-var sectionStyleFields = () => [
-  {
-    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
+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 = {

package/dist/blocks/index.mjs

@@ -17,8 +17,8 @@ import {
   defaultPageLayoutBlocks,
   sectionPresets,
   templateStarterPresets
-} from "../chunk-G7QOJ4AB.mjs";
-import "../chunk-WY7RQGSN.mjs";
+} from "../chunk-JQAHXYAM.mjs";
+import "../chunk-OQSEJXC4.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   BeforeAfterBlock,

package/dist/{chunk-3ZQZ2VW3.mjs → chunk-GVXYWPMR.mjs}

@@ -1,6 +1,3 @@
-import {
-  sectionStyleDefaults
-} from "./chunk-WY7RQGSN.mjs";
 import {
   createDefaultStudioDocument,
   defaultBuilderThemeTokens,
@@ -8,6 +5,9 @@ import {
   migrateBlockToSettingsV2,
   studioDocumentToLayout
 } from "./chunk-PF3EBZXF.mjs";
+import {
+  sectionStyleDefaults
+} from "./chunk-OQSEJXC4.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";
@@ -67,72 +67,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",
@@ -189,44 +124,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",
@@ -398,7 +296,7 @@ var inspectorDefinitionByBlockType = {
         type: "select"
       },
       {
-        group: "layout",
+        group: "basics",
         key: "heroHeight",
         label: "Hero Height",
         options: [

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

@@ -1,6 +1,6 @@
 import {
   sectionStyleFields
-} from "./chunk-WY7RQGSN.mjs";
+} from "./chunk-OQSEJXC4.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";

package/dist/chunk-OQSEJXC4.mjs

@@ -0,0 +1,166 @@
+// 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);
+};
+
+export {
+  sectionStyleDefaults,
+  sectionStyleFields
+};

package/dist/{index-BHS4jJf8.d.ts → index-DUi_XND6.d.ts}

@@ -1,7 +1,7 @@
 import { S as StudioDocumentV1, a as StudioNodeTypeDefinition, b as StudioModuleManifest } from './index-BzKOThsI.js';
 import { ComponentType, CSSProperties, ReactNode } from 'react';
 
-type InspectorGroupKey = 'advanced' | 'basics' | 'layout' | 'media' | 'style' | 'typography';
+type InspectorGroupKey = 'advanced' | 'basics' | 'media' | 'typography';
 type InspectorFieldType = 'checkbox' | 'color' | 'number' | 'search' | 'select' | 'text' | 'textarea';
 
 type BuilderSettingsPanelMode = 'advanced' | 'basic';

package/dist/{index-DkmB6hR5.d.mts → index-gLl_358v.d.mts}

@@ -1,7 +1,7 @@
 import { S as StudioDocumentV1, a as StudioNodeTypeDefinition, b as StudioModuleManifest } from './index-BzKOThsI.mjs';
 import { ComponentType, CSSProperties, ReactNode } from 'react';
 
-type InspectorGroupKey = 'advanced' | 'basics' | 'layout' | 'media' | 'style' | 'typography';
+type InspectorGroupKey = 'advanced' | 'basics' | 'media' | 'typography';
 type InspectorFieldType = 'checkbox' | 'color' | 'number' | 'search' | 'select' | 'text' | 'textarea';
 
 type BuilderSettingsPanelMode = 'advanced' | 'basic';

package/dist/index.d.mts

@@ -3,7 +3,7 @@ export { i as adminApp } from './index-ZbOx4OCF.mjs';
 export { i as blocks } from './index-CluwY0ZQ.mjs';
 export { i as nextjs } from './index-D8BNfUJb.mjs';
 export { i as studio } from './index-BzKOThsI.mjs';
-export { i as studioPages } from './index-DkmB6hR5.mjs';
+export { i as studioPages } from './index-gLl_358v.mjs';
 import 'payload';
 import './socialMedia-C05Iy-SV.mjs';
 import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { i as adminApp } from './index-ZbOx4OCF.js';
 export { i as blocks } from './index-CluwY0ZQ.js';
 export { i as nextjs } from './index-DD_E2UfJ.js';
 export { i as studio } from './index-BzKOThsI.js';
-export { i as studioPages } from './index-BHS4jJf8.js';
+export { i as studioPages } from './index-DUi_XND6.js';
 import 'payload';
 import './socialMedia-C05Iy-SV.js';
 import 'react/jsx-runtime';