@orion-studios/payload-studio 0.5.0-beta.4 → 0.5.0-beta.40

package/dist/blocks/index.js

@@ -56,6 +56,7 @@ var sectionStyleDefaults = {
   contentGradientPreset: "none",
   contentGradientTo: "#f4f6f2",
   contentWidth: "inherit",
+  sectionPaddingX: "inherit",
   sectionBackgroundColor: "#ffffff",
   sectionBackgroundMode: "none",
   sectionGradientAngle: "135",
@@ -93,6 +94,19 @@ var sectionStyleFields = () => [
     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" }
@@ -231,6 +245,67 @@ var BeforeAfterBlock = {
           relationTo: "media",
           required: false
         },
+        {
+          name: "imageHeight",
+          type: "number",
+          defaultValue: 160,
+          min: 60,
+          max: 600,
+          admin: {
+            description: "Overrides the before/after image height (in pixels).",
+            step: 10
+          }
+        },
+        {
+          name: "imageFit",
+          type: "select",
+          defaultValue: "cover",
+          options: [
+            { label: "Cover", value: "cover" },
+            { label: "Contain", value: "contain" }
+          ]
+        },
+        {
+          name: "imageCornerStyle",
+          type: "select",
+          defaultValue: "rounded",
+          options: [
+            { label: "Rounded", value: "rounded" },
+            { label: "Square", value: "square" }
+          ]
+        },
+        {
+          name: "imagePosition",
+          type: "select",
+          defaultValue: "center",
+          options: [
+            { label: "Center", value: "center" },
+            { label: "Top", value: "top" },
+            { label: "Bottom", value: "bottom" },
+            { label: "Left", value: "left" },
+            { label: "Right", value: "right" }
+          ]
+        },
+        {
+          name: "imagePositionX",
+          type: "number",
+          min: 0,
+          max: 100,
+          admin: {
+            description: "Optional custom horizontal focus (0-100). Overrides Image Position when set.",
+            step: 1
+          }
+        },
+        {
+          name: "imagePositionY",
+          type: "number",
+          min: 0,
+          max: 100,
+          admin: {
+            description: "Optional custom vertical focus (0-100). Overrides Image Position when set.",
+            step: 1
+          }
+        },
         {
           name: "description",
           type: "textarea"
@@ -428,6 +503,67 @@ var FeatureGridBlock = {
           type: "upload",
           relationTo: "media",
           required: false
+        },
+        {
+          name: "imageHeight",
+          type: "number",
+          defaultValue: 160,
+          min: 40,
+          max: 600,
+          admin: {
+            description: "Overrides the image height in the builder/section (in pixels).",
+            step: 10
+          }
+        },
+        {
+          name: "imageFit",
+          type: "select",
+          defaultValue: "cover",
+          options: [
+            { label: "Cover", value: "cover" },
+            { label: "Contain", value: "contain" }
+          ]
+        },
+        {
+          name: "imageCornerStyle",
+          type: "select",
+          defaultValue: "rounded",
+          options: [
+            { label: "Rounded", value: "rounded" },
+            { label: "Square", value: "square" }
+          ]
+        },
+        {
+          name: "imagePosition",
+          type: "select",
+          defaultValue: "center",
+          options: [
+            { label: "Center", value: "center" },
+            { label: "Top", value: "top" },
+            { label: "Bottom", value: "bottom" },
+            { label: "Left", value: "left" },
+            { label: "Right", value: "right" }
+          ]
+        },
+        {
+          name: "imagePositionX",
+          type: "number",
+          min: 0,
+          max: 100,
+          admin: {
+            description: "Optional custom horizontal focus (0-100). Overrides Image Position when set.",
+            step: 1
+          }
+        },
+        {
+          name: "imagePositionY",
+          type: "number",
+          min: 0,
+          max: 100,
+          admin: {
+            description: "Optional custom vertical focus (0-100). Overrides Image Position when set.",
+            step: 1
+          }
         }
       ]
     },
@@ -554,10 +690,44 @@ var HeroBlock = {
       relationTo: "media"
     },
     {
-      name: "backgroundImageURL",
-      type: "text",
+      name: "backgroundImageFit",
+      type: "select",
+      defaultValue: "cover",
+      options: [
+        { label: "Cover", value: "cover" },
+        { label: "Cover (Square)", value: "cover-square" },
+        { label: "Contain", value: "contain" },
+        { label: "Contain (Square)", value: "contain-square" }
+      ],
       admin: {
-        description: "Optional external/background image URL override for this hero section."
+        description: "How the hero image should be sized within the section."
+      }
+    },
+    {
+      name: "backgroundImageCornerStyle",
+      type: "select",
+      defaultValue: "rounded",
+      options: [
+        { label: "Rounded", value: "rounded" },
+        { label: "Square", value: "square" }
+      ],
+      admin: {
+        description: "How the hero image corners should appear."
+      }
+    },
+    {
+      name: "backgroundImagePosition",
+      type: "select",
+      defaultValue: "center",
+      options: [
+        { label: "Center", value: "center" },
+        { label: "Top", value: "top" },
+        { label: "Bottom", value: "bottom" },
+        { label: "Left", value: "left" },
+        { label: "Right", value: "right" }
+      ],
+      admin: {
+        description: "Where the hero image should anchor inside the section."
       }
     },
     {
@@ -567,6 +737,113 @@ var HeroBlock = {
         description: "Optional background color override (example: #124a37)."
       }
     },
+    {
+      name: "backgroundOverlayMode",
+      type: "select",
+      defaultValue: "none",
+      options: [
+        { label: "None", value: "none" },
+        { label: "Solid", value: "solid" },
+        { label: "Gradient", value: "gradient" }
+      ],
+      admin: {
+        description: "Optional overlay on top of the hero image (applies when an image is present)."
+      }
+    },
+    {
+      name: "backgroundOverlayOpacity",
+      type: "number",
+      defaultValue: 45,
+      min: 0,
+      max: 100,
+      admin: {
+        description: "Overlay opacity (0-100).",
+        step: 1
+      }
+    },
+    {
+      name: "backgroundOverlayColor",
+      type: "text",
+      admin: {
+        description: "Overlay solid color (example: #000000). Used when Overlay Mode is Solid."
+      }
+    },
+    {
+      name: "backgroundOverlayGradientFrom",
+      type: "text",
+      admin: {
+        description: "Gradient overlay start color (example: #0d4a37). Used when Overlay Mode is Gradient."
+      }
+    },
+    {
+      name: "backgroundOverlayGradientTo",
+      type: "text",
+      admin: {
+        description: "Gradient overlay end color (example: #1f684f). Used when Overlay Mode is Gradient."
+      }
+    },
+    {
+      name: "backgroundOverlayGradientAngle",
+      type: "text",
+      admin: {
+        description: "Gradient overlay angle in degrees (0-360). Used when Overlay Mode is Gradient."
+      }
+    },
+    {
+      name: "backgroundOverlayGradientFromStrength",
+      type: "number",
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      admin: {
+        description: "Gradient start strength (0-100). Set to 0 for transparent.",
+        step: 1
+      }
+    },
+    {
+      name: "backgroundOverlayGradientToStrength",
+      type: "number",
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      admin: {
+        description: "Gradient end strength (0-100). Set to 0 for transparent.",
+        step: 1
+      }
+    },
+    {
+      name: "backgroundOverlayGradientStart",
+      type: "number",
+      defaultValue: 0,
+      min: 0,
+      max: 100,
+      admin: {
+        description: "Where the gradient starts (0-100).",
+        step: 1
+      }
+    },
+    {
+      name: "backgroundOverlayGradientEnd",
+      type: "number",
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      admin: {
+        description: "Where the gradient ends (0-100).",
+        step: 1
+      }
+    },
+    {
+      name: "backgroundOverlayGradientFeather",
+      type: "number",
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      admin: {
+        description: "How soft the transition is (0 = hard edge, 100 = smooth).",
+        step: 1
+      }
+    },
     {
       name: "variant",
       type: "select",
@@ -582,6 +859,28 @@ var HeroBlock = {
         }
       ]
     },
