@orion-studios/payload-studio 0.6.0-beta.6 → 0.6.0-beta.60

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-Cv-6qnrw.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-Crx_MtPw.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"
@@ -156,6 +160,7 @@ var defaultBuilderThemeTokens = {
 
 // src/studio-pages/builder/adapters/settingsV2.ts
 var isRecord = (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));
@@ -180,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);
@@ -198,6 +215,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;
@@ -234,15 +255,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);
@@ -268,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;
@@ -364,8 +400,52 @@ var alignOptions = [
   { label: "Right", value: "right" },
   { label: "Justify", value: "justify" }
 ];
-var layoutFieldSet = [];
+var layoutFieldSet = [
+  {
+    group: "layout",
+    key: "settings.layout.linkVerticalPadding",
+    label: "Link Top/Bottom Padding",
+    tags: ["spacing", "padding", "vertical"],
+    type: "checkbox"
+  },
+  {
+    group: "layout",
+    key: "settings.layout.paddingTopPt",
+    label: "Top Padding (pt)",
+    max: 240,
+    min: 0,
+    tags: ["spacing", "padding", "top"],
+    type: "number"
+  },
+  {
+    group: "layout",
+    key: "settings.layout.paddingBottomPt",
+    label: "Bottom Padding (pt)",
+    max: 240,
+    min: 0,
+    tags: ["spacing", "padding", "bottom"],
+    type: "number"
+  }
+];
 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",
@@ -582,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: "settings.marquee.itemsText",
+        label: "Scrolling Bar Options",
+        tags: ["marquee", "scrolling", "bar", "categories"],
+        type: "textarea"
+      },
       {
         group: "basics",
         key: "variant",

package/dist/studio-pages/index.mjs

@@ -7,14 +7,14 @@ import {
   pageStudioModuleManifest,
   resolveBuilderThemeTokens,
   toEditorInitialDoc
-} from "../chunk-XKUTZ7IU.mjs";
+} from "../chunk-NGLIA2OE.mjs";
 import "../chunk-OQSEJXC4.mjs";
 import {
   createDefaultStudioDocument,
   defaultBuilderThemeTokens,
   layoutToStudioDocument,
   studioDocumentToLayout
-} from "../chunk-PF3EBZXF.mjs";
+} from "../chunk-7ZMXZRBP.mjs";
 import "../chunk-ADIIWIYL.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.6.0-beta.6",
+  "version": "0.6.0-beta.60",
   "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
@@ -44,6 +44,19 @@
       "import": "./dist/blocks/index.mjs",
       "default": "./dist/blocks/index.mjs"
     },
+    "./builder-v2": {
+      "types": "./dist/builder-v2/index.d.ts",
+      "require": "./dist/builder-v2/index.js",
+      "import": "./dist/builder-v2/index.mjs",
+      "default": "./dist/builder-v2/index.mjs"
+    },
+    "./builder-v2/client": {
+      "types": "./dist/builder-v2/client.d.ts",
+      "require": "./dist/builder-v2/client.js",
+      "import": "./dist/builder-v2/client.mjs",
+      "default": "./dist/builder-v2/client.mjs"
+    },
+    "./builder-v2/styles.css": "./dist/builder-v2/styles.css",
     "./nextjs": {
       "types": "./dist/nextjs/index.d.ts",
       "require": "./dist/nextjs/index.js",
@@ -77,7 +90,7 @@
   "scripts": {
     "build": "tsup && node scripts/copy-assets.mjs",
     "dev": "tsup --watch",
-    "test": "tsx --test src/shared/__tests__/*.test.ts src/studio-pages/builder/settings-v2/__tests__/*.test.ts src/studio-pages/__tests__/*.test.ts",
+    "test": "tsx --test src/shared/__tests__/*.test.ts src/studio-pages/builder/settings-v2/__tests__/*.test.ts src/studio-pages/__tests__/*.test.ts src/builder-v2/__tests__/*.test.ts",
     "typecheck": "tsc --noEmit"
   },
   "overrides": {
@@ -101,6 +114,7 @@
   "sideEffects": [
     "./dist/admin.css",
     "./dist/admin-app/styles.css",
+    "./dist/builder-v2/styles.css",
     "./dist/studio-pages/builder.css"
   ],
   "peerDependencies": {
@@ -117,10 +131,15 @@
     "@types/node": "^22.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "@types/sanitize-html": "^2.16.1",
     "next": "16.2.0",
     "payload": "3.75.0",
-    "tsx": "^4.21.0",
     "tsup": "^8.0.0",
+    "tsx": "^4.21.0",
     "typescript": "^5.3.0"
+  },
+  "dependencies": {
+    "grapesjs": "^0.22.16",
+    "sanitize-html": "^2.17.3"
   }
 }