@orion-studios/payload-studio 0.6.0-beta.36 → 0.6.0-beta.38

package/dist/admin/client.js

@@ -4213,6 +4213,42 @@ var getPageIDFromPathname = (pathname) => {
   const pagePart = pathname.slice(markerIndex + marker.length).split("/")[0];
   return pagePart ? decodeURIComponent(pagePart) : null;
 };
+function PageEditorBreadcrumbs({
+  pageID,
+  pagesPath
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "nav",
+    {
+      "aria-label": "Breadcrumb",
+      style: {
+        alignItems: "center",
+        color: "var(--orion-admin-muted)",
+        display: "flex",
+        flexWrap: "wrap",
+        fontSize: "0.8rem",
+        fontWeight: 800,
+        gap: "0.35rem",
+        marginBottom: "0.25rem"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          "a",
+          {
+            href: pagesPath,
+            style: {
+              color: "var(--orion-admin-accent)",
+              textDecoration: "none"
+            },
+            children: "Pages"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-hidden": "true", children: "/" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: pageID ? `Page ${pageID}` : "Page Editor" })
+      ]
+    }
+  );
+}
 function AdminStudioPageEditView(props) {
   const { user } = (0, import_ui6.useAuth)();
   const adminBasePath = useAdminBasePath();
@@ -4389,6 +4425,7 @@ function AdminStudioPageEditView(props) {
           },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PageEditorBreadcrumbs, { pageID, pagesPath }),
               /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { color: "var(--orion-admin-text)", fontWeight: 900 }, children: "Page Editor" }),
               /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
                 "div",

package/dist/admin/client.mjs

@@ -2833,6 +2833,42 @@ var getPageIDFromPathname = (pathname) => {
   const pagePart = pathname.slice(markerIndex + marker.length).split("/")[0];
   return pagePart ? decodeURIComponent(pagePart) : null;
 };
