@orion-studios/payload-studio 0.5.0-beta.7 → 0.5.0-beta.70

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" }
@@ -208,11 +222,22 @@ var BeforeAfterBlock = {
       name: "subtitle",
       type: "textarea"
     },
+    {
+      name: "itemsPerRow",
+      type: "number",
+      defaultValue: 2,
+      min: 1,
+      max: 4,
+      admin: {
+        description: "How many project cards to show per row on desktop.",
+        step: 1
+      }
+    },
     {
       name: "items",
       type: "array",
       minRows: 1,
-      maxRows: 6,
+      maxRows: 30,
       fields: [
         {
           name: "label",
@@ -231,12 +256,88 @@ 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"
+        },
+        {
+          name: "settings",
+          type: "json",
+          admin: {
+            hidden: true
+          }
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -274,6 +375,14 @@ var BookingEmbedBlock = {
       type: "text",
       defaultValue: "/contact"
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -335,6 +444,14 @@ var CtaBlock = {
         description: "Optional background color override for the CTA strip (example: #124a37)."
       }
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -374,9 +491,24 @@ var FaqBlock = {
           name: "answer",
           type: "textarea",
           required: true
+        },
+        {
+          name: "settings",
+          type: "json",
+          admin: {
+            hidden: true
+          }
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -401,6 +533,17 @@ var FeatureGridBlock = {
       type: "text",
       required: true
     },
+    {
+      name: "itemsPerRow",
+      type: "number",
+      defaultValue: 3,
+      min: 1,
+      max: 6,
+      admin: {
+        description: "How many items to show per row on desktop.",
+        step: 1
+      }
+    },
     {
       name: "items",
       type: "array",
@@ -416,11 +559,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"
           }
         },
         {
@@ -428,6 +603,74 @@ 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
+          }
+        },
+        {
+          name: "settings",
+          type: "json",
+          admin: {
+            hidden: true
+          }
         }
       ]
     },
@@ -453,6 +696,14 @@ var FeatureGridBlock = {
         description: "Optional background color override when using the Highlight variant (example: #1f684f)."
       }
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -491,6 +742,14 @@ var FormEmbedBlock = {
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -554,10 +813,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."
       }
     },
     {
@@ -567,6 +860,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 +982,36 @@ 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."
+      }
+    },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -627,12 +1057,88 @@ 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"
+        },
+        {
+          name: "settings",
+          type: "json",
+          admin: {
+            hidden: true
+          }
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -677,6 +1183,44 @@ 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" }
+      ]
+    },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -720,6 +1264,14 @@ var RichTextBlock = {
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -767,9 +1319,24 @@ var StatsBlock = {
         {
           name: "description",
           type: "text"
+        },
+        {
+          name: "settings",
+          type: "json",
+          admin: {
+            hidden: true
+          }
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -794,11 +1361,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",
@@ -813,9 +1410,35 @@ var TestimonialsBlock = {
         {
           name: "location",
           type: "text"
+        },
+        {
+          name: "rating",
+          type: "number",
+          defaultValue: 5,
+          min: 1,
+          max: 5,
+          admin: {
+            description: "Star rating (1-5).",
+            step: 1
+          }
+        },
+        {
+          name: "settings",
+          type: "json",
+          admin: {
+            hidden: true
+          }
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -939,12 +1562,14 @@ var sectionPresets = [
           {
             quote: "Great communication, fair pricing, and the cleanup was perfect. We will use them again.",
             name: "Katie M.",
-            location: "Austin, TX"
+            location: "Austin, TX",
+            rating: 5
           },
           {
             quote: "They removed a dangerous limb over our driveway quickly and safely.",
             name: "James R.",
-            location: "Round Rock, TX"
+            location: "Round Rock, TX",
+            rating: 5
           }
         ]
       },