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

package/dist/admin-app/index.d.mts

@@ -1,3 +1,3 @@
-export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavItem, c as AdminPage, d as AdminRole, n as navItemIsActive, r as roleCanAccessNav } from '../index-BallJs-K.mjs';
+export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavInput, c as AdminNavItem, d as AdminNavLinkItem, e as AdminPage, f as AdminPageLinkOption, g as AdminPageRecord, h as AdminRole, N as NestedNavItem, j as NestedNavItemInput, k as NestedNavTree, l as buildAdminPageLinkOptions, m as buildNestedNavTree, n as getAdminNavRows, o as navItemIsActive, p as normalizeAdminNavInputs, q as normalizeNestedNavItems, r as parseAdminHeaderNavFromForm, s as roleCanAccessNav } from '../index-BBvk9b9i.mjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/admin-app/index.d.ts

@@ -1,3 +1,3 @@
-export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavItem, c as AdminPage, d as AdminRole, n as navItemIsActive, r as roleCanAccessNav } from '../index-BallJs-K.js';
+export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavInput, c as AdminNavItem, d as AdminNavLinkItem, e as AdminPage, f as AdminPageLinkOption, g as AdminPageRecord, h as AdminRole, N as NestedNavItem, j as NestedNavItemInput, k as NestedNavTree, l as buildAdminPageLinkOptions, m as buildNestedNavTree, n as getAdminNavRows, o as navItemIsActive, p as normalizeAdminNavInputs, q as normalizeNestedNavItems, r as parseAdminHeaderNavFromForm, s as roleCanAccessNav } from '../index-BBvk9b9i.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/admin-app/index.js

@@ -22,7 +22,13 @@ 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
 });
 module.exports = __toCommonJS(admin_app_exports);
@@ -57,6 +63,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) {
@@ -77,6 +238,12 @@ var navItemIsActive = (pathname, item) => {
 0 && (module.exports = {
   AdminBreadcrumbs,
   AdminPage,
+  buildAdminPageLinkOptions,
+  buildNestedNavTree,
+  getAdminNavRows,
   navItemIsActive,
+  normalizeAdminNavInputs,
+  normalizeNestedNavItems,
+  parseAdminHeaderNavFromForm,
   roleCanAccessNav
 });

package/dist/admin-app/index.mjs

@@ -1,13 +1,25 @@
 import {
   AdminBreadcrumbs,
   AdminPage,
+  buildAdminPageLinkOptions,
+  buildNestedNavTree,
+  getAdminNavRows,
   navItemIsActive,
+  normalizeAdminNavInputs,
+  normalizeNestedNavItems,
+  parseAdminHeaderNavFromForm,
   roleCanAccessNav
-} from "../chunk-AAOHJDNS.mjs";
+} from "../chunk-XVH5SCBD.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   AdminBreadcrumbs,
   AdminPage,
+  buildAdminPageLinkOptions,
+  buildNestedNavTree,
+  getAdminNavRows,
   navItemIsActive,
+  normalizeAdminNavInputs,
+  normalizeNestedNavItems,
+  parseAdminHeaderNavFromForm,
   roleCanAccessNav
 };

package/dist/admin-app/styles.css

@@ -120,3 +120,130 @@
   max-width: none;
   width: 100%;
 }