+function PageEditorBreadcrumbs({
+  pageID,
+  pagesPath
+}) {
+  return /* @__PURE__ */ jsxs16(
+    "nav",
+    {
+      "aria-label": "Breadcrumb",
+      style: {
+        alignItems: "center",
+        color: "var(--orion-admin-muted)",
+        display: "flex",
+        flexWrap: "wrap",
+        fontSize: "0.8rem",
+        fontWeight: 800,
+        gap: "0.35rem",
+        marginBottom: "0.25rem"
+      },
+      children: [
+        /* @__PURE__ */ jsx19(
+          "a",
+          {
+            href: pagesPath,
+            style: {
+              color: "var(--orion-admin-accent)",
+              textDecoration: "none"
+            },
+            children: "Pages"
+          }
+        ),
+        /* @__PURE__ */ jsx19("span", { "aria-hidden": "true", children: "/" }),
+        /* @__PURE__ */ jsx19("span", { children: pageID ? `Page ${pageID}` : "Page Editor" })
+      ]
+    }
+  );
+}
 function AdminStudioPageEditView(props) {
   const { user } = useAuth4();
   const adminBasePath = useAdminBasePath();
@@ -3009,6 +3045,7 @@ function AdminStudioPageEditView(props) {
           },
           children: [
             /* @__PURE__ */ jsxs16("div", { style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx19(PageEditorBreadcrumbs, { pageID, pagesPath }),
               /* @__PURE__ */ jsx19("div", { style: { color: "var(--orion-admin-text)", fontWeight: 900 }, children: "Page Editor" }),
               /* @__PURE__ */ jsxs16(
                 "div",

package/dist/studio-pages/client.js

@@ -962,6 +962,7 @@ var sectionPaddingPointMap = {
   md: 31,
   lg: 41
 };
+var heroDefaultPaddingPt = 30;
 var normalizeSectionPaddingY = (value) => value === "none" || value === "sm" || value === "lg" ? value : "md";
 var normalizePaddingPointValue = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) {
@@ -982,7 +983,7 @@ var getEffectiveVerticalPaddingValue = (block, key) => {
   }
   const layoutSectionPaddingY = getByPath(block, "settings.layout.sectionPaddingY");
   const legacySectionPaddingY = block.sectionPaddingY;
-  const inherited = sectionPaddingPointMap[normalizeSectionPaddingY(layoutSectionPaddingY || legacySectionPaddingY)];
+  const inherited = block.blockType === "hero" ? heroDefaultPaddingPt : sectionPaddingPointMap[normalizeSectionPaddingY(layoutSectionPaddingY || legacySectionPaddingY)];
   return inherited;
 };
 var getRelationID = (value) => {
@@ -3965,6 +3966,7 @@ var sectionPaddingMap = {
   md: "2.6rem",
   lg: "3.4rem"
 };
+var heroDefaultPadding = "30pt";
 var quickAddBlockTypes = [
   "hero",
   "featureGrid",
@@ -4319,10 +4321,10 @@ var sectionStyleFromBlock = (block, pageDefaults) => {
     } : {},
     sectionClass: `orion-builder-shell is-${pageDefaults.pageWidthDefault} padx-${resolvedSectionPaddingX}`,
     sectionInnerStyle: {
-      paddingBottom: customPaddingBottom === null ? sectionPaddingMap[sectionPaddingY] : `${customPaddingBottom}pt`,
+      paddingBottom: customPaddingBottom === null ? block.blockType === "hero" ? heroDefaultPadding : sectionPaddingMap[sectionPaddingY] : `${customPaddingBottom}pt`,
       paddingLeft: customPaddingLeft === null ? void 0 : `${customPaddingLeft}pt`,
       paddingRight: customPaddingRight === null ? void 0 : `${customPaddingRight}pt`,
-      paddingTop: customPaddingTop === null ? sectionPaddingMap[sectionPaddingY] : `${customPaddingTop}pt`
+      paddingTop: customPaddingTop === null ? block.blockType === "hero" ? heroDefaultPadding : sectionPaddingMap[sectionPaddingY] : `${customPaddingTop}pt`
     },
     sectionStyle: sectionMode === "color" ? { background: sectionColor } : sectionMode === "gradient" ? { background: sectionGradient } : block.blockType === "hero" ? { background: "transparent" } : {}
   };

package/dist/studio-pages/client.mjs

@@ -935,6 +935,7 @@ var sectionPaddingPointMap = {
   md: 31,
   lg: 41
 };
+var heroDefaultPaddingPt = 30;
 var normalizeSectionPaddingY = (value) => value === "none" || value === "sm" || value === "lg" ? value : "md";
 var normalizePaddingPointValue = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) {
@@ -955,7 +956,7 @@ var getEffectiveVerticalPaddingValue = (block, key) => {
   }
   const layoutSectionPaddingY = getByPath(block, "settings.layout.sectionPaddingY");
   const legacySectionPaddingY = block.sectionPaddingY;
-  const inherited = sectionPaddingPointMap[normalizeSectionPaddingY(layoutSectionPaddingY || legacySectionPaddingY)];
+  const inherited = block.blockType === "hero" ? heroDefaultPaddingPt : sectionPaddingPointMap[normalizeSectionPaddingY(layoutSectionPaddingY || legacySectionPaddingY)];
   return inherited;
 };
 var getRelationID = (value) => {
@@ -3845,6 +3846,7 @@ var sectionPaddingMap = {
   md: "2.6rem",
   lg: "3.4rem"
 };
+var heroDefaultPadding = "30pt";
 var quickAddBlockTypes = [
   "hero",
   "featureGrid",
@@ -4199,10 +4201,10 @@ var sectionStyleFromBlock = (block, pageDefaults) => {
     } : {},
     sectionClass: `orion-builder-shell is-${pageDefaults.pageWidthDefault} padx-${resolvedSectionPaddingX}`,
     sectionInnerStyle: {
-      paddingBottom: customPaddingBottom === null ? sectionPaddingMap[sectionPaddingY] : `${customPaddingBottom}pt`,
+      paddingBottom: customPaddingBottom === null ? block.blockType === "hero" ? heroDefaultPadding : sectionPaddingMap[sectionPaddingY] : `${customPaddingBottom}pt`,
       paddingLeft: customPaddingLeft === null ? void 0 : `${customPaddingLeft}pt`,
       paddingRight: customPaddingRight === null ? void 0 : `${customPaddingRight}pt`,
-      paddingTop: customPaddingTop === null ? sectionPaddingMap[sectionPaddingY] : `${customPaddingTop}pt`
+      paddingTop: customPaddingTop === null ? block.blockType === "hero" ? heroDefaultPadding : sectionPaddingMap[sectionPaddingY] : `${customPaddingTop}pt`
     },
     sectionStyle: sectionMode === "color" ? { background: sectionColor } : sectionMode === "gradient" ? { background: sectionGradient } : block.blockType === "hero" ? { background: "transparent" } : {}
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.6.0-beta.36",
+  "version": "0.6.0-beta.38",
   "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",