efficient-web-builder 41.0.0 → 42.0.0

package/dist/render/lib/document/blocks/general/section-to-box-rows.js

@@ -1 +1 @@
-import{resolveSectionPadding as O}from"../../../../../format/lib/content/section-padding.js";import{SECTION_PAD_INNER_DEFAULTS as v}from"../../passes/section-padding.js";import{hasWords as f,headParts as A,registerSectionToBox as R}from"../../../sections/section-to-box.js";const s={align:"left",tone:"default",contained:!0},l={...s,tone:"dim"},m={variant:"primary",align:"left",contained:!0},w={justify:"start",align:"stretch",wrap:!1,blockSpacing:"gap",padV2:!0},n={...w,direction:"column",sectionPaddingTop:0,sectionPaddingBottom:0},d={...w,sectionAccent:0},p=["gridSpan","backgroundWidth","contentWidth","contentMax","widthMode","sectionHeightMode","sectionHeightValue","sectionHeightUnit","sectionHeightModePhone","sectionHeightValuePhone","sectionHeightUnitPhone","sectionCorners","sectionCornerSides","sectionBorder","sectionBorderPhone","sectionAccent","stickTop","stickTopDistance","stickTopPhone","stickTopDistancePhone","anchor","sectionAnimation","_hidden"],c={sectionSurface:"read by nothing in src/ (searched 2026-10-24): a retired theme key that draws nothing today, so dropping it changes nothing"},P=Object.fromEntries(["sectionPaddingLeft","sectionPaddingRight","sectionPaddingLeftPhone","sectionPaddingRightPhone"].map(t=>[t,"needs Box side padding outside its gutter: the old section added it outside its frame, a Box's side padding replaces the gutter. 0 live nodes store it (JJ's read-only export, 2026-10-24)"])),g=t=>typeof t=="number"&&Number.isFinite(t)?t:void 0;function h(t,e){const o=g(t.sectionPaddingTop)??0,i=g(t.sectionPaddingBottom)??0;return{sectionPaddingTop:o+e.top,sectionPaddingBottom:i+e.bottom,sectionPaddingTopPhone:(g(t.sectionPaddingTopPhone)??o)+e.topPhone,sectionPaddingBottomPhone:(g(t.sectionPaddingBottomPhone)??i)+e.bottomPhone}}const u=t=>["sectionPaddingTop","sectionPaddingBottom","sectionPaddingTopPhone","sectionPaddingBottomPhone"].map(e=>[e,e,(o,i)=>h(i,t)[e]]);function a(t,e){const o=O(t,v[e]);return{sectionPaddingTop:o.top,sectionPaddingBottom:o.bottom}}const B=t=>[["padTop","sectionPaddingTop",(e,o)=>a(o,t).sectionPaddingTop],["padBottom","sectionPaddingBottom",(e,o)=>a(o,t).sectionPaddingBottom],["sectionPaddingTop","sectionPaddingTop",(e,o)=>a(o,t).sectionPaddingTop],["sectionPaddingBottom","sectionPaddingBottom",(e,o)=>a(o,t).sectionPaddingBottom]],D={kind:"heading-case-upper",styles:["heading-1","heading-2","heading-3"]},b=t=>e=>f(e.props[t])?[D]:[],r=(t,e)=>({kind:"text",key:t,role:"eyebrow",props:s,...e?{style:e}:{}}),S={top:72,bottom:72,topPhone:72,bottomPhone:72},[C,W]=A("Prose"),I={name:"Editorial Text",on:!1,boxProps:t=>({...d,direction:"column",gap:28,sectionBorder:{top:1},...h(t,S)}),box:[["topBorder","sectionBorder",t=>t===!1?void 0:{top:1}],...p,...u(S)],parts:[{kind:"group",name:"Heading",props:{...n,gap:16},parts:[{...C,props:s},{...W,props:s,style:{textStyle:"heading-3",lineHeight:1,letterSpacing:-.02}}]},{kind:"text",key:"body",props:l,style:{size:16,lineHeight:1.7,width:680,paragraphSpacing:18}}],site:b("title"),drop:{...c,...P,headPlacement:"needs a row per head placement: an own-box Prose draws no head (its words sit in a Section Header above it), the row always draws the head. 0 of 123 live nodes store it (JJ's export, 2026-10-24)"}},M={buttonPaddingTop:20,buttonPaddingBottom:20,buttonPaddingLeft:28,buttonPaddingRight:28},T=(t,e)=>({kind:"list",key:"buttons",name:"Button",flat:!0,when:t,parts:[{kind:"button",key:"label",href:"href",variant:{key:"variant",map:{primary:"primary",outline:"ghost"},fallback:"ghost"},style:{letterSpacing:.3},props:{...m,...M,...e}}]}),y=t=>f(t.title),L={name:"Call-to-Action Heading",on:!1,boxProps:t=>({...d,direction:"row",align:"center",justify:y(t)?"between":"end",gap:60,share:"content",sectionBorder:{bottom:1},...a(t,"TitleWithButtons")}),box:[...p,...B("TitleWithButtons")],parts:[{kind:"group",name:"Title",props:n,parts:[{kind:"text",key:"title",role:"heading",props:s,style:{textStyle:"heading-1",lineHeight:.94,letterSpacing:-.035,width:1e3}}]},{kind:"group",name:"Buttons",props:{...n,gap:14},parts:[T(y,{widthFit:"fill",iconPosition:"end"}),T(t=>!y(t),{})]}],site:b("title"),drop:{...c,buttonsAlign:"moves the buttons only when there is no heading (4 of 128 live nodes), where the Box puts them at the end. 0 of 128 live nodes store it (JJ's export, 2026-10-24)"}},x={top:40,bottom:64,topPhone:24,bottomPhone:36},z={buttonFillOpacity:0,buttonBorder:{width:0},buttonPaddingTop:0,buttonPaddingRight:0,buttonPaddingBottom:0,buttonPaddingLeft:0},X={name:"Section Header",on:!1,boxProps:t=>({...d,direction:"column",gap:0,...h(t,x)}),box:[...p,"fullWidth","pageWidth",...u(x)],parts:[{kind:"group",name:"Header",props:{...n,direction:"row",align:"end",justify:"between",gap:40,share:"content",sectionBorder:{bottom:1},sectionPaddingBottom:24,sectionPaddingBottomPhone:20},parts:[{kind:"group",name:"Title",props:{...n,direction:"row",align:"end",gap:40,share:"content"},parts:[{kind:"group",name:"Number",props:{...n,align:"start",gap:12},parts:[{kind:"image",key:"logoSrc",alt:"logoAlt",props:{aspect:"auto",contained:!1}},r("num")]},{kind:"text",key:"title",role:"heading",props:s,style:{lineHeight:.95,letterSpacing:-.025}}]},{kind:"group",name:"Words",props:{...n,align:"end",gap:12},parts:[{kind:"text",key:"description",props:{...l,align:"right"},style:{role:"heading",size:14,lineHeight:1.5,width:340}},{kind:"button",key:"linkText",href:"linkHref",variant:"ghost",props:{...m,align:"right",...z}}]}]}],site:b("title"),drop:{...c,...P,headStyle:"needs a row per head look: the row draws the standard look; the editorial, simple, statement, natural and essay looks are other layouts. 0 of 69 live nodes store it (JJ's export, 2026-10-24)",eyebrowLook:"read only by the simple, statement, natural and essay looks, which this row does not draw. 0 of 69 live nodes store it",rowGap:"read only by the natural look, which this row does not draw. 0 of 69 live nodes store it",descriptionSize:"read only by the natural look, which this row does not draw. 0 of 69 live nodes store it",numStyle:"Solid (the default; 4 of 69 live nodes store it) IS the eyebrow Text the row draws; Outlined (0 live) needs an outlined-number text look"}},F={name:"Lead Text",on:!1,boxProps:t=>({...d,direction:"column",gap:40,sectionBorder:{bottom:1},...a(t,"ParagraphsA")}),box:[...p,...B("ParagraphsA")],parts:[{kind:"group",name:"Numbers",props:{...n,direction:"row",justify:"between",gap:60,share:"content",sectionBorder:{bottom:1},sectionPaddingBottom:40},parts:[r("eyebrow",{color:"labels",letterSpacing:.24}),{kind:"group",name:"Stats",props:{...n,align:"end"},parts:[{kind:"list",key:"stats",name:"Stat",props:{...n,direction:"row",share:"content",justify:"end",gap:8},parts:[r("value",{color:"text",letterSpacing:.18,lineHeight:1.8}),r("label",{color:"labels",letterSpacing:.18,lineHeight:1.8})]}]}]},{kind:"group",name:"Words",props:{...n,direction:"row",align:"end",gap:60,share:"bigLeft"},parts:[{kind:"text",key:"lead",props:s,style:{role:"heading3",size:22,sizePhone:20,lineHeight:1.45,letterSpacing:-.005,width:780,paragraphSpacing:0}},{kind:"group",name:"Founders",props:{...n,gap:8},parts:[{kind:"group",name:"Note",props:{...n,gap:6},parts:[{kind:"text",key:"foundersHeading",props:s,style:{role:"heading",size:18,sizePhone:16,weight:500,letterSpacing:-.01,lineHeight:1.7}},{kind:"text",key:"foundersBody",props:l,style:{role:"heading",size:14,sizePhone:12,lineHeight:1.7}}]},r("attribution",{letterSpacing:.24,lineHeight:1.7})]}]}],drop:{...c}},H={top:24,bottom:24,topPhone:24,bottomPhone:24},_={schema:"xtreme_mudder",site:"xtreme-mudder"},J="#F2F2EF",U={kind:"add-theme-preset",copyOf:0,set:{background:J},reason:"Banner card with no picture"},E=t=>t.site?.schema===_.schema&&t.site.site===_.site,N=t=>typeof t.imageSrc!="string"||!t.imageSrc;function j(t,e){if(!N(t)||!E(e))return{};const o=e.site?.themePresets,i=e.site?.cardShadow,k=typeof i=="string"&&i!==""&&i!=="none"?i:void 0;return{...typeof o=="number"?{sectionAccent:o}:{},...k?{shadow:k}:{}}}const G={name:"Banner",on:!1,boxProps:t=>({...d,direction:"column",gap:0,...h(t,H)}),box:[...p,"contained",...u(H)],parts:[{kind:"group",name:"Card",keepEmpty:!0,props:(t,e)=>({...n,gap:28,placement:"top-left",darken:60,darkenStyle:"even",sectionBorder:{width:1},sectionPaddingTop:64,sectionPaddingBottom:64,sectionPaddingTopPhone:40,sectionPaddingBottomPhone:40,sectionPaddingLeft:40,sectionPaddingRight:40,sectionPaddingLeftPhone:24,sectionPaddingRightPhone:24,...j(t,e)}),box:[["imageSrc","bgImage"],["overlay","darken",t=>Math.min(Math.max(g(t)??60,0),100)]],parts:[{kind:"group",name:"Words",props:{...n,gap:20},parts:[r("eyebrow"),{kind:"text",key:"title",role:"heading",props:s,style:{weight:500,lineHeight:1.05,letterSpacing:-.03,case:"none",width:680}},{kind:"text",key:"body",props:l,style:{size:16,lineHeight:1.6,width:680}}]},{kind:"button",key:"ctaText",href:"ctaHref",variant:"primary",props:m}]}],site:(t,e)=>N(t.props)&&E(e)?[U]:[],drop:{...c,...P}},K={Prose:I,TitleWithButtons:L,SectionHeader:X,ParagraphsA:F,Banner:G};function Q(){R(K)}export{K as GENERAL_SECTION_TO_BOX,_ as XM_SITE,Q as registerGeneralSectionRows};
+import{resolveSectionPadding as B}from"../../../../../format/lib/content/section-padding.js";import{SECTION_PAD_INNER_DEFAULTS as T}from"../../passes/section-padding.js";import{hasWords as _,headParts as H,registerSectionToBox as E}from"../../../sections/section-to-box.js";import{BUTTON as g,DIM as l,DROP_COMMON as s,DROP_SIDE_PADDING as c,INNER_BOX as e,SAME_KEYS as d,SECTION_BOX as p,TEXT as i,headingCaseOf as h,smallText as r,wrapperPad as m,wrapperPadKeys as u}from"./section-to-box-row-parts.js";import{finiteNumber as N}from"../../../../../format/lib/finite-number.js";function a(t,o){const n=B(t,T[o]);return{sectionPaddingTop:n.top,sectionPaddingBottom:n.bottom}}const y=t=>[["padTop","sectionPaddingTop",(o,n)=>a(n,t).sectionPaddingTop],["padBottom","sectionPaddingBottom",(o,n)=>a(n,t).sectionPaddingBottom],["sectionPaddingTop","sectionPaddingTop",(o,n)=>a(n,t).sectionPaddingTop],["sectionPaddingBottom","sectionPaddingBottom",(o,n)=>a(n,t).sectionPaddingBottom]],P={top:72,bottom:72,topPhone:72,bottomPhone:72},[v,O]=H("Prose"),A={name:"Editorial Text",on:!1,boxProps:t=>({...p,direction:"column",gap:28,sectionBorder:{top:1},...m(t,P)}),box:[["topBorder","sectionBorder",t=>t===!1?void 0:{top:1}],...d,...u(P)],parts:[{kind:"group",name:"Heading",props:{...e,gap:16},parts:[{...v,props:i},{...O,props:i,style:{textStyle:"heading-3",lineHeight:1,letterSpacing:-.02}}]},{kind:"text",key:"body",props:l,style:{textStyle:"body-1",lineHeight:1.7,width:680,paragraphSpacing:18},was:{size:16}}],site:h("title"),drop:{...s,...c,headPlacement:"needs a row per head placement: an own-box Prose draws no head (its words sit in a Section Header above it), the row always draws the head. 0 of 123 live nodes store it (JJ's export, 2026-10-24)"}},R={buttonPaddingTop:20,buttonPaddingBottom:20,buttonPaddingLeft:28,buttonPaddingRight:28},k=(t,o)=>({kind:"list",key:"buttons",name:"Button",flat:!0,when:t,parts:[{kind:"button",key:"label",href:"href",variant:{key:"variant",map:{primary:"primary",outline:"ghost"},fallback:"ghost"},style:{letterSpacing:.3},props:{...g,...R,...o}}]}),b=t=>_(t.title),D={name:"Call-to-Action Heading",on:!1,boxProps:t=>({...p,direction:"row",align:"center",justify:b(t)?"between":"end",gap:60,share:"content",sectionBorder:{bottom:1},...a(t,"TitleWithButtons")}),box:[...d,...y("TitleWithButtons")],parts:[{kind:"group",name:"Title",props:e,parts:[{kind:"text",key:"title",role:"heading",props:i,style:{textStyle:"heading-1",lineHeight:.94,letterSpacing:-.035,width:1e3}}]},{kind:"group",name:"Buttons",props:{...e,gap:14},parts:[k(b,{widthFit:"fill",iconPosition:"end"}),k(t=>!b(t),{})]}],site:h("title"),drop:{...s,buttonsAlign:"moves the buttons only when there is no heading (4 of 128 live nodes), where the Box puts them at the end. 0 of 128 live nodes store it (JJ's export, 2026-10-24)"}},w={top:40,bottom:64,topPhone:24,bottomPhone:36},I={buttonFillOpacity:0,buttonBorder:{width:0},buttonPaddingTop:0,buttonPaddingRight:0,buttonPaddingBottom:0,buttonPaddingLeft:0},W={name:"Section Header",on:!1,boxProps:t=>({...p,direction:"column",gap:0,...m(t,w)}),box:[...d,"fullWidth","pageWidth",...u(w)],parts:[{kind:"group",name:"Header",props:{...e,direction:"row",align:"end",justify:"between",gap:40,share:"content",sectionBorder:{bottom:1},sectionPaddingBottom:24,sectionPaddingBottomPhone:20},parts:[{kind:"group",name:"Title",props:{...e,direction:"row",align:"end",gap:40,share:"content"},parts:[{kind:"group",name:"Number",props:{...e,align:"start",gap:12},parts:[{kind:"image",key:"logoSrc",alt:"logoAlt",props:{aspect:"auto",contained:!1}},r("num")]},{kind:"text",key:"title",role:"heading",props:i,style:{lineHeight:.95,letterSpacing:-.025}}]},{kind:"group",name:"Words",props:{...e,align:"end",gap:12},parts:[{kind:"text",key:"description",props:{...l,align:"right"},style:{textStyle:"body-5",lineHeight:1.5,width:340},was:{size:14}},{kind:"button",key:"linkText",href:"linkHref",variant:"ghost",props:{...g,align:"right",...I},style:{textStyle:"body-5",color:"labels"}}]}]}],site:h("title"),drop:{...s,...c,headStyle:"needs a row per head look: the row draws the standard look; the editorial, simple, statement, natural and essay looks are other layouts. 0 of 69 live nodes store it (JJ's export, 2026-10-24)",eyebrowLook:"read only by the simple, statement, natural and essay looks, which this row does not draw. 0 of 69 live nodes store it",rowGap:"read only by the natural look, which this row does not draw. 0 of 69 live nodes store it",descriptionSize:"read only by the natural look, which this row does not draw. 0 of 69 live nodes store it",numStyle:"Solid (the default; 4 of 69 live nodes store it) IS the eyebrow Text the row draws; Outlined (0 live) needs an outlined-number text look"}},C={name:"Lead Text",on:!1,boxProps:t=>({...p,direction:"column",gap:40,sectionBorder:{bottom:1},...a(t,"ParagraphsA")}),box:[...d,...y("ParagraphsA")],parts:[{kind:"group",name:"Numbers",props:{...e,direction:"row",justify:"between",gap:60,share:"content",sectionBorder:{bottom:1},sectionPaddingBottom:40},parts:[r("eyebrow",{color:"labels",letterSpacing:.24}),{kind:"group",name:"Stats",props:{...e,align:"end"},parts:[{kind:"list",key:"stats",name:"Stat",props:{...e,direction:"row",share:"content",justify:"end",gap:8},parts:[r("value",{color:"text",letterSpacing:.18,lineHeight:1.8}),r("label",{color:"labels",letterSpacing:.18,lineHeight:1.8})]}]}]},{kind:"group",name:"Words",props:{...e,direction:"row",align:"end",gap:60,share:"bigLeft"},parts:[{kind:"text",key:"lead",props:i,style:{textStyle:"body-1",lineHeight:1.45,letterSpacing:-.005,width:780,paragraphSpacing:0},was:{size:22,sizePhone:20}},{kind:"group",name:"Founders",props:{...e,gap:8},parts:[{kind:"group",name:"Note",props:{...e,gap:6},parts:[{kind:"text",key:"foundersHeading",props:i,style:{textStyle:"body-1",weight:500,letterSpacing:-.01,lineHeight:1.7},was:{size:18,sizePhone:16}},{kind:"text",key:"foundersBody",props:l,style:{textStyle:"body-5",lineHeight:1.7},was:{size:14,sizePhone:12}}]},r("attribution",{letterSpacing:.24,lineHeight:1.7})]}]}],drop:{...s}},f={top:24,bottom:24,topPhone:24,bottomPhone:24},S={schema:"xtreme_mudder",site:"xtreme-mudder"},z="#F2F2EF",L={kind:"add-theme-preset",copyOf:0,set:{background:z},reason:"Banner card with no picture"},M=t=>t.site?.schema===S.schema&&t.site.site===S.site,x=t=>typeof t.imageSrc!="string"||!t.imageSrc;function X(t,o){return!x(t)||typeof o.cardTheme!="number"?{}:{sectionAccent:o.cardTheme}}const F={name:"Banner",on:!1,boxProps:t=>({...p,direction:"column",gap:0,...m(t,f)}),box:[...d,"contained",...u(f)],parts:[{kind:"group",name:"Card",keepEmpty:!0,props:(t,o)=>({...e,gap:28,placement:"top-left",darken:60,darkenStyle:"even",sectionBorder:{width:1},sectionPaddingTop:64,sectionPaddingBottom:64,sectionPaddingTopPhone:40,sectionPaddingBottomPhone:40,sectionPaddingLeft:40,sectionPaddingRight:40,sectionPaddingLeftPhone:24,sectionPaddingRightPhone:24,...X(t,o)}),box:[["imageSrc","bgImage"],["overlay","darken",t=>Math.min(Math.max(N(t)??60,0),100)]],parts:[{kind:"group",name:"Words",props:{...e,gap:20},parts:[r("eyebrow"),{kind:"text",key:"title",role:"heading",props:i,style:{weight:500,lineHeight:1.05,letterSpacing:-.03,case:"none",width:680}},{kind:"text",key:"body",props:l,style:{textStyle:"body-1",lineHeight:1.6,width:680},was:{size:16}}]},{kind:"button",key:"ctaText",href:"ctaHref",variant:"primary",props:g}]}],site:(t,o)=>x(t.props)&&M(o)?[L]:[],drop:{...s,...c}},J={Prose:A,TitleWithButtons:D,SectionHeader:W,ParagraphsA:C,Banner:F};function q(){E(J)}export{J as GENERAL_SECTION_TO_BOX,S as XM_SITE,q as registerGeneralSectionRows};

