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

package/dist/{chunk-PC5622T7.mjs → chunk-I4NH636V.mjs}

@@ -1,6 +1,6 @@
 import {
   sectionStyleFields
-} from "./chunk-ETRRXURT.mjs";
+} from "./chunk-SIL2J5MF.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";
@@ -81,6 +81,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"
@@ -278,6 +339,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
+          }
         }
       ]
     },
@@ -404,10 +526,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: "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: "Optional external/background image URL override for this hero section."
+        description: "Where the hero image should anchor inside the section."
       }
     },
     {
@@ -417,6 +573,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",
@@ -432,6 +695,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()
   ]
 };
@@ -477,6 +762,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"
@@ -527,6 +873,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()
   ]
 };
@@ -644,11 +1020,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/{chunk-ZLLNO5FM.mjs → chunk-RXXPFQWL.mjs}

@@ -1,3 +1,9 @@
+import {
+  assertStudioDocumentV1
+} from "./chunk-N67KVM2S.mjs";
+import {
+  studioDocumentToLayout
+} from "./chunk-34J4T7X3.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";
@@ -27,6 +33,24 @@ function createPayloadClient(config) {
 
 // src/nextjs/queries/pages.ts
 import { unstable_cache } from "next/cache";
+var PAGE_QUERY_CACHE_VERSION = "v2-studio-layout-published-only";
+function withStudioDocumentLayout(page) {
+  if (!page) {
+    return null;
+  }
+  try {
+    const studioDocument = assertStudioDocumentV1(page.studioDocument);
+    const compiledLayout = studioDocumentToLayout(studioDocument);
+    if (Array.isArray(compiledLayout) && compiledLayout.length > 0) {
+      return {
+        ...page,
+        layout: compiledLayout
+      };
+    }
+  } catch {
+  }
+  return page;
+}
 function normalizePath(segments) {
   if (!segments || segments.length === 0) {
     return "/";
@@ -35,35 +59,42 @@ function normalizePath(segments) {
   return cleaned.length > 0 ? `/${cleaned}` : "/";
 }
 async function queryPageByPath(payload, path, draft) {
+  const pathWhere = {
+    path: {
+      equals: path
+    }
+  };
+  const publishedWhere = {
+    _status: {
+      equals: "published"
+    }
+  };
   const result = await payload.find({
     collection: "pages",
     depth: 2,
     draft,
     limit: 1,
     overrideAccess: false,
-    where: {
-      path: {
-        equals: path
-      }
-    }
+    where: draft ? pathWhere : { and: [pathWhere, publishedWhere] }
   });
   if (result.docs.length > 0) {
-    return result.docs[0] || null;
+    return withStudioDocumentLayout(result.docs[0] || null);
   }
   if (path === "/") {
+    const homeWhere = {
+      slug: {
+        equals: "home"
+      }
+    };
     const homeResult = await payload.find({
       collection: "pages",
       depth: 2,
       draft,
       limit: 1,
       overrideAccess: false,
-      where: {
-        slug: {
-          equals: "home"
-        }
-      }
+      where: draft ? homeWhere : { and: [homeWhere, publishedWhere] }
     });
-    return homeResult.docs[0] || null;
+    return withStudioDocumentLayout(homeResult.docs[0] || null);
   }
   return null;
 }
@@ -73,7 +104,7 @@ function createPageQueries(getPayloadClient, contentTag = "website-content") {
       const payload = await getPayloadClient();
       return queryPageByPath(payload, path, false);
     },
-    ["page-by-path"],
+    ["page-by-path", PAGE_QUERY_CACHE_VERSION],
     { tags: [contentTag] }
   );
   async function getPageBySegments(segments, draft = false) {

package/dist/{chunk-ETRRXURT.mjs → chunk-SIL2J5MF.mjs}

@@ -7,6 +7,7 @@ var sectionStyleDefaults = {
   contentGradientPreset: "none",
   contentGradientTo: "#f4f6f2",
   contentWidth: "inherit",
+  sectionPaddingX: "inherit",
   sectionBackgroundColor: "#ffffff",
   sectionBackgroundMode: "none",
   sectionGradientAngle: "135",
@@ -44,6 +45,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" }