@orion-studios/payload-studio 0.5.0-beta.3 → 0.5.0-beta.30

package/dist/index.js

@@ -43,6 +43,7 @@ module.exports = __toCommonJS(index_exports);
 var admin_exports = {};
 __export(admin_exports, {
   configureAdmin: () => configureAdmin,
+  createHeaderNavItemsField: () => createHeaderNavItemsField,
   createThemePreferenceField: () => createThemePreferenceField,
   themePreferenceField: () => themePreferenceField,
   withTooltips: () => withTooltips
@@ -306,12 +307,53 @@ function addTooltipToField(field, tooltips) {
   return field;
 }
 
+// src/admin/fields/headerNav.ts
+var createHeaderNavItemsField = () => ({
+  name: "navItems",
+  type: "array",
+  labels: { singular: "Navigation Link", plural: "Navigation Links" },
+  admin: {
+    description: "The links displayed in your website's main navigation menu."
+  },
+  fields: [
+    {
+      name: "label",
+      type: "text",
+      required: true,
+      admin: {
+        description: "The text shown for this navigation link."
+      }
+    },
+    {
+      name: "href",
+      type: "text",
+      required: true,
+      admin: {
+        description: 'The URL this link points to (e.g., "/about" or "https://example.com").'
+      }
+    },
+    {
+      name: "parentHref",
+      type: "text",
+      admin: {
+        description: "Optional parent link URL. If set to another nav item href, this item appears in that dropdown."
+      }
+    }
+  ]
+});
+
 // src/admin-app/index.ts
 var admin_app_exports = {};
 __export(admin_app_exports, {
   AdminBreadcrumbs: () => AdminBreadcrumbs,
   AdminPage: () => AdminPage,
+  buildAdminPageLinkOptions: () => buildAdminPageLinkOptions,
+  buildNestedNavTree: () => buildNestedNavTree,
+  getAdminNavRows: () => getAdminNavRows,
   navItemIsActive: () => navItemIsActive,
+  normalizeAdminNavInputs: () => normalizeAdminNavInputs,
+  normalizeNestedNavItems: () => normalizeNestedNavItems,
+  parseAdminHeaderNavFromForm: () => parseAdminHeaderNavFromForm,
   roleCanAccessNav: () => roleCanAccessNav
 });
 
@@ -345,6 +387,161 @@ function AdminPage({ title, description, breadcrumbs, actions, children }) {
   ] });
 }
 
