@orion-studios/payload-studio 0.6.0-beta.20 → 0.6.0-beta.22

package/dist/{chunk-3AHBR7RI.mjs → chunk-JC3UV74N.mjs}

@@ -378,6 +378,7 @@ function configureAdmin(config) {
           },
           ...studioEnabled ? {
             studioGlobals: {
+              exact: true,
               path: globalsBasePath,
               Component: {
                 exportName: "AdminStudioGlobalsView",
@@ -389,10 +390,11 @@ function configureAdmin(config) {
                 }
               }
             },
-            studioPages: {
-              path: pagesBasePath,
+            studioPageNew: {
+              exact: true,
+              path: `${pagesBasePath}/new`,
               Component: {
-                exportName: "AdminStudioPagesListView",
+                exportName: "AdminStudioNewPageView",
                 path: clientPath,
                 clientProps: {
                   ...studioNavClientProps,
@@ -401,6 +403,7 @@ function configureAdmin(config) {
               }
             },
             studioPageEditor: {
+              exact: true,
               path: `${pagesBasePath}/:id`,
               Component: {
                 exportName: "AdminStudioPageEditView",
@@ -411,10 +414,11 @@ function configureAdmin(config) {
                 }
               }
             },
-            studioPageNew: {
-              path: `${pagesBasePath}/new`,
+            studioPages: {
+              exact: true,
+              path: pagesBasePath,
               Component: {
-                exportName: "AdminStudioNewPageView",
+                exportName: "AdminStudioPagesListView",
                 path: clientPath,
                 clientProps: {
                   ...studioNavClientProps,
@@ -423,6 +427,7 @@ function configureAdmin(config) {
               }
             },
             studioContactForm: {
+              exact: true,
               path: contactFormStudioPath,
               Component: {
                 exportName: "AdminStudioContactFormView",
@@ -435,20 +440,8 @@ function configureAdmin(config) {
               }
             },
             ...formsEnabled ? {
-              studioForms: {
-                path: formsBasePath,
-                Component: {
-                  exportName: "AdminStudioFormsView",
-                  path: clientPath,
-                  clientProps: {
-                    ...studioNavClientProps,
-                    formsCollectionSlug,
-                    formSubmissionsCollectionSlug,
-                    formUploadsCollectionSlug
-                  }
-                }
-              },
               studioFormSubmission: {
+                exact: true,
                 path: `${formsBasePath}/submissions/:id`,
                 Component: {
                   exportName: "AdminStudioFormSubmissionView",
@@ -462,6 +455,7 @@ function configureAdmin(config) {
                 }
               },
               studioFormUpload: {
+                exact: true,
                 path: `${formsBasePath}/uploads/:id`,
                 Component: {
                   exportName: "AdminStudioFormUploadView",
@@ -473,6 +467,7 @@ function configureAdmin(config) {
                 }
               },
               studioFormDetail: {
+                exact: true,
                 path: `${formsBasePath}/:id`,
                 Component: {
                   exportName: "AdminStudioFormDetailView",
@@ -483,12 +478,27 @@ function configureAdmin(config) {
                     formSubmissionsCollectionSlug
                   }
                 }
+              },
+              studioForms: {
+                exact: true,
+                path: formsBasePath,
+                Component: {
+                  exportName: "AdminStudioFormsView",
+                  path: clientPath,
+                  clientProps: {
+                    ...studioNavClientProps,
+                    formsCollectionSlug,
+                    formSubmissionsCollectionSlug,
+                    formUploadsCollectionSlug
+                  }
+                }
               }
             } : {},
-            studioMedia: {
-              path: mediaBasePath,
+            studioMediaItem: {
+              exact: true,
+              path: `${mediaBasePath}/:id`,
               Component: {
-                exportName: "AdminStudioMediaView",
+                exportName: "AdminStudioMediaItemView",
                 path: clientPath,
                 clientProps: {
                   ...studioNavClientProps,
@@ -496,10 +506,11 @@ function configureAdmin(config) {
                 }
               }
             },
-            studioMediaItem: {
-              path: `${mediaBasePath}/:id`,
+            studioMedia: {
+              exact: true,
+              path: mediaBasePath,
               Component: {
-                exportName: "AdminStudioMediaItemView",
+                exportName: "AdminStudioMediaView",
                 path: clientPath,
                 clientProps: {
                   ...studioNavClientProps,
@@ -508,6 +519,7 @@ function configureAdmin(config) {
               }
             },
             studioTools: {
+              exact: true,
               path: toolsBasePath,
               Component: {
                 exportName: "AdminStudioToolsView",

package/dist/index.js

@@ -433,6 +433,7 @@ function configureAdmin(config) {
           },
           ...studioEnabled ? {
             studioGlobals: {
+              exact: true,
               path: globalsBasePath,
               Component: {
                 exportName: "AdminStudioGlobalsView",
@@ -444,10 +445,11 @@ function configureAdmin(config) {
                 }
               }
             },
-            studioPages: {
-              path: pagesBasePath,
+            studioPageNew: {
+              exact: true,
+              path: `${pagesBasePath}/new`,
               Component: {
-                exportName: "AdminStudioPagesListView",
+                exportName: "AdminStudioNewPageView",
                 path: clientPath,
                 clientProps: {
                   ...studioNavClientProps,
@@ -456,6 +458,7 @@ function configureAdmin(config) {
               }
             },
             studioPageEditor: {
+              exact: true,
               path: `${pagesBasePath}/:id`,
               Component: {
                 exportName: "AdminStudioPageEditView",
@@ -466,10 +469,11 @@ function configureAdmin(config) {
                 }
               }
             },
-            studioPageNew: {
-              path: `${pagesBasePath}/new`,
+            studioPages: {
+              exact: true,
+              path: pagesBasePath,
               Component: {
-                exportName: "AdminStudioNewPageView",
+                exportName: "AdminStudioPagesListView",
                 path: clientPath,
                 clientProps: {
                   ...studioNavClientProps,
@@ -478,6 +482,7 @@ function configureAdmin(config) {
               }
             },
             studioContactForm: {
+              exact: true,
               path: contactFormStudioPath,
               Component: {
                 exportName: "AdminStudioContactFormView",
@@ -490,20 +495,8 @@ function configureAdmin(config) {
               }
             },
             ...formsEnabled ? {
-              studioForms: {
-                path: formsBasePath,
-                Component: {
-                  exportName: "AdminStudioFormsView",
-                  path: clientPath,
-                  clientProps: {
-                    ...studioNavClientProps,
-                    formsCollectionSlug,
-                    formSubmissionsCollectionSlug,
-                    formUploadsCollectionSlug
-                  }
-                }
-              },
               studioFormSubmission: {
+                exact: true,
                 path: `${formsBasePath}/submissions/:id`,
                 Component: {
                   exportName: "AdminStudioFormSubmissionView",
@@ -517,6 +510,7 @@ function configureAdmin(config) {
                 }
               },
               studioFormUpload: {
+                exact: true,
                 path: `${formsBasePath}/uploads/:id`,
                 Component: {
                   exportName: "AdminStudioFormUploadView",
@@ -528,6 +522,7 @@ function configureAdmin(config) {
                 }
               },
               studioFormDetail: {
+                exact: true,
                 path: `${formsBasePath}/:id`,
                 Component: {
                   exportName: "AdminStudioFormDetailView",
@@ -538,12 +533,27 @@ function configureAdmin(config) {
                     formSubmissionsCollectionSlug
                   }
                 }
+              },
+              studioForms: {
+                exact: true,
+                path: formsBasePath,
+                Component: {
+                  exportName: "AdminStudioFormsView",
+                  path: clientPath,
+                  clientProps: {
+                    ...studioNavClientProps,
+                    formsCollectionSlug,
+                    formSubmissionsCollectionSlug,
+                    formUploadsCollectionSlug
+                  }
+                }
               }
             } : {},
-            studioMedia: {
-              path: mediaBasePath,
+            studioMediaItem: {
+              exact: true,
+              path: `${mediaBasePath}/:id`,
               Component: {
-                exportName: "AdminStudioMediaView",
+                exportName: "AdminStudioMediaItemView",
                 path: clientPath,
                 clientProps: {
                   ...studioNavClientProps,
@@ -551,10 +561,11 @@ function configureAdmin(config) {
                 }
               }
             },
-            studioMediaItem: {
-              path: `${mediaBasePath}/:id`,
+            studioMedia: {
+              exact: true,
+              path: mediaBasePath,
               Component: {
-                exportName: "AdminStudioMediaItemView",
+                exportName: "AdminStudioMediaView",
                 path: clientPath,
                 clientProps: {
                   ...studioNavClientProps,
@@ -563,6 +574,7 @@ function configureAdmin(config) {
               }
             },
             studioTools: {
+              exact: true,
               path: toolsBasePath,
               Component: {
                 exportName: "AdminStudioToolsView",

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   admin_exports
-} from "./chunk-3AHBR7RI.mjs";
+} from "./chunk-JC3UV74N.mjs";
 import {
   admin_app_exports
 } from "./chunk-RKTIFEUY.mjs";

package/dist/studio-pages/builder.css

@@ -116,6 +116,12 @@ h4 {
   --orion-shell-max: 100%;
 }
 
+@media (max-width: 767px) {
+  .orion-builder-hide-mobile {
+    display: none !important;
+  }
+}
+
 .orion-builder-content {
   width: min(var(--orion-shell-max), calc(100% - (var(--orion-shell-inline) * 2)));
   margin-inline: auto;

package/dist/studio-pages/client.js

@@ -3883,6 +3883,12 @@ function getThemeColorOverride(tokens, colorKey) {
   const normalized = value.trim();
   return normalized.length > 0 ? normalized : null;
 }
+function normalizeCustomClassName(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value.split(/\s+/).map((className) => className.trim()).filter(Boolean).join(" ");
+}
 var sectionStyleFromBlock = (block, pageDefaults) => {
   const settings = isRecord6(block.settings) ? block.settings : {};
   const layoutSettings = isRecord6(settings.layout) ? settings.layout : {};
@@ -4702,6 +4708,7 @@ function BuilderPageEditor({
     const inheritProjectStyles = options?.inheritProjectStyles === true;
     const shell = sectionStyleFromBlock(block, pageDefaults);
     const blockSettings = isRecord6(block.settings) ? block.settings : {};
+    const blockAdvanced = isRecord6(blockSettings.advanced) ? blockSettings.advanced : {};
     const blockTypography = isRecord6(blockSettings.typography) ? blockSettings.typography : {};
     const blockTheme = isRecord6(blockSettings.theme) ? blockSettings.theme : {};
     const heroBackgroundColor = normalizeText2(block.backgroundColor).trim();
@@ -4719,16 +4726,24 @@ function BuilderPageEditor({
     const headingAlign = blockTypography.headingAlign === "center" || blockTypography.headingAlign === "justify" || blockTypography.headingAlign === "right" ? blockTypography.headingAlign : "left";
     const headingColor = getThemeColorOverride(blockTheme, "headingText") || getThemeColorOverride(pageDefaults.themePage, "headingText") || getThemeColorOverride(siteThemeTokens, "headingText") || heroTextColor || resolvedThemeTokens.colors.headingText;
     const bodyColor = getThemeColorOverride(blockTheme, "bodyText") || getThemeColorOverride(pageDefaults.themePage, "bodyText") || getThemeColorOverride(siteThemeTokens, "bodyText") || heroTextColor || resolvedThemeTokens.colors.bodyText;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("section", { className: `${className} ${shell.sectionClass}`, style: shell.sectionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: shell.sectionInnerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    const customClassName = normalizeCustomClassName(blockAdvanced.customClassName ?? block.customClassName);
+    const hideOnMobile = Boolean(blockAdvanced.hideOnMobile ?? block.hideOnMobile);
+    const sectionClassName = [
+      className,
+      shell.sectionClass,
+      customClassName,
+      hideOnMobile ? "orion-builder-hide-mobile" : ""
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("section", { className: sectionClassName, style: shell.sectionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: shell.sectionInnerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "div",
       {
         className: shell.contentClass,
         style: {
           ...shell.contentStyle,
+          "--orion-builder-heading-align": headingAlign,
+          "--orion-builder-body-align": bodyAlign,
+          "--orion-builder-actions-align": bodyAlign === "center" ? "center" : bodyAlign === "right" ? "flex-end" : "flex-start",
           ...inheritProjectStyles ? {} : {
-            "--orion-builder-heading-align": headingAlign,
-            "--orion-builder-body-align": bodyAlign,
-            "--orion-builder-actions-align": bodyAlign === "center" ? "center" : bodyAlign === "right" ? "flex-end" : "flex-start",
             "--orion-builder-heading-color": headingColor,
             color: bodyColor,
             ...typographyStyle

package/dist/studio-pages/client.mjs

@@ -3763,6 +3763,12 @@ function getThemeColorOverride(tokens, colorKey) {
   const normalized = value.trim();
   return normalized.length > 0 ? normalized : null;
 }
+function normalizeCustomClassName(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value.split(/\s+/).map((className) => className.trim()).filter(Boolean).join(" ");
+}
 var sectionStyleFromBlock = (block, pageDefaults) => {
   const settings = isRecord6(block.settings) ? block.settings : {};
   const layoutSettings = isRecord6(settings.layout) ? settings.layout : {};
@@ -4582,6 +4588,7 @@ function BuilderPageEditor({
     const inheritProjectStyles = options?.inheritProjectStyles === true;
     const shell = sectionStyleFromBlock(block, pageDefaults);
     const blockSettings = isRecord6(block.settings) ? block.settings : {};
+    const blockAdvanced = isRecord6(blockSettings.advanced) ? blockSettings.advanced : {};
     const blockTypography = isRecord6(blockSettings.typography) ? blockSettings.typography : {};
     const blockTheme = isRecord6(blockSettings.theme) ? blockSettings.theme : {};
     const heroBackgroundColor = normalizeText2(block.backgroundColor).trim();
@@ -4599,16 +4606,24 @@ function BuilderPageEditor({
     const headingAlign = blockTypography.headingAlign === "center" || blockTypography.headingAlign === "justify" || blockTypography.headingAlign === "right" ? blockTypography.headingAlign : "left";
     const headingColor = getThemeColorOverride(blockTheme, "headingText") || getThemeColorOverride(pageDefaults.themePage, "headingText") || getThemeColorOverride(siteThemeTokens, "headingText") || heroTextColor || resolvedThemeTokens.colors.headingText;
     const bodyColor = getThemeColorOverride(blockTheme, "bodyText") || getThemeColorOverride(pageDefaults.themePage, "bodyText") || getThemeColorOverride(siteThemeTokens, "bodyText") || heroTextColor || resolvedThemeTokens.colors.bodyText;
-    return /* @__PURE__ */ jsx13("section", { className: `${className} ${shell.sectionClass}`, style: shell.sectionStyle, children: /* @__PURE__ */ jsx13("div", { style: shell.sectionInnerStyle, children: /* @__PURE__ */ jsx13(
+    const customClassName = normalizeCustomClassName(blockAdvanced.customClassName ?? block.customClassName);
+    const hideOnMobile = Boolean(blockAdvanced.hideOnMobile ?? block.hideOnMobile);
+    const sectionClassName = [
+      className,
+      shell.sectionClass,
+      customClassName,
+      hideOnMobile ? "orion-builder-hide-mobile" : ""
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx13("section", { className: sectionClassName, style: shell.sectionStyle, children: /* @__PURE__ */ jsx13("div", { style: shell.sectionInnerStyle, children: /* @__PURE__ */ jsx13(
       "div",
       {
         className: shell.contentClass,
         style: {
           ...shell.contentStyle,
+          "--orion-builder-heading-align": headingAlign,
+          "--orion-builder-body-align": bodyAlign,
+          "--orion-builder-actions-align": bodyAlign === "center" ? "center" : bodyAlign === "right" ? "flex-end" : "flex-start",
           ...inheritProjectStyles ? {} : {
-            "--orion-builder-heading-align": headingAlign,
-            "--orion-builder-body-align": bodyAlign,
-            "--orion-builder-actions-align": bodyAlign === "center" ? "center" : bodyAlign === "right" ? "flex-end" : "flex-start",
             "--orion-builder-heading-color": headingColor,
             color: bodyColor,
             ...typographyStyle

package/package.json

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