package/dist/render/lib/document/hero-media-parts.d.ts

@@ -12,8 +12,8 @@ export declare const VIDEO_FILE_LABEL = "Video file";
 export declare const VIDEO_FILE_PROMPT = "Upload a video file";
 export declare function forMediaType(type: "image" | "video", fallback: "image" | "video"): {
     readonly field: "mediaType";
-    readonly is: "image" | "video";
-    readonly default: "image" | "video";
+    readonly is: "video" | "image";
+    readonly default: "video" | "image";
 };
 export declare const HERO_MEDIA_PART_TYPES: ReadonlySet<string>;
 export declare function inPart<F extends object>(part: HeroMediaPart, field: F): F;

package/dist/render/lib/document/page-render.js

@@ -1 +1 @@
-"use client";import{jsx as t}from"react/jsx-runtime";import{Render as m}from"efficient-easel/render";import{capHeroGroups as a}from"../../../format/lib/document/cap-hero-groups.js";import{oneH1 as i}from"../../../format/lib/document/one-h1.js";import{migrateLegacyPageData as n}from"./migrate-legacy.js";import{migrateRenamedProps as p}from"../../../format/lib/document/renamed-props.js";import{convertSectionsInPage as f}from"../sections/section-to-box.js";import{registerGeneralSectionRows as s}from"./blocks/general/section-to-box-rows.js";function c({config:r,data:e,metadata:o}){return s(),t(m,{config:r,metadata:o,data:i(a(f(p(n(e)))))})}export{c as default};
+"use client";import{jsx as t}from"react/jsx-runtime";import{Render as m}from"efficient-easel/render";import{capHeroGroups as a}from"../../../format/lib/document/cap-hero-groups.js";import{oneH1 as i}from"../../../format/lib/document/one-h1.js";import{migrateLegacyPageData as n}from"./migrate-legacy.js";import{migrateRenamedProps as p}from"../../../format/lib/document/renamed-props.js";import{convertSectionsInPage as f,pageConvertContextOf as g}from"../sections/section-to-box.js";import{registerGeneralSectionRows as s}from"./blocks/general/section-to-box-rows.js";function c({config:e,data:o,metadata:r}){return s(),t(m,{config:e,metadata:r,data:i(a(f(p(n(o)),g(r))))})}export{c as default};

