@orion-studios/payload-studio 0.6.0-beta.40 → 0.6.0-beta.42

package/dist/{chunk-CUPMTHGX.mjs → chunk-7ZMXZRBP.mjs}

@@ -40,7 +40,9 @@ var defaultBuilderBlockSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -69,7 +71,9 @@ var defaultBuilderItemSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -124,6 +128,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 (!isRecord(input)) {
     return structuredClone(defaults);
@@ -184,6 +200,8 @@ var legacyBlockToV2Settings = (block) => {
   current.media.height = parsePixel(block.imageHeight);
   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;
@@ -227,6 +245,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;

package/dist/{chunk-LUF62ZWF.mjs → chunk-SXPIWE74.mjs}

@@ -1,19 +1,19 @@
+import {
+  sectionStyleDefaults
+} from "./chunk-OQSEJXC4.mjs";
 import {
   createDefaultStudioDocument,
   defaultBuilderThemeTokens,
   layoutToStudioDocument,
   migrateBlockToSettingsV2,
   studioDocumentToLayout
-} from "./chunk-CUPMTHGX.mjs";
+} from "./chunk-7ZMXZRBP.mjs";
 import {
   assertStudioDocumentV1,
   compileStudioDocument,
   createEmptyStudioDocument,
   validateStudioDocument
 } from "./chunk-ADIIWIYL.mjs";
-import {
-  sectionStyleDefaults
-} from "./chunk-OQSEJXC4.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";
@@ -94,6 +94,24 @@ var layoutFieldSet = [
   }
 ];
 var typographyFieldSet = [
+  {
+    group: "typography",
+    key: "settings.typography.headingSizePt",
+    label: "Heading Text Size (pt)",
+    max: 120,
+    min: 6,
+    tags: ["text", "size", "heading", "font"],
+    type: "number"
+  },
+  {
+    group: "typography",
+    key: "settings.typography.bodySizePt",
+    label: "Body Text Size (pt)",
+    max: 72,
+    min: 6,
+    tags: ["text", "size", "body", "paragraph", "font"],
+    type: "number"
+  },
   {
     group: "typography",
     key: "settings.typography.headingAlign",
@@ -310,6 +328,13 @@ var inspectorDefinitionByBlockType = {
       { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
       { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
       { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
+      {
+        group: "basics",
+        key: "marqueeItemsText",
+        label: "Scrolling Bar Options",
+        tags: ["marquee", "scrolling", "bar", "categories"],
+        type: "textarea"
+      },
       {
         group: "basics",
         key: "variant",

package/dist/{chunk-AWL7TIEI.mjs → chunk-ZADL33R6.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-ZTXJG4K5.mjs";
 import {
   studioDocumentToLayout
-} from "./chunk-CUPMTHGX.mjs";
+} from "./chunk-7ZMXZRBP.mjs";
 import {
   assertStudioDocumentV1
 } from "./chunk-ADIIWIYL.mjs";

package/dist/{index-DRu4fKxf.d.mts → index-D5zrOdyv.d.mts}

@@ -21,7 +21,9 @@ type BuilderLayoutSettingsV2 = {
 };
 type BuilderTypographySettingsV2 = {
     bodyAlign?: BuilderTextAlign;
+    bodySizePt?: number | null;
     headingAlign?: BuilderTextAlign;
+    headingSizePt?: number | null;
     letterSpacingPreset?: BuilderTypographySpacingPreset;
     lineHeightPreset?: BuilderTypographySpacingPreset;
     maxTextWidth?: 'auto' | 'full' | 'lg' | 'md' | 'sm';

package/dist/{index-vkEwwsoC.d.ts → index-Dv-Alx4h.d.ts}

@@ -21,7 +21,9 @@ type BuilderLayoutSettingsV2 = {
 };
 type BuilderTypographySettingsV2 = {
     bodyAlign?: BuilderTextAlign;
+    bodySizePt?: number | null;
     headingAlign?: BuilderTextAlign;
+    headingSizePt?: number | null;
     letterSpacingPreset?: BuilderTypographySpacingPreset;
     lineHeightPreset?: BuilderTypographySpacingPreset;
     maxTextWidth?: 'auto' | 'full' | 'lg' | 'md' | 'sm';

package/dist/index.d.mts

@@ -3,7 +3,7 @@ export { i as adminApp } from './index-G_uTNffQ.mjs';
 export { i as blocks } from './index-CluwY0ZQ.mjs';
 export { i as nextjs } from './index-D8BNfUJb.mjs';
 export { i as studio } from './index-DWmudwDm.mjs';
-export { i as studioPages } from './index-DRu4fKxf.mjs';
+export { i as studioPages } from './index-D5zrOdyv.mjs';
 import 'payload';
 import './sitePreviewTypes-BrJwGzJj.mjs';
 import './socialMedia-C05Iy-SV.mjs';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { i as adminApp } from './index-DAdN56fM.js';
 export { i as blocks } from './index-CluwY0ZQ.js';
 export { i as nextjs } from './index-DD_E2UfJ.js';
 export { i as studio } from './index-DWmudwDm.js';
-export { i as studioPages } from './index-vkEwwsoC.js';
+export { i as studioPages } from './index-Dv-Alx4h.js';
 import 'payload';
 import './sitePreviewTypes-BrJwGzJj.js';
 import './socialMedia-C05Iy-SV.js';

package/dist/index.js

@@ -3693,7 +3693,9 @@ var defaultBuilderBlockSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -3722,7 +3724,9 @@ var defaultBuilderItemSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -3777,6 +3781,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 (!isRecord3(input)) {
     return structuredClone(defaults);
@@ -3837,6 +3853,8 @@ var legacyBlockToV2Settings = (block) => {
   current.media.height = parsePixel(block.imageHeight);
   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;
@@ -3880,6 +3898,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;
@@ -4331,6 +4351,24 @@ var layoutFieldSet = [
   }
 ];
 var typographyFieldSet = [
+  {
+    group: "typography",
+    key: "settings.typography.headingSizePt",
+    label: "Heading Text Size (pt)",
+    max: 120,
+    min: 6,
+    tags: ["text", "size", "heading", "font"],
+    type: "number"
+  },
+  {
+    group: "typography",
+    key: "settings.typography.bodySizePt",
+    label: "Body Text Size (pt)",
+    max: 72,
+    min: 6,
+    tags: ["text", "size", "body", "paragraph", "font"],
+    type: "number"
+  },
   {
     group: "typography",
     key: "settings.typography.headingAlign",
@@ -4547,6 +4585,13 @@ var inspectorDefinitionByBlockType = {
       { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
       { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
       { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
+      {
+        group: "basics",
+        key: "marqueeItemsText",
+        label: "Scrolling Bar Options",
+        tags: ["marquee", "scrolling", "bar", "categories"],
+        type: "textarea"
+      },
       {
         group: "basics",
         key: "variant",

package/dist/index.mjs

@@ -5,21 +5,21 @@ import {
   admin_app_exports
 } from "./chunk-RKTIFEUY.mjs";
 import "./chunk-W2UOCJDX.mjs";
+import {
+  blocks_exports
+} from "./chunk-JQAHXYAM.mjs";
 import {
   nextjs_exports
-} from "./chunk-AWL7TIEI.mjs";
+} from "./chunk-ZADL33R6.mjs";
 import "./chunk-ZTXJG4K5.mjs";
 import {
   studio_pages_exports
-} from "./chunk-LUF62ZWF.mjs";
-import "./chunk-CUPMTHGX.mjs";
+} from "./chunk-SXPIWE74.mjs";
+import "./chunk-OQSEJXC4.mjs";
+import "./chunk-7ZMXZRBP.mjs";
 import {
   studio_exports
 } from "./chunk-ADIIWIYL.mjs";
-import {
-  blocks_exports
-} from "./chunk-JQAHXYAM.mjs";
-import "./chunk-OQSEJXC4.mjs";
 import "./chunk-6BWS3CLP.mjs";
 export {
   admin_exports as admin,

package/dist/nextjs/index.js

@@ -127,7 +127,9 @@ var defaultBuilderBlockSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -156,7 +158,9 @@ var defaultBuilderItemSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -191,6 +195,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);
@@ -251,6 +267,8 @@ var legacyBlockToV2Settings = (block) => {
   current.media.height = parsePixel(block.imageHeight);
   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;
@@ -294,6 +312,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;

package/dist/nextjs/index.mjs

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

package/dist/studio-pages/client.js

@@ -97,7 +97,9 @@ var defaultBuilderBlockSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -126,7 +128,9 @@ var defaultBuilderItemSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -181,6 +185,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 (!isRecord(input)) {
     return structuredClone(defaults);
@@ -241,6 +257,8 @@ var legacyBlockToV2Settings = (block) => {
   current.media.height = parsePixel(block.imageHeight);
   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;
@@ -284,6 +302,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,6 +398,7 @@ var resolveTypographyStyleFromSettings = (settings) => {
   const letterSpacing = settings.letterSpacingPreset === "tight" ? "-0.01em" : settings.letterSpacingPreset === "relaxed" ? "0.02em" : "0.01em";
   const maxWidth = settings.maxTextWidth === "sm" ? "36ch" : settings.maxTextWidth === "md" ? "52ch" : settings.maxTextWidth === "lg" ? "72ch" : settings.maxTextWidth === "full" ? "100%" : void 0;
   return {
+    ...typeof settings.bodySizePt === "number" && Number.isFinite(settings.bodySizePt) ? { fontSize: `${settings.bodySizePt}pt` } : {},
     letterSpacing,
     lineHeight,
     maxWidth,
@@ -575,6 +596,24 @@ var layoutFieldSet = [
   }
 ];
 var typographyFieldSet = [
+  {
+    group: "typography",
+    key: "settings.typography.headingSizePt",
+    label: "Heading Text Size (pt)",
+    max: 120,
+    min: 6,
+    tags: ["text", "size", "heading", "font"],
+    type: "number"
+  },
+  {
+    group: "typography",
+    key: "settings.typography.bodySizePt",
+    label: "Body Text Size (pt)",
+    max: 72,
+    min: 6,
+    tags: ["text", "size", "body", "paragraph", "font"],
+    type: "number"
+  },
   {
     group: "typography",
     key: "settings.typography.headingAlign",
@@ -798,6 +837,13 @@ var inspectorDefinitionByBlockType = {
       { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
       { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
       { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
+      {
+        group: "basics",
+        key: "marqueeItemsText",
+        label: "Scrolling Bar Options",
+        tags: ["marquee", "scrolling", "bar", "categories"],
+        type: "textarea"
+      },
       {
         group: "basics",
         key: "variant",
@@ -975,6 +1021,17 @@ var sectionPaddingPointMap = {
 };
 var heroDefaultPaddingTopPt = 30;
 var heroDefaultPaddingBottomPt = 20;
+var defaultTextSizePointMap = {
+  cta: { body: 14, heading: 36 },
+  faq: { body: 12, heading: 18 },
+  featureGrid: { body: 12, heading: 36 },
+  formEmbed: { body: 12, heading: 36 },
+  hero: { body: 14, heading: 48 },
+  media: { body: 12, heading: 36 },
+  richText: { body: 12, heading: 39 },
+  stats: { body: 11, heading: 30 },
+  testimonials: { body: 12, heading: 36 }
+};
 var normalizeSectionPaddingY = (value) => value === "none" || value === "sm" || value === "lg" ? value : "md";
 var normalizePaddingPointValue = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) {
@@ -988,6 +1045,18 @@ var normalizePaddingPointValue = (value) => {
   }
   return null;
 };
+var normalizeTextSizePointValue = (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 getEffectiveVerticalPaddingValue = (block, key) => {
   const explicit = normalizePaddingPointValue(getByPath(block, key));
   if (explicit !== null) {
@@ -998,6 +1067,15 @@ var getEffectiveVerticalPaddingValue = (block, key) => {
   const inherited = block.blockType === "hero" ? key === "settings.layout.paddingBottomPt" ? heroDefaultPaddingBottomPt : heroDefaultPaddingTopPt : sectionPaddingPointMap[normalizeSectionPaddingY(layoutSectionPaddingY || legacySectionPaddingY)];
   return inherited;
 };
+var getEffectiveTextSizeValue = (block, key) => {
+  const explicit = normalizeTextSizePointValue(getByPath(block, key));
+  if (explicit !== null) {
+    return explicit;
+  }
+  const blockType = typeof block.blockType === "string" ? block.blockType : "";
+  const defaults = defaultTextSizePointMap[blockType] || { body: 12, heading: 36 };
+  return key === "settings.typography.headingSizePt" ? defaults.heading : defaults.body;
+};
 var getRelationID = (value) => {
   if (typeof value === "number" || typeof value === "string") {
     return value;
@@ -1167,6 +1245,26 @@ function BlockInspectorRenderer({
                   children: [
                     source.loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "orion-builder-settings-note", children: "Loading media library..." }) : null,
                     source.error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "orion-builder-settings-error", children: source.error }) : null,
+                    selectedSourceMedia?.url ? (
+                      // eslint-disable-next-line @next/next/no-img-element
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        "img",
+                        {
+                          alt: selectedSourceMedia.alt || source.label,
+                          src: selectedSourceMedia.url,
+                          style: {
+                            aspectRatio: "16 / 9",
+                            border: "1px solid rgba(35, 51, 82, 0.14)",
+                            borderRadius: 10,
+                            display: "block",
+                            marginBottom: "0.7rem",
+                            objectFit: effectiveMedia.fit,
+                            objectPosition: `${effectiveMedia.positionX}% ${effectiveMedia.positionY}%`,
+                            width: "100%"
+                          }
+                        }
+                      )
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "orion-builder-settings-empty", children: "No image selected." }),
                     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "orion-builder-settings-label", children: [
                       source.label,
                       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
@@ -1278,8 +1376,10 @@ function BlockInspectorRenderer({
                 ] }, field.key);
               }
               if (field.type === "number") {
-                const numberValue = normalizePaddingPointValue(fieldValue);
-                const resolvedValue = numberValue !== null ? numberValue : field.key === "settings.layout.paddingTopPt" || field.key === "settings.layout.paddingBottomPt" ? getEffectiveVerticalPaddingValue(block, field.key) : "";
+                const isPaddingPointField = field.key === "settings.layout.paddingTopPt" || field.key === "settings.layout.paddingBottomPt";
+                const isTextSizePointField = field.key === "settings.typography.headingSizePt" || field.key === "settings.typography.bodySizePt";
+                const numberValue = isTextSizePointField ? normalizeTextSizePointValue(fieldValue) : normalizePaddingPointValue(fieldValue);
+                const resolvedValue = numberValue !== null ? numberValue : isPaddingPointField ? getEffectiveVerticalPaddingValue(block, field.key) : isTextSizePointField ? getEffectiveTextSizeValue(block, field.key) : "";
                 return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "orion-builder-settings-label", children: [
                   field.label,
                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -3078,6 +3178,19 @@ var toMediaLibraryItem2 = (value) => {
     url
   };
 };
+var mediaFromImageURL = (url, fallbackLabel) => {
+  if (typeof url !== "string" || url.trim().length === 0) {
+    return null;
+  }
+  const normalizedURL = url.trim();
+  const filename = normalizedURL.split("/").filter(Boolean).pop() || fallbackLabel;
+  return {
+    alt: fallbackLabel,
+    filename,
+    id: `url:${normalizedURL}`,
+    url: normalizedURL
+  };
+};
 var mediaLabel2 = (item) => item.filename || item.alt || `Media #${item.id}`;
 var findMediaLibraryItem2 = (library, id) => {
   if (id === null) {
@@ -3175,10 +3288,10 @@ function ItemMediaControl({
   uploadLabel,
   uploading
 }) {
-  const selectedMediaID = getRelationID2(item[fieldName]);
-  const selectedRelationMedia = toMediaLibraryItem2(item[fieldName]);
-  const selectedMedia = selectedRelationMedia ?? findMediaLibraryItem2(mediaLibrary, selectedMediaID);
   const directImageURL = normalizeText(item[imageURLFieldName]);
+  const selectedRelationMedia = toMediaLibraryItem2(item[fieldName]) ?? mediaFromImageURL(directImageURL, label);
+  const selectedMediaID = getRelationID2(item[fieldName]) ?? selectedRelationMedia?.id ?? null;
+  const selectedMedia = selectedRelationMedia ?? findMediaLibraryItem2(mediaLibrary, selectedMediaID);
   const previewURL = selectedMedia?.url || directImageURL;
   const mediaSettings = getItemMediaSettings(item);
   const sourceOptions = selectedMedia && !mediaLibrary.some((libraryItem) => String(libraryItem.id) === String(selectedMedia.id)) ? [selectedMedia, ...mediaLibrary] : mediaLibrary;
@@ -3217,7 +3330,7 @@ function ItemMediaControl({
           onChange: (event) => onSelectItemMedia?.(itemIndex, fieldName, event.target.value),
           value: selectedMediaID !== null ? String(selectedMediaID) : "",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "", children: "No library image" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "", children: "No image" }),
             sourceOptions.map((libraryItem) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: String(libraryItem.id), children: mediaLabel2(libraryItem) }, String(libraryItem.id)))
           ]
         }
@@ -3232,23 +3345,14 @@ function ItemMediaControl({
       {
         className: "orion-builder-settings-inline-btn",
         disabled: selectedMediaID === null,
-        onClick: () => onRemoveItemMedia?.(itemIndex, fieldName),
+        onClick: () => {
+          onRemoveItemMedia?.(itemIndex, fieldName);
+          onUpdateItemField(itemIndex, imageURLFieldName, "");
+        },
         type: "button",
-        children: "Remove Library Image"
+        children: "Remove Image"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "orion-builder-settings-label", children: [
-      "Direct Image URL",
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "input",
-        {
-          className: "orion-builder-settings-input",
-          onChange: (event) => onUpdateItemField(itemIndex, imageURLFieldName, event.target.value),
-          type: "text",
-          value: directImageURL
-        }
-      )
-    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "orion-builder-settings-label", children: [
       uploadLabel,
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -3767,6 +3871,19 @@ var resolveMedia = (value) => {
   }
   return null;
 };
+var mediaFromImageURL2 = (url, fallbackLabel = "Current image") => {
+  if (typeof url !== "string" || url.trim().length === 0) {
+    return null;
+  }
+  const normalizedURL = url.trim();
+  const filename = normalizedURL.split("/").filter(Boolean).pop() || fallbackLabel;
+  return {
+    alt: fallbackLabel,
+    filename,
+    id: `url:${normalizedURL}`,
+    url: normalizedURL
+  };
+};
 var resolveMediaWithURL = (value, imageURL, alt) => {
   const resolved = resolveMedia(value);
   if (resolved?.url) {
@@ -4523,7 +4640,7 @@ function BuilderPageEditor({
   const selectedBlockAdvancedSettings = isRecord6(selectedBlockSettings.advanced) ? selectedBlockSettings.advanced : {};
   const isArrayItemBlockSelected = selectedType === "featureGrid" || selectedType === "logoWall" || selectedType === "beforeAfter" || selectedType === "stats" || selectedType === "faq" || selectedType === "testimonials";
   const selectedBlockHasMediaSource = selectedType === "hero" || selectedType === "media";
-  const selectedBlockMediaValue = selectedType === "hero" ? selectedBlock?.media : selectedType === "media" ? selectedBlock?.image : null;
+  const selectedBlockMediaValue = selectedType === "hero" ? selectedBlock?.media ?? mediaFromImageURL2(selectedBlock?.backgroundImageURL, "Hero image") : selectedType === "media" ? selectedBlock?.image ?? mediaFromImageURL2(selectedBlock?.imageURL, "Section image") : null;
   const selectedItemRecord = typeof selectedItemIndex === "number" && selectedItemIndex >= 0 && selectedItemIndex < selectedItems.length && isRecord6(selectedItems[selectedItemIndex]) ? selectedItems[selectedItemIndex] : null;
   const editCopyInPanelEnabled = Boolean(selectedBlockAdvancedSettings.editCopyInPanel);
   const isBlockUploadTarget = (blockIndex, kind) => selectedIndex === blockIndex && uploadingTarget?.kind === kind;
@@ -5081,6 +5198,7 @@ function BuilderPageEditor({
       bodyAlign,
       letterSpacingPreset: blockTypography.letterSpacingPreset === "tight" || blockTypography.letterSpacingPreset === "relaxed" ? blockTypography.letterSpacingPreset : "normal",
       lineHeightPreset: blockTypography.lineHeightPreset === "tight" || blockTypography.lineHeightPreset === "relaxed" ? blockTypography.lineHeightPreset : "normal",
+      bodySizePt: typeof blockTypography.bodySizePt === "number" && Number.isFinite(blockTypography.bodySizePt) ? blockTypography.bodySizePt : null,
       maxTextWidth: blockTypography.maxTextWidth === "sm" || blockTypography.maxTextWidth === "md" || blockTypography.maxTextWidth === "lg" || blockTypography.maxTextWidth === "full" ? blockTypography.maxTextWidth : "auto"
     });
     const headingAlign = blockTypography.headingAlign === "center" || blockTypography.headingAlign === "justify" || blockTypography.headingAlign === "right" ? blockTypography.headingAlign : "left";

package/dist/studio-pages/client.mjs

@@ -70,7 +70,9 @@ var defaultBuilderBlockSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -99,7 +101,9 @@ var defaultBuilderItemSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -154,6 +158,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 (!isRecord(input)) {
     return structuredClone(defaults);
@@ -214,6 +230,8 @@ var legacyBlockToV2Settings = (block) => {
   current.media.height = parsePixel(block.imageHeight);
   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;
@@ -257,6 +275,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;
@@ -351,6 +371,7 @@ var resolveTypographyStyleFromSettings = (settings) => {
   const letterSpacing = settings.letterSpacingPreset === "tight" ? "-0.01em" : settings.letterSpacingPreset === "relaxed" ? "0.02em" : "0.01em";
   const maxWidth = settings.maxTextWidth === "sm" ? "36ch" : settings.maxTextWidth === "md" ? "52ch" : settings.maxTextWidth === "lg" ? "72ch" : settings.maxTextWidth === "full" ? "100%" : void 0;
   return {
+    ...typeof settings.bodySizePt === "number" && Number.isFinite(settings.bodySizePt) ? { fontSize: `${settings.bodySizePt}pt` } : {},
     letterSpacing,
     lineHeight,
     maxWidth,
@@ -548,6 +569,24 @@ var layoutFieldSet = [
   }
 ];
 var typographyFieldSet = [
+  {
+    group: "typography",
+    key: "settings.typography.headingSizePt",
+    label: "Heading Text Size (pt)",
+    max: 120,
+    min: 6,
+    tags: ["text", "size", "heading", "font"],
+    type: "number"
+  },
+  {
+    group: "typography",
+    key: "settings.typography.bodySizePt",
+    label: "Body Text Size (pt)",
+    max: 72,
+    min: 6,
+    tags: ["text", "size", "body", "paragraph", "font"],
+    type: "number"
+  },
   {
     group: "typography",
     key: "settings.typography.headingAlign",
@@ -771,6 +810,13 @@ var inspectorDefinitionByBlockType = {
       { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
       { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
       { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
+      {
+        group: "basics",
+        key: "marqueeItemsText",
+        label: "Scrolling Bar Options",
+        tags: ["marquee", "scrolling", "bar", "categories"],
+        type: "textarea"
+      },
       {
         group: "basics",
         key: "variant",
@@ -948,6 +994,17 @@ var sectionPaddingPointMap = {
 };
 var heroDefaultPaddingTopPt = 30;
 var heroDefaultPaddingBottomPt = 20;
+var defaultTextSizePointMap = {
+  cta: { body: 14, heading: 36 },
+  faq: { body: 12, heading: 18 },
+  featureGrid: { body: 12, heading: 36 },
+  formEmbed: { body: 12, heading: 36 },
+  hero: { body: 14, heading: 48 },
+  media: { body: 12, heading: 36 },
+  richText: { body: 12, heading: 39 },
+  stats: { body: 11, heading: 30 },
+  testimonials: { body: 12, heading: 36 }
+};
 var normalizeSectionPaddingY = (value) => value === "none" || value === "sm" || value === "lg" ? value : "md";
 var normalizePaddingPointValue = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) {
@@ -961,6 +1018,18 @@ var normalizePaddingPointValue = (value) => {
   }
   return null;
 };
+var normalizeTextSizePointValue = (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 getEffectiveVerticalPaddingValue = (block, key) => {
   const explicit = normalizePaddingPointValue(getByPath(block, key));
   if (explicit !== null) {
@@ -971,6 +1040,15 @@ var getEffectiveVerticalPaddingValue = (block, key) => {
   const inherited = block.blockType === "hero" ? key === "settings.layout.paddingBottomPt" ? heroDefaultPaddingBottomPt : heroDefaultPaddingTopPt : sectionPaddingPointMap[normalizeSectionPaddingY(layoutSectionPaddingY || legacySectionPaddingY)];
   return inherited;
 };
+var getEffectiveTextSizeValue = (block, key) => {
+  const explicit = normalizeTextSizePointValue(getByPath(block, key));
+  if (explicit !== null) {
+    return explicit;
+  }
+  const blockType = typeof block.blockType === "string" ? block.blockType : "";
+  const defaults = defaultTextSizePointMap[blockType] || { body: 12, heading: 36 };
+  return key === "settings.typography.headingSizePt" ? defaults.heading : defaults.body;
+};
 var getRelationID = (value) => {
   if (typeof value === "number" || typeof value === "string") {
     return value;
@@ -1140,6 +1218,26 @@ function BlockInspectorRenderer({
                   children: [
                     source.loading ? /* @__PURE__ */ jsx3("div", { className: "orion-builder-settings-note", children: "Loading media library..." }) : null,
                     source.error ? /* @__PURE__ */ jsx3("div", { className: "orion-builder-settings-error", children: source.error }) : null,
+                    selectedSourceMedia?.url ? (
+                      // eslint-disable-next-line @next/next/no-img-element
+                      /* @__PURE__ */ jsx3(
+                        "img",
+                        {
+                          alt: selectedSourceMedia.alt || source.label,
+                          src: selectedSourceMedia.url,
+                          style: {
+                            aspectRatio: "16 / 9",
+                            border: "1px solid rgba(35, 51, 82, 0.14)",
+                            borderRadius: 10,
+                            display: "block",
+                            marginBottom: "0.7rem",
+                            objectFit: effectiveMedia.fit,
+                            objectPosition: `${effectiveMedia.positionX}% ${effectiveMedia.positionY}%`,
+                            width: "100%"
+                          }
+                        }
+                      )
+                    ) : /* @__PURE__ */ jsx3("div", { className: "orion-builder-settings-empty", children: "No image selected." }),
                     /* @__PURE__ */ jsxs3("label", { className: "orion-builder-settings-label", children: [
                       source.label,
                       /* @__PURE__ */ jsxs3(
@@ -1251,8 +1349,10 @@ function BlockInspectorRenderer({
                 ] }, field.key);
               }
               if (field.type === "number") {
-                const numberValue = normalizePaddingPointValue(fieldValue);
-                const resolvedValue = numberValue !== null ? numberValue : field.key === "settings.layout.paddingTopPt" || field.key === "settings.layout.paddingBottomPt" ? getEffectiveVerticalPaddingValue(block, field.key) : "";
+                const isPaddingPointField = field.key === "settings.layout.paddingTopPt" || field.key === "settings.layout.paddingBottomPt";
+                const isTextSizePointField = field.key === "settings.typography.headingSizePt" || field.key === "settings.typography.bodySizePt";
+                const numberValue = isTextSizePointField ? normalizeTextSizePointValue(fieldValue) : normalizePaddingPointValue(fieldValue);
+                const resolvedValue = numberValue !== null ? numberValue : isPaddingPointField ? getEffectiveVerticalPaddingValue(block, field.key) : isTextSizePointField ? getEffectiveTextSizeValue(block, field.key) : "";
                 return /* @__PURE__ */ jsxs3("label", { className: "orion-builder-settings-label", children: [
                   field.label,
                   /* @__PURE__ */ jsx3(
@@ -2958,6 +3058,19 @@ var toMediaLibraryItem2 = (value) => {
     url
   };
 };
+var mediaFromImageURL = (url, fallbackLabel) => {
+  if (typeof url !== "string" || url.trim().length === 0) {
+    return null;
+  }
+  const normalizedURL = url.trim();
+  const filename = normalizedURL.split("/").filter(Boolean).pop() || fallbackLabel;
+  return {
+    alt: fallbackLabel,
+    filename,
+    id: `url:${normalizedURL}`,
+    url: normalizedURL
+  };
+};
 var mediaLabel2 = (item) => item.filename || item.alt || `Media #${item.id}`;
 var findMediaLibraryItem2 = (library, id) => {
   if (id === null) {
@@ -3055,10 +3168,10 @@ function ItemMediaControl({
   uploadLabel,
   uploading
 }) {
-  const selectedMediaID = getRelationID2(item[fieldName]);
-  const selectedRelationMedia = toMediaLibraryItem2(item[fieldName]);
-  const selectedMedia = selectedRelationMedia ?? findMediaLibraryItem2(mediaLibrary, selectedMediaID);
   const directImageURL = normalizeText(item[imageURLFieldName]);
+  const selectedRelationMedia = toMediaLibraryItem2(item[fieldName]) ?? mediaFromImageURL(directImageURL, label);
+  const selectedMediaID = getRelationID2(item[fieldName]) ?? selectedRelationMedia?.id ?? null;
+  const selectedMedia = selectedRelationMedia ?? findMediaLibraryItem2(mediaLibrary, selectedMediaID);
   const previewURL = selectedMedia?.url || directImageURL;
   const mediaSettings = getItemMediaSettings(item);
   const sourceOptions = selectedMedia && !mediaLibrary.some((libraryItem) => String(libraryItem.id) === String(selectedMedia.id)) ? [selectedMedia, ...mediaLibrary] : mediaLibrary;
@@ -3097,7 +3210,7 @@ function ItemMediaControl({
           onChange: (event) => onSelectItemMedia?.(itemIndex, fieldName, event.target.value),
           value: selectedMediaID !== null ? String(selectedMediaID) : "",
           children: [
-            /* @__PURE__ */ jsx12("option", { value: "", children: "No library image" }),
+            /* @__PURE__ */ jsx12("option", { value: "", children: "No image" }),
             sourceOptions.map((libraryItem) => /* @__PURE__ */ jsx12("option", { value: String(libraryItem.id), children: mediaLabel2(libraryItem) }, String(libraryItem.id)))
           ]
         }
@@ -3112,23 +3225,14 @@ function ItemMediaControl({
       {
         className: "orion-builder-settings-inline-btn",
         disabled: selectedMediaID === null,
-        onClick: () => onRemoveItemMedia?.(itemIndex, fieldName),
+        onClick: () => {
+          onRemoveItemMedia?.(itemIndex, fieldName);
+          onUpdateItemField(itemIndex, imageURLFieldName, "");
+        },
         type: "button",
-        children: "Remove Library Image"
+        children: "Remove Image"
       }
     ),
-    /* @__PURE__ */ jsxs11("label", { className: "orion-builder-settings-label", children: [
-      "Direct Image URL",
-      /* @__PURE__ */ jsx12(
-        "input",
-        {
-          className: "orion-builder-settings-input",
-          onChange: (event) => onUpdateItemField(itemIndex, imageURLFieldName, event.target.value),
-          type: "text",
-          value: directImageURL
-        }
-      )
-    ] }),
     /* @__PURE__ */ jsxs11("label", { className: "orion-builder-settings-label", children: [
       uploadLabel,
       /* @__PURE__ */ jsx12(
@@ -3647,6 +3751,19 @@ var resolveMedia = (value) => {
   }
   return null;
 };
+var mediaFromImageURL2 = (url, fallbackLabel = "Current image") => {
+  if (typeof url !== "string" || url.trim().length === 0) {
+    return null;
+  }
+  const normalizedURL = url.trim();
+  const filename = normalizedURL.split("/").filter(Boolean).pop() || fallbackLabel;
+  return {
+    alt: fallbackLabel,
+    filename,
+    id: `url:${normalizedURL}`,
+    url: normalizedURL
+  };
+};
 var resolveMediaWithURL = (value, imageURL, alt) => {
   const resolved = resolveMedia(value);
   if (resolved?.url) {
@@ -4403,7 +4520,7 @@ function BuilderPageEditor({
   const selectedBlockAdvancedSettings = isRecord6(selectedBlockSettings.advanced) ? selectedBlockSettings.advanced : {};
   const isArrayItemBlockSelected = selectedType === "featureGrid" || selectedType === "logoWall" || selectedType === "beforeAfter" || selectedType === "stats" || selectedType === "faq" || selectedType === "testimonials";
   const selectedBlockHasMediaSource = selectedType === "hero" || selectedType === "media";
-  const selectedBlockMediaValue = selectedType === "hero" ? selectedBlock?.media : selectedType === "media" ? selectedBlock?.image : null;
+  const selectedBlockMediaValue = selectedType === "hero" ? selectedBlock?.media ?? mediaFromImageURL2(selectedBlock?.backgroundImageURL, "Hero image") : selectedType === "media" ? selectedBlock?.image ?? mediaFromImageURL2(selectedBlock?.imageURL, "Section image") : null;
   const selectedItemRecord = typeof selectedItemIndex === "number" && selectedItemIndex >= 0 && selectedItemIndex < selectedItems.length && isRecord6(selectedItems[selectedItemIndex]) ? selectedItems[selectedItemIndex] : null;
   const editCopyInPanelEnabled = Boolean(selectedBlockAdvancedSettings.editCopyInPanel);
   const isBlockUploadTarget = (blockIndex, kind) => selectedIndex === blockIndex && uploadingTarget?.kind === kind;
@@ -4961,6 +5078,7 @@ function BuilderPageEditor({
       bodyAlign,
       letterSpacingPreset: blockTypography.letterSpacingPreset === "tight" || blockTypography.letterSpacingPreset === "relaxed" ? blockTypography.letterSpacingPreset : "normal",
       lineHeightPreset: blockTypography.lineHeightPreset === "tight" || blockTypography.lineHeightPreset === "relaxed" ? blockTypography.lineHeightPreset : "normal",
+      bodySizePt: typeof blockTypography.bodySizePt === "number" && Number.isFinite(blockTypography.bodySizePt) ? blockTypography.bodySizePt : null,
       maxTextWidth: blockTypography.maxTextWidth === "sm" || blockTypography.maxTextWidth === "md" || blockTypography.maxTextWidth === "lg" || blockTypography.maxTextWidth === "full" ? blockTypography.maxTextWidth : "auto"
     });
     const headingAlign = blockTypography.headingAlign === "center" || blockTypography.headingAlign === "justify" || blockTypography.headingAlign === "right" ? blockTypography.headingAlign : "left";

package/dist/studio-pages/index.d.mts

@@ -1,4 +1,4 @@
-export { B as BuilderBlock, a as BuilderBlockPreviewRenderArgs, b as BuilderBlockPreviewRenderer, c as BuilderBlockSettingsV2, d as BuilderInlineTextComponentProps, e as BuilderPreviewEditingHelpers, f as BuilderPreviewTextFieldOptions, g as BuilderRenderWithSectionShell, h as BuilderSettingsPanelMode, j as BuilderThemeTokenOverrides, k as BuilderThemeTokens, S as SectionPreset, l as createDefaultStudioDocument, m as createStudioPageService, n as defaultBuilderThemeTokens, o as getStudioDocumentFromPage, p as layoutToStudioDocument, q as pageInspectorPanels, r as pageNodeTypes, s as pagePaletteGroups, t as pageStudioModuleManifest, u as resolveBuilderThemeTokens, v as studioDocumentToLayout, w as toEditorInitialDoc } from '../index-DRu4fKxf.mjs';
+export { B as BuilderBlock, a as BuilderBlockPreviewRenderArgs, b as BuilderBlockPreviewRenderer, c as BuilderBlockSettingsV2, d as BuilderInlineTextComponentProps, e as BuilderPreviewEditingHelpers, f as BuilderPreviewTextFieldOptions, g as BuilderRenderWithSectionShell, h as BuilderSettingsPanelMode, j as BuilderThemeTokenOverrides, k as BuilderThemeTokens, S as SectionPreset, l as createDefaultStudioDocument, m as createStudioPageService, n as defaultBuilderThemeTokens, o as getStudioDocumentFromPage, p as layoutToStudioDocument, q as pageInspectorPanels, r as pageNodeTypes, s as pagePaletteGroups, t as pageStudioModuleManifest, u as resolveBuilderThemeTokens, v as studioDocumentToLayout, w as toEditorInitialDoc } from '../index-D5zrOdyv.mjs';
 import '../index-DWmudwDm.mjs';
 import 'payload';
 import 'react';

package/dist/studio-pages/index.d.ts

@@ -1,4 +1,4 @@
-export { B as BuilderBlock, a as BuilderBlockPreviewRenderArgs, b as BuilderBlockPreviewRenderer, c as BuilderBlockSettingsV2, d as BuilderInlineTextComponentProps, e as BuilderPreviewEditingHelpers, f as BuilderPreviewTextFieldOptions, g as BuilderRenderWithSectionShell, h as BuilderSettingsPanelMode, j as BuilderThemeTokenOverrides, k as BuilderThemeTokens, S as SectionPreset, l as createDefaultStudioDocument, m as createStudioPageService, n as defaultBuilderThemeTokens, o as getStudioDocumentFromPage, p as layoutToStudioDocument, q as pageInspectorPanels, r as pageNodeTypes, s as pagePaletteGroups, t as pageStudioModuleManifest, u as resolveBuilderThemeTokens, v as studioDocumentToLayout, w as toEditorInitialDoc } from '../index-vkEwwsoC.js';
+export { B as BuilderBlock, a as BuilderBlockPreviewRenderArgs, b as BuilderBlockPreviewRenderer, c as BuilderBlockSettingsV2, d as BuilderInlineTextComponentProps, e as BuilderPreviewEditingHelpers, f as BuilderPreviewTextFieldOptions, g as BuilderRenderWithSectionShell, h as BuilderSettingsPanelMode, j as BuilderThemeTokenOverrides, k as BuilderThemeTokens, S as SectionPreset, l as createDefaultStudioDocument, m as createStudioPageService, n as defaultBuilderThemeTokens, o as getStudioDocumentFromPage, p as layoutToStudioDocument, q as pageInspectorPanels, r as pageNodeTypes, s as pagePaletteGroups, t as pageStudioModuleManifest, u as resolveBuilderThemeTokens, v as studioDocumentToLayout, w as toEditorInitialDoc } from '../index-Dv-Alx4h.js';
 import '../index-DWmudwDm.js';
 import 'payload';
 import 'react';

package/dist/studio-pages/index.js

@@ -97,7 +97,9 @@ var defaultBuilderBlockSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -126,7 +128,9 @@ var defaultBuilderItemSettingsV2 = {
   },
   typography: {
     bodyAlign: "left",
+    bodySizePt: null,
     headingAlign: "left",
+    headingSizePt: null,
     letterSpacingPreset: "normal",
     lineHeightPreset: "normal",
     maxTextWidth: "auto"
@@ -181,6 +185,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 (!isRecord(input)) {
     return structuredClone(defaults);
@@ -241,6 +257,8 @@ var legacyBlockToV2Settings = (block) => {
   current.media.height = parsePixel(block.imageHeight);
   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;
@@ -284,6 +302,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;
@@ -408,6 +428,24 @@ var layoutFieldSet = [
   }
 ];
 var typographyFieldSet = [
+  {
+    group: "typography",
+    key: "settings.typography.headingSizePt",
+    label: "Heading Text Size (pt)",
+    max: 120,
+    min: 6,
+    tags: ["text", "size", "heading", "font"],
+    type: "number"
+  },
+  {
+    group: "typography",
+    key: "settings.typography.bodySizePt",
+    label: "Body Text Size (pt)",
+    max: 72,
+    min: 6,
+    tags: ["text", "size", "body", "paragraph", "font"],
+    type: "number"
+  },
   {
     group: "typography",
     key: "settings.typography.headingAlign",
@@ -624,6 +662,13 @@ var inspectorDefinitionByBlockType = {
       { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
       { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
       { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
+      {
+        group: "basics",
+        key: "marqueeItemsText",
+        label: "Scrolling Bar Options",
+        tags: ["marquee", "scrolling", "bar", "categories"],
+        type: "textarea"
+      },
       {
         group: "basics",
         key: "variant",

package/dist/studio-pages/index.mjs

@@ -7,15 +7,15 @@ import {
   pageStudioModuleManifest,
   resolveBuilderThemeTokens,
   toEditorInitialDoc
-} from "../chunk-LUF62ZWF.mjs";
+} from "../chunk-SXPIWE74.mjs";
+import "../chunk-OQSEJXC4.mjs";
 import {
   createDefaultStudioDocument,
   defaultBuilderThemeTokens,
   layoutToStudioDocument,
   studioDocumentToLayout
-} from "../chunk-CUPMTHGX.mjs";
+} from "../chunk-7ZMXZRBP.mjs";
 import "../chunk-ADIIWIYL.mjs";
-import "../chunk-OQSEJXC4.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   createDefaultStudioDocument,

package/package.json

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