@orion-studios/payload-studio 0.6.0-beta.9 → 0.7.0

package/dist/index.mjs

@@ -1,25 +1,24 @@
+import {
+  nextjs_exports
+} from "./chunk-OF6BATTO.mjs";
 import {
   admin_exports
-} from "./chunk-WLOPFFN2.mjs";
+} from "./chunk-MMJNHBOF.mjs";
+import "./chunk-ZTXJG4K5.mjs";
 import {
   admin_app_exports
 } from "./chunk-RKTIFEUY.mjs";
 import "./chunk-W2UOCJDX.mjs";
-import {
-  blocks_exports
-} from "./chunk-JQAHXYAM.mjs";
-import {
-  nextjs_exports
-} from "./chunk-OTHERBGX.mjs";
-import "./chunk-ZTXJG4K5.mjs";
 import {
   studio_pages_exports
-} from "./chunk-XKUTZ7IU.mjs";
-import "./chunk-OQSEJXC4.mjs";
-import "./chunk-PF3EBZXF.mjs";
+} from "./chunk-DTHBPJXU.mjs";
+import "./chunk-7ZMXZRBP.mjs";
 import {
   studio_exports
 } from "./chunk-ADIIWIYL.mjs";
+import {
+  blocks_exports
+} from "./chunk-KMYMSR7W.mjs";
 import "./chunk-6BWS3CLP.mjs";
 export {
   admin_exports as admin,

package/dist/nextjs/index.d.mts

@@ -1,3 +1,3 @@
-export { F as FooterData, H as HeaderData, R as ResolvedSocialMediaLink, S as SiteNavItem, a as SiteSettingsData, W as WEBSITE_CONTENT_TAG, c as createPageQueries, b as createPayloadClient, d as createSiteQueries, r as resolveMedia, e as resolveSocialMediaLinks } from '../index-D8BNfUJb.mjs';
+export { F as FooterData, H as HeaderData, R as ResolvedSocialMediaLink, S as SiteNavItem, a as SiteSettingsData, W as WEBSITE_CONTENT_TAG, c as createPageQueries, b as createPayloadClient, d as createSiteQueries, r as resolveMedia, e as resolveSocialMediaLinks } from '../index-Cen-9wcc.mjs';
 export { S as SocialMediaGlobalData } from '../socialMedia-C05Iy-SV.mjs';
 import 'payload';

package/dist/nextjs/index.d.ts

@@ -1,3 +1,3 @@
-export { F as FooterData, H as HeaderData, R as ResolvedSocialMediaLink, S as SiteNavItem, a as SiteSettingsData, W as WEBSITE_CONTENT_TAG, c as createPageQueries, b as createPayloadClient, d as createSiteQueries, r as resolveMedia, e as resolveSocialMediaLinks } from '../index-DD_E2UfJ.js';
+export { F as FooterData, H as HeaderData, R as ResolvedSocialMediaLink, S as SiteNavItem, a as SiteSettingsData, W as WEBSITE_CONTENT_TAG, c as createPageQueries, b as createPayloadClient, d as createSiteQueries, r as resolveMedia, e as resolveSocialMediaLinks } from '../index-gxcMPpm-.js';
 export { S as SocialMediaGlobalData } from '../socialMedia-C05Iy-SV.js';
 import 'payload';

package/dist/nextjs/index.js

@@ -31,12 +31,15 @@ module.exports = __toCommonJS(nextjs_exports);
 
 // src/nextjs/client/payload.ts
 var import_payload = require("payload");
-var payloadPromise = null;
 var WEBSITE_CONTENT_TAG = "website-content";
 function createPayloadClient(config) {
+  let payloadPromise = null;
   return function getPayloadClient() {
     if (!payloadPromise) {
-      payloadPromise = (0, import_payload.getPayload)({ config });
+      payloadPromise = Promise.resolve(config).then((resolvedConfig) => (0, import_payload.getPayload)({ config: resolvedConfig })).catch((error) => {
+        payloadPromise = null;
+        throw error;
+      });
     }
     return payloadPromise;
   };
@@ -127,7 +130,9 @@ var defaultBuilderBlockSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -156,7 +161,9 @@ var defaultBuilderItemSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -166,6 +173,7 @@ var defaultBuilderItemSettingsV2 = {
 
 // src/studio-pages/builder/adapters/settingsV2.ts
 var isRecord2 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var isTextAlign = (value) => value === "left" || value === "center" || value === "right" || value === "justify";
 var parsePercent = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) {
     return Math.max(0, Math.min(100, value));
@@ -190,6 +198,18 @@ var parsePixel = (value) => {
   }
   return null;
 };
+var parsePoint = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return Math.max(6, Math.min(120, Math.round(value)));
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return Math.max(6, Math.min(120, Math.round(parsed)));
+    }
+  }
+  return null;
+};
 var mergeSettings = (defaults, input) => {
   if (!isRecord2(input)) {
     return structuredClone(defaults);
@@ -208,6 +228,10 @@ var mergeSettings = (defaults, input) => {
 };
 var legacyBlockToV2Settings = (block) => {
   const current = structuredClone(defaultBuilderBlockSettingsV2);
+  if (block.blockType === "hero" && block.variant === "centered") {
+    current.typography.headingAlign = "center";
+    current.typography.bodyAlign = "center";
+  }
   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;
@@ -244,15 +268,28 @@ var legacyBlockToV2Settings = (block) => {
   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.headingAlign = isTextAlign(block.textHeadingAlign) ? block.textHeadingAlign : current.typography.headingAlign;
+  current.typography.bodyAlign = isTextAlign(block.textBodyAlign) ? block.textBodyAlign : current.typography.bodyAlign;
+  current.typography.headingSizePt = parsePoint(block.textHeadingSizePt);
+  current.typography.bodySizePt = parsePoint(block.textBodySizePt);
   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);
+  const settings = mergeSettings(current, block.settings);
+  if (block.blockType === "hero") {
+    const top = settings.layout.paddingTopPt;
+    const bottom = settings.layout.paddingBottomPt;
+    const hasLegacyLinkedHeroPadding = settings.layout.linkVerticalPadding !== false && (top === null || typeof top === "undefined" || top === 30) && (bottom === null || typeof bottom === "undefined" || bottom === 30 || bottom === 20);
+    if (hasLegacyLinkedHeroPadding) {
+      settings.layout.linkVerticalPadding = false;
+      settings.layout.paddingTopPt = 30;
+      settings.layout.paddingBottomPt = 20;
+    }
+  }
+  return settings;
 };
 var v2SettingsToLegacyBlock = (blockWithSettings) => {
   const settings = legacyBlockToV2Settings(blockWithSettings);
@@ -278,6 +315,8 @@ var v2SettingsToLegacyBlock = (blockWithSettings) => {
   next.contentGradientAngle = settings.appearance.contentGradientAngle;
   next.textHeadingAlign = settings.typography.headingAlign;
   next.textBodyAlign = settings.typography.bodyAlign;
+  next.textHeadingSizePt = settings.typography.headingSizePt;
+  next.textBodySizePt = settings.typography.bodySizePt;
   next.textMaxWidth = settings.typography.maxTextWidth;
   next.textLineHeightPreset = settings.typography.lineHeightPreset;
   next.textLetterSpacingPreset = settings.typography.letterSpacingPreset;
@@ -378,7 +417,7 @@ function normalizePath(segments) {
   const cleaned = segments.map((segment) => segment.trim()).filter(Boolean).join("/");
   return cleaned.length > 0 ? `/${cleaned}` : "/";
 }
-async function queryPageByPath(payload, path, draft) {
+async function queryPageByPath(payload, path, draft, collectionSlug, homeSlug) {
   const pathWhere = {
     path: {
       equals: path
@@ -390,7 +429,7 @@ async function queryPageByPath(payload, path, draft) {
     }
   };
   const result = await payload.find({
-    collection: "pages",
+    collection: collectionSlug,
     depth: 2,
     draft,
     limit: 1,
@@ -403,11 +442,11 @@ async function queryPageByPath(payload, path, draft) {
   if (path === "/") {
     const homeWhere = {
       slug: {
-        equals: "home"
+        equals: homeSlug
       }
     };
     const homeResult = await payload.find({
-      collection: "pages",
+      collection: collectionSlug,
       depth: 2,
       draft,
       limit: 1,
@@ -418,27 +457,31 @@ async function queryPageByPath(payload, path, draft) {
   }
   return null;
 }
-function createPageQueries(getPayloadClient, contentTag = "website-content") {
+function createPageQueries(getPayloadClient, contentTagOrOptions = "website-content") {
+  const options = typeof contentTagOrOptions === "string" ? { contentTag: contentTagOrOptions } : contentTagOrOptions;
+  const contentTag = options.contentTag || "website-content";
+  const pagesCollectionSlug = options.pagesCollectionSlug || "pages";
+  const homeSlug = options.homeSlug || "home";
   const getPublishedPageByPathCached = (0, import_cache.unstable_cache)(
     async (path) => {
       const payload = await getPayloadClient();
-      return queryPageByPath(payload, path, false);
+      return queryPageByPath(payload, path, false, pagesCollectionSlug, homeSlug);
     },
-    ["page-by-path", PAGE_QUERY_CACHE_VERSION],
+    ["page-by-path", PAGE_QUERY_CACHE_VERSION, pagesCollectionSlug, homeSlug, contentTag],
     { tags: [contentTag] }
   );
   async function getPageBySegments(segments, draft = false) {
     const path = normalizePath(segments);
     const payload = await getPayloadClient();
     if (draft) {
-      return queryPageByPath(payload, path, true);
+      return queryPageByPath(payload, path, true, pagesCollectionSlug, homeSlug);
     }
     return getPublishedPageByPathCached(path);
   }
   async function listPublishedPagePaths() {
     const payload = await getPayloadClient();
     const pages = await payload.find({
-      collection: "pages",
+      collection: pagesCollectionSlug,
       depth: 0,
       draft: false,
       limit: 1e3,
@@ -467,108 +510,46 @@ function createPageQueries(getPayloadClient, contentTag = "website-content") {
 
 // 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] }
-  );
-  const getSocialMediaCached = (0, import_cache2.unstable_cache)(
-    async () => {
-      const payload = await getPayloadClient();
-      const socialMedia = await payload.findGlobal({
-        slug: "social-media",
-        depth: 1
-      });
-      return socialMedia;
-    },
-    ["social-media-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();
-  }
-  async function getSocialMedia(draft = false) {
-    if (draft) {
-      const payload = await getPayloadClient();
-      const socialMedia = await payload.findGlobal({
-        slug: "social-media",
-        depth: 1,
-        draft: true
-      });
-      return socialMedia;
-    }
-    return getSocialMediaCached();
+function createSiteQueries(getPayloadClient, contentTagOrOptions = "website-content") {
+  const options = typeof contentTagOrOptions === "string" ? { contentTag: contentTagOrOptions } : contentTagOrOptions;
+  const contentTag = options.contentTag || "website-content";
+  const siteSettingsSlug = options.siteSettingsSlug || "site-settings";
+  const headerSlug = options.headerSlug || "header";
+  const footerSlug = options.footerSlug || "footer";
+  const socialMediaSlug = options.socialMediaSlug || "social-media";
+  function createGlobalQuery(slug, cacheKey) {
+    const getCached = (0, import_cache2.unstable_cache)(
+      async () => {
+        const payload = await getPayloadClient();
+        const data = await payload.findGlobal({
+          slug,
+          depth: 1,
+          overrideAccess: false
+        });
+        return data;
+      },
+      [cacheKey, slug, contentTag],
+      { tags: [contentTag] }
+    );
+    return async function getGlobal(draft = false) {
+      if (draft) {
+        const payload = await getPayloadClient();
+        const data = await payload.findGlobal({
+          slug,
+          depth: 1,
+          draft: true,
+          overrideAccess: false
+        });
+        return data;
+      }
+      return getCached();
+    };
   }
   return {
-    getSiteSettings,
-    getHeader,
-    getFooter,
-    getSocialMedia
+    getSiteSettings: createGlobalQuery(siteSettingsSlug, "site-settings-global"),
+    getHeader: createGlobalQuery(headerSlug, "header-global"),
+    getFooter: createGlobalQuery(footerSlug, "footer-global"),
+    getSocialMedia: createGlobalQuery(socialMediaSlug, "social-media-global")
   };
 }
 

package/dist/nextjs/index.mjs

@@ -5,9 +5,9 @@ import {
   createSiteQueries,
   resolveMedia,
   resolveSocialMediaLinks
-} from "../chunk-OTHERBGX.mjs";
+} from "../chunk-OF6BATTO.mjs";
 import "../chunk-ZTXJG4K5.mjs";
-import "../chunk-PF3EBZXF.mjs";
+import "../chunk-7ZMXZRBP.mjs";
 import "../chunk-ADIIWIYL.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {

package/dist/{sitePreviewTypes-BkHCWxNW.d.mts → sitePreviewTypes-BrJwGzJj.d.mts}

@@ -1,4 +1,4 @@
-type AdminRole = 'admin' | 'editor' | 'client';
+type AdminRole = 'admin' | 'developer' | 'editor' | 'client';
 declare const adminNavIcons: readonly ["dashboard", "pages", "forms", "globals", "media", "tools", "account", "analytics"];
 type AdminNavIcon = (typeof adminNavIcons)[number];
 type AdminNavItem = {

package/dist/{sitePreviewTypes-BkHCWxNW.d.ts → sitePreviewTypes-BrJwGzJj.d.ts}

@@ -1,4 +1,4 @@
-type AdminRole = 'admin' | 'editor' | 'client';
+type AdminRole = 'admin' | 'developer' | 'editor' | 'client';
 declare const adminNavIcons: readonly ["dashboard", "pages", "forms", "globals", "media", "tools", "account", "analytics"];
 type AdminNavIcon = (typeof adminNavIcons)[number];
 type AdminNavItem = {

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;
@@ -256,36 +262,44 @@ h4 {
 }
 
 .hero-content {
-  position: absolute;
-  inset: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
-  padding: 2rem;
+  inset: 0;
   max-width: 610px;
+  padding: 2rem;
+  position: absolute;
+  text-align: var(--orion-builder-body-align, left);
 }
 
 .hero h1 {
   font-size: clamp(2rem, 4vw, 3.1rem);
   letter-spacing: -0.02em;
   margin: 0;
+  text-align: var(--orion-builder-heading-align, var(--orion-builder-body-align, left));
 }
 
 .hero p {
+  color: color-mix(in srgb, var(--orion-studio-accent-contrast) 90%, transparent);
   margin-top: 0.75rem;
   max-width: 48ch;
-  color: color-mix(in srgb, var(--orion-studio-accent-contrast) 90%, transparent);
+  text-align: var(--orion-builder-body-align, left);
 }
 
 .hero-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 0.75rem;
+  justify-content: var(--orion-builder-actions-align, flex-start);
   margin-top: 1.1rem;
 }
 
 .hero-centered .hero-content {
-  text-align: center;
+  text-align: var(--orion-builder-body-align, center);
+}
+
+.hero .kicker {
+  text-align: var(--orion-builder-heading-align, var(--orion-builder-body-align, left));
 }
 
 .features {
@@ -877,6 +891,48 @@ h4 {
   padding: 0.2rem;
 }
 
+.orion-builder-settings-color-control {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 36px;
+  width: 100%;
+}
+
+.orion-builder-settings-color-control .orion-builder-settings-input.is-color {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.orion-builder-settings-eyedropper {
+  align-items: center;
+  appearance: none;
+  background: #fffaf4;
+  border: 1px solid var(--orion-studio-accent-border);
+  border-left: 0;
+  border-radius: 0 10px 10px 0;
+  color: var(--orion-studio-ink);
+  cursor: pointer;
+  display: flex;
+  height: 35px;
+  justify-content: center;
+  padding: 0;
+  transition:
+    background 160ms ease,
+    color 160ms ease;
+  width: 36px;
+}
+
+.orion-builder-settings-eyedropper:hover,
+.orion-builder-settings-eyedropper:focus-visible {
+  background: var(--orion-studio-accent);
+  color: #fffaf4;
+  outline: none;
+}
+
+.orion-builder-settings-eyedropper svg {
+  height: 16px;
+  width: 16px;
+}
+
 .orion-builder-settings-input-split {
   align-items: center;
   display: grid;
@@ -984,6 +1040,11 @@ h4 {
   text-align: var(--orion-builder-heading-align, inherit);
 }
 
+.orion-builder-content p,
+.orion-builder-content li {
+  text-align: var(--orion-builder-body-align, inherit);
+}
+
 /* Builder-only override: show full testimonial copy even if host app globals clamp it. */
 .orion-builder-shell .orion-builder-content .testimonial-quote {
   -webkit-box-orient: initial;