+
+.orion-admin-nav-editor {
+  border: 1px solid var(--orion-admin-card-border);
+  border-radius: 12px;
+  display: grid;
+  gap: 0.65rem;
+  padding: 0.75rem;
+}
+
+.orion-admin-nav-editor-head {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+}
+
+.orion-admin-nav-editor-title {
+  font-weight: 800;
+}
+
+.orion-admin-nav-editor-add {
+  background: #111;
+  border: 0;
+  border-radius: 999px;
+  color: #fff;
+  cursor: pointer;
+  font-size: 0.86rem;
+  font-weight: 800;
+  padding: 0.35rem 0.7rem;
+}
+
+.orion-admin-action-button {
+  background: #111;
+  border: 0;
+  border-radius: 10px;
+  color: #fff;
+  cursor: pointer;
+  font-weight: 800;
+  padding: 0.55rem 0.8rem;
+}
+
+.orion-admin-nav-editor-help {
+  color: var(--orion-admin-muted);
+  font-size: 0.84rem;
+}
+
+.orion-admin-nav-editor-empty {
+  background: #f2f5f3;
+  border: 1px dashed var(--orion-admin-border);
+  border-radius: 10px;
+  color: var(--orion-admin-muted);
+  font-size: 0.9rem;
+  padding: 0.7rem;
+}
+
+.orion-admin-nav-editor-list {
+  display: grid;
+  gap: 0.55rem;
+}
+
+.orion-admin-nav-editor-row {
+  background: #fff;
+  border: 1px solid var(--orion-admin-border);
+  border-radius: 10px;
+  display: grid;
+  gap: 0.5rem;
+  padding: 0.65rem;
+  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
+}
+
+.orion-admin-nav-editor-row.is-dragging {
+  border-color: rgba(24, 95, 69, 0.55);
+  box-shadow: 0 10px 24px rgba(15, 42, 33, 0.16);
+  transform: scale(0.996);
+}
+
+.orion-admin-nav-editor-row.is-drop-target {
+  border-color: rgba(24, 95, 69, 0.7);
+  box-shadow: inset 0 0 0 2px rgba(24, 95, 69, 0.12);
+}
+
+.orion-admin-nav-editor-row-head {
+  align-items: center;
+  display: flex;
+  gap: 0.6rem;
+}
+
+.orion-admin-nav-editor-drag {
+  background: #e8efeb;
+  border-radius: 999px;
+  color: #255543;
+  cursor: grab;
+  font-size: 0.75rem;
+  font-weight: 800;
+  padding: 0.2rem 0.5rem;
+  text-transform: uppercase;
+  user-select: none;
+}
+
+.orion-admin-nav-editor-row-index {
+  color: var(--orion-admin-muted);
+  font-size: 0.82rem;
+  font-weight: 700;
+}
+
+.orion-admin-nav-editor-remove {
+  background: #8c1f1f;
+  border: 0;
+  border-radius: 999px;
+  color: #fff;
+  cursor: pointer;
+  font-size: 0.8rem;
+  font-weight: 700;
+  margin-left: auto;
+  padding: 0.25rem 0.6rem;
+}
+
+.orion-admin-nav-editor-row-grid {
+  display: grid;
+  gap: 0.5rem;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+@media (max-width: 1024px) {
+  .orion-admin-nav-editor-row-grid {
+    grid-template-columns: 1fr;
+  }
+}

package/dist/blocks/index.js

@@ -56,6 +56,7 @@ var sectionStyleDefaults = {
   contentGradientPreset: "none",
   contentGradientTo: "#f4f6f2",
   contentWidth: "inherit",
+  sectionPaddingX: "inherit",
   sectionBackgroundColor: "#ffffff",
   sectionBackgroundMode: "none",
   sectionGradientAngle: "135",
@@ -93,6 +94,19 @@ var sectionStyleFields = () => [
     type: "select",
     defaultValue: sectionStyleDefaults.sectionPaddingY,
     options: [
+      { label: "None", value: "none" },
+      { label: "Small", value: "sm" },
+      { label: "Medium", value: "md" },
+      { label: "Large", value: "lg" }
+    ]
+  },
+  {
+    name: "sectionPaddingX",
+    type: "select",
+    defaultValue: sectionStyleDefaults.sectionPaddingX,
+    options: [
+      { label: "Inherit", value: "inherit" },
+      { label: "None", value: "none" },
       { label: "Small", value: "sm" },
       { label: "Medium", value: "md" },
       { label: "Large", value: "lg" }
@@ -231,6 +245,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"
@@ -428,6 +472,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" }
+          ]
         }
       ]
     },
@@ -554,10 +628,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."
       }
     },
     {
@@ -582,6 +690,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()
   ]
 };
@@ -627,6 +757,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"
@@ -677,6 +837,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()
   ]
 };

package/dist/blocks/index.mjs

@@ -17,8 +17,8 @@ import {
   defaultPageLayoutBlocks,
   sectionPresets,
   templateStarterPresets
-} from "../chunk-PC5622T7.mjs";
-import "../chunk-ETRRXURT.mjs";
+} from "../chunk-H7DSTEVT.mjs";
+import "../chunk-SIL2J5MF.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   BeforeAfterBlock,

package/dist/{chunk-J7W5EE3B.mjs → chunk-7IGLXLUB.mjs}

@@ -7,6 +7,7 @@ import {
 var admin_exports = {};
 __export(admin_exports, {
   configureAdmin: () => configureAdmin,
+  createHeaderNavItemsField: () => createHeaderNavItemsField,
   createThemePreferenceField: () => createThemePreferenceField,
   themePreferenceField: () => themePreferenceField,
   withTooltips: () => withTooltips
@@ -269,10 +270,46 @@ 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."
+      }
+    }
+  ]
+});
+
 export {
   createThemePreferenceField,
   themePreferenceField,
   configureAdmin,
   withTooltips,
+  createHeaderNavItemsField,
   admin_exports
 };