@orion-studios/payload-studio 0.5.0-beta.8 → 0.5.0-beta.80

package/dist/chunk-FWVVRZ32.mjs

@@ -0,0 +1,1143 @@
+import {
+  sectionStyleDefaults
+} from "./chunk-SIL2J5MF.mjs";
+import {
+  __export
+} from "./chunk-6BWS3CLP.mjs";
+
+// src/studio-pages/index.ts
+var studio_pages_exports = {};
+__export(studio_pages_exports, {
+  createDefaultStudioDocument: () => createDefaultStudioDocument,
+  defaultBuilderThemeTokens: () => defaultBuilderThemeTokens,
+  layoutToStudioDocument: () => layoutToStudioDocument,
+  pageInspectorPanels: () => pageInspectorPanels,
+  pageNodeTypes: () => pageNodeTypes,
+  pagePaletteGroups: () => pagePaletteGroups,
+  pageStudioModuleManifest: () => pageStudioModuleManifest,
+  resolveBuilderThemeTokens: () => resolveBuilderThemeTokens,
+  studioDocumentToLayout: () => studioDocumentToLayout
+});
+
+// src/studio-pages/builder/settings-v2/types.ts
+var defaultBuilderBlockSettingsV2 = {
+  advanced: {
+    customClassName: "",
+    editCopyInPanel: false,
+    hideOnMobile: false
+  },
+  appearance: {
+    contentBackgroundColor: "#ffffff",
+    contentBackgroundMode: "none",
+    contentGradientAngle: "135",
+    contentGradientFrom: "#ffffff",
+    contentGradientPreset: "none",
+    contentGradientTo: "#f4f6f2",
+    sectionBackgroundColor: "#ffffff",
+    sectionBackgroundMode: "none",
+    sectionGradientAngle: "135",
+    sectionGradientFrom: "#124a37",
+    sectionGradientPreset: "forest",
+    sectionGradientTo: "#1f684f"
+  },
+  layout: {
+    contentWidth: "inherit",
+    sectionPaddingX: "inherit",
+    sectionPaddingY: "md"
+  },
+  media: {
+    cornerStyle: "rounded",
+    fit: "cover",
+    height: null,
+    position: "center",
+    positionX: null,
+    positionY: null
+  },
+  typography: {
+    bodyAlign: "left",
+    headingAlign: "left",
+    letterSpacingPreset: "normal",
+    lineHeightPreset: "normal",
+    maxTextWidth: "auto"
+  },
+  version: 2
+};
+var defaultBuilderItemSettingsV2 = {
+  layout: {
+    contentWidth: "inherit",
+    sectionPaddingX: "inherit",
+    sectionPaddingY: "md"
+  },
+  media: {
+    cornerStyle: "rounded",
+    fit: "cover",
+    height: null,
+    position: "center",
+    positionX: null,
+    positionY: null
+  },
+  typography: {
+    bodyAlign: "left",
+    headingAlign: "left",
+    letterSpacingPreset: "normal",
+    lineHeightPreset: "normal",
+    maxTextWidth: "auto"
+  },
+  version: 2
+};
+var defaultBuilderThemeTokens = {
+  colors: {
+    accent: "#0d4a37",
+    bodyText: "#13211c",
+    headingText: "#13211c",
+    surface: "#ffffff"
+  },
+  radii: {
+    card: 16,
+    panel: 14
+  },
+  spacing: {
+    sectionGap: "md",
+    sectionPadding: "md"
+  },
+  typography: {
+    bodySize: "md",
+    headingSize: "md"
+  }
+};
+
+// src/studio-pages/builder/adapters/settingsV2.ts
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var parsePercent = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return Math.max(0, Math.min(100, value));
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return Math.max(0, Math.min(100, parsed));
+    }
+  }
+  return null;
+};
+var parsePixel = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value;
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return parsed;
+    }
+  }
+  return null;
+};
+var mergeSettings = (defaults, input) => {
+  if (!isRecord(input)) {
+    return structuredClone(defaults);
+  }
+  const next = structuredClone(defaults);
+  for (const [key, value] of Object.entries(input)) {
+    if (isRecord(value) && isRecord(next[key])) {
+      next[key] = mergeSettings(next[key], value);
+      continue;
+    }
+    if (typeof value !== "undefined") {
+      next[key] = value;
+    }
+  }
+  return next;
+};
+var legacyBlockToV2Settings = (block) => {
+  const current = structuredClone(defaultBuilderBlockSettingsV2);
+  current.layout.contentWidth = block.contentWidth === "narrow" || block.contentWidth === "content" || block.contentWidth === "wide" || block.contentWidth === "full" || block.contentWidth === "inherit" ? block.contentWidth : current.layout.contentWidth;
+  current.layout.sectionPaddingX = block.sectionPaddingX === "none" || block.sectionPaddingX === "sm" || block.sectionPaddingX === "md" || block.sectionPaddingX === "lg" || block.sectionPaddingX === "inherit" ? block.sectionPaddingX : current.layout.sectionPaddingX;
+  current.layout.sectionPaddingY = block.sectionPaddingY === "none" || block.sectionPaddingY === "sm" || block.sectionPaddingY === "lg" ? block.sectionPaddingY : current.layout.sectionPaddingY;
+  current.appearance.sectionBackgroundMode = block.sectionBackgroundMode === "none" || block.sectionBackgroundMode === "color" || block.sectionBackgroundMode === "gradient" ? block.sectionBackgroundMode : current.appearance.sectionBackgroundMode;
+  current.appearance.sectionBackgroundColor = typeof block.sectionBackgroundColor === "string" ? block.sectionBackgroundColor : current.appearance.sectionBackgroundColor;
+  current.appearance.sectionGradientPreset = typeof block.sectionGradientPreset === "string" ? block.sectionGradientPreset : current.appearance.sectionGradientPreset;
+  current.appearance.sectionGradientFrom = typeof block.sectionGradientFrom === "string" ? block.sectionGradientFrom : current.appearance.sectionGradientFrom;
+  current.appearance.sectionGradientTo = typeof block.sectionGradientTo === "string" ? block.sectionGradientTo : current.appearance.sectionGradientTo;
+  current.appearance.sectionGradientAngle = typeof block.sectionGradientAngle === "string" ? block.sectionGradientAngle : current.appearance.sectionGradientAngle;
+  current.appearance.contentBackgroundMode = block.contentBackgroundMode === "none" || block.contentBackgroundMode === "color" || block.contentBackgroundMode === "gradient" ? block.contentBackgroundMode : current.appearance.contentBackgroundMode;
+  current.appearance.contentBackgroundColor = typeof block.contentBackgroundColor === "string" ? block.contentBackgroundColor : current.appearance.contentBackgroundColor;
+  current.appearance.contentGradientPreset = typeof block.contentGradientPreset === "string" ? block.contentGradientPreset : current.appearance.contentGradientPreset;
+  current.appearance.contentGradientFrom = typeof block.contentGradientFrom === "string" ? block.contentGradientFrom : current.appearance.contentGradientFrom;
+  current.appearance.contentGradientTo = typeof block.contentGradientTo === "string" ? block.contentGradientTo : current.appearance.contentGradientTo;
+  current.appearance.contentGradientAngle = typeof block.contentGradientAngle === "string" ? block.contentGradientAngle : current.appearance.contentGradientAngle;
+  if (block.backgroundImageFit === "cover" || block.backgroundImageFit === "contain") {
+    current.media.fit = block.backgroundImageFit;
+  }
+  if (block.imageFit === "cover" || block.imageFit === "contain") {
+    current.media.fit = block.imageFit;
+  }
+  if (block.backgroundImageCornerStyle === "rounded" || block.backgroundImageCornerStyle === "square") {
+    current.media.cornerStyle = block.backgroundImageCornerStyle;
+  }
+  if (block.imageCornerStyle === "rounded" || block.imageCornerStyle === "square") {
+    current.media.cornerStyle = block.imageCornerStyle;
+  }
+  if (block.backgroundImagePosition === "top" || block.backgroundImagePosition === "bottom" || block.backgroundImagePosition === "left" || block.backgroundImagePosition === "right" || block.backgroundImagePosition === "center") {
+    current.media.position = block.backgroundImagePosition;
+  }
+  if (block.imagePosition === "top" || block.imagePosition === "bottom" || block.imagePosition === "left" || block.imagePosition === "right" || block.imagePosition === "center") {
+    current.media.position = block.imagePosition;
+  }
+  current.media.positionX = parsePercent(block.imagePositionX ?? block.backgroundImagePositionX);
+  current.media.positionY = parsePercent(block.imagePositionY ?? block.backgroundImagePositionY);
+  current.media.height = parsePixel(block.imageHeight);
+  current.typography.headingAlign = block.textHeadingAlign === "left" || block.textHeadingAlign === "center" || block.textHeadingAlign === "right" || block.textHeadingAlign === "justify" ? block.textHeadingAlign : current.typography.headingAlign;
+  current.typography.bodyAlign = block.textBodyAlign === "left" || block.textBodyAlign === "center" || block.textBodyAlign === "right" || block.textBodyAlign === "justify" ? block.textBodyAlign : current.typography.bodyAlign;
+  current.typography.maxTextWidth = block.textMaxWidth === "auto" || block.textMaxWidth === "sm" || block.textMaxWidth === "md" || block.textMaxWidth === "lg" || block.textMaxWidth === "full" ? block.textMaxWidth : current.typography.maxTextWidth;
+  current.typography.lineHeightPreset = block.textLineHeightPreset === "tight" || block.textLineHeightPreset === "normal" || block.textLineHeightPreset === "relaxed" ? block.textLineHeightPreset : current.typography.lineHeightPreset;
+  current.typography.letterSpacingPreset = block.textLetterSpacingPreset === "tight" || block.textLetterSpacingPreset === "normal" || block.textLetterSpacingPreset === "relaxed" ? block.textLetterSpacingPreset : current.typography.letterSpacingPreset;
+  current.advanced.editCopyInPanel = Boolean(block.editCopyInPanel ?? current.advanced.editCopyInPanel);
+  current.advanced.customClassName = typeof block.customClassName === "string" ? block.customClassName : current.advanced.customClassName;
+  current.advanced.hideOnMobile = Boolean(block.hideOnMobile ?? current.advanced.hideOnMobile);
+  return mergeSettings(current, block.settings);
+};
+var v2SettingsToLegacyBlock = (blockWithSettings) => {
+  const settings = legacyBlockToV2Settings(blockWithSettings);
+  const next = {
+    ...blockWithSettings,
+    settings
+  };
+  next.contentWidth = settings.layout.contentWidth;
+  next.sectionPaddingX = settings.layout.sectionPaddingX;
+  next.sectionPaddingY = settings.layout.sectionPaddingY;
+  next.sectionBackgroundMode = settings.appearance.sectionBackgroundMode;
+  next.sectionBackgroundColor = settings.appearance.sectionBackgroundColor;
+  next.sectionGradientPreset = settings.appearance.sectionGradientPreset;
+  next.sectionGradientFrom = settings.appearance.sectionGradientFrom;
+  next.sectionGradientTo = settings.appearance.sectionGradientTo;
+  next.sectionGradientAngle = settings.appearance.sectionGradientAngle;
+  next.contentBackgroundMode = settings.appearance.contentBackgroundMode;
+  next.contentBackgroundColor = settings.appearance.contentBackgroundColor;
+  next.contentGradientPreset = settings.appearance.contentGradientPreset;
+  next.contentGradientFrom = settings.appearance.contentGradientFrom;
+  next.contentGradientTo = settings.appearance.contentGradientTo;
+  next.contentGradientAngle = settings.appearance.contentGradientAngle;
+  next.textHeadingAlign = settings.typography.headingAlign;
+  next.textBodyAlign = settings.typography.bodyAlign;
+  next.textMaxWidth = settings.typography.maxTextWidth;
+  next.textLineHeightPreset = settings.typography.lineHeightPreset;
+  next.textLetterSpacingPreset = settings.typography.letterSpacingPreset;
+  next.editCopyInPanel = settings.advanced.editCopyInPanel;
+  next.customClassName = settings.advanced.customClassName;
+  next.hideOnMobile = settings.advanced.hideOnMobile;
+  if (next.blockType === "hero") {
+    next.backgroundImageFit = settings.media.fit;
+    next.backgroundImageCornerStyle = settings.media.cornerStyle;
+    next.backgroundImagePosition = settings.media.position;
+    next.backgroundImagePositionX = settings.media.positionX;
+    next.backgroundImagePositionY = settings.media.positionY;
+  } else {
+    next.imageFit = settings.media.fit;
+    next.imageCornerStyle = settings.media.cornerStyle;
+    next.imagePosition = settings.media.position;
+    next.imagePositionX = settings.media.positionX;
+    next.imagePositionY = settings.media.positionY;
+    next.imageHeight = settings.media.height;
+  }
+  if (Array.isArray(next.items)) {
+    next.items = next.items.map((rawItem) => isRecord(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem);
+  }
+  return next;
+};
+var legacyItemToV2Settings = (item) => {
+  const current = structuredClone(defaultBuilderItemSettingsV2);
+  if (item.imageFit === "cover" || item.imageFit === "contain") {
+    current.media.fit = item.imageFit;
+  }
+  if (item.imageCornerStyle === "rounded" || item.imageCornerStyle === "square") {
+    current.media.cornerStyle = item.imageCornerStyle;
+  }
+  if (item.imagePosition === "top" || item.imagePosition === "bottom" || item.imagePosition === "left" || item.imagePosition === "right" || item.imagePosition === "center") {
+    current.media.position = item.imagePosition;
+  }
+  current.media.positionX = parsePercent(item.imagePositionX);
+  current.media.positionY = parsePercent(item.imagePositionY);
+  current.media.height = parsePixel(item.imageHeight);
+  return mergeSettings(current, item.settings);
+};
+var v2SettingsToLegacyItem = (itemWithSettings) => {
+  const settings = legacyItemToV2Settings(itemWithSettings);
+  return {
+    ...itemWithSettings,
+    imageCornerStyle: settings.media.cornerStyle,
+    imageFit: settings.media.fit,
+    imageHeight: settings.media.height,
+    imagePosition: settings.media.position,
+    imagePositionX: settings.media.positionX,
+    imagePositionY: settings.media.positionY,
+    settings
+  };
+};
+var migrateBlockToSettingsV2 = (block) => {
+  const withLegacyMirrors = v2SettingsToLegacyBlock(block);
+  if (!Array.isArray(withLegacyMirrors.items)) {
+    return withLegacyMirrors;
+  }
+  return {
+    ...withLegacyMirrors,
+    items: withLegacyMirrors.items.map((rawItem) => isRecord(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem)
+  };
+};
+
+// src/studio-pages/builder/settings-v2/themeTokens.ts
+var isRecord2 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var merge = (base, next) => {
+  if (!next || !isRecord2(next)) {
+    return base;
+  }
+  const merged = { ...base };
+  for (const [key, value] of Object.entries(next)) {
+    if (isRecord2(value) && isRecord2(merged[key])) {
+      merged[key] = merge(merged[key], value);
+      continue;
+    }
+    if (typeof value !== "undefined") {
+      merged[key] = value;
+    }
+  }
+  return merged;
+};
+var resolveBuilderThemeTokens = (layers) => {
+  const withSite = merge(defaultBuilderThemeTokens, layers.site);
+  const withPage = merge(withSite, layers.page);
+  return merge(withPage, layers.block);
+};
+
+// src/studio-pages/builder/settings-v2/BlockInspectorRenderer.tsx
+import { useMemo, useState } from "react";
+
+// src/studio-pages/builder/ui/Accordion.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/studio-pages/builder/ui/ImageControls.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "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.sectionPaddingY",
+    label: "Section Vertical Spacing",
+    options: [
+      { label: "None", value: "none" },
+      { label: "Small", value: "sm" },
+      { label: "Medium", value: "md" },
+      { label: "Large", value: "lg" }
+    ],
+    tags: ["spacing", "padding"],
+    type: "select"
+  },
+  {
+    group: "layout",
+    key: "settings.layout.sectionPaddingX",
+    label: "Section Horizontal Spacing",
+    options: [
+      { label: "Inherit", value: "inherit" },
+      { label: "None", value: "none" },
+      { label: "Small", value: "sm" },
+      { label: "Medium", value: "md" },
+      { label: "Large", value: "lg" }
+    ],
+    tags: ["spacing", "padding"],
+    type: "select"
+  }
+];
+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"
+  },
+  {
+    group: "media",
+    key: "settings.media.position",
+    label: "Image Position",
+    options: [
+      { label: "Center", value: "center" },
+      { label: "Top", value: "top" },
+      { label: "Bottom", value: "bottom" },
+      { label: "Left", value: "left" },
+      { label: "Right", value: "right" }
+    ],
+    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
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+
+// src/studio-pages/migrations.ts
+var isRecord3 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var assertPageStudioDocumentV1 = (value) => {
+  if (!isRecord3(value)) {
+    throw new Error("Studio document must be an object");
+  }
+  if (value.schemaVersion !== 1) {
+    throw new Error("Unsupported studio schemaVersion");
+  }
+  if (!Array.isArray(value.nodes)) {
+    throw new Error("Studio document nodes must be an array");
+  }
+  const nodes = value.nodes.map((node, index) => {
+    if (!isRecord3(node)) {
+      throw new Error(`Node at index ${index} must be an object`);
+    }
+    if (typeof node.id !== "string" || node.id.length === 0) {
+      throw new Error(`Node at index ${index} has invalid id`);
+    }
+    if (typeof node.type !== "string" || node.type.length === 0) {
+      throw new Error(`Node at index ${index} has invalid type`);
+    }
+    if (!isRecord3(node.data)) {
+      throw new Error(`Node at index ${index} has invalid data`);
+    }
+    return {
+      data: node.data,
+      id: node.id,
+      type: node.type
+    };
+  });
+  return {
+    metadata: isRecord3(value.metadata) ? value.metadata : void 0,
+    nodes,
+    schemaVersion: 1,
+    title: typeof value.title === "string" ? value.title : void 0,
+    updatedAt: typeof value.updatedAt === "string" ? value.updatedAt : void 0
+  };
+};
+var migratePageNodeToSettingsV2 = (node) => {
+  const normalized = migrateBlockToSettingsV2({
+    blockType: node.type,
+    ...node.data
+  });
+  const { blockType: _ignoredBlockType, ...data } = normalized;
+  return {
+    ...node,
+    data
+  };
+};
+var migratePageDocumentSettingsToV2 = (value) => {
+  const current = assertPageStudioDocumentV1(value);
+  return {
+    ...current,
+    nodes: current.nodes.map(migratePageNodeToSettingsV2)
+  };
+};
+var pageStudioMigrations = [
+  {
+    fromVersion: 1,
+    migrate: migratePageDocumentSettingsToV2,
+    toVersion: 1
+  }
+];
+
+// 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 validatePageDocument = (document) => {
+  const issues = [];
+  if (!document.title || document.title.trim().length === 0) {
+    issues.push({
+      code: "pages.title.required",
+      message: "Page title is required before publishing.",
+      path: "title",
+      severity: "error"
+    });
+  }
+  if (document.nodes.length === 0) {
+    issues.push({
+      code: "pages.nodes.required",
+      message: "At least one section is required.",
+      path: "nodes",
+      severity: "error"
+    });
+  }
+  document.nodes.forEach((node, index) => {
+    if (node.type === "hero" && typeof node.data.headline !== "string") {
+      issues.push({
+        code: "pages.hero.headline",
+        message: "Hero section requires a headline.",
+        path: `nodes.${index}.data.headline`,
+        severity: "error"
+      });
+    }
+  });
+  return issues;
+};
+var pagePaletteGroups = [
+  {
+    id: "page-core",
+    label: "Core Sections",
+    items: [
+      { nodeType: "hero", title: "Hero", description: "Top-of-page headline and CTA" },
+      { nodeType: "featureGrid", title: "Feature Grid", description: "Service or value cards" },
+      { nodeType: "stats", title: "Stats", description: "Key performance highlights" },
+      { nodeType: "logoWall", title: "Logo Wall", description: "Trust logos and badges" },
+      { nodeType: "beforeAfter", title: "Before / After", description: "Visual before-and-after gallery" },
+      { nodeType: "richText", title: "Rich Text", description: "Long-form content area" },
+      { nodeType: "media", title: "Media", description: "Image/video section" },
+      { nodeType: "testimonials", title: "Testimonials", description: "Social proof quotes" },
+      { nodeType: "faq", title: "FAQ", description: "Question-and-answer section" },
+      { nodeType: "cta", title: "Call To Action", description: "Conversion strip with button" },
+      { nodeType: "formEmbed", title: "Form Embed", description: "Lead capture form" },
+      { nodeType: "bookingEmbed", title: "Booking Embed", description: "Scheduling panel" }
+    ]
+  }
+];
+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
+}));
+var pageStudioModuleManifest = {
+  id: "studio-pages",
+  version: "0.1.0-beta.0",
+  displayName: "Pages Studio Module",
+  nodeTypes: pageNodeTypes,
+  paletteGroups: pagePaletteGroups,
+  inspectorPanels: pageInspectorPanels,
+  validators: [validatePageDocument],
+  migrations: pageStudioMigrations,
+  compiler: {
+    compileNode: (node) => {
+      const normalized = migrateBlockToSettingsV2({
+        blockType: node.type,
+        ...node.data
+      });
+      return {
+        id: node.id,
+        ...normalized
+      };
+    }
+  },
+  permissions: [
+    { action: "read", role: "admin" },
+    { action: "read", role: "editor" },
+    { action: "read", role: "client" },
+    { action: "update", role: "admin" },
+    { action: "update", role: "editor" },
+    { action: "update", role: "client" },
+    { action: "publish", role: "admin" },
+    { action: "publish", role: "editor" }
+  ]
+};
+var ensureNodeID = (inputID, index) => {
+  if (typeof inputID === "string" && inputID.length > 0) {
+    return inputID;
+  }
+  return `node-${index + 1}`;
+};
+var layoutToStudioDocument = (layout, title, metadata) => {
+  const nodes = layout.filter((block) => typeof block.blockType === "string").map((rawBlock, index) => {
+    const block = migrateBlockToSettingsV2(rawBlock);
+    const blockType = String(block.blockType);
+    const { id, blockType: _ignoredBlockType, ...data } = block;
+    return {
+      id: ensureNodeID(id, index),
+      type: blockType,
+      data
+    };
+  });
+  return {
+    metadata,
+    schemaVersion: 1,
+    title,
+    nodes,
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+};
+var studioDocumentToLayout = (document) => document.nodes.map(
+  (node) => migrateBlockToSettingsV2({
+    id: node.id,
+    blockType: node.type,
+    ...node.data
+  })
+);
+var createDefaultStudioDocument = (title) => ({
+  metadata: {},
+  schemaVersion: 1,
+  title,
+  nodes: [],
+  updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+});
+
+export {
+  defaultBuilderThemeTokens,
+  resolveBuilderThemeTokens,
+  pageNodeTypes,
+  pagePaletteGroups,
+  pageInspectorPanels,
+  pageStudioModuleManifest,
+  layoutToStudioDocument,
+  studioDocumentToLayout,
+  createDefaultStudioDocument,
+  studio_pages_exports
+};