+    {
+      name: "heroHeight",
+      type: "select",
+      defaultValue: "sm",
+      options: [
+        {
+          label: "Small",
+          value: "sm"
+        },
+        {
+          label: "Medium (Half Screen)",
+          value: "md"
+        },
+        {
+          label: "Full Screen",
+          value: "full"
+        }
+      ],
+      admin: {
+        description: "Controls the vertical height of the hero section."
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -627,6 +926,67 @@ var LogoWallBlock = {
           relationTo: "media",
           required: false
         },
+        {
+          name: "imageHeight",
+          type: "number",
+          defaultValue: 64,
+          min: 24,
+          max: 200,
+          admin: {
+            description: "Overrides the logo image height (in pixels).",
+            step: 4
+          }
+        },
+        {
+          name: "imageFit",
+          type: "select",
+          defaultValue: "contain",
+          options: [
+            { label: "Cover", value: "cover" },
+            { label: "Contain", value: "contain" }
+          ]
+        },
+        {
+          name: "imageCornerStyle",
+          type: "select",
+          defaultValue: "rounded",
+          options: [
+            { label: "Rounded", value: "rounded" },
+            { label: "Square", value: "square" }
+          ]
+        },
+        {
+          name: "imagePosition",
+          type: "select",
+          defaultValue: "center",
+          options: [
+            { label: "Center", value: "center" },
+            { label: "Top", value: "top" },
+            { label: "Bottom", value: "bottom" },
+            { label: "Left", value: "left" },
+            { label: "Right", value: "right" }
+          ]
+        },
+        {
+          name: "imagePositionX",
+          type: "number",
+          min: 0,
+          max: 100,
+          admin: {
+            description: "Optional custom horizontal focus (0-100). Overrides Image Position when set.",
+            step: 1
+          }
+        },
+        {
+          name: "imagePositionY",
+          type: "number",
+          min: 0,
+          max: 100,
+          admin: {
+            description: "Optional custom vertical focus (0-100). Overrides Image Position when set.",
+            step: 1
+          }
+        },
         {
           name: "href",
           type: "text"
@@ -677,6 +1037,36 @@ var MediaBlock = {
         }
       ]
     },
+    {
+      name: "imageFit",
+      type: "select",
+      defaultValue: "cover",
+      options: [
+        { label: "Cover", value: "cover" },
+        { label: "Contain", value: "contain" }
+      ]
+    },
+    {
+      name: "imageCornerStyle",
+      type: "select",
+      defaultValue: "rounded",
+      options: [
+        { label: "Rounded", value: "rounded" },
+        { label: "Square", value: "square" }
+      ]
+    },
+    {
+      name: "imagePosition",
+      type: "select",
+      defaultValue: "center",
+      options: [
+        { label: "Center", value: "center" },
+        { label: "Top", value: "top" },
+        { label: "Bottom", value: "bottom" },
+        { label: "Left", value: "left" },
+        { label: "Right", value: "right" }
+      ]
+    },
     ...sectionStyleFields()
   ]
 };