+// src/admin-app/nestedNavigation.ts
+var normalizeNestedNavItems = (items) => {
+  const deduped = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    const href = typeof item.href === "string" ? item.href.trim() : "";
+    const label = typeof item.label === "string" ? item.label.trim() : "";
+    const parentHref = typeof item.parentHref === "string" ? item.parentHref.trim() : "";
+    if (!href || !label || seen.has(href)) {
+      continue;
+    }
+    seen.add(href);
+    deduped.push({
+      href,
+      label,
+      ...parentHref ? { parentHref } : {}
+    });
+  }
+  const hrefs = new Set(deduped.map((item) => item.href));
+  return deduped.map((item) => ({
+    href: item.href,
+    label: item.label,
+    ...item.parentHref && item.parentHref !== item.href && hrefs.has(item.parentHref) ? { parentHref: item.parentHref } : {}
+  }));
+};
+var buildNestedNavTree = (items) => {
+  const childrenByParent = /* @__PURE__ */ new Map();
+  const topLevel = [];
+  for (const item of items) {
+    if (!item.parentHref) {
+      topLevel.push(item);
+      continue;
+    }
+    const children = childrenByParent.get(item.parentHref) || [];
+    children.push(item);
+    childrenByParent.set(item.parentHref, children);
+  }
+  if (topLevel.length === 0 && items.length > 0) {
+    return {
+      topLevel: items.map((item) => ({ href: item.href, label: item.label })),
+      childrenByParent: /* @__PURE__ */ new Map()
+    };
+  }
+  return { childrenByParent, topLevel };
+};
+
+// src/admin-app/navigationLinks.ts
+var fallbackHomeOption = {
+  href: "/",
+  label: "Home",
+  title: "Home"
+};
+var buildAdminPageLinkOptions = (pages) => {
+  const options = pages.map((page) => {
+    const href = typeof page.path === "string" ? page.path.trim() : "";
+    const title = typeof page.title === "string" && page.title.trim().length > 0 ? page.title.trim() : "Untitled Page";
+    if (!href) {
+      return null;
+    }
+    const depth = href === "/" ? 0 : href.split("/").filter(Boolean).length;
+    const indentLevel = Math.max(depth - 1, 0);
+    const indent = indentLevel > 0 ? `${"\u21B3 ".repeat(indentLevel)}` : "";
+    return {
+      href,
+      label: `${indent}${title}`,
+      title
+    };
+  }).filter((option) => option !== null).sort((a, b) => {
+    if (a.href === "/" && b.href !== "/") return -1;
+    if (b.href === "/" && a.href !== "/") return 1;
+    return a.href.localeCompare(b.href);
+  });
+  if (options.length === 0) {
+    return [fallbackHomeOption];
+  }
+  return options;
+};
+var getAdminNavRows = (navItems, pageOptions, minRows = 6, maxRows = 20) => {
+  const preferredRows = Math.max(navItems.length + 2, Math.min(8, pageOptions.length));
+  return Math.min(Math.max(minRows, preferredRows), maxRows);
+};
+var normalizeAdminNavInputs = (rows, pageOptions) => {
+  const allowedLinks = new Map(pageOptions.map((option) => [option.href, option.title]));
+  const deduped = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const row of rows) {
+    const href = typeof row.href === "string" ? row.href.trim() : "";
+    const defaultLabel = allowedLinks.get(href);
+    const explicitLabel = typeof row.label === "string" ? row.label.trim() : "";
+    const parentHref = typeof row.parentHref === "string" ? row.parentHref.trim() : "";
+    if (!href || !defaultLabel || seen.has(href)) {
+      continue;
+    }
+    seen.add(href);
+    deduped.push({
+      href,
+      label: explicitLabel.length > 0 ? explicitLabel : defaultLabel,
+      ...parentHref.length > 0 ? { parentHref } : {}
+    });
+  }
+  const hrefs = new Set(deduped.map((item) => item.href));
+  const parentByHref = new Map(deduped.map((item) => [item.href, item.parentHref || ""]));
+  const createsCycle = (href, parentHref) => {
+    const visited = /* @__PURE__ */ new Set([href]);
+    let current = parentHref;
+    while (current) {
+      if (visited.has(current)) {
+        return true;
+      }
+      visited.add(current);
+      current = parentByHref.get(current) || "";
+    }
+    return false;
+  };
+  return deduped.map((item) => {
+    const parentHref = item.parentHref;
+    if (!parentHref || parentHref === item.href || !hrefs.has(parentHref) || createsCycle(item.href, parentHref)) {
+      return {
+        href: item.href,
+        label: item.label
+      };
+    }
+    return item;
+  });
+};
+var parseAdminHeaderNavFromForm = (formData, pageOptions, maxRows = 24) => {
+  const serialized = String(formData.get("navItemsState") || "").trim();
+  if (serialized.length > 0) {
+    try {
+      const parsed = JSON.parse(serialized);
+      if (Array.isArray(parsed)) {
+        return normalizeAdminNavInputs(parsed.slice(0, maxRows), pageOptions);
+      }
+    } catch {
+    }
+  }
+  const rawCount = Number(String(formData.get("navCount") || "0"));
+  const navCount = Number.isFinite(rawCount) ? Math.max(0, Math.min(rawCount, maxRows)) : 0;
+  const navRows = [];
+  for (let index = 0; index < navCount; index += 1) {
+    const href = String(formData.get(`navPage_${index}`) || "").trim();
+    const label = String(formData.get(`navLabel_${index}`) || "").trim();
+    const parentHref = String(formData.get(`navParentHref_${index}`) || "").trim();
+    navRows.push({
+      href,
+      label,
+      parentHref
+    });
+  }
+  if (navRows.length > 0) {
+    return normalizeAdminNavInputs(navRows, pageOptions);
+  }
+  return [];
+};
+
 // src/admin-app/routeRegistry.ts
 var roleCanAccessNav = (role, item) => {
   if (!item.roles || item.roles.length === 0) {
@@ -400,6 +597,7 @@ var sectionStyleDefaults = {
   contentGradientPreset: "none",
   contentGradientTo: "#f4f6f2",
   contentWidth: "inherit",
+  sectionPaddingX: "inherit",
   sectionBackgroundColor: "#ffffff",
   sectionBackgroundMode: "none",
   sectionGradientAngle: "135",
@@ -437,6 +635,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" }
@@ -575,6 +786,36 @@ var BeforeAfterBlock = {
           relationTo: "media",
           required: false
         },
+        {
+          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: "description",
           type: "textarea"
@@ -772,6 +1013,36 @@ var FeatureGridBlock = {
           type: "upload",
           relationTo: "media",
           required: false
+        },
+        {
+          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" }
+          ]
         }
       ]
     },
@@ -898,10 +1169,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: "Optional external/background image URL override for this hero section."
+        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."
       }
     },
     {
@@ -926,6 +1231,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()
   ]
 };
