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

package/dist/{chunk-UJFU323N.mjs → chunk-LB72FZZ3.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.", iconType: "badge", icon: "01", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature One" },
+      { 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" }
     ],
     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-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" }

package/dist/{chunk-PC5622T7.mjs → chunk-XQYJXB46.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"
@@ -266,11 +327,43 @@ var FeatureGridBlock = {
           name: "description",
           type: "textarea"
         },
+        {
+          name: "iconType",
+          type: "select",
+          defaultValue: "badge",
+          options: [
+            { label: "Badge Text", value: "badge" },
+            { label: "Icon", value: "lucide" }
+          ],
+          admin: {
+            description: "Choose whether this item uses a short badge label or an icon."
+          }
+        },
         {
           name: "icon",
           type: "text",
           admin: {
-            description: 'Optional short icon label (e.g. "01", "Leaf", "Star").'
+            description: 'Optional short icon label (e.g. "01", "Leaf", "Star").',
+            condition: (_, siblingData) => siblingData?.iconType !== "lucide"
+          }
+        },
+        {
+          name: "iconLucide",
+          type: "select",
+          options: [
+            { label: "Shield Check", value: "ShieldCheck" },
+            { label: "Clock", value: "Clock" },
+            { label: "Leaf", value: "Leaf" },
+            { label: "Dollar Sign", value: "DollarSign" },
+            { label: "Hard Hat", value: "HardHat" },
+            { label: "Sparkles", value: "Sparkles" },
+            { label: "Tree Pine", value: "TreePine" },
+            { label: "Badge Check", value: "BadgeCheck" },
+            { label: "Calendar Clock", value: "CalendarClock" }
+          ],
+          admin: {
+            description: "Select an icon for this item.",
+            condition: (_, siblingData) => siblingData?.iconType === "lucide"
           }
         },
         {
@@ -278,6 +371,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 +558,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."
       }
     },
     {
@@ -417,6 +605,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 +727,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 +794,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 +905,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 +1052,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",