@@ -794,11 +1184,41 @@ var TestimonialsBlock = {
       type: "text",
       required: true
     },
+    {
+      name: "visibleCount",
+      type: "number",
+      defaultValue: 3,
+      min: 1,
+      max: 6,
+      admin: {
+        description: "How many testimonials to show at once.",
+        step: 1
+      }
+    },
+    {
+      name: "autoRotate",
+      type: "checkbox",
+      defaultValue: true,
+      admin: {
+        description: "Automatically rotates through all testimonials."
+      }
+    },
+    {
+      name: "rotateIntervalSeconds",
+      type: "number",
+      defaultValue: 7,
+      min: 2,
+      max: 30,
+      admin: {
+        description: "How often to rotate (in seconds).",
+        step: 1
+      }
+    },
     {
       name: "items",
       type: "array",
       minRows: 1,
-      maxRows: 6,
+      maxRows: 30,
       fields: [
         {
           name: "quote",

package/dist/blocks/index.mjs

@@ -17,8 +17,8 @@ import {
   defaultPageLayoutBlocks,
   sectionPresets,
   templateStarterPresets
-} from "../chunk-PC5622T7.mjs";
-import "../chunk-ETRRXURT.mjs";
+} from "../chunk-I4NH636V.mjs";
+import "../chunk-SIL2J5MF.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   BeforeAfterBlock,

package/dist/{chunk-UJFU323N.mjs → chunk-34J4T7X3.mjs}

@@ -1,6 +1,6 @@
 import {
   sectionStyleDefaults
-} from "./chunk-ETRRXURT.mjs";
+} from "./chunk-SIL2J5MF.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";
@@ -32,6 +32,9 @@ var defaultNodeData = {
     items: [
       {
         description: "Before and after result summary.",
+        imageCornerStyle: "rounded",
+        imageFit: "cover",
+        imagePosition: "center",
         label: "Project One"
       }
     ],
@@ -55,9 +58,9 @@ var defaultNodeData = {
   featureGrid: {
     ...withSectionStyleDefaults({}),
     items: [
-      { description: "Explain this point.", icon: "01", title: "Feature One" },
-      { description: "Explain this point.", icon: "02", title: "Feature Two" },
-      { description: "Explain this point.", icon: "03", title: "Feature Three" }
+      { description: "Explain this point.", icon: "01", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature One" },
+      { description: "Explain this point.", icon: "02", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Two" },
+      { description: "Explain this point.", icon: "03", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Three" }
     ],
     title: "Section Title",
     variant: "cards"
@@ -70,7 +73,22 @@ var defaultNodeData = {
   },
   hero: {
     ...withSectionStyleDefaults({}),
-    backgroundColor: "#124a37",
+    backgroundColor: "",
+    backgroundOverlayMode: "none",
+    backgroundOverlayOpacity: 45,
+    backgroundOverlayColor: "#000000",
+    backgroundOverlayGradientFrom: "#0d4a37",
+    backgroundOverlayGradientTo: "#1f684f",
+    backgroundOverlayGradientAngle: "135",
+    backgroundOverlayGradientFromStrength: 100,
+    backgroundOverlayGradientToStrength: 100,
+    backgroundOverlayGradientStart: 0,
+    backgroundOverlayGradientEnd: 100,
+    backgroundOverlayGradientFeather: 100,
+    backgroundImageCornerStyle: "rounded",
+    backgroundImageFit: "cover",
+    backgroundImagePosition: "center",
+    heroHeight: "sm",
     headline: "New Hero Section",
     kicker: "Optional kicker",
     primaryHref: "/contact",
@@ -83,13 +101,16 @@ var defaultNodeData = {
   media: {
     ...withSectionStyleDefaults({}),
     caption: "Add a caption",
+    imageCornerStyle: "rounded",
+    imageFit: "cover",
+    imagePosition: "center",
     size: "default"
   },
   logoWall: withSectionStyleDefaults({
     items: [
-      { name: "Trusted Partner 1" },
-      { name: "Trusted Partner 2" },
-      { name: "Trusted Partner 3" }
+      { imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 1" },
+      { 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"
@@ -130,8 +151,11 @@ var defaultNodeData = {
   },
   testimonials: {
     ...withSectionStyleDefaults({}),
+    autoRotate: true,
     items: [{ location: "City, ST", name: "Customer Name", quote: "Customer feedback goes here." }],
-    title: "What Customers Say"
+    rotateIntervalSeconds: 7,
+    title: "What Customers Say",
+    visibleCount: 3
   },
   stats: withSectionStyleDefaults({
     items: [

package/dist/{chunk-J7W5EE3B.mjs → chunk-7IGLXLUB.mjs}

@@ -7,6 +7,7 @@ import {
 var admin_exports = {};
 __export(admin_exports, {
   configureAdmin: () => configureAdmin,
+  createHeaderNavItemsField: () => createHeaderNavItemsField,
   createThemePreferenceField: () => createThemePreferenceField,
   themePreferenceField: () => themePreferenceField,
   withTooltips: () => withTooltips
@@ -269,10 +270,46 @@ function addTooltipToField(field, tooltips) {
   return field;
 }
 
+// src/admin/fields/headerNav.ts
+var createHeaderNavItemsField = () => ({
+  name: "navItems",
+  type: "array",
+  labels: { singular: "Navigation Link", plural: "Navigation Links" },
+  admin: {
+    description: "The links displayed in your website's main navigation menu."
+  },
+  fields: [
+    {
+      name: "label",
+      type: "text",
+      required: true,
+      admin: {
+        description: "The text shown for this navigation link."
+      }
+    },
+    {
+      name: "href",
+      type: "text",
+      required: true,
+      admin: {
+        description: 'The URL this link points to (e.g., "/about" or "https://example.com").'
+      }
+    },
+    {
+      name: "parentHref",
+      type: "text",
+      admin: {
+        description: "Optional parent link URL. If set to another nav item href, this item appears in that dropdown."
+      }
+    }
+  ]
+});
+
 export {
   createThemePreferenceField,
   themePreferenceField,
   configureAdmin,
   withTooltips,
+  createHeaderNavItemsField,
   admin_exports
 };