@orion-studios/payload-studio 0.5.0-beta.98 → 0.6.0-beta.1

package/dist/nextjs/index.js

@@ -45,21 +45,6 @@ function createPayloadClient(config) {
 // src/nextjs/queries/pages.ts
 var import_cache = require("next/cache");
 
-// src/studio/imageUploadOptimization.ts
-var import_promises = require("fs/promises");
-var DEFAULT_OPTIONS = {
-  avifQuality: 50,
-  enforceSmallerForLossy: true,
-  jpegQuality: 78,
-  minBytes: 48 * 1024,
-  minQualityFloor: 42,
-  onlyIfSmaller: true,
-  pngCompressionLevel: 9,
-  skipAnimated: true,
-  tiffQuality: 75,
-  webpQuality: 78
-};
-
 // src/studio/index.ts
 var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 function assertStudioDocumentV1(input) {
@@ -100,26 +85,6 @@ function assertStudioDocumentV1(input) {
   };
 }
 
-// src/blocks/blocks/sectionStyleFields.ts
-var sectionStyleDefaults = {
-  contentBackgroundColor: "#ffffff",
-  contentBackgroundMode: "none",
-  contentGradientAngle: "135",
-  contentGradientFrom: "#ffffff",
-  contentGradientPreset: "none",
-  contentGradientTo: "#f4f6f2",
-  contentWidth: "inherit",
-  sectionPaddingX: "inherit",
-  sectionBackgroundColor: "#ffffff",
-  sectionBackgroundMode: "none",
-  sectionGradientAngle: "135",
-  sectionGradientFrom: "#124a37",
-  sectionGradientPreset: "forest",
-  sectionGradientTo: "#1f684f",
-  sectionPaddingY: "md",
-  sectionWidth: "content"
-};
-
 // src/studio-pages/builder/settings-v2/types.ts
 var defaultBuilderBlockSettingsV2 = {
   advanced: {
@@ -133,13 +98,13 @@ var defaultBuilderBlockSettingsV2 = {
     contentGradientAngle: "135",
     contentGradientFrom: "#ffffff",
     contentGradientPreset: "none",
-    contentGradientTo: "#f4f6f2",
+    contentGradientTo: "#f4f6f8",
     sectionBackgroundColor: "#ffffff",
     sectionBackgroundMode: "none",
     sectionGradientAngle: "135",
-    sectionGradientFrom: "#124a37",
-    sectionGradientPreset: "forest",
-    sectionGradientTo: "#1f684f"
+    sectionGradientFrom: "#334b63",
+    sectionGradientPreset: "slate",
+    sectionGradientTo: "#496582"
   },
   layout: {
     contentWidth: "inherit",
@@ -378,651 +343,7 @@ var migrateBlockToSettingsV2 = (block) => {
   };
 };
 
-// src/studio-pages/builder/settings-v2/BlockInspectorRenderer.tsx
-var import_react2 = require("react");
-
-// src/studio-pages/builder/ui/Accordion.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-
-// src/studio-pages/builder/ui/ImageControls.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-
-// src/studio-pages/builder/settings-v2/inspectorSchema.ts
-var alignOptions = [
-  { label: "Left", value: "left" },
-  { label: "Center", value: "center" },
-  { 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 typographyFieldSet = [
-  {
-    group: "typography",
-    key: "settings.typography.headingAlign",
-    label: "Heading Alignment",
-    options: alignOptions,
-    tags: ["text", "align", "heading"],
-    type: "select"
-  },
-  {
-    group: "typography",
-    key: "settings.typography.bodyAlign",
-    label: "Body Alignment",
-    options: alignOptions,
-    tags: ["text", "align", "paragraph"],
-    type: "select"
-  },
-  {
-    group: "typography",
-    key: "settings.typography.maxTextWidth",
-    label: "Text Width",
-    options: [
-      { label: "Auto", value: "auto" },
-      { label: "Small", value: "sm" },
-      { label: "Medium", value: "md" },
-      { label: "Large", value: "lg" },
-      { label: "Full", value: "full" }
-    ],
-    tags: ["readability", "measure", "line length"],
-    type: "select"
-  },
-  {
-    advanced: true,
-    group: "typography",
-    key: "settings.typography.lineHeightPreset",
-    label: "Line Height",
-    options: [
-      { label: "Tight", value: "tight" },
-      { label: "Normal", value: "normal" },
-      { label: "Relaxed", value: "relaxed" }
-    ],
-    type: "select"
-  },
-  {
-    advanced: true,
-    group: "typography",
-    key: "settings.typography.letterSpacingPreset",
-    label: "Letter Spacing",
-    options: [
-      { label: "Tight", value: "tight" },
-      { label: "Normal", value: "normal" },
-      { label: "Relaxed", value: "relaxed" }
-    ],
-    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 commonAdvanced = [
-  {
-    group: "advanced",
-    inlineEditable: false,
-    key: "settings.advanced.editCopyInPanel",
-    label: "Edit Copy In Panel",
-    tags: ["inline", "copy", "text"],
-    type: "checkbox"
-  },
-  {
-    advanced: true,
-    group: "advanced",
-    key: "settings.advanced.hideOnMobile",
-    label: "Hide On Mobile",
-    type: "checkbox"
-  },
-  {
-    advanced: true,
-    group: "advanced",
-    key: "settings.advanced.customClassName",
-    label: "Custom Class Name",
-    type: "text"
-  }
-];
-var mediaFieldSet = [
-  {
-    group: "media",
-    key: "settings.media.fit",
-    label: "Image Fit",
-    options: [
-      { label: "Cover", value: "cover" },
-      { label: "Contain", value: "contain" }
-    ],
-    tags: ["image", "media"],
-    type: "select"
-  },
-  {
-    group: "media",
-    key: "settings.media.cornerStyle",
-    label: "Image Corners",
-    options: [
-      { label: "Rounded", value: "rounded" },
-      { label: "Square", value: "square" }
-    ],
-    tags: ["image", "radius", "corners"],
-    type: "select"
-  }
-];
-var inspectorDefinitionByBlockType = {
-  beforeAfter: {
-    blockType: "beforeAfter",
-    fields: [
-      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
-      { group: "basics", inlineEditable: true, key: "subtitle", label: "Subtitle", type: "textarea" },
-      { group: "basics", key: "itemsPerRow", label: "Items Per Row", max: 4, min: 1, type: "number" },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  },
-  bookingEmbed: {
-    blockType: "bookingEmbed",
-    fields: [
-      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
-      { group: "basics", inlineEditable: true, key: "description", label: "Description", type: "textarea" },
-      { group: "basics", inlineEditable: false, key: "buttonLabel", label: "Button Label", type: "text" },
-      { group: "basics", inlineEditable: false, key: "buttonHref", label: "Button URL", type: "text" },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  },
-  cta: {
-    blockType: "cta",
-    fields: [
-      { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
-      { group: "basics", inlineEditable: true, key: "description", label: "Description", type: "textarea" },
-      { group: "basics", inlineEditable: false, key: "buttonLabel", label: "Button Label", type: "text" },
-      { group: "basics", inlineEditable: false, key: "buttonHref", label: "Button URL", type: "text" },
-      {
-        group: "basics",
-        key: "style",
-        label: "Variant",
-        options: [
-          { label: "Light", value: "light" },
-          { label: "Dark", value: "dark" }
-        ],
-        type: "select"
-      },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  },
-  faq: {
-    blockType: "faq",
-    fields: [
-      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  },
-  featureGrid: {
-    blockType: "featureGrid",
-    fields: [
-      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
-      {
-        group: "basics",
-        key: "variant",
-        label: "Variant",
-        options: [
-          { label: "Cards", value: "cards" },
-          { label: "Highlight", value: "highlight" }
-        ],
-        type: "select"
-      },
-      { group: "basics", key: "itemsPerRow", label: "Items Per Row", max: 6, min: 1, type: "number" },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...mediaFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  },
-  formEmbed: {
-    blockType: "formEmbed",
-    fields: [
-      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
-      { group: "basics", inlineEditable: true, key: "description", label: "Description", type: "textarea" },
-      {
-        group: "basics",
-        key: "formType",
-        label: "Form Type",
-        options: [{ label: "Quote", value: "quote" }],
-        type: "select"
-      },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  },
-  hero: {
-    blockType: "hero",
-    fields: [
-      { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
-      { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
-      { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
-      {
-        group: "basics",
-        key: "variant",
-        label: "Variant",
-        options: [
-          { label: "Default", value: "default" },
-          { label: "Centered", value: "centered" }
-        ],
-        type: "select"
-      },
-      {
-        group: "layout",
-        key: "heroHeight",
-        label: "Hero Height",
-        options: [
-          { label: "Small", value: "sm" },
-          { label: "Medium (Half Screen)", value: "md" },
-          { label: "Full Screen", value: "full" }
-        ],
-        type: "select"
-      },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...mediaFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  },
-  logoWall: {
-    blockType: "logoWall",
-    fields: [
-      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
-      { group: "basics", inlineEditable: true, key: "subtitle", label: "Subtitle", type: "textarea" },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...mediaFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  },
-  media: {
-    blockType: "media",
-    fields: [
-      { group: "basics", inlineEditable: true, key: "caption", label: "Caption", type: "text" },
-      {
-        group: "basics",
-        key: "size",
-        label: "Size",
-        options: [
-          { label: "Default", value: "default" },
-          { label: "Wide", value: "wide" }
-        ],
-        type: "select"
-      },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...mediaFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  },
-  richText: {
-    blockType: "richText",
-    fields: [
-      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
-      {
-        group: "basics",
-        key: "width",
-        label: "Rich Text Width",
-        options: [
-          { label: "Normal", value: "normal" },
-          { label: "Narrow", value: "narrow" }
-        ],
-        type: "select"
-      },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  },
-  stats: {
-    blockType: "stats",
-    fields: [
-      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
-      { group: "basics", inlineEditable: true, key: "subtitle", label: "Subtitle", type: "textarea" },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  },
-  testimonials: {
-    blockType: "testimonials",
-    fields: [
-      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
-      { group: "basics", key: "visibleCount", label: "Visible At Once", max: 6, min: 1, type: "number" },
-      { group: "basics", key: "autoRotate", label: "Auto Rotate", type: "checkbox" },
-      {
-        advanced: true,
-        group: "advanced",
-        key: "rotateIntervalSeconds",
-        label: "Rotate Interval Seconds",
-        max: 30,
-        min: 2,
-        type: "number"
-      },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  }
-};
-
-// src/studio-pages/builder/settings-v2/BlockInspectorRenderer.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-
-// src/studio-pages/index.ts
-var withSectionStyleDefaults = (value) => ({
-  ...sectionStyleDefaults,
-  ...value
-});
-var defaultNodeData = {
-  bookingEmbed: {
-    ...withSectionStyleDefaults({}),
-    buttonHref: "/contact",
-    buttonLabel: "Book Consultation",
-    description: "Let visitors book a consultation.",
-    title: "Book a Time"
-  },
-  beforeAfter: withSectionStyleDefaults({
-    itemsPerRow: 2,
-    items: [
-      {
-        description: "Before and after result summary.",
-        imageCornerStyle: "rounded",
-        imageFit: "cover",
-        imagePosition: "center",
-        label: "Project One"
-      }
-    ],
-    subtitle: "Show visual proof from real projects.",
-    title: "Before & After Results"
-  }),
-  cta: {
-    ...withSectionStyleDefaults({}),
-    backgroundColor: "#1f684f",
-    buttonHref: "/contact",
-    buttonLabel: "Contact Us",
-    description: "Optional supporting copy.",
-    headline: "Ready to get started?",
-    style: "light"
-  },
-  faq: {
-    ...withSectionStyleDefaults({}),
-    items: [{ answer: "Answer goes here.", question: "Frequently asked question?" }],
-    title: "Frequently Asked Questions"
-  },
-  featureGrid: {
-    ...withSectionStyleDefaults({}),
-    itemsPerRow: 3,
-    items: [
-      { 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"
-  },
-  formEmbed: {
-    ...withSectionStyleDefaults({}),
-    description: "Collect lead details from visitors.",
-    formType: "quote",
-    title: "Request a Quote"
-  },
-  hero: {
-    ...withSectionStyleDefaults({}),
-    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",
-    primaryLabel: "Primary Action",
-    secondaryHref: "/services",
-    secondaryLabel: "Secondary Action",
-    subheadline: "Describe your offer clearly for website visitors.",
-    variant: "default"
-  },
-  media: {
-    ...withSectionStyleDefaults({}),
-    caption: "Add a caption",
-    imageCornerStyle: "rounded",
-    imageFit: "cover",
-    imagePosition: "center",
-    size: "default"
-  },
-  logoWall: withSectionStyleDefaults({
-    items: [
-      { 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"
-  }),
-  richText: {
-    ...withSectionStyleDefaults({}),
-    content: {
-      root: {
-        children: [
-          {
-            children: [
-              {
-                detail: 0,
-                format: 0,
-                mode: "normal",
-                style: "",
-                text: "Write your content here.",
-                type: "text",
-                version: 1
-              }
-            ],
-            direction: "ltr",
-            format: "",
-            indent: 0,
-            type: "paragraph",
-            version: 1
-          }
-        ],
-        direction: "ltr",
-        format: "",
-        indent: 0,
-        type: "root",
-        version: 1
-      }
-    },
-    title: "Section Heading",
-    width: "normal"
-  },
-  testimonials: {
-    ...withSectionStyleDefaults({}),
-    autoRotate: true,
-    items: [{ location: "City, ST", name: "Customer Name", quote: "Customer feedback goes here.", rating: 5 }],
-    rotateIntervalSeconds: 7,
-    title: "What Customers Say",
-    visibleCount: 3
-  },
-  stats: withSectionStyleDefaults({
-    items: [
-      { description: "Average response time", label: "Same-Day Quotes", value: "24h" },
-      { description: "Projects completed", label: "Completed Jobs", value: "1,200+" },
-      { description: "Client satisfaction score", label: "Satisfaction", value: "4.9/5" }
-    ],
-    subtitle: "Highlight measurable outcomes to build trust quickly.",
-    title: "Performance Highlights"
-  })
-};
-var nodeTypeLabels = {
-  bookingEmbed: "Booking Embed",
-  beforeAfter: "Before / After",
-  cta: "Call To Action",
-  faq: "FAQ",
-  featureGrid: "Feature Grid",
-  formEmbed: "Form Embed",
-  hero: "Hero",
-  logoWall: "Logo Wall",
-  media: "Media",
-  richText: "Rich Text",
-  stats: "Stats",
-  testimonials: "Testimonials"
-};
-var pageNodeTypes = Object.keys(defaultNodeData).map((type) => ({
-  type,
-  displayName: nodeTypeLabels[type] || type,
-  description: `Page node for ${nodeTypeLabels[type] || type}`,
-  getDefaultData: () => {
-    const migrated = migrateBlockToSettingsV2(structuredClone(defaultNodeData[type]));
-    const { blockType: _ignoredBlockType, ...data } = migrated;
-    return data;
-  }
-}));
-var pageInspectorPanelRegistry = Object.keys(defaultNodeData).map((nodeType) => ({
-  nodeType,
-  panelID: `${nodeType}-panel`,
-  panelLabel: `${nodeTypeLabels[nodeType] || nodeType} Settings`
-}));
-var resolvePanelFields = (nodeType) => inspectorDefinitionByBlockType[nodeType]?.fields.map((field) => ({
-  advanced: field.advanced,
-  group: field.group,
-  inlineEditable: field.inlineEditable,
-  key: field.key,
-  label: field.label,
-  type: field.type
-})) || [];
-var pageInspectorPanels = pageInspectorPanelRegistry.map((entry) => ({
-  fields: resolvePanelFields(entry.nodeType),
-  id: entry.panelID,
-  label: entry.panelLabel,
-  nodeType: entry.nodeType
-}));
+// src/studio-pages/document.ts
 var studioDocumentToLayout = (document) => document.nodes.map(
   (node) => migrateBlockToSettingsV2({
     id: node.id,