package/dist/render/lib/document/passes/section-padding.d.ts

@@ -5,5 +5,6 @@ export declare const SECTION_PAD_INNER_DEFAULTS: Record<string, {
 }>;
 export declare const SECTION_PAD_INNER: Set<string>;
 export declare const PAD_ON_ROOT: ReadonlySet<string>;
+export declare const PADS_ITS_OWN_SPACE: ReadonlySet<string>;
 export declare const sectionPadding: BlockPass;
 export declare const blockPadding: BlockPass;

package/dist/render/lib/document/passes/section-padding.js

@@ -1 +1 @@
-import{jsx as f}from"react/jsx-runtime";import{isBackgroundBox as u}from"../../../../format/lib/content/box-background.js";import{resolveSectionPadding as h,sectionPadAttrs as r}from"../../../../format/lib/content/section-padding.js";const c={ParagraphsA:{top:60,bottom:80},StatsParagraph:{top:120,bottom:120},Timeline:{top:120,bottom:120},Footprint:{top:120,bottom:120},TimelineTrack:{top:120,bottom:120},TitleWithButtons:{top:140,bottom:140},ProcessSteps:{top:120,bottom:120},DetailRows:{top:100,bottom:100}},P=new Set(Object.keys(c)),l=new Set(["Flex","Text","Heading"]),T=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),g=new Set(["ProductGrid"]);function a(t,n,o=!1){const d=t.render;t.render=e=>{if(n?.(e))return d(e);const i=o?r(e.sectionPaddingTop,e.sectionPaddingBottom,e.sectionPaddingTopPhone,e.sectionPaddingBottomPhone,e.sectionPaddingLeft,e.sectionPaddingRight,e.sectionPaddingLeftPhone,e.sectionPaddingRightPhone):r(e.sectionPaddingTop,e.sectionPaddingBottom,e.sectionPaddingTopPhone,e.sectionPaddingBottomPhone),s=d(e);return i?f("div",{className:i.className,style:i.style,children:s}):s}}const x={name:"sectionPadding",applies:(t,n,o)=>n.isSection(t)&&!T.has(t)&&!!o&&typeof o.render=="function",panel(t,n,o){P.has(n)||g.has(n)||(t.fields={...t.fields,...o.sidesPaddingFields()})},draw(t,n){if(P.has(n)){const o=t.render,d=c[n];t.render=e=>{const i=h(e,d);return o({...e,padTop:i.top,padBottom:i.bottom})};return}if(g.has(n)){a(t);return}l.has(n)||a(t,n==="Flex"?o=>u(o.bgImage):void 0,!0)}},_=["Heading","Text"],m=["LogoBlock"],A={name:"blockPadding",applies:(t,n,o)=>(_.includes(t)||m.includes(t))&&!!o&&typeof o.render=="function",panel(t,n,o){t.fields={...t.fields,...o.sidesPaddingFields()}},draw(t,n){l.has(n)||a(t,void 0,!0)}};export{l as PAD_ON_ROOT,P as SECTION_PAD_INNER,c as SECTION_PAD_INNER_DEFAULTS,A as blockPadding,x as sectionPadding};
+import{jsx as f}from"react/jsx-runtime";import{isBackgroundBox as _}from"../../../../format/lib/content/box-background.js";import{resolveSectionPadding as h,sectionPadAttrs as r}from"../../../../format/lib/content/section-padding.js";const P={ParagraphsA:{top:60,bottom:80},StatsParagraph:{top:120,bottom:120},Timeline:{top:120,bottom:120},Footprint:{top:120,bottom:120},TimelineTrack:{top:120,bottom:120},TitleWithButtons:{top:140,bottom:140},ProcessSteps:{top:120,bottom:120},DetailRows:{top:100,bottom:100}},c=new Set(Object.keys(P)),l=new Set(["Flex","Text","Heading"]),u=new Set(["Divider"]),T=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),g=new Set(["ProductGrid"]);function a(t,n,o=!1){const d=t.render;t.render=e=>{if(n?.(e))return d(e);const i=o?r(e.sectionPaddingTop,e.sectionPaddingBottom,e.sectionPaddingTopPhone,e.sectionPaddingBottomPhone,e.sectionPaddingLeft,e.sectionPaddingRight,e.sectionPaddingLeftPhone,e.sectionPaddingRightPhone):r(e.sectionPaddingTop,e.sectionPaddingBottom,e.sectionPaddingTopPhone,e.sectionPaddingBottomPhone),s=d(e);return i?f("div",{className:i.className,style:i.style,children:s}):s}}const A={name:"sectionPadding",applies:(t,n,o)=>n.isSection(t)&&!T.has(t)&&!!o&&typeof o.render=="function",panel(t,n,o){c.has(n)||g.has(n)||(t.fields={...t.fields,...o.sidesPaddingFields()})},draw(t,n){if(c.has(n)){const o=t.render,d=P[n];t.render=e=>{const i=h(e,d);return o({...e,padTop:i.top,padBottom:i.bottom})};return}if(g.has(n)){a(t);return}l.has(n)||u.has(n)||a(t,n==="Flex"?o=>_(o.bgImage):void 0,!0)}},S=["Heading","Text"],m=["LogoBlock"],D={name:"blockPadding",applies:(t,n,o)=>(S.includes(t)||m.includes(t))&&!!o&&typeof o.render=="function",panel(t,n,o){t.fields={...t.fields,...o.sidesPaddingFields()}},draw(t,n){l.has(n)||a(t,void 0,!0)}};export{u as PADS_ITS_OWN_SPACE,l as PAD_ON_ROOT,c as SECTION_PAD_INNER,P as SECTION_PAD_INNER_DEFAULTS,D as blockPadding,A as sectionPadding};

package/dist/render/lib/sections/section-to-box.d.ts