@@ -971,6 +1298,36 @@ var LogoWallBlock = {
           relationTo: "media",
           required: false
         },
+        {
+          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: "href",
           type: "text"
@@ -1021,6 +1378,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()
   ]
 };
@@ -1510,251 +1897,60 @@ function createPayloadClient(config) {
 
 // src/nextjs/queries/pages.ts
 var import_cache = require("next/cache");
-function normalizePath(segments) {
-  if (!segments || segments.length === 0) {
-    return "/";
+
+// src/studio/index.ts
+var studio_exports = {};
+__export(studio_exports, {
+  assertStudioDocumentV1: () => assertStudioDocumentV1,
+  compileStudioDocument: () => compileStudioDocument,
+  createEmptyStudioDocument: () => createEmptyStudioDocument,
+  createStudioRegistry: () => createStudioRegistry,
+  migrateStudioDocument: () => migrateStudioDocument,
+  validateStudioDocument: () => validateStudioDocument
+});
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var makeIssue = (message, path2, code = "studio.invalid") => ({
+  code,
+  message,
+  path: path2,
+  severity: "error"
+});
+var createEmptyStudioDocument = (title) => ({
+  metadata: {},
+  schemaVersion: 1,
+  title,
+  nodes: [],
+  updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+});
+function assertStudioDocumentV1(input) {
+  if (!isRecord(input)) {
+    throw new Error("Studio document must be an object");
   }
-  const cleaned = segments.map((segment) => segment.trim()).filter(Boolean).join("/");
-  return cleaned.length > 0 ? `/${cleaned}` : "/";
-}
-async function queryPageByPath(payload, path2, draft) {
-  const result = await payload.find({
-    collection: "pages",
-    depth: 2,
-    draft,
-    limit: 1,
-    overrideAccess: false,
-    where: {
-      path: {
-        equals: path2
-      }
-    }
-  });
-  if (result.docs.length > 0) {
-    return result.docs[0] || null;
+  if (input.schemaVersion !== 1) {
+    throw new Error("Unsupported studio schemaVersion");
   }
-  if (path2 === "/") {
-    const homeResult = await payload.find({
-      collection: "pages",
-      depth: 2,
-      draft,
-      limit: 1,
-      overrideAccess: false,
-      where: {
-        slug: {
-          equals: "home"
-        }
-      }
-    });
-    return homeResult.docs[0] || null;
+  if (!Array.isArray(input.nodes)) {
+    throw new Error("Studio document nodes must be an array");
   }
-  return null;
-}
-function createPageQueries(getPayloadClient, contentTag = "website-content") {
-  const getPublishedPageByPathCached = (0, import_cache.unstable_cache)(
-    async (path2) => {
-      const payload = await getPayloadClient();
-      return queryPageByPath(payload, path2, false);
-    },
-    ["page-by-path"],
-    { tags: [contentTag] }
-  );
-  async function getPageBySegments(segments, draft = false) {
-    const path2 = normalizePath(segments);
-    const payload = await getPayloadClient();
-    if (draft) {
-      return queryPageByPath(payload, path2, true);
+  const nodes = input.nodes.map((node, index) => {
+    if (!isRecord(node)) {
+      throw new Error(`Node at index ${index} must be an object`);
     }
-    return getPublishedPageByPathCached(path2);
-  }
-  async function listPublishedPagePaths() {
-    const payload = await getPayloadClient();
-    const pages = await payload.find({
-      collection: "pages",
-      depth: 0,
-      draft: false,
-      limit: 1e3,
-      pagination: false,
-      overrideAccess: false,
-      where: {
-        _status: {
-          equals: "published"
-        }
-      }
-    });
-    return pages.docs.map((doc) => doc.path).filter((path2) => typeof path2 === "string" && path2.length > 0);
-  }
-  function pathToSegments(path2) {
-    if (!path2 || path2 === "/") {
-      return [];
+    if (typeof node.id !== "string" || node.id.length === 0) {
+      throw new Error(`Node at index ${index} has invalid id`);
     }
-    return path2.split("/").filter(Boolean);
-  }
-  return {
-    getPageBySegments,
-    listPublishedPagePaths,
-    pathToSegments
-  };
-}
-
-// src/nextjs/queries/site.ts
-var import_cache2 = require("next/cache");
-function createSiteQueries(getPayloadClient, contentTag = "website-content") {
-  const getSiteSettingsCached = (0, import_cache2.unstable_cache)(
-    async () => {
-      const payload = await getPayloadClient();
-      const settings = await payload.findGlobal({
-        slug: "site-settings",
-        depth: 1
-      });
-      return settings;
-    },
-    ["site-settings-global"],
-    { tags: [contentTag] }
-  );
-  const getHeaderCached = (0, import_cache2.unstable_cache)(
-    async () => {
-      const payload = await getPayloadClient();
-      const header = await payload.findGlobal({
-        slug: "header",
-        depth: 1
-      });
-      return header;
-    },
-    ["header-global"],
-    { tags: [contentTag] }
-  );
-  const getFooterCached = (0, import_cache2.unstable_cache)(
-    async () => {
-      const payload = await getPayloadClient();
-      const footer = await payload.findGlobal({
-        slug: "footer",
-        depth: 1
-      });
-      return footer;
-    },
-    ["footer-global"],
-    { tags: [contentTag] }
-  );
-  async function getSiteSettings(draft = false) {
-    if (draft) {
-      const payload = await getPayloadClient();
-      const settings = await payload.findGlobal({
-        slug: "site-settings",
-        depth: 1,
-        draft: true
-      });
-      return settings;
-    }
-    return getSiteSettingsCached();
-  }
-  async function getHeader(draft = false) {
-    if (draft) {
-      const payload = await getPayloadClient();
-      const header = await payload.findGlobal({
-        slug: "header",
-        depth: 1,
-        draft: true
-      });
-      return header;
-    }
-    return getHeaderCached();
-  }
-  async function getFooter(draft = false) {
-    if (draft) {
-      const payload = await getPayloadClient();
-      const footer = await payload.findGlobal({
-        slug: "footer",
-        depth: 1,
-        draft: true
-      });
-      return footer;
-    }
-    return getFooterCached();
-  }
-  return {
-    getSiteSettings,
-    getHeader,
-    getFooter
-  };
-}
-
-// src/nextjs/utilities/media.ts
-function resolveMedia(media) {
-  if (!media) {
-    return null;
-  }
-  if (typeof media === "number" || typeof media === "string") {
-    return null;
-  }
-  if (media.url) {
-    return {
-      url: media.url,
-      alt: media.alt || ""
-    };
-  }
-  if (media.filename) {
-    return {
-      url: `/media/${media.filename}`,
-      alt: media.alt || ""
-    };
-  }
-  return null;
-}
-
-// src/studio/index.ts
-var studio_exports = {};
-__export(studio_exports, {
-  assertStudioDocumentV1: () => assertStudioDocumentV1,
-  compileStudioDocument: () => compileStudioDocument,
-  createEmptyStudioDocument: () => createEmptyStudioDocument,
-  createStudioRegistry: () => createStudioRegistry,
-  migrateStudioDocument: () => migrateStudioDocument,
-  validateStudioDocument: () => validateStudioDocument
-});
-var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
-var makeIssue = (message, path2, code = "studio.invalid") => ({
-  code,
-  message,
-  path: path2,
-  severity: "error"
-});
-var createEmptyStudioDocument = (title) => ({
-  metadata: {},
-  schemaVersion: 1,
-  title,
-  nodes: [],
-  updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-});
-function assertStudioDocumentV1(input) {
-  if (!isRecord(input)) {
-    throw new Error("Studio document must be an object");
-  }
-  if (input.schemaVersion !== 1) {
-    throw new Error("Unsupported studio schemaVersion");
-  }
-  if (!Array.isArray(input.nodes)) {
-    throw new Error("Studio document nodes must be an array");
-  }
-  const nodes = input.nodes.map((node, index) => {
-    if (!isRecord(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 (!isRecord(node.data)) {
-      throw new Error(`Node at index ${index} has invalid data`);
-    }
-    return {
-      id: node.id,
-      type: node.type,
-      data: node.data
-    };
-  });
+    if (typeof node.type !== "string" || node.type.length === 0) {
+      throw new Error(`Node at index ${index} has invalid type`);
+    }
+    if (!isRecord(node.data)) {
+      throw new Error(`Node at index ${index} has invalid data`);
+    }
+    return {
+      id: node.id,
+      type: node.type,
+      data: node.data
+    };
+  });
   return {
     metadata: isRecord(input.metadata) ? input.metadata : void 0,
     schemaVersion: 1,
@@ -1872,6 +2068,9 @@ var defaultNodeData = {
     items: [
       {
         description: "Before and after result summary.",
+        imageCornerStyle: "rounded",
+        imageFit: "cover",
+        imagePosition: "center",
         label: "Project One"
       }
     ],
@@ -1895,9 +2094,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.", icon: "01", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature One" },
+      { description: "Explain this point.", icon: "02", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Two" },
+      { description: "Explain this point.", icon: "03", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Three" }
     ],
     title: "Section Title",
     variant: "cards"
@@ -1910,7 +2109,11 @@ var defaultNodeData = {
   },
   hero: {
     ...withSectionStyleDefaults({}),
-    backgroundColor: "#124a37",
+    backgroundColor: "",
+    backgroundImageCornerStyle: "rounded",
+    backgroundImageFit: "cover",
+    backgroundImagePosition: "center",
+    heroHeight: "sm",
     headline: "New Hero Section",
     kicker: "Optional kicker",
     primaryHref: "/contact",
@@ -1923,13 +2126,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"
@@ -2128,6 +2334,224 @@ var createDefaultStudioDocument = (title) => ({
   nodes: [],
   updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 });
+
+// src/nextjs/queries/pages.ts
+var PAGE_QUERY_CACHE_VERSION = "v2-studio-layout-published-only";
+function withStudioDocumentLayout(page) {
+  if (!page) {
+    return null;
+  }
+  try {
+    const studioDocument = assertStudioDocumentV1(page.studioDocument);
+    const compiledLayout = studioDocumentToLayout(studioDocument);
+    if (Array.isArray(compiledLayout) && compiledLayout.length > 0) {
+      return {
+        ...page,
+        layout: compiledLayout
+      };
+    }
+  } catch {
+  }
+  return page;
+}
+function normalizePath(segments) {
+  if (!segments || segments.length === 0) {
+    return "/";
+  }
+  const cleaned = segments.map((segment) => segment.trim()).filter(Boolean).join("/");
+  return cleaned.length > 0 ? `/${cleaned}` : "/";
+}
+async function queryPageByPath(payload, path2, draft) {
+  const pathWhere = {
+    path: {
+      equals: path2
+    }
+  };
+  const publishedWhere = {
+    _status: {
+      equals: "published"
+    }
+  };
+  const result = await payload.find({
+    collection: "pages",
+    depth: 2,
+    draft,
+    limit: 1,
+    overrideAccess: false,
+    where: draft ? pathWhere : { and: [pathWhere, publishedWhere] }
+  });
+  if (result.docs.length > 0) {
+    return withStudioDocumentLayout(result.docs[0] || null);
+  }
+  if (path2 === "/") {
+    const homeWhere = {
+      slug: {
+        equals: "home"
+      }
+    };
+    const homeResult = await payload.find({
+      collection: "pages",
+      depth: 2,
+      draft,
+      limit: 1,
+      overrideAccess: false,
+      where: draft ? homeWhere : { and: [homeWhere, publishedWhere] }
+    });
+    return withStudioDocumentLayout(homeResult.docs[0] || null);
+  }
+  return null;
+}
+function createPageQueries(getPayloadClient, contentTag = "website-content") {
+  const getPublishedPageByPathCached = (0, import_cache.unstable_cache)(
+    async (path2) => {
+      const payload = await getPayloadClient();
+      return queryPageByPath(payload, path2, false);
+    },
+    ["page-by-path", PAGE_QUERY_CACHE_VERSION],
+    { tags: [contentTag] }
+  );
+  async function getPageBySegments(segments, draft = false) {
+    const path2 = normalizePath(segments);
+    const payload = await getPayloadClient();
+    if (draft) {
+      return queryPageByPath(payload, path2, true);
+    }
+    return getPublishedPageByPathCached(path2);
+  }
+  async function listPublishedPagePaths() {
+    const payload = await getPayloadClient();
+    const pages = await payload.find({
+      collection: "pages",
+      depth: 0,
+      draft: false,
+      limit: 1e3,
+      pagination: false,
+      overrideAccess: false,
+      where: {
+        _status: {
+          equals: "published"
+        }
+      }
+    });
+    return pages.docs.map((doc) => doc.path).filter((path2) => typeof path2 === "string" && path2.length > 0);
+  }
+  function pathToSegments(path2) {
+    if (!path2 || path2 === "/") {
+      return [];
+    }
+    return path2.split("/").filter(Boolean);
+  }
+  return {
+    getPageBySegments,
+    listPublishedPagePaths,
+    pathToSegments
+  };
+}
+
+// src/nextjs/queries/site.ts
+var import_cache2 = require("next/cache");
+function createSiteQueries(getPayloadClient, contentTag = "website-content") {
+  const getSiteSettingsCached = (0, import_cache2.unstable_cache)(
+    async () => {
+      const payload = await getPayloadClient();
+      const settings = await payload.findGlobal({
+        slug: "site-settings",
+        depth: 1
+      });
+      return settings;
+    },
+    ["site-settings-global"],
+    { tags: [contentTag] }
+  );
+  const getHeaderCached = (0, import_cache2.unstable_cache)(
+    async () => {
+      const payload = await getPayloadClient();
+      const header = await payload.findGlobal({
+        slug: "header",
+        depth: 1
+      });
+      return header;
+    },
+    ["header-global"],
+    { tags: [contentTag] }
+  );
+  const getFooterCached = (0, import_cache2.unstable_cache)(
+    async () => {
+      const payload = await getPayloadClient();
+      const footer = await payload.findGlobal({
+        slug: "footer",
+        depth: 1
+      });
+      return footer;
+    },
+    ["footer-global"],
+    { tags: [contentTag] }
+  );
+  async function getSiteSettings(draft = false) {
+    if (draft) {
+      const payload = await getPayloadClient();
+      const settings = await payload.findGlobal({
+        slug: "site-settings",
+        depth: 1,
+        draft: true
+      });
+      return settings;
+    }
+    return getSiteSettingsCached();
+  }
+  async function getHeader(draft = false) {
+    if (draft) {
+      const payload = await getPayloadClient();
+      const header = await payload.findGlobal({
+        slug: "header",
+        depth: 1,
+        draft: true
+      });
+      return header;
+    }
+    return getHeaderCached();
+  }
+  async function getFooter(draft = false) {
+    if (draft) {
+      const payload = await getPayloadClient();
+      const footer = await payload.findGlobal({
+        slug: "footer",
+        depth: 1,
+        draft: true
+      });
+      return footer;
+    }
+    return getFooterCached();
+  }
+  return {
+    getSiteSettings,
+    getHeader,
+    getFooter
+  };
+}
+
+// src/nextjs/utilities/media.ts
+function resolveMedia(media) {
+  if (!media) {
+    return null;
+  }
+  if (typeof media === "number" || typeof media === "string") {
+    return null;
+  }
+  if (media.url) {
+    return {
+      url: media.url,
+      alt: media.alt || ""
+    };
+  }
+  if (media.filename) {
+    return {
+      url: `/media/${media.filename}`,
+      alt: media.alt || ""
+    };
+  }
+  return null;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   admin,