@@ -1,3 +1,4 @@
+import type { StoredTextStyle } from "../text-styles/site-text-styles.js";
 type Props = Record<string, unknown>;
 export type SectionNode = {
     type: string;
@@ -28,19 +29,35 @@ export type SiteFacts = {
     site: string;
     headingCase: string | null;
     textStyles: boolean | null;
+    textStylesList?: readonly StoredTextStyle[] | null;
     themePresets: number | null;
-    cardShadow?: string | null;
     ownThemeRow?: boolean | null;
     deleted?: boolean;
 };
 export type ConvertContext = {
     site?: SiteFacts;
+    cardTheme?: number;
+};
+export type PageConvertContext = Pick<ConvertContext, "cardTheme">;
+export declare function pageConvertContextOf(metadata: Readonly<Record<string, unknown>> | undefined): PageConvertContext;
+export type Restyled = {
+    key: string;
+    was: {
+        size: number;
+        sizePhone?: number;
+    };
+    textStyle?: string;
+    size?: number;
+    sizePhone?: number;
 };
 export type SectionConversion = {
     node: SectionNode;
+    nodes: SectionNode[];
     carried: Carried[];
     dropped: Dropped[];
     siteWrites: SiteWrite[];
+    restyled: Restyled[];
+    skipped?: string;
 };
 export type TextRole = "heading" | "body" | "eyebrow";
 export type BoxEntry = string | readonly [string, string] | readonly [string, string, (value: unknown, props: Props) => unknown];
@@ -50,14 +67,41 @@ export type ButtonVariantOf = {
     fallback: string;
 };
 export type PartRow = PartRowKind & {
-    when?: (node: Props) => boolean;
+    when?: (node: Props, item?: Props) => boolean;
+};
+export type OwnProps = Props | ((node: Props, ctx: ConvertContext) => Props);
+export type ListItemLook = {
+    props?: Props;
+    reverse?: boolean;
+};
+export type ListPart = {
+    kind: "list";
+    key: string;
+    name: string;
+    parts: readonly PartRow[];
+    flat?: boolean;
+    props?: Props;
+    item?: (item: Props, index: number, node: Props) => ListItemLook;
+    perRow?: (node: Props) => number;
+    rowName?: string;
+    rowProps?: Props;
+};
+export type BlockSeed = {
+    type: string;
+    props?: Props;
+    slots?: Readonly<Record<string, readonly BlockSeed[]>>;
 };
+export type SlotFill = BlockSeed | ListPart;
 type PartRowKind = {
     kind: "text";
     key: string;
     role?: TextRole;
     style?: Props;
     props?: Props;
+    was?: {
+        size: number;
+        sizePhone?: number;
+    };
 } | {
     kind: "button";
     key: string;
@@ -70,33 +114,47 @@ type PartRowKind = {
     key: string;
     alt?: string;
     props?: Props;
-} | {
-    kind: "list";
-    key: string;
-    name: string;
-    parts: readonly PartRow[];
-    flat?: boolean;
-    props?: Props;
-} | {
+} | ListPart | {
     kind: "group";
     name: string;
     parts: readonly PartRow[];
-    props?: Props | ((node: Props, ctx: ConvertContext) => Props);
+    props?: OwnProps;
+    box?: readonly BoxEntry[];
+    keepEmpty?: boolean;
+} | {
+    kind: "block";
+    type: string;
     box?: readonly BoxEntry[];
+    props?: OwnProps;
+    slot?: string;
+    parts?: readonly PartRow[];
     keepEmpty?: boolean;
 } | {
     kind: "core";
     keep: readonly string[];
+    as?: string;
+    rename?: Readonly<Record<string, string>>;
+    props?: Props;
+    slots?: Readonly<Record<string, readonly SlotFill[]>>;
 };
 export interface SectionToBoxRow {
     name: string;
     on: boolean;
     box?: readonly BoxEntry[];
-    boxProps?: Props | ((props: Props) => Props);
+    boxProps?: OwnProps;
     parts: readonly PartRow[];
     drop?: Readonly<Record<string, string>>;
     site?: (node: SectionNode, ctx: ConvertContext) => readonly SiteWrite[];
+    skip?: (props: Props) => string | undefined;
+    also?: readonly SectionPiece[];
 }
+export type SectionPiece = {
+    name: string;
+    box?: readonly BoxEntry[];
+    boxProps?: OwnProps;
+    parts: readonly PartRow[];
+};
+export declare function sectionBoxIdOf(oldId: string, piece: number): string;
 export declare function registerBoxNativeSections(types: Readonly<Record<string, string>>): void;
 export declare function boxNativeReason(type: string): string | undefined;
 export declare function registerSectionToBox(rows: Readonly<Record<string, SectionToBoxRow>>): void;
@@ -108,9 +166,11 @@ export declare const hasWords: (v: unknown) => boolean;
 export declare function convertSection(node: SectionNode, row: SectionToBoxRow, ctx?: ConvertContext): SectionConversion;
 export declare function convertSectionsInPage<D extends {
     content?: unknown;
-}>(data: D): D;
-export declare function sectionToBoxEdits(content: unknown): {
+}>(data: D, page?: PageConvertContext): D;
+export type SectionToBoxEdit = {
     index: number;
     node: SectionNode;
-}[];
+    nodes: SectionNode[];
+};
+export declare function sectionToBoxEdits(content: unknown, page?: PageConvertContext): SectionToBoxEdit[];
 export {};

package/dist/render/lib/sections/section-to-box.js

@@ -1 +1 @@
-import{readHidable as H}from"efficient-easel/draw";import{BOX_TYPE as R,CONTAINER_BLOCKS_SLOT as X}from"../../../format/lib/document/container-blocks.js";import{headingTextSeed as K,labelTextSeed as W}from"../../../format/lib/document/text-seeds.js";import{SPLITTABLE_SECTIONS as M}from"../../../format/lib/sections/section-head-placement.js";const $=R,_=X,O={Flex:"the Box itself",Hero:"its slides hold Boxes of real blocks (Hero › Slide › Box)",Divider:"one block with no text, picture or button",CustomHTML:"the HTML box is the whole section; it has no parts"};function U(e){for(const[o,n]of Object.entries(e)){if(o in O&&O[o]!==n)throw new Error(`lib/sections/section-to-box: "${o}" is already Box-native`);O[o]=n}}function Z(e){return O[e]}const V=new Set(["id"]),b={};function tt(e){for(const[o,n]of Object.entries(e)){if(o in b&&b[o]!==n)throw new Error(`lib/sections/section-to-box: "${o}" already has a row`);b[o]=n}}function et(e){return b[e]}function ot(){return Object.keys(b)}function nt(e){return b[e]?.on===!0}function rt(e){const o=M[e];if(!o)throw new Error(`lib/sections/section-to-box: "${e}" has no head row in SPLITTABLE_SECTIONS`);const n=[{kind:"text",key:o.num,role:"eyebrow"},{kind:"text",key:o.title,role:"heading"}];return o.description&&n.push({kind:"text",key:o.description,role:"body"}),o.headRows.includes("linkText")&&o.headRows.includes("linkHref")&&n.push({kind:"button",key:"linkText",href:"linkHref"}),n}const E=e=>H(e),it=e=>E(e).text.trim()!=="",Y=e=>e==="heading"?K():e==="eyebrow"?W():{};function D(e,o,n){const s={...e._partStyles?.text??{},...o??{},...n??{}};return Object.keys(s).length?{_partStyles:{text:s}}:{}}function F(e,o){if(e===void 0)return{};if(typeof e=="string")return{variant:e};const n=o[e.key];return{variant:typeof n=="string"&&Object.hasOwn(e.map,n)?e.map[n]:e.fallback}}function I(e,o,n,a){const s={...o};for(const l of e){const[u,k,m]=typeof l=="string"?[l,l,void 0]:l;if(n[u]===void 0)continue;const S=m?m(n[u],n):n[u];S===void 0?delete s[k]:s[k]=S,a(u,k,S===void 0)}return s}function P(e,o,n={}){const a=e.props,s=String(a.id??e.type),l=[],u=[],k=new Set,m=(c,r)=>{l.push({key:c,home:r}),k.add(c)},S=a._partStyles??{};let j=0;const g=(c,r)=>({type:c,props:{...r,id:`${s}~${c}-${++j}`}}),T=(c,r,w,y)=>{const h=[],p=(t,i)=>w?m(t,i):void 0,v=t=>w?S[t]:void 0;for(const t of c)if(!(t.when&&!t.when(a)))switch(t.kind){case"text":{const i=E(r[t.key]);if(!i.text.trim()){p(t.key,"nothing — empty words draw nothing, so no block");break}const f=Y(t.role??"body"),{_partStyles:x,...d}=f;h.push(g("Text",{text:i.text,...d,...t.props??{},...D(f,t.style,v(t.key)),...i.hidden?{_hidden:!0}:{}})),p(t.key,`${y}Text block: its words${i.hidden?", hidden":""}`);break}case"button":{const i=E(r[t.key]);if(!i.text.trim()){p(t.key,"nothing — no words, no button"),p(t.href,"nothing — no button to link"),typeof t.variant=="object"&&p(t.variant.key,"nothing — no button to style");break}const f=typeof r[t.href]=="string"&&r[t.href]?r[t.href]:"#",x={...t.style??{},...v(t.key)??{}};h.push(g("ButtonBlock",{label:i.text,href:f,...t.props??{},...F(t.variant,r),...Object.keys(x).length?{_partStyles:{label:x}}:{},...i.hidden?{_hidden:!0}:{}})),p(t.key,`${y}Button block: its words`),p(t.href,`${y}Button block: its link`),typeof t.variant=="object"&&p(t.variant.key,`${y}Button block: its Style`);break}case"image":{const i=r[t.key];if(typeof i!="string"||!i){p(t.key,"nothing — no picture, no block"),t.alt&&p(t.alt,"nothing — no picture to describe");break}const f=t.alt&&typeof r[t.alt]=="string"?r[t.alt]:"";h.push(g("ImageBlock",{src:i,alt:f,...t.props??{}})),p(t.key,`${y}Image block: its picture`),t.alt&&p(t.alt,`${y}Image block: its alt text`);break}case"list":{const i=Array.isArray(r[t.key])?r[t.key]:[];i.forEach((f,x)=>{const d=T(t.parts,f??{},!1,`item ${x+1}: `);if(t.flat){h.push(...d);return}h.push(g($,{name:`${t.name} ${x+1}`,...t.props??{},[_]:d}))}),p(t.key,i.length?t.flat?`each item's parts (${i.length} items), in order`:`one Box per item (${i.length}), its parts inside`:"nothing — the list is empty");break}case"group":{const i=T(t.parts,r,w,y);if(!i.length&&!t.keepEmpty){for(const d of t.box??[]){const B=typeof d=="string"?d:d[0];r[B]!==void 0&&p(B,`nothing — the ${t.name} Box has no parts, so it is not drawn`)}break}const f=typeof t.props=="function"?t.props(a,n):t.props??{},x=I(t.box??[],f,r,(d,B,C)=>p(d,C?`nothing — the old value draws nothing (${t.name} Box: no ${B})`:`${y}${t.name} Box: ${B}`));h.push(g($,{name:t.name,...x,[_]:i}));break}case"core":{const i={headPlacement:"own-box"};for(const f of t.keep)r[f]!==void 0&&(i[f]=r[f],p(f,`the ${e.type} block inside the Box`));h.push(g(e.type,i));break}}return h},A=T(o.parts,a,!0,""),N=typeof o.boxProps=="function"?o.boxProps(a):o.boxProps??{},L=I(o.box??[],N,a,(c,r,w)=>m(c,w?`nothing — the old value draws nothing (Box: no ${r})`:`Box: ${r}`));a._partStyles!==void 0&&m("_partStyles","each old part's style moved to its new part");for(const[c,r]of Object.entries(o.drop??{}))c in a&&(u.push({key:c,why:r}),k.add(c));for(const c of Object.keys(a))V.has(c)||k.has(c)||u.push({key:c,why:"not in the row — not carried"});return{node:{type:$,props:{name:o.name,...L,[_]:A,id:`${s}~box`}},carried:l,dropped:u,siteWrites:[...o.site?.(e,n)??[]]}}function st(e){const o=e.content;if(!Array.isArray(o))return e;let n=!1;const a=o.map(s=>{const l=s&&typeof s.type=="string"?b[s.type]:void 0;return l?.on?(n=!0,P(s,l).node):s});return n?{...e,content:a}:e}function at(e){if(!Array.isArray(e))return[];const o=[];return e.forEach((n,a)=>{const s=n&&typeof n.type=="string"?b[n.type]:void 0;s?.on&&o.push({index:a,node:P(n,s).node})}),o}export{_ as SECTION_BOX_SLOT,$ as SECTION_BOX_TYPE,Z as boxNativeReason,P as convertSection,st as convertSectionsInPage,nt as convertsToBox,it as hasWords,rt as headParts,U as registerBoxNativeSections,tt as registerSectionToBox,at as sectionToBoxEdits,et as sectionToBoxRow,ot as sectionToBoxTypes};
+import{readHidable as K}from"efficient-easel/draw";import{BOX_TYPE as V,CONTAINER_BLOCKS_SLOT as Y}from"../../../format/lib/document/container-blocks.js";import{headingTextSeed as D,labelTextSeed as F}from"../../../format/lib/document/text-seeds.js";import{SPLITTABLE_SECTIONS as G}from"../../../format/lib/sections/section-head-placement.js";import{siteCardThemeOf as q}from"../../../format/lib/content/section-width.js";import{finiteNumber as _}from"../../../format/lib/finite-number.js";const E=V,v=Y;function ct(e){const r=q(e);return r===null?{}:{cardTheme:r}}function J(e,r){return r===0?`${e}~box`:`${e}~box-${r+1}`}const P={Flex:"the Box itself",Hero:"its slides hold Boxes of real blocks (Hero › Slide › Box)",Divider:"one block with no text, picture or button",CustomHTML:"the HTML box is the whole section; it has no parts"};function at(e){for(const[r,i]of Object.entries(e)){if(r in P&&P[r]!==i)throw new Error(`lib/sections/section-to-box: "${r}" is already Box-native`);P[r]=i}}function ft(e){return P[e]}const Q=new Set(["id"]),S={};function dt(e){for(const[r,i]of Object.entries(e)){if(r in S&&S[r]!==i)throw new Error(`lib/sections/section-to-box: "${r}" already has a row`);S[r]=i}}function pt(e){return S[e]}function lt(){return Object.keys(S)}function ut(e){return S[e]?.on===!0}function yt(e){const r=G[e];if(!r)throw new Error(`lib/sections/section-to-box: "${e}" has no head row in SPLITTABLE_SECTIONS`);const i=[{kind:"text",key:r.num,role:"eyebrow"},{kind:"text",key:r.title,role:"heading"}];return r.description&&i.push({kind:"text",key:r.description,role:"body"}),r.headRows.includes("linkText")&&r.headRows.includes("linkHref")&&i.push({kind:"button",key:"linkText",href:"linkHref"}),i}const j=e=>K(e),ht=e=>j(e).text.trim()!=="",U=e=>e==="heading"?D():e==="eyebrow"?F():{};function Z(e,r,i){const x={...e._partStyles?.text??{},...r??{},...i??{}};return Object.keys(x).length?{_partStyles:{text:x}}:{}}function tt(e,r){if(e===void 0)return{};if(typeof e=="string")return{variant:e};const i=r[e.key];return{variant:typeof i=="string"&&Object.hasOwn(e.map,i)?e.map[i]:e.fallback}}function R(e,r,i,f){const x={...r};for(const y of e){const[h,m,T]=typeof y=="string"?[y,y,void 0]:y;if(i[h]===void 0)continue;const O=T?T(i[h],i):i[h];O===void 0?delete x[m]:x[m]=O,f(h,m,O===void 0)}return x}function z(e,r,i={}){const f=e.props,x=r.skip?.(f);if(x!==void 0)return{node:e,nodes:[e],carried:[],dropped:[],siteWrites:[],restyled:[],skipped:x};const y=String(f.id??e.type),h=[],m=[],T=[],O=new Set,I=(n,o)=>{h.push({key:n,home:o}),O.add(n)},M=f._partStyles??{};let W=0;const $=(n,o)=>({type:n,props:{...o,id:`${y}~${n}-${++W}`}}),N=(n,o,l,d,u,a,k)=>{if(u){for(const s of n??[]){const c=typeof s=="string"?s:s[0];l[c]!==void 0&&k(c,`nothing — the ${d} has no parts, so it is not drawn`)}return}const t=typeof o=="function"?o(f,i):o??{};return R(n??[],t,l,(s,c,p)=>k(s,p?`nothing — the old value draws nothing (${d}: no ${c})`:`${a}${d}: ${c}`))},A=n=>n.map(o=>{const l={...o.props??{}};for(const[d,u]of Object.entries(o.slots??{}))l[d]=A(u);return $(o.type,l)}),C=(n,o,l)=>{const d=Array.isArray(o[n.key])?o[n.key]:[],u=d.map((s,c)=>{const p=s??{},b=n.item?.(p,c,f)??{},g=B(b.reverse?[...n.parts].reverse():n.parts,p,!1,`item ${c+1}: `);return n.flat?b.props?g.map(w=>({...w,props:{...w.props,...b.props,id:w.props.id}})):g:[$(E,{name:`${n.name} ${c+1}`,...n.props??{},...b.props??{},[v]:g})]}),a=n.perRow?.(f),k=n.perRow?Number.isInteger(a)&&a>=1?a:1:0;if(l(n.key,(d.length?n.flat?`each item's parts (${d.length} items), in order`:`one Box per item (${d.length}), its parts inside`:"nothing — the list is empty")+(k&&d.length?`, in rows of ${k}`:"")),!k)return u.flat();const t=[];for(let s=0;s*k<u.length;s++)t.push($(E,{name:`${n.rowName??`${n.name} row`} ${s+1}`,...n.rowProps??{},[v]:u.slice(s*k,(s+1)*k).flat()}));return t},B=(n,o,l,d)=>{const u=[],a=(t,s)=>l?I(t,s):void 0,k=t=>l?M[t]:void 0;for(const t of n)if(!(t.when&&!t.when(f,l?void 0:o)))switch(t.kind){case"text":{const s=j(o[t.key]);if(!s.text.trim()){a(t.key,"nothing — empty words draw nothing, so no block");break}const c=U(t.role??"body"),{_partStyles:p,...b}=c,g=Z(c,t.style,k(t.key));if(t.was&&l){const w=g._partStyles?.text??{};T.push({key:t.key,was:t.was,...typeof w.textStyle=="string"?{textStyle:w.textStyle}:{},..._(w.size)!==void 0?{size:_(w.size)}:{},..._(w.sizePhone)!==void 0?{sizePhone:_(w.sizePhone)}:{}})}u.push($("Text",{text:s.text,...b,...t.props??{},...g,...s.hidden?{_hidden:!0}:{}})),a(t.key,`${d}Text block: its words${s.hidden?", hidden":""}`);break}case"button":{const s=j(o[t.key]);if(!s.text.trim()){a(t.key,"nothing — no words, no button"),a(t.href,"nothing — no button to link"),typeof t.variant=="object"&&a(t.variant.key,"nothing — no button to style");break}const c=typeof o[t.href]=="string"&&o[t.href]?o[t.href]:"#",p={...t.style??{},...k(t.key)??{}};u.push($("ButtonBlock",{label:s.text,href:c,...t.props??{},...tt(t.variant,o),...Object.keys(p).length?{_partStyles:{label:p}}:{},...s.hidden?{_hidden:!0}:{}})),a(t.key,`${d}Button block: its words`),a(t.href,`${d}Button block: its link`),typeof t.variant=="object"&&a(t.variant.key,`${d}Button block: its Style`);break}case"image":{const s=o[t.key];if(typeof s!="string"||!s){a(t.key,"nothing — no picture, no block"),t.alt&&a(t.alt,"nothing — no picture to describe");break}const c=t.alt&&typeof o[t.alt]=="string"?o[t.alt]:"";u.push($("ImageBlock",{src:s,alt:c,...t.props??{}})),a(t.key,`${d}Image block: its picture`),t.alt&&a(t.alt,`${d}Image block: its alt text`);break}case"list":{u.push(...C(t,o,a));break}case"group":{const s=B(t.parts,o,l,d),c=N(t.box,t.props,o,`${t.name} Box`,!s.length&&!t.keepEmpty,d,a);c&&u.push($(E,{name:t.name,...c,[v]:s}));break}case"block":{const s=t.parts?B(t.parts,o,l,d):[],c=N(t.box,t.props,o,`${t.type} block`,!!t.parts&&!s.length&&!t.keepEmpty,d,a);c&&u.push($(t.type,{...c,...t.slot?{[t.slot]:s}:{}}));break}case"core":{const s=t.as??e.type,c={headPlacement:"own-box",...t.props??{}};for(const p of t.keep)o[p]!==void 0&&(c[p]=o[p],a(p,`the ${s} block inside the Box`));for(const[p,b]of Object.entries(t.rename??{}))o[p]!==void 0&&(c[b]=o[p],a(p,`the ${s} block inside the Box: ${b}`));for(const[p,b]of Object.entries(t.slots??{}))c[p]=b.flatMap(g=>"kind"in g?C(g,o,a):A([g]));u.push($(s,c));break}}return u},X=(n,o)=>{const l=o===0?"Box":`${n.name} Box`,d=B(n.parts,f,!0,o===0?"":`${l}: `),u=typeof n.boxProps=="function"?n.boxProps(f,i):n.boxProps??{},a=R(n.box??[],u,f,(k,t,s)=>I(k,s?`nothing — the old value draws nothing (${l}: no ${t})`:`${l}: ${t}`));return{type:E,props:{name:n.name,...a,[v]:d,id:J(y,o)}}},L=[r,...r.also??[]].map(X);f._partStyles!==void 0&&I("_partStyles","each old part's style moved to its new part");for(const[n,o]of Object.entries(r.drop??{}))n in f&&(m.push({key:n,why:o}),O.add(n));for(const n of Object.keys(f))Q.has(n)||O.has(n)||m.push({key:n,why:"not in the row — not carried"});return{node:L[0],nodes:L,carried:h,dropped:m,siteWrites:[...r.site?.(e,i)??[]],restyled:T}}const H=e=>typeof e.cardTheme=="number"?{cardTheme:e.cardTheme}:{};function kt(e,r={}){const i=e.content;if(!Array.isArray(i))return e;let f=!1;const x=i.flatMap(y=>{const h=y&&typeof y.type=="string"?S[y.type]:void 0;if(!h?.on)return[y];const m=z(y,h,H(r));return m.skipped!==void 0?[y]:(f=!0,m.nodes)});return f?{...e,content:x}:e}function xt(e,r={}){if(!Array.isArray(e))return[];const i=[];return e.forEach((f,x)=>{const y=f&&typeof f.type=="string"?S[f.type]:void 0;if(!y?.on)return;const h=z(f,y,H(r));h.skipped===void 0&&i.push({index:x,node:h.node,nodes:h.nodes})}),i}export{v as SECTION_BOX_SLOT,E as SECTION_BOX_TYPE,ft as boxNativeReason,z as convertSection,kt as convertSectionsInPage,ut as convertsToBox,ht as hasWords,yt as headParts,ct as pageConvertContextOf,at as registerBoxNativeSections,dt as registerSectionToBox,J as sectionBoxIdOf,xt as sectionToBoxEdits,pt as sectionToBoxRow,lt as sectionToBoxTypes};

package/dist/render/lib/text-styles/site-text-styles.d.ts

@@ -33,6 +33,7 @@ export type OldSiteText = {
 };
 export declare function textStylesFromOld(old: OldSiteText): StoredTextStyle[];
 export declare function storedTextStyles(value: unknown): StoredTextStyle[];
+export declare function listToWrite(saved: unknown): StoredTextStyle[];
 export declare function resolveTextStyles(saved: unknown, old: OldSiteText): StoredTextStyle[];
 export declare function applyListChange({ saved, old, cur, next, sizeOf, }: {
     saved: unknown;
@@ -80,4 +81,5 @@ export declare function pushIntoStyle({ saved, old, styleId, values, }: {
     saved: StoredTextStyle[];
     old: OldSiteText;
 };
+export declare function setStyleValues(list: readonly StoredTextStyle[], styleId: string, values: StoredTextStyleValues): StoredTextStyle[];
 export declare function eyebrowStyleId(list: readonly Pick<StoredTextStyle, "id" | "kind">[]): string;

package/dist/render/lib/text-styles/site-text-styles.js

@@ -1,2 +1,2 @@
-import{defaultTextStyles as J,textStyleCaseCss as X}from"efficient-easel/text-styles/model";import{FONT_OPTIONS as Y,normalizeFonts as F}from"../../../format/lib/fonts.js";import{PART_PHONE_MAX_CSS as G,STYLE_ID_OF_ROLE as U,TEXT_STYLE_ATTR as W,partSpacingOf as Z}from"../document/part-styles.js";import{faceClassOf as I}from"../../../format/lib/text-style-face.js";import{compressionMetrics as q,headingTypographyFromRow as B,normalizeHeadingCompression as C,normalizeSizes as L}from"../../../format/lib/theme.js";const T=e=>e==="sentence"?"none":void 0,h=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,_=e=>typeof e=="string"&&e?e:void 0,j=["font","color","size","sizePhone","weight","italic","lineHeight","letterSpacing","paragraphSpacing","letterCase","largestSize"];function p(e){const i={};for(const n of j)e[n]!==void 0&&(i[n]=e[n]);return i}function H(e,i){const{auto:n,...t}=e,s=new Set(i??[]),r=j.filter(o=>s.has(o)&&e.values[o]===void 0);return r.length?{...t,auto:r}:t}function O(e){const i=e.fonts,n=e.sizes,t=e.typography,s=q(e.compression),r={"heading-1":{font:_(i.heading),size:h(n.headingLarge),weight:h(t.weight),lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,letterCase:T(t.case),largestSize:h(t.maxPx)},"heading-2":{font:_(i.heading2),size:h(n.headingMedium),weight:h(t.weight2),lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,letterCase:T(t.case2)},"heading-3":{font:_(i.heading3),size:h(n.headingSmall),weight:h(t.weight3),lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,letterCase:T(t.case3)},"body-1":{font:_(i.body),size:h(n.body)},"body-5":{font:_(i.label),size:h(n.label)}};return J().map(({id:o,kind:l,name:d})=>({id:o,kind:l,name:d,values:p(r[o]??{})}))}function $(e){return Array.isArray(e)&&e.every(n=>n&&typeof n=="object"&&typeof n.id=="string"&&(n.kind==="heading"||n.kind==="body")&&typeof n.name=="string")?e.map(n=>H({...n,values:p(n.values??{})},Array.isArray(n.auto)?n.auto:void 0)):null}function le(e){return $(e)??[]}function w(e,i){const n=O(i),t=$(e);return t?t.map(s=>{const r={...P(n,s.id)};for(const o of s.auto??[])delete r[o];return{...s,values:p({...r,...s.values})}}):n}const P=(e,i)=>e.find(n=>n.id===i)?.values??{},R=["heading-1","heading-2","heading-3"];function de({saved:e,old:i,cur:n,next:t,sizeOf:s}){const r=O(i),o=$(e)??r.map(a=>({...a,values:{}})),l=w(o,i),d=[],y=t.map(a=>{const c=n.find(f=>f.id===a.id),b=o.find(f=>f.id===a.id);if(!c||!b)return K([a],s)[0];const u={...b.values},z=new Set(b.auto??[]),v=a.values,A=c.values,N=[...new Set([...Object.keys(v),...Object.keys(A)])].filter(f=>JSON.stringify(v[f])!==JSON.stringify(A[f]));N.sort((f,m)=>+(f==="letterSpacing")-+(m==="letterSpacing"));for(const f of N){const m=f==="lineSpacing"?"lineHeight":f,k=v[f];if(k===void 0){delete u[m],P(r,a.id)[m]!==void 0&&(d.push([a.id,m]),z.add(m));continue}if(z.delete(m),f==="lineSpacing")u.lineHeight=x(k/100,3);else if(f==="letterSpacing"){const V=l.find(D=>D.id===a.id),E=s({...a,values:p({...V?.values??{},...u})});u.letterSpacing=E?x(k/E,4):0}else u[m]=k}return H({id:a.id,kind:a.kind,name:a.name,values:p(u)},z)});let g=i.compression;if(d.some(([a,c])=>(c==="lineHeight"||c==="letterSpacing")&&R.includes(a))&&C(g)!=="normal"){for(const a of R){const c=y.find(u=>u.id===a);if(!c)continue;const b={...c.values};for(const u of["lineHeight","letterSpacing"])d.some(([z,v])=>z===a&&v===u)||b[u]===void 0&&!(c.auto??[]).includes(u)&&(b[u]=P(r,a)[u]);c.values=p(b)}g="normal"}return{saved:y,old:{...i,compression:g}}}function ce(e,i){const n={text_styles:e.saved};return e.old.compression!==i.compression&&(n.heading_compression=C(e.old.compression)),n}const x=(e,i)=>Number(e.toFixed(i));function ue(e,i){return e.map(n=>{const{lineHeight:t,letterSpacing:s,...r}=n.values,o={...r};return t!==void 0&&(o.lineSpacing=x(t*100,1)),s!==void 0&&(o.letterSpacing=x(s*i(n),2)),{id:n.id,kind:n.kind,name:n.name,values:o}})}function K(e,i){return e.map(n=>{const{lineSpacing:t,letterSpacing:s,...r}=n.values,o={id:n.id,kind:n.kind,name:n.name,values:p({...r})},l={...o.values};if(t!==void 0&&(l.lineHeight=x(t/100,3)),s!==void 0){const d=i({...o,values:{...o.values}});l.letterSpacing=d?x(s/d,4):0}return{...o,values:p(l)}})}function fe(e){const i={fonts:F({heading:e.heading_font??void 0,heading2:e.heading_2_font??void 0,heading3:e.heading_3_font??void 0,body:e.body_font??void 0,accent:e.accent_font??void 0,label:e.label_font??void 0}),sizes:L({headingLarge:e.heading_size_large_px,headingMedium:e.heading_size_medium_px,headingSmall:e.heading_size_small_px,accent:e.accent_size_px,body:e.body_size_px,label:e.label_size_px}),compression:C(e.heading_compression),typography:B(e)},n=e.text_styles??null,t=Array.isArray(n)?M(w(n,i),i):i;return{fonts:F(t.fonts),sizes:L(t.sizes),compression:C(t.compression),typography:t.typography,textStyles:n}}function M(e,i){const n=a=>e.find(c=>c.id===a)?.values??{},t=n("heading-1"),s=n("heading-2"),r=n("heading-3"),o=n("body-1"),l=n("body-5"),d=i.fonts,y=i.sizes,g=i.typography,S=a=>a==="none"?"sentence":"authored";return{fonts:{...d,heading:t.font??d.heading,heading2:s.font??t.font??d.heading2,heading3:r.font??t.font??d.heading3,body:o.font??d.body,label:l.font??d.label},sizes:{...y,headingLarge:t.size??null,headingMedium:s.size??null,headingSmall:r.size??null,body:o.size??null,label:l.size??null},compression:i.compression,typography:{...g,case:S(t.letterCase),weight:t.weight??null,maxPx:t.largestSize??null,weight2:s.weight??null,weight3:r.weight??null,case2:S(s.letterCase),case3:S(r.letterCase)}}}function ge(e){const i=$(e.textStyles);if(!i||i.every(s=>Object.keys(s.values).length===0&&!s.auto))return e;const n={fonts:e.fonts??{},sizes:e.sizes??{},compression:String(e.headingCompression??"normal"),typography:e.headingTypography??{}},t=M(w(i,n),n);return{...e,fonts:t.fonts,sizes:t.sizes,headingCompression:t.compression,headingTypography:t.typography}}function Q(e){return e==="accent"?"var(--accent)":e==="text"?"var(--fg)":e==="labels"?"var(--fg-dim)":/^#[0-9a-f]{6}$/i.test(e)?e:null}function ee(e){const i=":is([data-sf-bullet], [data-sf-number])";return[`${e} br:not(br + br) { display: block; content: ""; margin-top: var(--sf-part-para) }`,`${e} ${i}:not(:first-child) { margin-top: var(--sf-part-para) }`,`${e} ${i}:not(:last-child) { margin-bottom: var(--sf-part-para) }`]}function pe(e){const i=[];for(const n of e){const t=n.values,s=`.${I(n)}`,r=`[${W}="${n.id}"]`,o=`${s}, ${r}`,l=[],d=t.font!==void 0?Y.find(a=>a.key===t.font)?.cssVar:void 0;if(d&&l.push(`font-family: var(${d})`),t.size!==void 0){const a=t.largestSize!==void 0?Math.min(t.size,t.largestSize):t.size;l.push(`font-size: ${a}px`)}const y=t.color!==void 0?Q(t.color):null;y&&l.push(`color: ${y}`),t.italic===!0&&l.push("font-style: italic"),t.weight!==void 0&&l.push(`font-weight: ${t.weight}`);const g=[];t.lineHeight!==void 0&&g.push(`line-height: ${t.lineHeight}`),t.letterSpacing!==void 0&&g.push(`letter-spacing: ${t.letterSpacing}em`),n.kind==="body"&&l.push(...g);const S=X(t.letterCase);if(S&&l.push(`text-transform: ${S}`),t.paragraphSpacing&&l.push(`--sf-part-para: ${t.paragraphSpacing}px`),l.length&&i.push(`${o} { ${l.join("; ")} }`),n.kind==="heading"&&g.length&&i.push(`${o}, ${s}:is(h1, h2, h3, h4), ${r}:is(h1, h2, h3, h4) { ${g.join("; ")} }`),t.paragraphSpacing&&i.push(...ee(`:is(${o})`)),t.sizePhone!==void 0){const a=ne[n.id],c=[`${o} { font-size: ${t.sizePhone}px }`];a&&c.push(`.sf-themed-content { --size-${a}: ${t.sizePhone}px !important }`),i.push(`@media ${G} { ${c.join(" ")} }`)}}return i.join(`
-`)}const ne={"heading-1":"headingLarge","heading-2":"headingMedium","heading-3":"headingSmall","body-1":"body","body-5":"label"};function he(e){return e!==!0&&e!==!1?"":`em.text-accent { font-style: ${e?"italic":"normal"} }`}function me(e){return e?U[e]:void 0}function te(e){const i=Z(e);return p({font:e.font,color:e.color,size:e.size,weight:e.weight,italic:e.italic,lineHeight:i.lineHeight,letterSpacing:i.letterSpacingEm,paragraphSpacing:e.paragraphSpacing,letterCase:e.case})}function ye(e){return Object.keys(te(e)).length>0}function Se({saved:e,old:i,styleId:n,values:t}){return{saved:($(e)??O(i).map(o=>({...o,values:{}}))).map(o=>o.id===n?H({...o,values:p({...o.values,...t})},o.auto):o),old:i}}function be(e){const i=e.filter(n=>n.kind==="body").map(n=>Number(/^body-(\d+)$/.exec(n.id)?.[1])).filter(n=>Number.isInteger(n)&&n>0);return i.length?`body-${Math.max(...i)}`:"body-1"}export{he as accentItalicCss,de as applyListChange,be as eyebrowStyleId,I as faceClassOf,K as fromPanelStyles,ye as hasStyleChange,ce as listChangePatch,te as partStyleToTextStyleValues,Se as pushIntoStyle,w as resolveTextStyles,fe as siteTextFromRow,le as storedTextStyles,me as styleIdOfRole,pe as textStylesCss,O as textStylesFromOld,M as textStylesToOld,ge as themeWithTextStyles,ue as toPanelStyles};
+import{defaultTextStyles as E,textStyleCaseCss as X}from"efficient-easel/text-styles/model";import{FONT_OPTIONS as Y,normalizeFonts as I}from"../../../format/lib/fonts.js";import{PART_PHONE_MAX_CSS as G,STYLE_ID_OF_ROLE as U,TEXT_STYLE_ATTR as Z,partSpacingOf as q}from"../document/part-styles.js";import{faceClassOf as L}from"../../../format/lib/text-style-face.js";import{compressionMetrics as B,headingTypographyFromRow as K,normalizeHeadingCompression as k,normalizeSizes as j}from"../../../format/lib/theme.js";import{finiteNumber as h}from"../../../format/lib/finite-number.js";const T=e=>e==="sentence"?"none":void 0,_=e=>typeof e=="string"&&e?e:void 0,F=["font","color","size","sizePhone","weight","italic","lineHeight","letterSpacing","paragraphSpacing","letterCase","largestSize"];function p(e){const i={};for(const n of F)e[n]!==void 0&&(i[n]=e[n]);return i}function H(e,i){const{auto:n,...t}=e,o=new Set(i??[]),r=F.filter(a=>o.has(a)&&e.values[a]===void 0);return r.length?{...t,auto:r}:t}function R(e){const i=e.fonts,n=e.sizes,t=e.typography,o=B(e.compression),r={"heading-1":{font:_(i.heading),size:h(n.headingLarge),weight:h(t.weight),lineHeight:o.lineHeight,letterSpacing:o.letterSpacing,letterCase:T(t.case),largestSize:h(t.maxPx)},"heading-2":{font:_(i.heading2),size:h(n.headingMedium),weight:h(t.weight2),lineHeight:o.lineHeight,letterSpacing:o.letterSpacing,letterCase:T(t.case2)},"heading-3":{font:_(i.heading3),size:h(n.headingSmall),weight:h(t.weight3),lineHeight:o.lineHeight,letterSpacing:o.letterSpacing,letterCase:T(t.case3)},"body-1":{font:_(i.body),size:h(n.body)},"body-5":{font:_(i.label),size:h(n.label)}};return E().map(({id:a,kind:l,name:c})=>({id:a,kind:l,name:c,values:p(r[a]??{})}))}function C(e){return Array.isArray(e)&&e.every(n=>n&&typeof n=="object"&&typeof n.id=="string"&&(n.kind==="heading"||n.kind==="body")&&typeof n.name=="string")?e.map(n=>H({...n,values:p(n.values??{})},Array.isArray(n.auto)?n.auto:void 0)):null}function ue(e){return C(e)??[]}function M(e){return C(e)??E().map(({id:i,kind:n,name:t})=>({id:i,kind:n,name:t,values:{}}))}function O(e,i){const n=R(i),t=C(e);return t?t.map(o=>{const r={...w(n,o.id)};for(const a of o.auto??[])delete r[a];return{...o,values:p({...r,...o.values})}}):n}const w=(e,i)=>e.find(n=>n.id===i)?.values??{},V=["heading-1","heading-2","heading-3"];function fe({saved:e,old:i,cur:n,next:t,sizeOf:o}){const r=R(i),a=M(e),l=O(a,i),c=[],y=t.map(s=>{const d=n.find(f=>f.id===s.id),b=a.find(f=>f.id===s.id);if(!d||!b)return Q([s],o)[0];const u={...b.values},z=new Set(b.auto??[]),v=s.values,P=d.values,A=[...new Set([...Object.keys(v),...Object.keys(P)])].filter(f=>JSON.stringify(v[f])!==JSON.stringify(P[f]));A.sort((f,m)=>+(f==="letterSpacing")-+(m==="letterSpacing"));for(const f of A){const m=f==="lineSpacing"?"lineHeight":f,$=v[f];if($===void 0){delete u[m],w(r,s.id)[m]!==void 0&&(c.push([s.id,m]),z.add(m));continue}if(z.delete(m),f==="lineSpacing")u.lineHeight=x($/100,3);else if(f==="letterSpacing"){const J=l.find(W=>W.id===s.id),N=o({...s,values:p({...J?.values??{},...u})});u.letterSpacing=N?x($/N,4):0}else u[m]=$}return H({id:s.id,kind:s.kind,name:s.name,values:p(u)},z)});let g=i.compression;if(c.some(([s,d])=>(d==="lineHeight"||d==="letterSpacing")&&V.includes(s))&&k(g)!=="normal"){for(const s of V){const d=y.find(u=>u.id===s);if(!d)continue;const b={...d.values};for(const u of["lineHeight","letterSpacing"])c.some(([z,v])=>z===s&&v===u)||b[u]===void 0&&!(d.auto??[]).includes(u)&&(b[u]=w(r,s)[u]);d.values=p(b)}g="normal"}return{saved:y,old:{...i,compression:g}}}function ge(e,i){const n={text_styles:e.saved};return e.old.compression!==i.compression&&(n.heading_compression=k(e.old.compression)),n}const x=(e,i)=>Number(e.toFixed(i));function pe(e,i){return e.map(n=>{const{lineHeight:t,letterSpacing:o,...r}=n.values,a={...r};return t!==void 0&&(a.lineSpacing=x(t*100,1)),o!==void 0&&(a.letterSpacing=x(o*i(n),2)),{id:n.id,kind:n.kind,name:n.name,values:a}})}function Q(e,i){return e.map(n=>{const{lineSpacing:t,letterSpacing:o,...r}=n.values,a={id:n.id,kind:n.kind,name:n.name,values:p({...r})},l={...a.values};if(t!==void 0&&(l.lineHeight=x(t/100,3)),o!==void 0){const c=i({...a,values:{...a.values}});l.letterSpacing=c?x(o/c,4):0}return{...a,values:p(l)}})}function he(e){const i={fonts:I({heading:e.heading_font??void 0,heading2:e.heading_2_font??void 0,heading3:e.heading_3_font??void 0,body:e.body_font??void 0,accent:e.accent_font??void 0,label:e.label_font??void 0}),sizes:j({headingLarge:e.heading_size_large_px,headingMedium:e.heading_size_medium_px,headingSmall:e.heading_size_small_px,accent:e.accent_size_px,body:e.body_size_px,label:e.label_size_px}),compression:k(e.heading_compression),typography:K(e)},n=e.text_styles??null,t=Array.isArray(n)?D(O(n,i),i):i;return{fonts:I(t.fonts),sizes:j(t.sizes),compression:k(t.compression),typography:t.typography,textStyles:n}}function D(e,i){const n=s=>e.find(d=>d.id===s)?.values??{},t=n("heading-1"),o=n("heading-2"),r=n("heading-3"),a=n("body-1"),l=n("body-5"),c=i.fonts,y=i.sizes,g=i.typography,S=s=>s==="none"?"sentence":"authored";return{fonts:{...c,heading:t.font??c.heading,heading2:o.font??t.font??c.heading2,heading3:r.font??t.font??c.heading3,body:a.font??c.body,label:l.font??c.label},sizes:{...y,headingLarge:t.size??null,headingMedium:o.size??null,headingSmall:r.size??null,body:a.size??null,label:l.size??null},compression:i.compression,typography:{...g,case:S(t.letterCase),weight:t.weight??null,maxPx:t.largestSize??null,weight2:o.weight??null,weight3:r.weight??null,case2:S(o.letterCase),case3:S(r.letterCase)}}}function me(e){const i=C(e.textStyles);if(!i||i.every(o=>Object.keys(o.values).length===0&&!o.auto))return e;const n={fonts:e.fonts??{},sizes:e.sizes??{},compression:String(e.headingCompression??"normal"),typography:e.headingTypography??{}},t=D(O(i,n),n);return{...e,fonts:t.fonts,sizes:t.sizes,headingCompression:t.compression,headingTypography:t.typography}}function ee(e){return e==="accent"?"var(--accent)":e==="text"?"var(--fg)":e==="labels"?"var(--fg-dim)":/^#[0-9a-f]{6}$/i.test(e)?e:null}function ne(e){const i=":is([data-sf-bullet], [data-sf-number])";return[`${e} br:not(br + br) { display: block; content: ""; margin-top: var(--sf-part-para) }`,`${e} ${i}:not(:first-child) { margin-top: var(--sf-part-para) }`,`${e} ${i}:not(:last-child) { margin-bottom: var(--sf-part-para) }`]}function ye(e){const i=[];for(const n of e){const t=n.values,o=`.${L(n)}`,r=`[${Z}="${n.id}"]`,a=`${o}, ${r}`,l=[],c=t.font!==void 0?Y.find(s=>s.key===t.font)?.cssVar:void 0;if(c&&l.push(`font-family: var(${c})`),t.size!==void 0){const s=t.largestSize!==void 0?Math.min(t.size,t.largestSize):t.size;l.push(`font-size: ${s}px`)}const y=t.color!==void 0?ee(t.color):null;y&&l.push(`color: ${y}`),t.italic===!0&&l.push("font-style: italic"),t.weight!==void 0&&l.push(`font-weight: ${t.weight}`);const g=[];t.lineHeight!==void 0&&g.push(`line-height: ${t.lineHeight}`),t.letterSpacing!==void 0&&g.push(`letter-spacing: ${t.letterSpacing}em`),n.kind==="body"&&l.push(...g);const S=X(t.letterCase);if(S&&l.push(`text-transform: ${S}`),t.paragraphSpacing&&l.push(`--sf-part-para: ${t.paragraphSpacing}px`),l.length&&i.push(`${a} { ${l.join("; ")} }`),n.kind==="heading"&&g.length&&i.push(`${a}, ${o}:is(h1, h2, h3, h4), ${r}:is(h1, h2, h3, h4) { ${g.join("; ")} }`),t.paragraphSpacing&&i.push(...ne(`:is(${a})`)),t.sizePhone!==void 0){const s=te[n.id],d=[`${a} { font-size: ${t.sizePhone}px }`];s&&d.push(`.sf-themed-content { --size-${s}: ${t.sizePhone}px !important }`),i.push(`@media ${G} { ${d.join(" ")} }`)}}return i.join(`
+`)}const te={"heading-1":"headingLarge","heading-2":"headingMedium","heading-3":"headingSmall","body-1":"body","body-5":"label"};function Se(e){return e!==!0&&e!==!1?"":`em.text-accent { font-style: ${e?"italic":"normal"} }`}function be(e){return e?U[e]:void 0}function ie(e){const i=q(e);return p({font:e.font,color:e.color,size:e.size,weight:e.weight,italic:e.italic,lineHeight:i.lineHeight,letterSpacing:i.letterSpacingEm,paragraphSpacing:e.paragraphSpacing,letterCase:e.case})}function xe(e){return Object.keys(ie(e)).length>0}function ze({saved:e,old:i,styleId:n,values:t}){const o=M(e);return{saved:oe(o,n,t),old:i}}function oe(e,i,n){return e.map(t=>t.id===i?H({...t,values:p({...t.values,...n})},t.auto):t)}function ve(e){const i=e.filter(n=>n.kind==="body").map(n=>Number(/^body-(\d+)$/.exec(n.id)?.[1])).filter(n=>Number.isInteger(n)&&n>0);return i.length?`body-${Math.max(...i)}`:"body-1"}export{Se as accentItalicCss,fe as applyListChange,ve as eyebrowStyleId,L as faceClassOf,Q as fromPanelStyles,xe as hasStyleChange,ge as listChangePatch,M as listToWrite,ie as partStyleToTextStyleValues,ze as pushIntoStyle,O as resolveTextStyles,oe as setStyleValues,he as siteTextFromRow,ue as storedTextStyles,be as styleIdOfRole,ye as textStylesCss,R as textStylesFromOld,D as textStylesToOld,me as themeWithTextStyles,pe as toPanelStyles};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "efficient-web-builder",
-  "version": "41.0.0",
+  "version": "42.0.0",
   "description": "The EFFICIENT website builder: the website editor, the general sections and the renderer that draws them, compiled. Hostable by any EFFICIENT product; nothing here imports a host.",
   "license": "UNLICENSED",
   "author": "Efficient Pty Ltd",
@@ -53,7 +53,7 @@
   },
   "peerDependencies": {
     "@tabler/icons-react": "^3.46.0",
-    "efficient-easel": "^21.1.0",
+    "efficient-easel": "^22.0.0",
     "efficient-shell": "^10.0.0",
     "isomorphic-dompurify": "^3.18.0",
     "next": ">=16",
@@ -72,7 +72,7 @@
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "efficient-easel": "^21.1.0",
+    "efficient-easel": "^22.0.0",
     "efficient-shell": "^10.0.0",
     "esbuild": "^0.28.0",
     "happy-dom": "^20.14.5",

package/dist/editor/lib/puck/ColourControl.d.ts

@@ -1 +0,0 @@
-export * from "../document/ColourControl.d.ts";

package/dist/editor/lib/puck/ColourControl.js

@@ -1 +0,0 @@
-export*from"../document/ColourControl.js";

package/dist/editor/lib/puck/MarkupToolbar.d.ts

@@ -1,2 +0,0 @@
-export * from "../document/MarkupToolbar.d.ts";
-export { default } from "../document/MarkupToolbar.d.ts";

package/dist/editor/lib/puck/MarkupToolbar.js

@@ -1 +0,0 @@
-export*from"../document/MarkupToolbar.js";export{default}from"../document/MarkupToolbar.js";

package/dist/editor/lib/puck/add-palette.d.ts

@@ -1 +0,0 @@
-export * from "../document/add-palette.d.ts";

package/dist/editor/lib/puck/add-palette.js

@@ -1 +0,0 @@
-export*from"../document/add-palette.js";

package/dist/editor/lib/puck/add-target.d.ts

@@ -1 +0,0 @@
-export * from "../document/add-target.d.ts";

package/dist/editor/lib/puck/add-target.js

@@ -1 +0,0 @@
-export*from"../document/add-target.js";

package/dist/editor/lib/puck/apply-card-corners.d.ts

@@ -1 +0,0 @@
-export * from "../document/apply-card-corners.d.ts";

package/dist/editor/lib/puck/apply-card-corners.js

@@ -1 +0,0 @@
-export*from"../document/apply-card-corners.js";

package/dist/editor/lib/puck/block-offer.d.ts

@@ -1 +0,0 @@
-export * from "../document/block-offer.d.ts";

package/dist/editor/lib/puck/block-offer.js

@@ -1 +0,0 @@
-export*from"../document/block-offer.js";

package/dist/editor/lib/puck/block-source-fields.d.ts

@@ -1 +0,0 @@
-export * from "../document/block-source-fields.d.ts";

package/dist/editor/lib/puck/block-source-fields.js

@@ -1 +0,0 @@
-export*from"../document/block-source-fields.js";

package/dist/editor/lib/puck/blocks/general/Banner/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Banner/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Banner/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Banner/fields.js";

package/dist/editor/lib/puck/blocks/general/Breadcrumb/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Breadcrumb/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Breadcrumb/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Breadcrumb/fields.js";

package/dist/editor/lib/puck/blocks/general/ButtonBlock/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/ButtonBlock/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/ButtonBlock/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/ButtonBlock/fields.js";

package/dist/editor/lib/puck/blocks/general/Cards/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Cards/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Cards/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Cards/fields.js";

package/dist/editor/lib/puck/blocks/general/CategoryBar/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/CategoryBar/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/CategoryBar/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/CategoryBar/fields.js";

package/dist/editor/lib/puck/blocks/general/Chart/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Chart/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Chart/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Chart/fields.js";

package/dist/editor/lib/puck/blocks/general/ContactLocations/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/ContactLocations/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/ContactLocations/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/ContactLocations/fields.js";

package/dist/editor/lib/puck/blocks/general/Countdown/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Countdown/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Countdown/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Countdown/fields.js";

package/dist/editor/lib/puck/blocks/general/Divider/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Divider/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Divider/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Divider/fields.js";

package/dist/editor/lib/puck/blocks/general/DocBody/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/DocBody/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/DocBody/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/DocBody/fields.js";

package/dist/editor/lib/puck/blocks/general/DocMasthead/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/DocMasthead/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/DocMasthead/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/DocMasthead/fields.js";

package/dist/editor/lib/puck/blocks/general/DocMetaCards/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/DocMetaCards/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/DocMetaCards/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/DocMetaCards/fields.js";

package/dist/editor/lib/puck/blocks/general/DocTabs/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/DocTabs/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/DocTabs/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/DocTabs/fields.js";

package/dist/editor/lib/puck/blocks/general/Eyebrow/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Eyebrow/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Eyebrow/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Eyebrow/fields.js";

package/dist/editor/lib/puck/blocks/general/FAQ/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/FAQ/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/FAQ/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/FAQ/fields.js";

package/dist/editor/lib/puck/blocks/general/FeaturedCover/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/FeaturedCover/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/FeaturedCover/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/FeaturedCover/fields.js";

package/dist/editor/lib/puck/blocks/general/Flex/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Flex/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Flex/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Flex/fields.js";

package/dist/editor/lib/puck/blocks/general/Footprint/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Footprint/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Footprint/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Footprint/fields.js";

package/dist/editor/lib/puck/blocks/general/Grid/fields.d.ts

@@ -1 +0,0 @@
-export * from "../../../../document/blocks/general/Grid/fields.d.ts";

package/dist/editor/lib/puck/blocks/general/Grid/fields.js

@@ -1 +0,0 @@
-export*from"../../../../document/blocks/general/Grid/fields.js";