efficient-web-builder 44.0.1 → 45.0.0

package/dist/render/components/LocationMap.js

@@ -0,0 +1 @@
+"use client";import{jsx as n,jsxs as s}from"react/jsx-runtime";import{useMemo as v}from"react";import{hasMapCoords as m}from"../../format/lib/map-styles.js";import _ from"./SiteMap.js";const y="relative overflow-hidden max-[1100px]:aspect-square";function k(e,r,t){return m(r,t)?[{key:"place",label:e,lat:r,lng:t,glyph:"",tone:""}]:[]}function N(e,r,t,a){return e||(r?`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent([r,t,a].filter(Boolean).join(" "))}`:"")}function j({href:e}){return n("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent transition-colors hover:text-fg",children:"Get directions ↗"})}function w({name:e,state:r,country:t,lat:a,lng:i,mapsUrl:f,mapTheme:u="auto",pick:c,editing:g,boxClass:l=y}){const h=m(a,i),p=r,o=e||"Location",b=v(()=>k(o,a,i),[o,a,i]),d=N(f,e,r,t),x=s("div",{className:"absolute left-5 top-5 z-10 flex max-w-[64%] flex-col gap-1.5 border border-line bg-bg p-3.5 shadow-[0_8px_24px_color-mix(in_srgb,var(--overlay-scrim)_40%,transparent)]",children:[s("span",{className:"font-display text-[length:var(--size-body,14px)] font-medium tracking-[-0.01em]",children:[o,p?`, ${p}`:""]}),d&&n(j,{href:d})]});return h?n("div",{"data-loc-pick":c,className:l,children:n(_,{pins:b,mapTheme:u,ariaLabel:o,className:"absolute inset-0",children:x})}):s("div",{"data-loc-pick":c,className:`${l} bg-bg`,style:{backgroundImage:"repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent) 4%, transparent) 0 1px, transparent 1px 14px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent) 4%, transparent) 0 1px, transparent 1px 14px), linear-gradient(135deg, var(--site-surface-2), var(--site-surface))"},children:[x,g&&n("div",{className:"absolute inset-0 flex items-center justify-center px-6 text-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-fg-dim/40",children:"Add latitude & longitude"})]})}export{j as DirectionsLink,y as LOCATION_MAP_BOX,w as default,N as directionsHref,k as locationMapPins};

package/dist/render/components/Logo.js

@@ -1 +1 @@
-"use client";import{jsx as i,jsxs as L}from"react/jsx-runtime";import{useEffect as m,useId as ot,useRef as H,useState as h}from"react";import{NEUTRAL_SITE_NAME as lt}from"../../format/lib/content/site-name.js";import{isSvgUrl as rt}from"../../format/lib/logo/reverse-svg.js";import{analyzeLogoViaServer as it}from"../lib/logo/analyze-logo-client.js";import{FOOTER_LOGO_PX as at,HEADER_LOGO_PX as ct}from"../../format/lib/logo/logo-size.js";import{FOOTER_LOGO_PX as It,HEADER_LOGO_PX as Lt,HEADER_LOGO_PX_MAX as At,HEADER_LOGO_PX_MIN as St,LOGO_BLOCK_PX_MAX as Ft}from"../../format/lib/logo/logo-size.js";const ut=202/22,dt=.88,Rt=16,mt="invert(1)";function ht({variant:N="header",scrolled:W=!0,src:f,reverse:j=!1,color:p=null,onLightSurface:C,reversedSrc:A,inkIsDark:K,size:q="medium",sizePx:_,wordmark:O,siteName:z=lt,fitToContainer:S=!1,fitWordmarkToContainer:B=!1,fitFloorPx:g}){const a=O&&O.trim()?O.trim():z,[U,V]=h(!1),F=H(null),Z=t=>{F.current=t};m(()=>{const t=F.current?.ownerDocument??document,o=()=>{V(t.documentElement.getAttribute("data-theme")==="light")};o();const d=new MutationObserver(o);return d.observe(t.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>d.disconnect()},[]);const n=f&&f.trim()?f.trim():null,c=!!n&&rt(n),b=C??(U&&W),s=p&&p.trim()?p.trim():null,u=j&&!s,k=`logo-color-${ot().replace(/[^A-Za-z0-9_-]/g,"")}`,y=u&&c&&n&&A!=null?{reversed:A,inkIsDark:K??null}:null,D=y!==null,[J,E]=h(null);m(()=>{if(!u||!n||!c||D){E(null);return}let t=!1;return E(null),it(n).then(o=>{t||E(o)}),()=>{t=!0}},[u,n,c,D]);const r=y??J,$=!!r&&r.inkIsDark!==null&&(b?!r.inkIsDark:r.inkIsDark),Q=u&&!!n&&!c&&!b,R=$&&r?r.reversed:n,X=R?[R]:[],[w,x]=h(0);m(()=>{x(0)},[n,$]);const Y=N==="footer"?at:ct[q],l=_&&_>0?_:Y,tt=Math.round(l*ut),e=w<X.length?X[w]:null,[et,v]=h(R),G=e!==null&&e===et,M=H(null);m(()=>{const t=M.current;if(!t||!t.complete)return;if(t.naturalWidth>0||t.naturalHeight>0){v(e);return}let o=!1;return t.decode().then(()=>!o&&v(e),()=>!o&&x(d=>d+1)),()=>{o=!0}},[e]);const P=S||B,T=`calc(100cqi / ${((a.length+1)*dt).toFixed(2)})`,I=P&&g&&g>0?Math.min(g,l):null,nt=P?I===null?`min(${l}px, ${T})`:`clamp(${I}px, ${T}, ${l}px)`:`${l}px`,st=L("span",{className:`font-display font-bold tracking-[0.18em] ${I===null?"whitespace-nowrap":"whitespace-normal"}`,style:{fontSize:nt,lineHeight:1,...s?{color:s}:{}},"aria-label":a,children:[a,i("span",{className:"text-accent",style:s?{color:s}:void 0,children:"."})]});return L("span",{ref:Z,className:"inline-flex items-center",children:[!G&&st,s&&e&&i("svg",{"aria-hidden":"true",focusable:"false",width:"0",height:"0",style:{position:"absolute"},children:L("filter",{id:k,colorInterpolationFilters:"sRGB",children:[i("feFlood",{style:{floodColor:s}}),i("feComposite",{in2:"SourceAlpha",operator:"in"})]})}),e&&i("img",{ref:M,src:e,alt:a,width:tt,height:l,className:"shrink-0 object-contain",style:{...G?{height:`${l}px`,width:"auto",...S?{maxWidth:"100cqi"}:{}}:{display:"none"},...Q?{filter:mt}:{},...s?{filter:`url(#${k})`}:{}},onLoad:()=>v(e),onError:()=>x(t=>t+1)},e)]})}export{It as FOOTER_LOGO_PX,Lt as HEADER_LOGO_PX,At as HEADER_LOGO_PX_MAX,St as HEADER_LOGO_PX_MIN,Ft as LOGO_BLOCK_PX_MAX,Rt as WORDMARK_FIT_FLOOR_PX,ht as default};
+"use client";import{jsx as i,jsxs as L}from"react/jsx-runtime";import{useEffect as d,useId as ot,useRef as H,useState as f}from"react";import{NEUTRAL_SITE_NAME as rt}from"../../format/lib/content/site-name.js";import{useRootIsDark as it}from"efficient-shell/theme";import{isSvgUrl as ct}from"../../format/lib/logo/reverse-svg.js";import{analyzeLogoViaServer as at}from"../lib/logo/analyze-logo-client.js";import{FOOTER_LOGO_PX as ut,HEADER_LOGO_PX as dt}from"../../format/lib/logo/logo-size.js";import{FOOTER_LOGO_PX as St,HEADER_LOGO_PX as kt,HEADER_LOGO_PX_MAX as Dt,HEADER_LOGO_PX_MIN as yt,LOGO_BLOCK_PX_MAX as Ft}from"../../format/lib/logo/logo-size.js";const ft=202/22,ht=.88,Lt=16,mt="invert(1)";function pt({variant:N="header",scrolled:W=!0,src:h,reverse:b=!1,color:m=null,onLightSurface:j,reversedSrc:A,inkIsDark:C,size:K="medium",sizePx:p,wordmark:_,siteName:U=rt,fitToContainer:v=!1,fitWordmarkToContainer:q=!1,fitFloorPx:O}){const c=_&&_.trim()?_.trim():U,[z,B]=f(null),S=H(null),V=t=>{S.current=t};d(()=>{B(S.current?.ownerDocument??null)},[]);const Z=!it({doc:z,whenUnset:!0}),n=h&&h.trim()?h.trim():null,a=!!n&&ct(n),k=j??(Z&&W),l=m&&m.trim()?m.trim():null,u=b&&!l,D=`logo-color-${ot().replace(/[^A-Za-z0-9_-]/g,"")}`,y=u&&a&&n&&A!=null?{reversed:A,inkIsDark:C??null}:null,F=y!==null,[J,g]=f(null);d(()=>{if(!u||!n||!a||F){g(null);return}let t=!1;return g(null),at(n).then(r=>{t||g(r)}),()=>{t=!0}},[u,n,a,F]);const o=y??J,$=!!o&&o.inkIsDark!==null&&(k?!o.inkIsDark:o.inkIsDark),Q=u&&!!n&&!a&&!k,E=$&&o?o.reversed:n,X=E?[E]:[],[w,R]=f(0);d(()=>{R(0)},[n,$]);const Y=N==="footer"?ut:dt[K],s=p&&p>0?p:Y,tt=Math.round(s*ft),e=w<X.length?X[w]:null,[et,x]=f(E),G=e!==null&&e===et,P=H(null);d(()=>{const t=P.current;if(!t||!t.complete)return;if(t.naturalWidth>0||t.naturalHeight>0){x(e);return}let r=!1;return t.decode().then(()=>!r&&x(e),()=>!r&&R(st=>st+1)),()=>{r=!0}},[e]);const T=v||q,M=`calc(100cqi / ${((c.length+1)*ht).toFixed(2)})`,I=T&&O&&O>0?Math.min(O,s):null,nt=T?I===null?`min(${s}px, ${M})`:`clamp(${I}px, ${M}, ${s}px)`:`${s}px`,lt=L("span",{className:`font-display font-bold tracking-[0.18em] ${I===null?"whitespace-nowrap":"whitespace-normal"}`,style:{fontSize:nt,lineHeight:1,...l?{color:l}:{}},"aria-label":c,children:[c,i("span",{className:"text-accent",style:l?{color:l}:void 0,children:"."})]});return L("span",{ref:V,className:"inline-flex items-center",children:[!G&&lt,l&&e&&i("svg",{"aria-hidden":"true",focusable:"false",width:"0",height:"0",style:{position:"absolute"},children:L("filter",{id:D,colorInterpolationFilters:"sRGB",children:[i("feFlood",{style:{floodColor:l}}),i("feComposite",{in2:"SourceAlpha",operator:"in"})]})}),e&&i("img",{ref:P,src:e,alt:c,width:tt,height:s,className:"shrink-0 object-contain",style:{...G?{height:`${s}px`,width:"auto",...v?{maxWidth:"100cqi"}:{}}:{display:"none"},...Q?{filter:mt}:{},...l?{filter:`url(#${D})`}:{}},onLoad:()=>x(e),onError:()=>R(t=>t+1)},e)]})}export{St as FOOTER_LOGO_PX,kt as HEADER_LOGO_PX,Dt as HEADER_LOGO_PX_MAX,yt as HEADER_LOGO_PX_MIN,Ft as LOGO_BLOCK_PX_MAX,Lt as WORDMARK_FIT_FLOOR_PX,pt as default};

package/dist/render/components/LongRead.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as p}from"react/jsx-runtime";import{EDITORIAL_COLUMN as $}from"../../format/lib/content/page-width.js";import{Fragment as k}from"react";import{SiteLink as j}from"../lib/site-runtime.js";import{stripMarkup as E}from"../../format/lib/markup.js";import B from"./EditorialSectionHead.js";import F from"./Placeholder.js";import I from"./SectionEyebrow.js";import{renderGold as a,renderHeadline as z}from"./goldPhrases.js";const n={bodySmall:"text-[length:var(--size-body,14px)]",body:"text-[length:var(--size-body,17px)]",bodyLarge:"text-[length:var(--size-body,22px)]",labelSmall:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"};function O({headNum:S,headTitle:m,headDesc:x,category:f,metaMiddle:g,readLabel:b,title:t,dek:h,quote:i,quoteAttribution:o,ctaText:u,ctaHref:L,image:w,imageLabel:v,metaPublished:s,metaReads:c,omitHead:y=!1}){const N=[f?e("span",{className:"text-accent",children:a(f)}):null,g?e("span",{children:a(g)}):null,b?e("span",{children:a(b)}):null].filter(Boolean),_=!!s||!!c;return e("section",{className:y?"border-b border-line pt-0 pb-[120px] max-[1100px]:pt-0 max-[1100px]:pb-20":"border-b border-line py-[120px] max-[1100px]:py-20",children:r("div",{className:$,children:[y?null:e(B,{num:S,title:m?z(m,!0):void 0,desc:x?a(x):void 0}),r("article",{className:"sf-card grid min-h-[640px] grid-cols-[1fr_1.2fr] border border-line max-[1100px]:grid-cols-1",children:[r("div",{className:"flex flex-col justify-center gap-7 border-r border-line bg-surface px-14 py-16 max-[1100px]:border-r-0 max-[1100px]:border-b max-[1100px]:px-7 max-[1100px]:py-12",children:[N.length>0&&e("div",{className:`flex items-center gap-3.5 font-mono ${n.labelSmall} uppercase tracking-[0.3em] text-fg-dim`,children:N.map((d,l)=>r(k,{children:[l>0&&e("span",{className:"opacity-40",children:"·"}),d]},l))}),t&&e("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(36px,4.2vw,68px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.95] tracking-[-0.035em]",children:z(t,!0)}),h&&e("p",{className:`font-serif ${n.bodyLarge} italic leading-[1.45] text-fg`,children:a(h)}),(i||o)&&r("blockquote",{className:`max-w-[520px] border-l-2 border-accent py-1.5 pl-[22px] font-serif ${n.body} italic leading-[1.6] text-fg-dim`,children:[i&&r(p,{children:["“",a(i),"”"]}),o&&e("strong",{className:`mt-2.5 block font-display ${n.bodySmall} font-normal not-italic uppercase tracking-[0.22em] text-fg`,children:a(o)})]}),u&&r(j,{href:L||"#",className:`inline-flex items-center gap-3.5 self-start border border-btn px-7 py-4 font-mono ${n.labelLarge} uppercase tracking-[0.3em] text-btn transition-colors hover:bg-btn hover:text-btn-ink`,children:[a(u)," ",e("span",{children:"→"})]})]}),r("div",{className:"relative overflow-hidden bg-surface-2 max-[1100px]:aspect-[4/3]",children:[e(F,{label:"long-read",src:w||void 0,alt:E(t||"Long read"),sizes:"(max-width: 1100px) 100vw, 56vw"}),e("div",{className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.55) 0%, transparent 25%, transparent 60%, rgba(10,10,10,0.7) 100%)"}}),v&&e(I,{text:v,size:12,className:"absolute right-6 top-6 z-[2]"}),_&&e("div",{className:`absolute bottom-6 left-6 z-[2] font-mono ${n.labelSmall} uppercase leading-[1.8] tracking-[0.22em] text-overlay-fg`,children:[s?r(p,{children:[e("strong",{className:"font-normal text-accent",children:"Published"})," ",a(s)]}):null,c?r(p,{children:[e("strong",{className:"font-normal text-accent",children:"Reads in"})," ",a(c)]}):null].filter(Boolean).map((d,l)=>r(k,{children:[l>0&&e("br",{}),d]},l))})]})]})]})})}export{O as default};
+import{jsx as e,jsxs as r,Fragment as m}from"react/jsx-runtime";import{EDITORIAL_COLUMN as j}from"../../format/lib/content/page-width.js";import{Fragment as k}from"react";import{SiteLink as E}from"../lib/site-runtime.js";import{stripMarkup as B}from"../../format/lib/markup.js";import F from"./EditorialSectionHead.js";import I from"./Placeholder.js";import O from"./SectionEyebrow.js";import{renderGold as a,renderHeadline as z}from"./goldPhrases.js";import{scrim as S}from"../../format/lib/content/scrim.js";const n={bodySmall:"text-[length:var(--size-body,14px)]",body:"text-[length:var(--size-body,17px)]",bodyLarge:"text-[length:var(--size-body,22px)]",labelSmall:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"};function C({headNum:L,headTitle:p,headDesc:x,category:f,metaMiddle:g,readLabel:b,title:t,dek:h,quote:i,quoteAttribution:o,ctaText:u,ctaHref:$,image:w,imageLabel:v,metaPublished:s,metaReads:c,omitHead:y=!1}){const N=[f?e("span",{className:"text-accent",children:a(f)}):null,g?e("span",{children:a(g)}):null,b?e("span",{children:a(b)}):null].filter(Boolean),_=!!s||!!c;return e("section",{className:y?"border-b border-line pt-0 pb-[120px] max-[1100px]:pt-0 max-[1100px]:pb-20":"border-b border-line py-[120px] max-[1100px]:py-20",children:r("div",{className:j,children:[y?null:e(F,{num:L,title:p?z(p,!0):void 0,desc:x?a(x):void 0}),r("article",{className:"sf-card grid min-h-[640px] grid-cols-[1fr_1.2fr] border border-line max-[1100px]:grid-cols-1",children:[r("div",{className:"flex flex-col justify-center gap-7 border-r border-line bg-surface px-14 py-16 max-[1100px]:border-r-0 max-[1100px]:border-b max-[1100px]:px-7 max-[1100px]:py-12",children:[N.length>0&&e("div",{className:`flex items-center gap-3.5 font-mono ${n.labelSmall} uppercase tracking-[0.3em] text-fg-dim`,children:N.map((d,l)=>r(k,{children:[l>0&&e("span",{className:"opacity-40",children:"·"}),d]},l))}),t&&e("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(36px,4.2vw,68px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.95] tracking-[-0.035em]",children:z(t,!0)}),h&&e("p",{className:`font-serif ${n.bodyLarge} italic leading-[1.45] text-fg`,children:a(h)}),(i||o)&&r("blockquote",{className:`max-w-[520px] border-l-2 border-accent py-1.5 pl-[22px] font-serif ${n.body} italic leading-[1.6] text-fg-dim`,children:[i&&r(m,{children:["“",a(i),"”"]}),o&&e("strong",{className:`mt-2.5 block font-display ${n.bodySmall} font-normal not-italic uppercase tracking-[0.22em] text-fg`,children:a(o)})]}),u&&r(E,{href:$||"#",className:`inline-flex items-center gap-3.5 self-start border border-btn px-7 py-4 font-mono ${n.labelLarge} uppercase tracking-[0.3em] text-btn transition-colors hover:bg-btn hover:text-btn-ink`,children:[a(u)," ",e("span",{children:"→"})]})]}),r("div",{className:"relative overflow-hidden bg-surface-2 max-[1100px]:aspect-[4/3]",children:[e(I,{label:"long-read",src:w||void 0,alt:B(t||"Long read"),sizes:"(max-width: 1100px) 100vw, 56vw"}),e("div",{className:"pointer-events-none absolute inset-0 z-[1]",style:{background:`linear-gradient(180deg, ${S(.55)} 0%, transparent 25%, transparent 60%, ${S(.7)} 100%)`}}),v&&e(O,{text:v,size:12,className:"absolute right-6 top-6 z-[2]"}),_&&e("div",{className:`absolute bottom-6 left-6 z-[2] font-mono ${n.labelSmall} uppercase leading-[1.8] tracking-[0.22em] text-overlay-fg`,children:[s?r(m,{children:[e("strong",{className:"font-normal text-accent",children:"Published"})," ",a(s)]}):null,c?r(m,{children:[e("strong",{className:"font-normal text-accent",children:"Reads in"})," ",a(c)]}):null].filter(Boolean).map((d,l)=>r(k,{children:[l>0&&e("br",{}),d]},l))})]})]})]})})}export{C as default};

package/dist/render/components/Manifesto.d.ts

@@ -10,5 +10,6 @@ export interface ManifestoProps extends WidthProps {
     stats?: ManifestoStat[];
     imageSrc?: string;
     grayscale?: boolean;
+    fillHeight?: boolean;
 }
-export default function Manifesto({ eyebrow, heading, body, stats, imageSrc, grayscale, ...widthProps }?: ManifestoProps): import("react").JSX.Element;
+export default function Manifesto({ eyebrow, heading, body, stats, imageSrc, grayscale, fillHeight, ...widthProps }?: ManifestoProps): import("react").JSX.Element;

package/dist/render/components/Manifesto.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import h from"./AnimatedStat.js";import b from"./Placeholder.js";import{useSitePhotography as v}from"./SitePhotographyContext.js";import y from"./SectionEyebrow.js";import{renderGold as w,renderHeadline as j,splitParagraphs as N}from"./goldPhrases.js";import{resolveImageTreatment as M}from"../../format/lib/content/image-treatment.js";import{sectionRunsFullWidth as _}from"../../format/lib/content/section-width.js";const i={headingMediumUpTo800:"max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",headingMedium:"text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))]",body:"text-[length:var(--size-body,16px)]"};function T({eyebrow:s,heading:d,body:x,stats:p,imageSrc:c,grayscale:f,...g}={}){const u=M(f,v()),l=s||null,n=d||null,m=x||null,r=(p??[]).filter(a=>(a.value??"").trim()!==""||(a.label??"").trim()!=="");return e("section",{className:"relative z-[2] bg-bg p-0",children:o("div",{className:"grid h-screen min-h-[100vh] grid-cols-2 border-y border-line max-[960px]:h-auto max-[960px]:grid-cols-1",children:[e("div",{className:"flex flex-col justify-center border-r border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[960px]:order-2 max-[960px]:border-r-0 max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[960px]:py-[60px]",children:o("div",{className:_(g)?"flex w-full flex-col gap-7":"ml-auto flex w-full flex-col gap-7 max-w-[calc(var(--sf-site-width,1600px)/2_-_var(--sf-site-gutter,40px)*2_-_1px)] max-[960px]:ml-0 max-[960px]:max-w-none",children:[l!==null&&e(y,{text:l,size:14}),n!==null&&e("h2",{className:`font-heading2 ${i.headingMedium} font-normal leading-[1.05] tracking-[-0.03em] ${i.headingMediumUpTo800} max-[800px]:leading-[1]`,children:j(n,!0)}),m!==null&&N(m).map((a,t)=>e("p",{className:`max-w-[520px] ${i.body} leading-[1.7] text-fg-dim`,children:w(a)},t)),r.length>0&&e("div",{className:"mt-4 grid max-w-[520px] gap-6 border-t border-line pt-7",style:{gridTemplateColumns:`repeat(${r.length}, minmax(0, 1fr))`},children:r.map((a,t)=>e(h,{target:a.value??"",label:a.label??""},t))})]})}),e("div",{className:"sf-card relative flex items-center justify-center bg-surface overflow-hidden max-[960px]:aspect-[4/3]",children:e(b,{label:"manifesto",src:c||void 0,objectFit:"cover",objectPosition:"center",treatment:u})})]})})}export{T as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import b from"./AnimatedStat.js";import v from"./Placeholder.js";import{useSitePhotography as y}from"./SitePhotographyContext.js";import w from"./SectionEyebrow.js";import{renderGold as N,renderHeadline as _,splitParagraphs as j}from"./goldPhrases.js";import{resolveImageTreatment as S}from"../../format/lib/content/image-treatment.js";import{sectionRunsFullWidth as M}from"../../format/lib/content/section-width.js";import{SECTION_FILL_CLASS as T}from"../../format/lib/content/section-min-height.js";const i={headingMediumUpTo800:"max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",headingMedium:"text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))]",body:"text-[length:var(--size-body,16px)]"};function z({eyebrow:s,heading:d,body:x,stats:p,imageSrc:c,grayscale:f,fillHeight:g=!1,...u}={}){const h=S(f,y()),l=s||null,n=d||null,m=x||null,r=(p??[]).filter(a=>(a.value??"").trim()!==""||(a.label??"").trim()!=="");return e("section",{className:"relative z-[2] bg-bg p-0",children:o("div",{className:`grid ${g?T:"h-screen"} min-h-[100vh] grid-cols-2 border-y border-line max-[960px]:h-auto max-[960px]:grid-cols-1`,children:[e("div",{className:"flex flex-col justify-center border-r border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[960px]:order-2 max-[960px]:border-r-0 max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[960px]:py-[60px]",children:o("div",{className:M(u)?"flex w-full flex-col gap-7":"ml-auto flex w-full flex-col gap-7 max-w-[calc(var(--sf-site-width,1600px)/2_-_var(--sf-site-gutter,40px)*2_-_1px)] max-[960px]:ml-0 max-[960px]:max-w-none",children:[l!==null&&e(w,{text:l,size:14}),n!==null&&e("h2",{className:`font-heading2 ${i.headingMedium} font-normal leading-[1.05] tracking-[-0.03em] ${i.headingMediumUpTo800} max-[800px]:leading-[1]`,children:_(n,!0)}),m!==null&&j(m).map((a,t)=>e("p",{className:`max-w-[520px] ${i.body} leading-[1.7] text-fg-dim`,children:N(a)},t)),r.length>0&&e("div",{className:"mt-4 grid max-w-[520px] gap-6 border-t border-line pt-7",style:{gridTemplateColumns:`repeat(${r.length}, minmax(0, 1fr))`},children:r.map((a,t)=>e(b,{target:a.value??"",label:a.label??""},t))})]})}),e("div",{className:"sf-card relative flex items-center justify-center bg-surface overflow-hidden max-[960px]:aspect-[4/3]",children:e(v,{label:"manifesto",src:c||void 0,objectFit:"cover",objectPosition:"center",treatment:h})})]})})}export{z as default};

package/dist/render/components/PreviewHeaderContext.d.ts

@@ -56,10 +56,6 @@ type Ctx = {
     shareButtonOnPosts: boolean | null;
     setShareButtonOnPosts: (v: boolean | null) => void;
     themeFromDocument: boolean;
-    selected: boolean;
-    setSelected: (b: boolean) => void;
-    select: () => void;
-    setSelectHandler: (fn: () => void) => void;
 };
 export declare const PreviewHeaderContext: import("react").Context<Ctx>;
 export declare function PreviewHeaderProvider({ children, websiteName, templateChrome, templateName, chromePlaceholder, themeMode, onThemeModeChange, themeSwitchShown, onThemeSwitchShownChange, theme, onThemeChange, fonts, onFontsChange, sizes, onSizesChange, cornerRadiusPx, onCornerRadiusPxChange, cardShadow, onCardShadowChange, shadowColor, onShadowColorChange, cardGap, onCardGapChange, hoverEffect, onHoverEffectChange, headingCompression, onHeadingCompressionChange, siteWidth, onSiteWidthChange, siteGutter, blockGap, onSiteGutterChange, onBlockGapChange, headingTypography, onHeadingTypographyChange, textStyles, onTextStylesChange, wordStyles, heroBackgroundFollowsWidth, onHeroBackgroundFollowsWidthChange, sectionBackgroundWidth, onSectionBackgroundWidthChange, sectionContentWidth, onSectionContentWidthChange, photographyGrayscale, onPhotographyGrayscaleChange, shareButtonOnPosts, onShareButtonOnPostsChange, themeFromDocument, }: {
@@ -114,3 +110,4 @@ export declare function PreviewHeaderProvider({ children, websiteName, templateC
     themeFromDocument?: boolean;
 }): import("react").JSX.Element;
 export declare const usePreviewHeader: () => Ctx;
+export declare function useSiteContentWidth(): "full" | "content" | null;

package/dist/render/components/PreviewHeaderContext.js

@@ -1 +1 @@
-"use client";import{jsx as U}from"react/jsx-runtime";import{createContext as jt,useCallback as e,useContext as zt,useMemo as bt,useState as W}from"react";import{EditorSiteLogoContext as Vt}from"./SiteLogoContext.js";import{useSelectHandler as Zt}from"efficient-easel/draw/client";import{IDENTITY_CARD_GAP as O,DEFAULT_HEADING_COMPRESSION as g,DEFAULT_HEADING_TYPOGRAPHY as B,DEFAULT_SIZES as M,DEFAULT_SWITCH_SHOWN as R,DEFAULT_THEME_MODE as N,DEFAULT_THEME_VALUE as Y}from"../../format/lib/theme.js";import{DEFAULT_FONTS as j}from"../../format/lib/fonts.js";const z=jt({settings:null,setSettings:()=>{},primeSettings:()=>{},websiteName:null,templateChrome:!1,templateName:null,chromePlaceholder:!1,themeMode:N,setThemeMode:()=>{},themeSwitchShown:R,setThemeSwitchShown:()=>{},theme:Y,setTheme:()=>{},fonts:j,setFonts:()=>{},sizes:M,setSizes:()=>{},cornerRadiusPx:null,setCornerRadiusPx:()=>{},cardShadow:null,setCardShadow:()=>{},shadowColor:null,setShadowColor:()=>{},cardGap:O,setCardGap:()=>{},hoverEffect:null,setHoverEffect:()=>{},headingCompression:g,setHeadingCompression:()=>{},siteWidth:null,setSiteWidth:()=>{},siteGutter:null,blockGap:null,setSiteGutter:()=>{},setBlockGap:()=>{},headingTypography:B,setHeadingTypography:()=>{},textStyles:null,setTextStyles:()=>{},wordStyles:null,heroBackgroundFollowsWidth:null,setHeroBackgroundFollowsWidth:()=>{},sectionBackgroundWidth:null,setSectionBackgroundWidth:()=>{},sectionContentWidth:null,setSectionContentWidth:()=>{},photographyGrayscale:null,setPhotographyGrayscale:()=>{},shareButtonOnPosts:null,setShareButtonOnPosts:()=>{},themeFromDocument:!1,selected:!1,setSelected:()=>{},select:()=>{},setSelectHandler:()=>{}});function Ct({children:b,websiteName:o=null,templateChrome:l=!1,templateName:n=null,chromePlaceholder:r=!1,themeMode:V=N,onThemeModeChange:c,themeSwitchShown:Z=R,onThemeSwitchShownChange:u,theme:q=Y,onThemeChange:i,fonts:J=j,onFontsChange:d,sizes:K=M,onSizesChange:S,cornerRadiusPx:Q=null,onCornerRadiusPxChange:a,cardShadow:X=null,onCardShadowChange:p,shadowColor:$=null,onShadowColorChange:E,cardGap:C=O,onCardGapChange:f,hoverEffect:tt=null,onHoverEffectChange:T,headingCompression:et=g,onHeadingCompressionChange:m,siteWidth:st=null,onSiteWidthChange:H,siteGutter:lt=null,blockGap:ot=null,onSiteGutterChange:D,onBlockGapChange:_,headingTypography:nt=B,onHeadingTypographyChange:h,textStyles:rt=null,onTextStylesChange:w,wordStyles:ct=null,heroBackgroundFollowsWidth:ut=null,onHeroBackgroundFollowsWidthChange:P,sectionBackgroundWidth:it=null,onSectionBackgroundWidthChange:x,sectionContentWidth:dt=null,onSectionContentWidthChange:A,photographyGrayscale:St=null,onPhotographyGrayscaleChange:k,shareButtonOnPosts:at=null,onShareButtonOnPostsChange:v,themeFromDocument:pt=!1}){const[s,F]=W(null),Et=e(t=>F(Yt=>Yt??t),[]),[ft,Tt]=W(!1),mt=e(t=>c?.(t),[c]),Ht=e(t=>u?.(t),[u]),Dt=e(t=>i?.(t),[i]),_t=e(t=>d?.(t),[d]),ht=e(t=>S?.(t),[S]),wt=e(t=>H?.(t),[H]),Pt=e(t=>D?.(t),[D]),xt=e(t=>_?.(t),[_]),At=e(t=>P?.(t),[P]),kt=e(t=>x?.(t),[x]),vt=e(t=>A?.(t),[A]),Ft=e(t=>k?.(t),[k]),Gt=e(t=>v?.(t),[v]),yt=e(t=>a?.(t),[a]),It=e(t=>p?.(t),[p]),Lt=e(t=>E?.(t),[E]),Ut=e(t=>f?.(t),[f]),Wt=e(t=>T?.(t),[T]),Ot=e(t=>m?.(t),[m]),gt=e(t=>h?.(t),[h]),Bt=e(t=>w?.(t),[w]),{select:Mt,setSelectHandler:Rt}=Zt(),G=s?.logoUrl,y=s?.logoReversed,I=s?.logoInkIsDark,L=s!==null,Nt=bt(()=>({logo:L?{logoUrl:G,logoReversed:y,logoInkIsDark:I}:null,placeholder:l||r,wordmark:l?n:o}),[L,G,y,I,l,r,n,o]);return U(Vt.Provider,{value:Nt,children:U(z.Provider,{value:{settings:s,setSettings:F,primeSettings:Et,websiteName:o,templateChrome:l,templateName:n,chromePlaceholder:r,themeMode:V,setThemeMode:mt,themeSwitchShown:Z,setThemeSwitchShown:Ht,theme:q,setTheme:Dt,fonts:J,setFonts:_t,sizes:K,setSizes:ht,cornerRadiusPx:Q,setCornerRadiusPx:yt,cardShadow:X,setCardShadow:It,shadowColor:$,setShadowColor:Lt,cardGap:C,setCardGap:Ut,hoverEffect:tt,setHoverEffect:Wt,headingCompression:et,setHeadingCompression:Ot,siteWidth:st,setSiteWidth:wt,siteGutter:lt,blockGap:ot,setSiteGutter:Pt,setBlockGap:xt,headingTypography:nt,setHeadingTypography:gt,textStyles:rt,setTextStyles:Bt,wordStyles:ct,heroBackgroundFollowsWidth:ut,setHeroBackgroundFollowsWidth:At,sectionBackgroundWidth:it,setSectionBackgroundWidth:kt,sectionContentWidth:dt,setSectionContentWidth:vt,photographyGrayscale:St,setPhotographyGrayscale:Ft,shareButtonOnPosts:at,setShareButtonOnPosts:Gt,themeFromDocument:pt,selected:ft,setSelected:Tt,select:Mt,setSelectHandler:Rt},children:b})})}const te=()=>zt(z);export{z as PreviewHeaderContext,Ct as PreviewHeaderProvider,te as usePreviewHeader};
+"use client";import{jsx as U}from"react/jsx-runtime";import{createContext as Bt,useCallback as e,useContext as Mt,useMemo as Rt,useState as Nt}from"react";import{EditorSiteLogoContext as Yt}from"./SiteLogoContext.js";import{IDENTITY_CARD_GAP as O,DEFAULT_HEADING_COMPRESSION as g,DEFAULT_HEADING_TYPOGRAPHY as B,DEFAULT_SIZES as M,DEFAULT_SWITCH_SHOWN as R,DEFAULT_THEME_MODE as N,DEFAULT_THEME_VALUE as Y}from"../../format/lib/theme.js";import{DEFAULT_FONTS as j}from"../../format/lib/fonts.js";const z=Bt({settings:null,setSettings:()=>{},primeSettings:()=>{},websiteName:null,templateChrome:!1,templateName:null,chromePlaceholder:!1,themeMode:N,setThemeMode:()=>{},themeSwitchShown:R,setThemeSwitchShown:()=>{},theme:Y,setTheme:()=>{},fonts:j,setFonts:()=>{},sizes:M,setSizes:()=>{},cornerRadiusPx:null,setCornerRadiusPx:()=>{},cardShadow:null,setCardShadow:()=>{},shadowColor:null,setShadowColor:()=>{},cardGap:O,setCardGap:()=>{},hoverEffect:null,setHoverEffect:()=>{},headingCompression:g,setHeadingCompression:()=>{},siteWidth:null,setSiteWidth:()=>{},siteGutter:null,blockGap:null,setSiteGutter:()=>{},setBlockGap:()=>{},headingTypography:B,setHeadingTypography:()=>{},textStyles:null,setTextStyles:()=>{},wordStyles:null,heroBackgroundFollowsWidth:null,setHeroBackgroundFollowsWidth:()=>{},sectionBackgroundWidth:null,setSectionBackgroundWidth:()=>{},sectionContentWidth:null,setSectionContentWidth:()=>{},photographyGrayscale:null,setPhotographyGrayscale:()=>{},shareButtonOnPosts:null,setShareButtonOnPosts:()=>{},themeFromDocument:!1});function Jt({children:n,websiteName:s=null,templateChrome:l=!1,templateName:r=null,chromePlaceholder:u=!1,themeMode:b=N,onThemeModeChange:c,themeSwitchShown:V=R,onThemeSwitchShownChange:i,theme:Z=Y,onThemeChange:d,fonts:q=j,onFontsChange:S,sizes:J=M,onSizesChange:a,cornerRadiusPx:K=null,onCornerRadiusPxChange:p,cardShadow:Q=null,onCardShadowChange:E,shadowColor:X=null,onShadowColorChange:m,cardGap:$=O,onCardGapChange:T,hoverEffect:C=null,onHoverEffectChange:f,headingCompression:tt=g,onHeadingCompressionChange:h,siteWidth:et=null,onSiteWidthChange:D,siteGutter:st=null,blockGap:ot=null,onSiteGutterChange:_,onBlockGapChange:w,headingTypography:lt=B,onHeadingTypographyChange:x,textStyles:nt=null,onTextStylesChange:H,wordStyles:rt=null,heroBackgroundFollowsWidth:ut=null,onHeroBackgroundFollowsWidthChange:P,sectionBackgroundWidth:ct=null,onSectionBackgroundWidthChange:A,sectionContentWidth:it=null,onSectionContentWidthChange:F,photographyGrayscale:dt=null,onPhotographyGrayscaleChange:k,shareButtonOnPosts:St=null,onShareButtonOnPostsChange:v,themeFromDocument:at=!1}){const[o,G]=Nt(null),pt=e(t=>G(gt=>gt??t),[]),Et=e(t=>c?.(t),[c]),mt=e(t=>i?.(t),[i]),Tt=e(t=>d?.(t),[d]),ft=e(t=>S?.(t),[S]),ht=e(t=>a?.(t),[a]),Dt=e(t=>D?.(t),[D]),_t=e(t=>_?.(t),[_]),wt=e(t=>w?.(t),[w]),xt=e(t=>P?.(t),[P]),Ht=e(t=>A?.(t),[A]),Pt=e(t=>F?.(t),[F]),At=e(t=>k?.(t),[k]),Ft=e(t=>v?.(t),[v]),kt=e(t=>p?.(t),[p]),vt=e(t=>E?.(t),[E]),Gt=e(t=>m?.(t),[m]),Wt=e(t=>T?.(t),[T]),yt=e(t=>f?.(t),[f]),It=e(t=>h?.(t),[h]),Lt=e(t=>x?.(t),[x]),Ut=e(t=>H?.(t),[H]),W=o?.logoUrl,y=o?.logoReversed,I=o?.logoInkIsDark,L=o!==null,Ot=Rt(()=>({logo:L?{logoUrl:W,logoReversed:y,logoInkIsDark:I}:null,placeholder:l||u,wordmark:l?r:s}),[L,W,y,I,l,u,r,s]);return U(Yt.Provider,{value:Ot,children:U(z.Provider,{value:{settings:o,setSettings:G,primeSettings:pt,websiteName:s,templateChrome:l,templateName:r,chromePlaceholder:u,themeMode:b,setThemeMode:Et,themeSwitchShown:V,setThemeSwitchShown:mt,theme:Z,setTheme:Tt,fonts:q,setFonts:ft,sizes:J,setSizes:ht,cornerRadiusPx:K,setCornerRadiusPx:kt,cardShadow:Q,setCardShadow:vt,shadowColor:X,setShadowColor:Gt,cardGap:$,setCardGap:Wt,hoverEffect:C,setHoverEffect:yt,headingCompression:tt,setHeadingCompression:It,siteWidth:et,setSiteWidth:Dt,siteGutter:st,blockGap:ot,setSiteGutter:_t,setBlockGap:wt,headingTypography:lt,setHeadingTypography:Lt,textStyles:nt,setTextStyles:Ut,wordStyles:rt,heroBackgroundFollowsWidth:ut,setHeroBackgroundFollowsWidth:xt,sectionBackgroundWidth:ct,setSectionBackgroundWidth:Ht,sectionContentWidth:it,setSectionContentWidth:Pt,photographyGrayscale:dt,setPhotographyGrayscale:At,shareButtonOnPosts:St,setShareButtonOnPosts:Ft,themeFromDocument:at},children:n})})}const jt=()=>Mt(z);function Kt(){const{sectionContentWidth:n,themeFromDocument:s}=jt();return s?null:n}export{z as PreviewHeaderContext,Jt as PreviewHeaderProvider,jt as usePreviewHeader,Kt as useSiteContentWidth};

package/dist/render/components/PreviewLocationPartContext.d.ts

@@ -1,7 +1,7 @@
 export declare const PreviewLocationPartProvider: ({ children }: {
     children: import("react").ReactNode;
 }) => import("react").JSX.Element, usePreviewLocationPart: () => import("efficient-easel/draw/client").PreviewIdSelection<"selectedLocationPartId">;
-export type LocationPart = "image" | "map";
+export type LocationPart = "image" | "map" | "city";
 export declare function encodeLocationPartId(nodeId: string, index: number, part: LocationPart): string;
 export declare function decodeLocationPartId(id: string | null | undefined): {
     nodeId: string;

package/dist/render/components/PreviewLocationPartContext.js

@@ -1 +1 @@
-"use client";import{createPreviewSelectionContext as i}from"efficient-easel/draw/client";const{Provider:l,useSelection:u}=i("selectedLocationPartId");function a(n,e,t){return`${n}::${e}::${t}`}function s(n){if(!n)return null;const e=n.split("::");if(e.length<3)return null;const t=e[e.length-1];if(t!=="image"&&t!=="map")return null;const r=Number(e[e.length-2]);if(!Number.isInteger(r)||r<0)return null;const o=e.slice(0,-2).join("::");return o?{nodeId:o,index:r,part:t}:null}export{l as PreviewLocationPartProvider,s as decodeLocationPartId,a as encodeLocationPartId,u as usePreviewLocationPart};
+"use client";import{createPreviewSelectionContext as i}from"efficient-easel/draw/client";const{Provider:l,useSelection:u}=i("selectedLocationPartId");function a(n,e,t){return`${n}::${e}::${t}`}function s(n){if(!n)return null;const e=n.split("::");if(e.length<3)return null;const t=e[e.length-1];if(t!=="image"&&t!=="map"&&t!=="city")return null;const r=Number(e[e.length-2]);if(!Number.isInteger(r)||r<0)return null;const o=e.slice(0,-2).join("::");return o?{nodeId:o,index:r,part:t}:null}export{l as PreviewLocationPartProvider,s as decodeLocationPartId,a as encodeLocationPartId,u as usePreviewLocationPart};

package/dist/render/components/ProcessSteps.js

@@ -1 +1 @@
-import{jsx as a,Fragment as C,jsxs as r}from"react/jsx-runtime";import{EDITORIAL_COLUMN as E}from"../../format/lib/content/page-width.js";import{cardImageShapeTokens as U}from"../../format/lib/content/card-image-shape.js";import{SiteLink as A}from"../lib/site-runtime.js";import G from"./EditorialSectionHead.js";import O from"./Placeholder.js";import{withRMark as i}from"./RMark.js";import{renderGold as m}from"./goldPhrases.js";import{say as R}from"../../format/lib/editor-words.js";const l={headingSmallUpTo700Small:"max-[700px]:text-[length:var(--size-headingSmall,26px)]",headingSmallUpTo700Large:"max-[700px]:text-[length:var(--size-headingSmall,28px)]",bodySmall:"text-[length:var(--size-body,15px)]",bodyLarge:"text-[length:var(--size-body,18px)]",headingSmall1:"text-[length:var(--size-headingSmall,28px)]",headingSmall2:"text-[length:var(--size-headingSmall,34px)]",labelSmall:"text-[length:var(--size-label,11px)]",label:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"},S={2:"grid-cols-2 max-[900px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-1",4:"grid-cols-4 max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1"},g="sf-itc-boxes",N="sf-itc-steps";function D({num:$,title:x,description:f,boxes:d,steps:z,columns:k=3,cta:c,padTop:b,padBottom:h,editing:L=!1,omitHead:T=!1,cardImage:_,cardText:w}){const I=typeof b=="number"?b:120,j=typeof h=="number"?h:120,u=(z??[]).filter(e=>(e?.tag??"").trim()||(e?.meta??"").trim()||(e?.title??"").trim()||(e?.copy??"").trim()||(e?.image??"").trim()||(e?.specs??[]).some(o=>(o?.label??"").trim()||(o?.value??"").trim())),v=u.length>0?u:L&&!d?[1,2,3].map(e=>({tag:R("Column {n}",{n:e})})):[],y=S[k]??S[3],n=w==="on-image";return a("section",{className:"relative z-[2] border-b border-line bg-bg",style:{paddingTop:I,paddingBottom:j,...U(_)},children:r("div",{className:E,children:[T?null:a(G,{num:$,title:x?.trim()?m(x,!0):void 0,desc:f?.trim()?m(f,!1):void 0}),d?r(C,{children:[a("style",{children:`.${g}:empty{display:none}.${g}:not(:empty)~.${N}{display:none}`}),a(d,{className:`${g} sf-card grid ${y} gap-[2px] border border-line bg-line [&>*]:min-h-[560px] [&>*]:bg-bg`,minEmptyHeight:260})]}):null,v.length>0&&a("div",{className:`${N} sf-card grid ${y} gap-[2px] border border-line bg-line`,children:v.map((e,o)=>{const s=(e.specs??[]).filter(t=>(t?.label??"").trim()||(t?.value??"").trim());return r("article",{className:n?"flex flex-col bg-bg":"flex min-h-[560px] flex-col bg-bg",children:[r("div",{className:n?"sf-card-image relative aspect-[5/3] overflow-hidden bg-surface max-[700px]:aspect-[4/3]":"sf-card-image relative aspect-[5/3] overflow-hidden border-b border-line bg-surface",children:[a(O,{label:e.tag?.trim()||e.title?.trim()||`column-${o+1}`,src:e.image||void 0,sizes:"(max-width: 1100px) 100vw, 33vw",...d?{deferFetch:!0}:{}}),a("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.55) 0%, transparent 30%, transparent 70%, rgba(10,10,10,0.65) 100%)"}}),n&&a("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 bottom-0 z-[1] h-[78%]",style:{background:"linear-gradient(180deg, transparent 0%, rgba(10,10,10,0.73) 55%, rgba(10,10,10,0.92) 100%)"}}),e.tag?.trim()&&a("span",{className:`absolute left-5 top-[18px] z-[2] font-mono ${l.label} uppercase tracking-[0.3em] text-accent`,children:i(e.tag)}),e.meta?.trim()&&a("span",{className:n?`absolute right-5 top-[18px] z-[2] font-mono ${l.label} uppercase tracking-[0.24em] text-overlay-fg/80`:`absolute right-5 bottom-[18px] z-[2] font-mono ${l.label} uppercase tracking-[0.24em] text-overlay-fg/80`,children:i(e.meta)}),n&&(e.title?.trim()||e.copy?.trim())&&r("div",{className:"absolute inset-x-0 bottom-0 z-[2] flex flex-col gap-2.5 px-8 pb-7 pt-14 max-[700px]:px-6 max-[700px]:pb-6",children:[e.title?.trim()&&a("h3",{className:`flex min-h-[2em] flex-col justify-end font-heading3 ${l.headingSmall1} font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg ${l.headingSmallUpTo700Small}`,children:m(e.title,!0)}),e.copy?.trim()&&a("p",{className:`min-h-[3em] font-display ${l.bodySmall} leading-[1.5] text-overlay-fg/85`,children:m(e.copy,!1)})]})]}),n?s.length>0&&a("div",{className:"grid grid-cols-2 gap-2 border-t border-line px-8 py-7 max-[700px]:px-6 max-[700px]:py-6",children:s.map((t,p)=>r("div",{className:"flex flex-col gap-1",children:[t.label?.trim()&&a("span",{className:`font-mono ${l.labelSmall} uppercase tracking-[0.24em] text-fg-dim`,children:i(t.label)}),t.value?.trim()&&a("span",{className:`font-display ${l.bodyLarge} font-medium tracking-[-0.01em] text-fg`,children:i(t.value)})]},p))}):r("div",{className:"flex flex-1 flex-col gap-4 px-8 py-9 max-[700px]:px-6 max-[700px]:py-7",children:[e.title?.trim()&&a("h3",{className:`font-heading3 ${l.headingSmall2} font-medium uppercase leading-none tracking-[-0.02em] ${l.headingSmallUpTo700Large}`,children:m(e.title,!0)}),e.copy?.trim()&&a("p",{className:`font-display ${l.bodySmall} leading-[1.55] text-fg-dim`,children:m(e.copy,!1)}),s.length>0&&a("div",{className:"mt-auto grid grid-cols-2 gap-2 border-t border-line pt-4",children:s.map((t,p)=>r("div",{className:"flex flex-col gap-1",children:[t.label?.trim()&&a("span",{className:`font-mono ${l.labelSmall} uppercase tracking-[0.24em] text-fg-dim`,children:i(t.label)}),t.value?.trim()&&a("span",{className:`font-display ${l.bodyLarge} font-medium tracking-[-0.01em] text-fg`,children:i(t.value)})]},p))})]})]},o)})}),c?.text&&a("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:r(A,{href:c.href,className:`group inline-flex items-center gap-3.5 border border-line px-6 py-4 font-mono ${l.labelLarge} uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent`,children:[i(c.text),a("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"→"})]})})]})})}export{D as default};
+import{jsx as a,Fragment as E,jsxs as r}from"react/jsx-runtime";import{EDITORIAL_COLUMN as U}from"../../format/lib/content/page-width.js";import{cardImageShapeTokens as A}from"../../format/lib/content/card-image-shape.js";import{SiteLink as G}from"../lib/site-runtime.js";import O from"./EditorialSectionHead.js";import R from"./Placeholder.js";import{withRMark as i}from"./RMark.js";import{renderGold as m}from"./goldPhrases.js";import{say as D}from"../../format/lib/editor-words.js";import{scrim as c}from"../../format/lib/content/scrim.js";const l={headingSmallUpTo700Small:"max-[700px]:text-[length:var(--size-headingSmall,26px)]",headingSmallUpTo700Large:"max-[700px]:text-[length:var(--size-headingSmall,28px)]",bodySmall:"text-[length:var(--size-body,15px)]",bodyLarge:"text-[length:var(--size-body,18px)]",headingSmall1:"text-[length:var(--size-headingSmall,28px)]",headingSmall2:"text-[length:var(--size-headingSmall,34px)]",labelSmall:"text-[length:var(--size-label,11px)]",label:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"},N={2:"grid-cols-2 max-[900px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-1",4:"grid-cols-4 max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1"},x="sf-itc-boxes",$="sf-itc-steps";function F({num:z,title:f,description:h,boxes:s,steps:k,columns:L=3,cta:p,padTop:b,padBottom:u,editing:T=!1,omitHead:_=!1,cardImage:w,cardText:I}){const j=typeof b=="number"?b:120,C=typeof u=="number"?u:120,v=(k??[]).filter(e=>(e?.tag??"").trim()||(e?.meta??"").trim()||(e?.title??"").trim()||(e?.copy??"").trim()||(e?.image??"").trim()||(e?.specs??[]).some(o=>(o?.label??"").trim()||(o?.value??"").trim())),y=v.length>0?v:T&&!s?[1,2,3].map(e=>({tag:D("Column {n}",{n:e})})):[],S=N[L]??N[3],n=I==="on-image";return a("section",{className:"relative z-[2] border-b border-line bg-bg",style:{paddingTop:j,paddingBottom:C,...A(w)},children:r("div",{className:U,children:[_?null:a(O,{num:z,title:f?.trim()?m(f,!0):void 0,desc:h?.trim()?m(h,!1):void 0}),s?r(E,{children:[a("style",{children:`.${x}:empty{display:none}.${x}:not(:empty)~.${$}{display:none}`}),a(s,{className:`${x} sf-card grid ${S} gap-[2px] border border-line bg-line [&>*]:min-h-[560px] [&>*]:bg-bg`,minEmptyHeight:260})]}):null,y.length>0&&a("div",{className:`${$} sf-card grid ${S} gap-[2px] border border-line bg-line`,children:y.map((e,o)=>{const d=(e.specs??[]).filter(t=>(t?.label??"").trim()||(t?.value??"").trim());return r("article",{className:n?"flex flex-col bg-bg":"flex min-h-[560px] flex-col bg-bg",children:[r("div",{className:n?"sf-card-image relative aspect-[5/3] overflow-hidden bg-surface max-[700px]:aspect-[4/3]":"sf-card-image relative aspect-[5/3] overflow-hidden border-b border-line bg-surface",children:[a(R,{label:e.tag?.trim()||e.title?.trim()||`column-${o+1}`,src:e.image||void 0,sizes:"(max-width: 1100px) 100vw, 33vw",...s?{deferFetch:!0}:{}}),a("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 z-[1]",style:{background:`linear-gradient(180deg, ${c(.55)} 0%, transparent 30%, transparent 70%, ${c(.65)} 100%)`}}),n&&a("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 bottom-0 z-[1] h-[78%]",style:{background:`linear-gradient(180deg, transparent 0%, ${c(.73)} 55%, ${c(.92)} 100%)`}}),e.tag?.trim()&&a("span",{className:`absolute left-5 top-[18px] z-[2] font-mono ${l.label} uppercase tracking-[0.3em] text-accent`,children:i(e.tag)}),e.meta?.trim()&&a("span",{className:n?`absolute right-5 top-[18px] z-[2] font-mono ${l.label} uppercase tracking-[0.24em] text-overlay-fg/80`:`absolute right-5 bottom-[18px] z-[2] font-mono ${l.label} uppercase tracking-[0.24em] text-overlay-fg/80`,children:i(e.meta)}),n&&(e.title?.trim()||e.copy?.trim())&&r("div",{className:"absolute inset-x-0 bottom-0 z-[2] flex flex-col gap-2.5 px-8 pb-7 pt-14 max-[700px]:px-6 max-[700px]:pb-6",children:[e.title?.trim()&&a("h3",{className:`flex min-h-[2em] flex-col justify-end font-heading3 ${l.headingSmall1} font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg ${l.headingSmallUpTo700Small}`,children:m(e.title,!0)}),e.copy?.trim()&&a("p",{className:`min-h-[3em] font-display ${l.bodySmall} leading-[1.5] text-overlay-fg/85`,children:m(e.copy,!1)})]})]}),n?d.length>0&&a("div",{className:"grid grid-cols-2 gap-2 border-t border-line px-8 py-7 max-[700px]:px-6 max-[700px]:py-6",children:d.map((t,g)=>r("div",{className:"flex flex-col gap-1",children:[t.label?.trim()&&a("span",{className:`font-mono ${l.labelSmall} uppercase tracking-[0.24em] text-fg-dim`,children:i(t.label)}),t.value?.trim()&&a("span",{className:`font-display ${l.bodyLarge} font-medium tracking-[-0.01em] text-fg`,children:i(t.value)})]},g))}):r("div",{className:"flex flex-1 flex-col gap-4 px-8 py-9 max-[700px]:px-6 max-[700px]:py-7",children:[e.title?.trim()&&a("h3",{className:`font-heading3 ${l.headingSmall2} font-medium uppercase leading-none tracking-[-0.02em] ${l.headingSmallUpTo700Large}`,children:m(e.title,!0)}),e.copy?.trim()&&a("p",{className:`font-display ${l.bodySmall} leading-[1.55] text-fg-dim`,children:m(e.copy,!1)}),d.length>0&&a("div",{className:"mt-auto grid grid-cols-2 gap-2 border-t border-line pt-4",children:d.map((t,g)=>r("div",{className:"flex flex-col gap-1",children:[t.label?.trim()&&a("span",{className:`font-mono ${l.labelSmall} uppercase tracking-[0.24em] text-fg-dim`,children:i(t.label)}),t.value?.trim()&&a("span",{className:`font-display ${l.bodyLarge} font-medium tracking-[-0.01em] text-fg`,children:i(t.value)})]},g))})]})]},o)})}),p?.text&&a("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:r(G,{href:p.href,className:`group inline-flex items-center gap-3.5 border border-line px-6 py-4 font-mono ${l.labelLarge} uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent`,children:[i(p.text),a("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"→"})]})})]})})}export{F as default};

package/dist/render/components/SectionAnimation.d.ts

@@ -1,7 +1,20 @@
 import { type ReactNode } from "react";
-import { type SectionMotion } from "../../format/lib/content/section-animation.js";
-export declare function SectionAnimation({ motion, editing, children, }: {
-    motion: SectionMotion;
+import { type EntranceValue } from "efficient-shell/format";
+export declare const ENTRANCE_WRAPPER_CLASS = "sf-entrance";
+export declare function SectionAnimation({ desktop, phone, editing, children, }: {
+    desktop: EntranceValue;
+    phone: EntranceValue;
     editing: boolean;
     children: ReactNode;
 }): import("react").JSX.Element;
+export type SeenEntrance = {
+    readonly desktop: string;
+    readonly phone: string;
+};
+export declare const entranceReplay: {
+    seed(desktop: EntranceValue, phone: EntranceValue): SeenEntrance;
+    next(seen: SeenEntrance, desktop: EntranceValue, phone: EntranceValue, onPhone: boolean): {
+        play: boolean;
+        seen: SeenEntrance;
+    };
+};

package/dist/render/components/SectionAnimation.js

@@ -1 +1 @@
-"use client";import{jsx as s}from"react/jsx-runtime";import{useEffect as i,useRef as u}from"react";import{armSectionEntrance as a,playSectionEntrance as l,SECTION_ANIM_ATTR as o}from"../../format/lib/content/section-animation.js";function S({motion:r,editing:n,children:f}){const t=u(null),c=u(r);return i(()=>{const e=t.current;if(e){if(n){if(c.current===r)return;c.current=r,l(e);return}return a(e)}},[r,n]),s("div",{ref:t,[o]:r,children:f})}export{S as SectionAnimation};
+"use client";import{jsx as E}from"react/jsx-runtime";import{useEffect as l,useRef as p,useState as N}from"react";import{armEntrance as S,entranceAttrs as x,playEntrance as g}from"efficient-shell/format";import{PHONE_MEDIA as A}from"../lib/content/view-values.js";const O="sf-entrance";function _({desktop:e,phone:n,editing:s,children:o}){const t=p(null),r=P(t),m=r?n:e,{attrs:y,style:i}=x(m),u=p(a.seed(e,n)),h=JSON.stringify(e),d=JSON.stringify(n);return l(()=>{const c=t.current;if(c){if(s){const f=a.next(u.current,e,n,r);u.current=f.seen,f.play&&g(c);return}return S(c)}},[h,d,r,s]),E("div",{ref:t,className:O,...y,...Object.keys(i).length?{style:i}:{},children:o})}const a={seed(e,n){return{desktop:JSON.stringify(e),phone:JSON.stringify(n)}},next(e,n,s,o){const t=a.seed(n,s);return{play:o?t.phone!==e.phone:t.desktop!==e.desktop,seen:t}}};function P(e){const[n,s]=N(!1);return l(()=>{const o=e.current?.ownerDocument?.defaultView;if(!o?.matchMedia)return;const t=o.matchMedia(A),r=()=>s(t.matches);return r(),t.addEventListener("change",r),()=>t.removeEventListener("change",r)},[e]),n}export{O as ENTRANCE_WRAPPER_CLASS,_ as SectionAnimation,a as entranceReplay};

package/dist/render/components/SiteGutterFrame.d.ts

@@ -3,7 +3,11 @@ import { type PadValues } from "../lib/content/section-padding.js";
 export declare function SplitBandAndColumn({ children }: {
     children?: ReactNode;
 }): import("react").JSX.Element;
-export default function SiteGutterFrame({ contained, framedClass, fillClass, columnClass, style, tabLabel, pad, border, outerAttrs, children, }: {
+export declare function NestedBoxChoice({ atTop, nested }: {
+    atTop: ReactNode;
+    nested: ReactNode;
+}): import("react").JSX.Element;
+export default function SiteGutterFrame({ contained, framedClass, fillClass, columnClass, style, tabLabel, pad, border, outerAttrs, box, outerStyle, children, }: {
     contained: boolean;
     framedClass: string;
     fillClass: string;
@@ -16,5 +20,7 @@ export default function SiteGutterFrame({ contained, framedClass, fillClass, col
     };
     border?: CSSProperties;
     outerAttrs?: Record<string, string>;
+    box?: boolean;
+    outerStyle?: CSSProperties;
     children?: ReactNode;
 }): import("react").JSX.Element;

package/dist/render/components/SiteGutterFrame.js

@@ -1 +1 @@
-"use client";import{jsx as t}from"react/jsx-runtime";import{createContext as h,useContext as N}from"react";import{rootPadAttrs as j,wrapperPadAttrs as I}from"../lib/content/section-padding.js";import{SECTION_BORDER_CLASS as w,SECTION_BORDER_SELF_CLASS as A}from"../../format/lib/content/borders.js";import{drawsSiteGutter as G}from"../../format/lib/content/site-gutter.js";const y=h(!1),d=h(!1);function b({children:o}){return t(d.Provider,{value:!0,children:o})}function L({contained:o,framedClass:O,fillClass:x,columnClass:R,style:m,tabLabel:_,pad:e,border:s,outerAttrs:r,children:f}){const B=N(y),v=N(d),a=G(o,B),n=a&&!v,i=e&&!n?j(e.values,e.frame):null,c=s&&!n?s:null,E=[n?O:x,i?.className,c?A:null].filter(Boolean).join(" "),P=i||c?{...m,...i?.style,...c}:m,u=a?t(y.Provider,{value:!0,children:f}):f,l=e&&n?I(e.values):null,S=r&&Object.keys(r).length>0?r:null,p=t("div",{...l?null:S,className:E,style:P,"data-tab-label":_,children:v?t(d.Provider,{value:!1,children:a?t("div",{className:R,children:u}):u}):u}),C=l?t("div",{...S,className:l.className,style:l.style,children:p}):p;return s&&n?t("div",{className:w,style:{display:"contents",...s},children:C}):C}export{b as SplitBandAndColumn,L as default};
+"use client";import{jsx as e,Fragment as w}from"react/jsx-runtime";import{createContext as f,useContext as v}from"react";import{rootPadAttrs as A,wrapperPadAttrs as G}from"../lib/content/section-padding.js";import{SECTION_BORDER_CLASS as L,SECTION_BORDER_SELF_CLASS as D}from"../../format/lib/content/borders.js";import{drawsSiteGutter as T}from"../../format/lib/content/site-gutter.js";const P=f(!1),h=f(!1);function K({children:n}){return e(h.Provider,{value:!0,children:n})}const R=f(!1);function M({atTop:n,nested:a}){return e(w,{children:v(R)?a:n})}function k({contained:n,framedClass:a,fillClass:y,columnClass:E,style:p,tabLabel:I,pad:s,border:o,outerAttrs:i,box:g=!1,outerStyle:r,children:x}){const j=v(P),C=v(h),c=T(n,j),l=c&&!C,d=s&&!l?A(s.values,s.frame):null,u=o&&!l?o:null,F=[l?a:y,d?.className,u?D:null].filter(Boolean).join(" "),N=d||u?{...p,...d?.style,...u}:p,S=g?e(R.Provider,{value:!0,children:x}):x,m=c?e(P.Provider,{value:!0,children:S}):S,t=s&&l?G(s.values):null,B=i&&Object.keys(i).length>0?i:null,O=e("div",{...t?null:B,className:F,style:t||!r?N:{...N,...r},"data-tab-label":I,children:C?e(h.Provider,{value:!1,children:c?e("div",{className:E,children:m}):m}):m}),_=t?e("div",{...B,className:t.className,style:r?{...t.style,...r}:t.style,children:O}):O;return o&&l?e("div",{className:L,style:{display:"contents",...o},children:_}):_}export{M as NestedBoxChoice,K as SplitBandAndColumn,k as default};

package/dist/render/components/SiteMap.js

@@ -1 +1 @@
-"use client";import{jsx as v,jsxs as x}from"react/jsx-runtime";import{useEffect as u,useRef as b,useState as p}from"react";import{EntityMap as M}from"efficient-shell/map";import{mapModeIsLight as i,watchMapTheme as I}from"../../format/lib/map-styles.js";const S={"--rosh-map-pin":"var(--accent)","--rosh-map-pin-text":"var(--bg)","--rosh-map-pin-edge":"var(--bg)","--rosh-map-ring":"var(--fg)","--rosh-map-radius":"0px","--rosh-map-font":"var(--font-role-label)"};function j(e){const[t,r]=p(()=>i(e));return u(()=>(r(i(e)),I(()=>r(i(e)))),[e]),t?"light":"dark"}function y(e){const[t,r]=p(!1);return u(()=>{const s=e.current;if(!s||t)return;if(typeof IntersectionObserver>"u"){r(!0);return}const n=new IntersectionObserver(o=>{o.some(a=>a.isIntersecting)&&(n.disconnect(),r(!0))},{rootMargin:"200px"});return n.observe(s),()=>n.disconnect()},[e,t]),t}function L({pins:e,mapTheme:t,ariaLabel:r,className:s="",selectedKey:n=null,focus:o=null,onSelect:a,fitTo:f,card:l,groupCrowded:m=!1,children:h}){const c=b(null),d=y(c),g=j(t);return x("div",{ref:c,"data-site-map":"",className:s,style:S,children:[d&&v(M,{pins:e,selectedKey:n,focus:o,onSelect:a??(()=>{}),ariaLabel:r,fitTo:f,card:l,groupCrowded:m,look:"site",theme:g,cooperativeGestures:"coarse"}),h]})}export{L as default};
+"use client";import{jsx as v,jsxs as x}from"react/jsx-runtime";import{useEffect as u,useRef as b,useState as p}from"react";import{EntityMap as M}from"efficient-shell/map";import{mapModeIsLight as i}from"../../format/lib/map-styles.js";import{watchRootTheme as I}from"efficient-shell/format";const S={"--rosh-map-pin":"var(--accent)","--rosh-map-pin-text":"var(--bg)","--rosh-map-pin-edge":"var(--bg)","--rosh-map-ring":"var(--fg)","--rosh-map-radius":"0px","--rosh-map-font":"var(--font-role-label)"};function j(e){const[t,r]=p(()=>i(e));return u(()=>(r(i(e)),I(()=>r(i(e)))),[e]),t?"light":"dark"}function y(e){const[t,r]=p(!1);return u(()=>{const s=e.current;if(!s||t)return;if(typeof IntersectionObserver>"u"){r(!0);return}const n=new IntersectionObserver(o=>{o.some(a=>a.isIntersecting)&&(n.disconnect(),r(!0))},{rootMargin:"200px"});return n.observe(s),()=>n.disconnect()},[e,t]),t}function L({pins:e,mapTheme:t,ariaLabel:r,className:s="",selectedKey:n=null,focus:o=null,onSelect:a,fitTo:f,card:l,groupCrowded:m=!1,children:h}){const c=b(null),d=y(c),g=j(t);return x("div",{ref:c,"data-site-map":"",className:s,style:S,children:[d&&v(M,{pins:e,selectedKey:n,focus:o,onSelect:a??(()=>{}),ariaLabel:r,fitTo:f,card:l,groupCrowded:m,look:"site",theme:g,cooperativeGestures:"coarse"}),h]})}export{L as default};

package/dist/render/components/SpecStrip.d.ts

@@ -1,7 +1,5 @@
-export interface StripCell {
-    text?: string;
-    tone?: "normal" | "muted";
-}
+import { type StripCell } from "../../format/lib/document/blocks/general/SpecStrip/meta.js";
+export type { StripCell };
 export interface SpecStripProps {
     cells?: StripCell[];
     fill?: "dark" | "none";

package/dist/render/components/SpecStrip.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{say as a}from"../../format/lib/editor-words.js";const o=()=>[{text:a("Spec label"),tone:"normal"},{text:a("Spec value"),tone:"muted"},{text:a("Spec label"),tone:"normal"},{text:a("Spec value"),tone:"muted"}];function d({cells:p,fill:x="dark",editing:i=!1}){const n=(p??[]).filter(e=>(e?.text??"").trim()),r=n.length>0?n:i?o():[];if(r.length===0)return null;const l=x!=="none",s=t("div",{className:"mx-auto flex max-w-[var(--sf-site-width,1600px)] flex-wrap items-baseline justify-between gap-x-8 gap-y-1 px-[var(--sf-site-gutter,40px)] py-4 text-[length:var(--size-label,12px)] uppercase tracking-[0.1em] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-3",children:r.map((e,m)=>t("span",{className:l?e.tone==="muted"?"text-plate-band-fg-dim":"text-plate-band-fg":e.tone==="muted"?"text-fg-dim":"text-fg",children:e.text},m))});return t("section",{className:"w-full",children:l?t("div",{className:"bg-plate-band",children:s}):t("div",{className:"border-t border-line",children:s})})}export{d as default};
+import{jsx as t}from"react/jsx-runtime";import{specStripScaffold as m}from"../../format/lib/document/blocks/general/SpecStrip/meta.js";function d({cells:i,fill:p="dark",editing:x=!1}){const a=(i??[]).filter(e=>(e?.text??"").trim()),r=a.length>0?a:x?m():[];if(r.length===0)return null;const s=p!=="none",n=t("div",{className:"mx-auto flex max-w-[var(--sf-site-width,1600px)] flex-wrap items-baseline justify-between gap-x-8 gap-y-1 px-[var(--sf-site-gutter,40px)] py-4 text-[length:var(--size-label,12px)] uppercase tracking-[0.1em] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-3",children:r.map((e,l)=>t("span",{className:s?e.tone==="muted"?"text-plate-band-fg-dim":"text-plate-band-fg":e.tone==="muted"?"text-fg-dim":"text-fg",children:e.text},l))});return t("section",{className:"w-full",children:s?t("div",{className:"bg-plate-band",children:n}):t("div",{className:"border-t border-line",children:n})})}export{d as default};

package/dist/render/components/Split.d.ts

@@ -28,6 +28,7 @@ interface Props {
         href: string;
     };
     grayscale?: boolean;
+    fillHeight?: boolean;
 }
-export default function Split({ imageLabel, imageSrc, imageTint, imageObjectPosition, eyebrow, title, body, cta, reverse, uppercase, textAlign, textBgSrc, textBgLabel, textBgTint, textBgObjectPosition, featureBar, imageButton, grayscale, }: Props): import("react").JSX.Element;
+export default function Split({ imageLabel, imageSrc, imageTint, imageObjectPosition, eyebrow, title, body, cta, reverse, uppercase, textAlign, textBgSrc, textBgLabel, textBgTint, textBgObjectPosition, featureBar, imageButton, grayscale, fillHeight, }: Props): import("react").JSX.Element;
 export {};

package/dist/render/components/Split.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{SiteLink as v}from"../lib/site-runtime.js";import _ from"./Btn.js";import{resolveImageTreatment as E}from"../../format/lib/content/image-treatment.js";import y from"./Placeholder.js";import{useSitePhotography as I}from"./SitePhotographyContext.js";import L from"./SectionEyebrow.js";import{renderGold as i,renderHeadline as P,splitParagraphs as U}from"./goldPhrases.js";import{ON_MEDIA_INK_STYLE as S}from"../../format/lib/content/ink.js";const t={headingMediumUpTo800:"max-[800px]:text-[length:var(--size-headingMedium,36px)]",labelUpTo800:"max-[800px]:text-[length:var(--size-label,12px)]",headingMedium:"text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))]",body:"text-[length:var(--size-body,16px)]",label:"text-[length:var(--size-label,13px)]"};function A({imageLabel:d,imageSrc:p,imageTint:c=.4,imageObjectPosition:N,eyebrow:x,title:m,body:h,cta:l,reverse:f=!1,uppercase:j=!1,textAlign:k="left",textBgSrc:s,textBgLabel:$,textBgTint:b=.6,textBgObjectPosition:z,featureBar:a,imageButton:n,grayscale:w}){const g=E(w,I()),u={left:{items:"",text:"",cta:"self-start"},center:{items:"items-center",text:"text-center",cta:"self-center"},right:{items:"items-end",text:"text-right",cta:"self-end"}},o=u[k]??u.left;return e("section",{className:"relative z-[2] bg-bg p-0",children:r("div",{className:["grid min-h-[72vh] grid-cols-2 border-t border-b border-line","mx-auto w-full max-w-[var(--sf-content-cap,none)]","max-[960px]:grid-cols-1","max-[960px]:min-h-0",f?"min-[961px]:[direction:rtl]":""].join(" "),children:[r("div",{className:"sf-card relative flex items-center justify-center overflow-hidden bg-surface [direction:ltr] max-[960px]:aspect-[4/3] max-[960px]:order-2",style:f?{borderLeft:"1px solid var(--site-line)"}:{borderRight:"1px solid var(--site-line)"},children:[e(y,{label:d,src:p,objectPosition:N,treatment:g}),p&&c>0&&e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${c})`}}),(a||n)&&r("div",{className:"pointer-events-none absolute inset-0 z-[3] flex flex-col items-center justify-center gap-4 px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:[a&&r(v,{href:a.href,className:`pointer-events-auto inline-flex items-center justify-center gap-3 border px-7 py-4 font-mono ${t.label} uppercase tracking-[0.18em] backdrop-blur-sm transition-colors max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 ${t.labelUpTo800}`,style:{borderColor:"rgba(245,241,232,0.3)",color:"rgba(245,241,232,0.85)",background:"rgba(0,0,0,0.45)"},children:[e("span",{children:i(a.wheel)}),e("span",{"aria-hidden":!0,style:{opacity:.55},children:"·"}),e("span",{children:i(a.category)}),e("span",{"aria-hidden":!0,children:"→"}),e("span",{children:i(a.cta??"Shop now")})]}),n&&r(v,{href:n.href,className:`pointer-events-auto inline-flex items-center justify-center gap-2 border px-7 py-4 font-mono ${t.label} uppercase tracking-[0.18em] backdrop-blur-sm transition-colors hover:bg-[rgba(245,241,232,0.1)] max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 ${t.labelUpTo800}`,style:{borderColor:"rgba(245,241,232,0.5)",color:"rgba(245,241,232,0.95)",background:"transparent"},children:[e("span",{children:i(n.text??"Learn more")}),e("span",{"aria-hidden":!0,children:"→"})]})]})]}),r("div",{className:"relative overflow-hidden [direction:ltr] max-[960px]:order-1",children:[s&&r("div",{className:"absolute inset-0","aria-hidden":!0,children:[e(y,{label:$??d,src:s,objectPosition:z,treatment:g}),b>0&&e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${b})`}})]}),e("div",{className:"relative z-[2] flex h-full min-h-full flex-col px-[60px] py-[100px] max-[960px]:px-6 max-[960px]:py-[60px]",style:s?S:void 0,children:r("div",{className:["flex flex-1 flex-col justify-center gap-6",o.items,o.text].join(" "),children:[x&&e(L,{text:x,size:14}),m&&e("h2",{className:[`font-heading2 ${t.headingMedium} font-normal leading-[1.05] tracking-[-0.03em]`,`${t.headingMediumUpTo800} max-[800px]:leading-[1]`,j?"uppercase":""].join(" "),children:P(m,!1)}),h&&U(h).map((M,T)=>e("p",{className:[`max-w-[520px] ${t.body} leading-[1.7]`,"text-fg-dim"].join(" "),children:i(M)},T)),l.text&&e("div",{className:`mt-2 ${o.cta}`,children:e(_,{href:l.href,variant:"primary",children:i(l.text)})})]})})]})]})})}export{A as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{SiteLink as u}from"../lib/site-runtime.js";import M from"./Btn.js";import{resolveImageTreatment as P}from"../../format/lib/content/image-treatment.js";import y from"./Placeholder.js";import{useSitePhotography as C}from"./SitePhotographyContext.js";import U from"./SectionEyebrow.js";import{renderGold as i,renderHeadline as A,splitParagraphs as O}from"./goldPhrases.js";import{ON_MEDIA_INK_STYLE as G}from"../../format/lib/content/ink.js";import{scrim as D}from"../../format/lib/content/scrim.js";import{SECTION_FILL_CLASS as F}from"../../format/lib/content/section-min-height.js";const t={headingMediumUpTo800:"max-[800px]:text-[length:var(--size-headingMedium,36px)]",labelUpTo800:"max-[800px]:text-[length:var(--size-label,12px)]",headingMedium:"text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))]",body:"text-[length:var(--size-body,16px)]",label:"text-[length:var(--size-label,13px)]"},_={words:{left:"min-[961px]:pl-[max(60px,calc(100%_-_var(--sf-content-cap,200%)/2_+_60px))]",right:"min-[961px]:pr-[max(60px,calc(100%_-_var(--sf-content-cap,200%)/2_+_60px))]"},buttons:{left:"min-[961px]:pl-[max(var(--sf-site-gutter,40px),calc(100%_-_var(--sf-content-cap,200%)/2_+_var(--sf-site-gutter,40px)))]",right:"min-[961px]:pr-[max(var(--sf-site-gutter,40px),calc(100%_-_var(--sf-content-cap,200%)/2_+_var(--sf-site-gutter,40px)))]"}};function H({imageLabel:c,imageSrc:x,imageTint:m=.4,imageObjectPosition:N,eyebrow:d,title:f,body:h,cta:l,reverse:n=!1,uppercase:j=!1,textAlign:$="left",textBgSrc:o,textBgLabel:k,textBgTint:g=.6,textBgObjectPosition:z,featureBar:a,imageButton:s,grayscale:T,fillHeight:w=!1}){const b=P(T,C()),v={left:{items:"",text:"",cta:"self-start"},center:{items:"items-center",text:"text-center",cta:"self-center"},right:{items:"items-end",text:"text-right",cta:"self-end"}},p=v[$]??v.left,I=n?"right":"left",L=n?"left":"right";return e("section",{className:"relative z-[2] bg-bg p-0",children:r("div",{className:["grid min-h-[72vh] grid-cols-2 border-t border-b border-line","max-[960px]:grid-cols-1","max-[960px]:min-h-0",n?"min-[961px]:[direction:rtl]":"",...w?[F]:[]].join(" "),children:[r("div",{className:"sf-card relative flex items-center justify-center overflow-hidden bg-surface [direction:ltr] max-[960px]:aspect-[4/3] max-[960px]:order-2",style:n?{borderLeft:"1px solid var(--site-line)"}:{borderRight:"1px solid var(--site-line)"},children:[e(y,{label:c,src:x,objectPosition:N,treatment:b}),x&&m>0&&e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${m})`}}),(a||s)&&r("div",{className:`pointer-events-none absolute inset-0 z-[3] flex flex-col items-center justify-center gap-4 px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] ${_.buttons[I]}`,children:[a&&r(u,{href:a.href,className:`pointer-events-auto inline-flex items-center justify-center gap-3 border px-7 py-4 font-mono ${t.label} uppercase tracking-[0.18em] backdrop-blur-sm transition-colors max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 ${t.labelUpTo800}`,style:{borderColor:"color-mix(in srgb, var(--overlay-fg) 30%, transparent)",color:"color-mix(in srgb, var(--overlay-fg) 85%, transparent)",background:D(.45)},children:[e("span",{children:i(a.wheel)}),e("span",{"aria-hidden":!0,style:{opacity:.55},children:"·"}),e("span",{children:i(a.category)}),e("span",{"aria-hidden":!0,children:"→"}),e("span",{children:i(a.cta??"Shop now")})]}),s&&r(u,{href:s.href,className:`pointer-events-auto inline-flex items-center justify-center gap-2 border px-7 py-4 font-mono ${t.label} uppercase tracking-[0.18em] backdrop-blur-sm transition-colors hover:bg-[color-mix(in_srgb,var(--overlay-fg)_10%,transparent)] max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 ${t.labelUpTo800}`,style:{borderColor:"color-mix(in srgb, var(--overlay-fg) 50%, transparent)",color:"color-mix(in srgb, var(--overlay-fg) 95%, transparent)",background:"transparent"},children:[e("span",{children:i(s.text??"Learn more")}),e("span",{"aria-hidden":!0,children:"→"})]})]})]}),r("div",{className:"relative overflow-hidden [direction:ltr] max-[960px]:order-1",children:[o&&r("div",{className:"absolute inset-0","aria-hidden":!0,children:[e(y,{label:k??c,src:o,objectPosition:z,treatment:b}),g>0&&e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${g})`}})]}),e("div",{className:`relative z-[2] flex h-full min-h-full flex-col px-[60px] py-[100px] max-[960px]:px-6 max-[960px]:py-[60px] ${_.words[L]}`,style:o?G:void 0,children:r("div",{className:["flex flex-1 flex-col justify-center gap-6",p.items,p.text].join(" "),children:[d&&e(U,{text:d,size:14}),f&&e("h2",{className:[`font-heading2 ${t.headingMedium} font-normal leading-[1.05] tracking-[-0.03em]`,`${t.headingMediumUpTo800} max-[800px]:leading-[1]`,j?"uppercase":""].join(" "),children:A(f,!1)}),h&&O(h).map((S,E)=>e("p",{className:[`max-w-[520px] ${t.body} leading-[1.7]`,"text-fg-dim"].join(" "),children:i(S)},E)),l.text&&e("div",{className:`mt-2 ${p.cta}`,children:e(M,{href:l.href,variant:"primary",children:i(l.text)})})]})})]})]})})}export{H as default};

package/dist/render/components/Text.d.ts

@@ -1,4 +1,5 @@
 import type { PadValues } from "../lib/content/section-padding.js";
+import { type HeadingLevel } from "./Heading.js";
 import type { BlockAlign as Align } from "../../format/lib/content/block-align.js";
 type Tone = "default" | "dim";
 interface TextProps {
@@ -11,5 +12,6 @@ interface TextProps {
     contained: boolean;
     hero?: boolean;
 }
+export declare function headingLevelOfStyle(id: string): HeadingLevel;
 export default function Text({ text, align, tone, contained, hero, pad, tag, textStyle }: TextProps): import("react").JSX.Element;
 export {};

package/dist/render/components/Text.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import p from"./BlockFrame.js";import{renderGold as n,renderHeadline as b,splitParagraphs as u}from"./goldPhrases.js";import{headingLook as N}from"./Heading.js";import{textTagOf as T}from"../../format/lib/content/text-tag.js";import{isTextStyleId as v}from"../lib/document/part-styles.js";import{faceClassOf as x}from"../../format/lib/text-style-face.js";const s={bodyUpTo800:"max-[800px]:text-[length:var(--size-body,14px)]",bodySmall:"text-[length:var(--size-body,15px)]",bodyLarge:"text-[length:var(--size-body,17px)]",label:"text-[length:var(--size-label,13px)]"},$={left:"text-left",center:"text-center mx-auto",right:"text-right ml-auto"},S=`max-w-[380px] ${s.bodySmall} leading-[1.5] opacity-80 ${s.bodyUpTo800}`,L={default:"text-fg",dim:"text-fg-dim"};function z({text:a,align:d,tone:h,contained:m,hero:g=!1,pad:l,tag:y,textStyle:c}){if(g)return t("p",{className:S,children:n(a)});const e=v(c)?c:void 0,f=`${e?`${x({id:e})} `:""}max-w-[680px] whitespace-pre-line ${e==="body-5"?s.label:s.bodyLarge} leading-[1.7] ${$[d]} ${L[h]}`,o=T(y);if(e?.startsWith("heading-")){const i=String(Math.min(Number(e.slice(8)),6)),r=N(i,d,x({id:e}));return t(p,{contained:m,className:"py-6",pad:l?{values:l,frame:24}:void 0,children:t(o,{className:r.className,style:r.style,children:b(a.trim(),!1)})})}return t(p,{contained:m,className:"py-4",pad:l?{values:l,frame:16}:void 0,children:o==="p"?u(a).map((i,r)=>t("p",{className:f,children:n(i)},r)):t(o,{className:f,children:n(a.trim())})})}export{z as default};
+import{jsx as a}from"react/jsx-runtime";import p from"./BlockFrame.js";import{renderGold as i,renderHeadline as u,splitParagraphs as b}from"./goldPhrases.js";import{headingLook as N}from"./Heading.js";import{textTagOf as T}from"../../format/lib/content/text-tag.js";import{isTextStyleId as v}from"../lib/document/part-styles.js";import{faceClassOf as x}from"../../format/lib/text-style-face.js";const n={bodyUpTo800:"max-[800px]:text-[length:var(--size-body,14px)]",bodySmall:"text-[length:var(--size-body,15px)]",bodyLarge:"text-[length:var(--size-body,17px)]",label:"text-[length:var(--size-label,13px)]"},S={left:"text-left",center:"text-center mx-auto",right:"text-right ml-auto"},$=`max-w-[380px] ${n.bodySmall} leading-[1.5] opacity-80 ${n.bodyUpTo800}`,L={default:"text-fg",dim:"text-fg-dim"};function O(e){return String(Math.min(Number(e.slice(8)),6))}function z({text:e,align:d,tone:h,contained:m,hero:g=!1,pad:r,tag:y,textStyle:c}){if(g)return a("p",{className:$,children:i(e)});const t=v(c)?c:void 0,f=`${t?`${x({id:t})} `:""}max-w-[680px] whitespace-pre-line ${t==="body-5"?n.label:n.bodyLarge} leading-[1.7] ${S[d]} ${L[h]}`,o=T(y);if(t?.startsWith("heading-")){const s=O(t),l=N(s,d,x({id:t}));return a(p,{contained:m,className:"py-6",pad:r?{values:r,frame:24}:void 0,children:a(o,{className:l.className,style:l.style,children:u(e.trim(),!1)})})}return a(p,{contained:m,className:"py-4",pad:r?{values:r,frame:16}:void 0,children:o==="p"?b(e).map((s,l)=>a("p",{className:f,children:i(s)},l)):a(o,{className:f,children:i(e.trim())})})}export{z as default,O as headingLevelOfStyle};

package/dist/render/components/Ticker.d.ts

@@ -1,5 +1,5 @@
 import { type TickerSeparator, type TickerSize } from "../../format/lib/sections/ticker-style.js";
-import { type TickerScroll } from "../../format/lib/sections/ticker-scroll.js";
+import { type LoopDirection } from "../../format/lib/animation/index.js";
 export type TickerItem = string | {
     text: string;
     gold?: boolean;
@@ -9,10 +9,11 @@ interface Props {
     items: TickerItem[];
     separator?: TickerSeparator;
     size?: TickerSize;
-    durationSec?: number;
-    scroll?: TickerScroll;
+    seconds?: number;
+    delay?: number;
+    scroll?: LoopDirection;
     backdrop?: TickerBackdrop;
     className?: string;
 }
-export default function Ticker({ items, separator, size, durationSec, scroll, backdrop, className, }: Props): import("react").JSX.Element;
+export default function Ticker({ items, separator, size, seconds, delay, scroll, backdrop, className, }: Props): import("react").JSX.Element;
 export {};

package/dist/render/components/Ticker.js

@@ -1 +1 @@
-import{jsx as a,jsxs as l}from"react/jsx-runtime";import{DEFAULT_TICKER_SEPARATOR as k,DEFAULT_TICKER_SIZE as w,SEPARATOR_GLYPH as L,parseTickerSeparator as N,parseTickerSize as b,separatorScaleClass as y,tickerTypeClass as j}from"../../format/lib/sections/ticker-style.js";import{DEFAULT_TICKER_SCROLL as u,isVerticalScroll as v,parseTickerScroll as I,tickerAnimation as $}from"../../format/lib/sections/ticker-scroll.js";import{renderGold as K}from"./goldPhrases.js";const D={"themed-band":"text-fg/70","themed-section":"text-fg-dim","dark-media":"text-overlay-fg/70"};function F({items:o,separator:i=k,size:x=w,durationSec:m=50,scroll:d=u,backdrop:f="themed-band",className:g}){const t=b(x),n=I(d),r=N(i),h=`text-accent ${y(t,r)}`.trim(),c=L[r],T=c===""?a("span",{}):a("span",{className:h,children:c}),s=v(n),S=s?"inline-flex flex-col items-center gap-[60px] pb-[60px] max-[800px]:gap-8 max-[800px]:pb-8":"inline-flex items-center gap-[60px] pr-[60px] max-[800px]:gap-8 max-[800px]:pr-8",C=s?"inline-flex flex-col items-center gap-[60px] max-[800px]:gap-8":"inline-flex items-center gap-[60px] max-[800px]:gap-8",p=_=>a("span",{className:S,children:o.map((e,A)=>{const E=typeof e=="string"?e:e.text,R=typeof e=="object"&&e.gold;return l("span",{className:C,children:[a("span",{className:R?"text-accent":void 0,children:K(E)}),T]},A)})},_);return a("div",{className:`overflow-hidden ${g??""}`,children:l("div",{className:`flex ${s?"flex-col ":""}whitespace-nowrap ${j(t)} ${D[f]}`,style:{animation:$(n,m)},children:[p("a"),p("b")]})})}export{F as default};
+import{jsx as a,jsxs as c}from"react/jsx-runtime";import{DEFAULT_TICKER_SEPARATOR as D,DEFAULT_TICKER_SIZE as N,SEPARATOR_GLYPH as R,parseTickerSeparator as w,parseTickerSize as b,separatorScaleClass as y,tickerTypeClass as I}from"../../format/lib/sections/ticker-style.js";import{DEFAULT_LOOP_DELAY as P,DEFAULT_LOOP_DIRECTION as j,DEFAULT_LOOP_SECONDS as k,isVerticalLoop as u,loopAnimation as v,parseLoopDirection as F}from"../../format/lib/animation/index.js";import{renderGold as U}from"./goldPhrases.js";const $={"themed-band":"text-fg/70","themed-section":"text-fg-dim","dark-media":"text-overlay-fg/70"};function K({items:i,separator:l=D,size:x=N,seconds:m=k,delay:d=P,scroll:f=j,backdrop:g="themed-band",className:h}){const t=b(x),n=F(f),o=w(l),T=`text-accent ${y(t,o)}`.trim(),p=R[o],_=p===""?a("span",{}):a("span",{className:T,children:p}),s=u(n),E=s?"inline-flex flex-col items-center gap-[60px] pb-[60px] max-[800px]:gap-8 max-[800px]:pb-8":"inline-flex items-center gap-[60px] pr-[60px] max-[800px]:gap-8 max-[800px]:pr-8",L=s?"inline-flex flex-col items-center gap-[60px] max-[800px]:gap-8":"inline-flex items-center gap-[60px] max-[800px]:gap-8",r=A=>a("span",{className:E,children:i.map((e,C)=>{const O=typeof e=="string"?e:e.text,S=typeof e=="object"&&e.gold;return c("span",{className:L,children:[a("span",{className:S?"text-accent":void 0,children:U(O)}),_]},C)})},A);return a("div",{className:`overflow-hidden ${h??""}`,children:c("div",{className:`flex ${s?"flex-col ":""}whitespace-nowrap ${I(t)} ${$[g]}`,style:{animation:v(n,m,d)},children:[r("a"),r("b")]})})}export{K as default};

package/dist/render/components/TickerSection.d.ts

@@ -1,18 +1,19 @@
 import type { TickerSeparator, TickerSize } from "../../format/lib/sections/ticker-style.js";
-import type { TickerScroll } from "../../format/lib/sections/ticker-scroll.js";
+import type { LoopDirection } from "../../format/lib/animation/index.js";
 export type TickerSectionItem = {
     text?: string;
 };
 interface Props {
     items?: TickerSectionItem[];
-    durationSec?: number;
+    seconds?: number;
+    delay?: number;
     tone?: "scrim" | "plain";
     borders?: boolean;
     size?: TickerSize;
     separator?: TickerSeparator;
-    scroll?: TickerScroll;
+    scroll?: LoopDirection;
     join?: string;
     editing?: boolean;
 }
-export default function TickerSection({ items, durationSec, tone, borders, size, separator, scroll, join, editing, }: Props): import("react").JSX.Element | null;
+export default function TickerSection({ items, seconds, delay, tone, borders, size, separator, scroll, join, editing, }: Props): import("react").JSX.Element | null;
 export {};

package/dist/render/components/TickerSection.js

@@ -1 +1 @@
-"use client";import{jsx as r}from"react/jsx-runtime";import b from"./Ticker.js";import{TICKER_JOIN_BOX_CLASS as x,tickerJoinSide as h,tickerJoinStripClass as S}from"../../format/lib/sections/ticker-join.js";import{say as k}from"../../format/lib/editor-words.js";const v=()=>k("item");function y({items:s,durationSec:l=50,tone:a="scrim",borders:c=!0,size:d,separator:m,scroll:p,join:f,editing:u}){const t=(s??[]).map(n=>n?.text?.trim()?n.text:u?v():"").filter(Boolean);if(t.length===0)return null;const i=a!=="plain",e=h(f),o=r("div",{className:[e?`absolute inset-x-0 ${S(e)}`:"relative z-[2]","py-3.5 max-[800px]:py-3",i?"bg-bg":"",c?"border-y border-line":""].filter(Boolean).join(" "),children:r(b,{items:t,durationSec:l,size:d,separator:m,scroll:p,backdrop:i?"themed-band":"themed-section"})});return e?r("div",{className:x,children:o}):o}export{y as default};
+"use client";import{jsx as r}from"react/jsx-runtime";import x from"./Ticker.js";import{TICKER_JOIN_BOX_CLASS as h,tickerJoinSide as k,tickerJoinStripClass as y}from"../../format/lib/sections/ticker-join.js";import{say as S}from"../../format/lib/editor-words.js";const v=()=>S("item");function _({items:s,seconds:l,delay:a,tone:c="scrim",borders:d=!0,size:m,separator:p,scroll:f,join:u,editing:b}){const t=(s??[]).map(n=>n?.text?.trim()?n.text:b?v():"").filter(Boolean);if(t.length===0)return null;const i=c!=="plain",e=k(u),o=r("div",{className:[e?`absolute inset-x-0 ${y(e)}`:"relative z-[2]","py-3.5 max-[800px]:py-3",i?"bg-bg":"",d?"border-y border-line":""].filter(Boolean).join(" "),children:r(x,{items:t,seconds:l,delay:a,size:m,separator:p,scroll:f,backdrop:i?"themed-band":"themed-section"})});return e?r("div",{className:h,children:o}):o}export{_ as default};

package/dist/render/components/Timeline.js

@@ -1 +1 @@
-import{jsx as e,Fragment as N,jsxs as n}from"react/jsx-runtime";import{SiteLink as j}from"../lib/site-runtime.js";import{stripMarkup as _}from"../../format/lib/markup.js";import E from"./Placeholder.js";import U from"./SectionEyebrow.js";import{renderGold as m,renderHeadline as w,splitParagraphs as C}from"./goldPhrases.js";const i={bodyUpTo800:"max-[800px]:text-[length:var(--size-body,16px)]",headingSmallUpTo800:"max-[800px]:text-[length:var(--size-headingSmall,20px)]",bodySmall:"text-[length:var(--size-body,14px)]",bodyLarge:"text-[length:var(--size-body,17px)]",headingSmall:"text-[length:var(--size-headingSmall,24px)]",labelSmall:"text-[length:var(--size-label,11px)]",labelLarge:"text-[length:var(--size-label,13px)]"};function y({eyebrow:a,title:t,intro:r,center:s=!1}){return n(N,{children:[a&&e(U,{text:a,size:12}),t&&e("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5vw,76px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.94] tracking-[-0.03em] text-fg",children:w(t)}),r&&e("p",{className:[`font-display ${i.bodySmall} leading-[1.6] text-fg-dim`,s?"max-w-[520px]":"max-w-[360px]"].join(" "),children:m(r,!0)})]})}function z({cta:a,className:t=""}){return a?.text?n(j,{href:a.href,className:["group inline-flex items-center gap-3.5 border border-line px-5 py-4",`font-mono ${i.labelLarge} uppercase tracking-[0.3em] text-fg`,"transition-colors hover:border-accent hover:text-accent",t].join(" "),children:[m(a.text),e("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"→"})]}):null}function k({src:a,caption:t,meta:r,aspectClass:s,editing:x,sizes:c="100vw",className:o=""}){return!a&&!x?null:n("figure",{className:["relative overflow-hidden border border-line bg-surface",s,o].join(" "),children:[e(E,{label:t||"Image",src:a,alt:_(t??""),sizes:c}),e("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0",style:{background:"linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.75) 100%)"}}),(t||r)&&n("figcaption",{className:`absolute inset-x-0 bottom-0 z-[1] flex items-center justify-between gap-3 px-4 py-3 font-mono ${i.labelSmall} uppercase tracking-[0.24em] text-overlay-fg/85`,children:[e("span",{children:t?m(t):""}),r&&e("span",{className:"text-accent",children:m(r)})]})]})}function g({entry:a}){const t=C(a.body??"");return n(N,{children:[a.title&&e("h3",{className:`mb-3.5 font-heading3 ${i.headingSmall} font-medium uppercase tracking-[-0.02em] text-fg ${i.headingSmallUpTo800}`,children:w(a.title)}),t.length>0&&e("div",{className:`space-y-3.5 font-display ${i.bodyLarge} leading-[1.6] ${i.bodyUpTo800}`,children:t.map((r,s)=>e("p",{className:s===0?"text-fg":"text-fg-dim",children:m(r,!0)},s))})]})}const S={boxShadow:"0 0 0 4px var(--bg)"};function F({layout:a="split",eyebrow:t,title:r,intro:s,imageSrc:x,imageCaption:c,imageMeta:o,cta:h,entries:L,padTop:f,padBottom:b,editing:u}={}){const T=typeof f=="number"?f:120,$=typeof b=="number"?b:120,d=(L??[]).filter(l=>(l.date??"").trim()||(l.title??"").trim()||(l.body??"").trim());return e("section",{className:"relative z-[2] bg-bg",children:e("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",style:{paddingTop:T,paddingBottom:$},children:a==="split"?n("div",{className:"grid grid-cols-[1fr_1.4fr] gap-20 max-[1100px]:grid-cols-1 max-[1100px]:gap-12",children:[n("aside",{className:"sticky top-[120px] flex flex-col gap-6 self-start max-[1100px]:static",children:[e(y,{eyebrow:t,title:r,intro:s}),e(k,{src:x,caption:c,meta:o,aspectClass:"mt-1 aspect-[4/5]",sizes:"(max-width: 1100px) 100vw, 420px",editing:u}),e(z,{cta:h,className:"mt-2 self-start"})]}),e("ol",{className:"flex flex-col gap-12",children:d.map((l,p)=>n("li",{className:"grid grid-cols-[80px_1fr] items-start gap-6 max-[700px]:grid-cols-1 max-[700px]:gap-2",children:[e("span",{className:`pt-1.5 font-mono ${i.labelLarge} tracking-[0.24em] text-accent`,children:l.date?m(l.date):""}),e("div",{className:"max-w-[640px]",children:e(g,{entry:l})})]},p))})]}):n("div",{children:[n("header",{className:"mx-auto flex max-w-[760px] flex-col items-center gap-6 text-center",children:[e(y,{eyebrow:t,title:r,intro:s,center:!0}),e(z,{cta:h})]}),e(k,{src:x,caption:c,meta:o,aspectClass:"mx-auto mt-12 aspect-[16/9] w-full max-w-[900px]",sizes:"(max-width: 900px) 100vw, 900px",editing:u}),a==="spine"?e("ol",{className:"relative mx-auto mt-16 max-w-[760px]",children:d.map((l,p)=>n("li",{className:"relative border-l border-line pb-12 pl-10 last:pb-0 max-[700px]:pl-8",children:[e("span",{className:"absolute left-[-5px] top-1.5 h-2.5 w-2.5 rounded-full bg-accent",style:S}),e("div",{className:`mb-2 font-mono ${i.labelLarge} tracking-[0.24em] text-accent`,children:l.date?m(l.date):""}),e("div",{className:"max-w-[640px]",children:e(g,{entry:l})})]},p))}):n("ol",{className:"relative mx-auto mt-16 max-w-[1000px]",children:[e("span",{"aria-hidden":!0,className:"pointer-events-none absolute top-0 h-full w-px bg-line left-[7px] min-[801px]:left-1/2 min-[801px]:-translate-x-1/2"}),d.map((l,p)=>{const v=p%2===0;return n("li",{className:"relative mb-14 pl-8 last:mb-0 min-[801px]:grid min-[801px]:grid-cols-2 min-[801px]:gap-16 min-[801px]:pl-0",children:[e("span",{className:"absolute top-1.5 h-2.5 w-2.5 rounded-full bg-accent left-[2px] min-[801px]:left-1/2 min-[801px]:-translate-x-1/2",style:S}),n("div",{className:v?"min-[801px]:col-start-1 min-[801px]:pr-8 min-[801px]:text-right":"min-[801px]:col-start-2 min-[801px]:pl-8",children:[e("div",{className:`mb-2 font-mono ${i.labelLarge} tracking-[0.24em] text-accent`,children:l.date?m(l.date):""}),e("div",{className:["max-w-[520px] max-[800px]:max-w-none",v?"min-[801px]:ml-auto":""].join(" "),children:e(g,{entry:l})})]})]},p)})]})]})})})}export{F as default};
+import{jsx as e,Fragment as N,jsxs as i}from"react/jsx-runtime";import{SiteLink as j}from"../lib/site-runtime.js";import{stripMarkup as T}from"../../format/lib/markup.js";import _ from"./Placeholder.js";import C from"./SectionEyebrow.js";import{renderGold as m,renderHeadline as w,splitParagraphs as E}from"./goldPhrases.js";import{CentreRailDot as I,CentreRailLine as U,railSideIsLeft as F,SPINE_LINE_CLASS as P,SpineDot as D}from"./TimelineRail.js";import{scrim as H}from"../../format/lib/content/scrim.js";const n={bodyUpTo800:"max-[800px]:text-[length:var(--size-body,16px)]",headingSmallUpTo800:"max-[800px]:text-[length:var(--size-headingSmall,20px)]",bodySmall:"text-[length:var(--size-body,14px)]",bodyLarge:"text-[length:var(--size-body,17px)]",headingSmall:"text-[length:var(--size-headingSmall,24px)]",labelSmall:"text-[length:var(--size-label,11px)]",labelLarge:"text-[length:var(--size-label,13px)]"};function y({eyebrow:a,title:t,intro:r,center:s=!1}){return i(N,{children:[a&&e(C,{text:a,size:12}),t&&e("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5vw,76px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.94] tracking-[-0.03em] text-fg",children:w(t)}),r&&e("p",{className:[`font-display ${n.bodySmall} leading-[1.6] text-fg-dim`,s?"max-w-[520px]":"max-w-[360px]"].join(" "),children:m(r,!0)})]})}function S({cta:a,className:t=""}){return a?.text?i(j,{href:a.href,className:["group inline-flex items-center gap-3.5 border border-line px-5 py-4",`font-mono ${n.labelLarge} uppercase tracking-[0.3em] text-fg`,"transition-colors hover:border-accent hover:text-accent",t].join(" "),children:[m(a.text),e("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"→"})]}):null}function z({src:a,caption:t,meta:r,aspectClass:s,editing:x,sizes:c="100vw",className:o=""}){return!a&&!x?null:i("figure",{className:["relative overflow-hidden border border-line bg-surface",s,o].join(" "),children:[e(_,{label:t||"Image",src:a,alt:T(t??""),sizes:c}),e("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0",style:{background:`linear-gradient(180deg, transparent 55%, ${H(.75)} 100%)`}}),(t||r)&&i("figcaption",{className:`absolute inset-x-0 bottom-0 z-[1] flex items-center justify-between gap-3 px-4 py-3 font-mono ${n.labelSmall} uppercase tracking-[0.24em] text-overlay-fg/85`,children:[e("span",{children:t?m(t):""}),r&&e("span",{className:"text-accent",children:m(r)})]})]})}function g({entry:a}){const t=E(a.body??"");return i(N,{children:[a.title&&e("h3",{className:`mb-3.5 font-heading3 ${n.headingSmall} font-medium uppercase tracking-[-0.02em] text-fg ${n.headingSmallUpTo800}`,children:w(a.title)}),t.length>0&&e("div",{className:`space-y-3.5 font-display ${n.bodyLarge} leading-[1.6] ${n.bodyUpTo800}`,children:t.map((r,s)=>e("p",{className:s===0?"text-fg":"text-fg-dim",children:m(r,!0)},s))})]})}function R({layout:a="split",eyebrow:t,title:r,intro:s,imageSrc:x,imageCaption:c,imageMeta:o,cta:h,entries:k,padTop:f,padBottom:u,editing:b}={}){const L=typeof f=="number"?f:120,$=typeof u=="number"?u:120,d=(k??[]).filter(l=>(l.date??"").trim()||(l.title??"").trim()||(l.body??"").trim());return e("section",{className:"relative z-[2] bg-bg",children:e("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",style:{paddingTop:L,paddingBottom:$},children:a==="split"?i("div",{className:"grid grid-cols-[1fr_1.4fr] gap-20 max-[1100px]:grid-cols-1 max-[1100px]:gap-12",children:[i("aside",{className:"sticky top-[120px] flex flex-col gap-6 self-start max-[1100px]:static",children:[e(y,{eyebrow:t,title:r,intro:s}),e(z,{src:x,caption:c,meta:o,aspectClass:"mt-1 aspect-[4/5]",sizes:"(max-width: 1100px) 100vw, 420px",editing:b}),e(S,{cta:h,className:"mt-2 self-start"})]}),e("ol",{className:"flex flex-col gap-12",children:d.map((l,p)=>i("li",{className:"grid grid-cols-[80px_1fr] items-start gap-6 max-[700px]:grid-cols-1 max-[700px]:gap-2",children:[e("span",{className:`pt-1.5 font-mono ${n.labelLarge} tracking-[0.24em] text-accent`,children:l.date?m(l.date):""}),e("div",{className:"max-w-[640px]",children:e(g,{entry:l})})]},p))})]}):i("div",{children:[i("header",{className:"mx-auto flex max-w-[760px] flex-col items-center gap-6 text-center",children:[e(y,{eyebrow:t,title:r,intro:s,center:!0}),e(S,{cta:h})]}),e(z,{src:x,caption:c,meta:o,aspectClass:"mx-auto mt-12 aspect-[16/9] w-full max-w-[900px]",sizes:"(max-width: 900px) 100vw, 900px",editing:b}),a==="spine"?e("ol",{className:"relative mx-auto mt-16 max-w-[760px]",children:d.map((l,p)=>i("li",{className:`relative ${P} pb-12 pl-10 last:pb-0 max-[700px]:pl-8`,children:[e(D,{}),e("div",{className:`mb-2 font-mono ${n.labelLarge} tracking-[0.24em] text-accent`,children:l.date?m(l.date):""}),e("div",{className:"max-w-[640px]",children:e(g,{entry:l})})]},p))}):i("ol",{className:"relative mx-auto mt-16 max-w-[1000px]",children:[e(U,{}),d.map((l,p)=>{const v=F(p);return i("li",{className:"relative mb-14 pl-8 last:mb-0 min-[801px]:grid min-[801px]:grid-cols-2 min-[801px]:gap-16 min-[801px]:pl-0",children:[e(I,{}),i("div",{className:v?"min-[801px]:col-start-1 min-[801px]:pr-8 min-[801px]:text-right":"min-[801px]:col-start-2 min-[801px]:pl-8",children:[e("div",{className:`mb-2 font-mono ${n.labelLarge} tracking-[0.24em] text-accent`,children:l.date?m(l.date):""}),e("div",{className:["max-w-[520px] max-[800px]:max-w-none",v?"min-[801px]:ml-auto":""].join(" "),children:e(g,{entry:l})})]})]},p)})]})]})})})}export{R as default};

package/dist/render/components/TimelineRail.d.ts

@@ -0,0 +1,55 @@
+import { type ReactNode } from "react";
+declare const TIERS: {
+    readonly section: {
+        readonly hideStacked: "max-[1100px]:hidden";
+        readonly stackedPast: "max-[1100px]:border-accent border-line";
+        readonly firstOnDesktop: "min-[1101px]:border-l-0";
+        readonly dotAt: (first: boolean) => string;
+    };
+    readonly row: {
+        readonly hideStacked: "max-[800px]:hidden";
+        readonly stackedPast: "max-[800px]:border-accent border-line";
+        readonly firstOnDesktop: "";
+        readonly dotAt: () => string;
+    };
+    readonly stack: {
+        readonly hideStacked: "hidden";
+        readonly stackedPast: "border-accent";
+        readonly firstOnDesktop: "";
+        readonly dotAt: () => string;
+    };
+};
+type RailTier = keyof typeof TIERS;
+export interface RailStop {
+    future?: boolean;
+}
+export declare function railPastShare(stops: readonly RailStop[]): number;
+export declare function TrackRailLine({ pct, tier }: {
+    pct?: number;
+    tier?: RailTier;
+}): import("react").JSX.Element;
+export declare function trackStopRailClass(future: boolean, first: boolean, tier?: RailTier): string;
+export declare function TrackRailDot({ future, first, tier }: {
+    future: boolean;
+    first: boolean;
+    tier?: RailTier;
+}): import("react").JSX.Element;
+export declare function railYearInkClass(future: boolean): string;
+export declare const SPINE_LINE_CLASS = "border-l border-line";
+export declare function SpineDot(): import("react").JSX.Element;
+export declare function CentreRailLine(): import("react").JSX.Element;
+export declare function CentreRailDot(): import("react").JSX.Element;
+export declare function railSideIsLeft(index: number): boolean;
+export declare function useTimelineRail(): "row" | "stack" | null;
+export declare const RAIL_STOPS_CLASS = "tl-stops";
+export declare function BoxRail({ row, stops, children }: {
+    row: boolean;
+    stops: number;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function BoxRailStop({ on, future, children }: {
+    on: "row" | "stack";
+    future: boolean;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export {};

package/dist/render/components/TimelineRail.js

@@ -0,0 +1 @@
+import{jsx as o,Fragment as b,jsxs as a}from"react/jsx-runtime";import{createContext as S,useContext as $}from"react";const i={section:{hideStacked:"max-[1100px]:hidden",stackedPast:"max-[1100px]:border-accent border-line",firstOnDesktop:"min-[1101px]:border-l-0",dotAt:t=>`${t?"-top-[66px] left-[-1px]":"-top-[66px] left-[-5px]"} max-[1100px]:left-[-5px] max-[1100px]:top-7`},row:{hideStacked:"max-[800px]:hidden",stackedPast:"max-[800px]:border-accent border-line",firstOnDesktop:"",dotAt:()=>"-top-[66px] left-[-5px] max-[800px]:left-[-5px] max-[800px]:top-7"},stack:{hideStacked:"hidden",stackedPast:"border-accent",firstOnDesktop:"",dotAt:()=>"left-[-5px] top-7"}};function w(t){const e=t.filter(n=>!n.future).length;return t.length?e/t.length*100:0}function v({pct:t,tier:e="section"}){return o("div",{className:`pointer-events-none absolute inset-x-0 top-0 h-px bg-line ${i[e].hideStacked}`,children:t===void 0?null:o("div",{className:p,style:{width:`${t}%`}})})}const p="absolute -top-px left-0 h-[3px] bg-gradient-to-r from-accent to-transparent";function T(t,e,n="section"){const r=i[n];return["border-l",t?"border-line":r.stackedPast,e?r.firstOnDesktop:""].join(" ")}function g({future:t,first:e,tier:n="section"}){return o("span",{...n==="section"?{}:{[h]:""},className:[n==="section"?"pointer-events-none absolute h-2.5 w-2.5 rounded-full border-2 border-bg":"pointer-events-none absolute z-[1] h-2.5 w-2.5 rounded-full border-2 border-[color:var(--theme-bg,var(--bg))]",t?"border-line bg-surface-2":"bg-accent",i[n].dotAt(e)].join(" ")})}function L(t){return t?"text-fg-dim":"text-accent"}const x={boxShadow:"0 0 0 4px var(--bg)"},N="border-l border-line";function O(){return o("span",{className:"absolute left-[-5px] top-1.5 h-2.5 w-2.5 rounded-full bg-accent",style:x})}function P(){return o("span",{"aria-hidden":!0,className:"pointer-events-none absolute top-0 h-full w-px bg-line left-[7px] min-[801px]:left-1/2 min-[801px]:-translate-x-1/2"})}function C(){return o("span",{className:"absolute top-1.5 h-2.5 w-2.5 rounded-full bg-accent left-[2px] min-[801px]:left-1/2 min-[801px]:-translate-x-1/2",style:x})}function D(t){return t%2===0}const s="data-tl-rail",u="data-tl-stop",f="data-tl-future",h="data-tl-dot",m="data-tl-gold",k=24,c=S(null);function y(){return $(c)}function R(){const t=`[${u}]`,e=`${t}:not([${f}])`,n=`:nth-last-child(1 of ${e}, :has(${e}))`,r=[];for(let l=1;l<=k;l++)r.push(`[${s}] .tl-stops>:nth-child(${l})${n} [${m}]{display:block;width:calc(${l} * 100% / var(--cols))}`);const d=`[${s}] .tl-stops>:first-child:is(${t}),[${s}] .tl-stops>:first-child ${t}`;return`@media (min-width:801px){${r.join("")}${d}{border-left-width:0}:is(${d}) [${h}]{left:-1px}}`}const I="tl-stops";function j({row:t,stops:e,children:n}){return a("div",{[s]:"",className:t?"relative border-t border-line max-[800px]:border-t-0":"relative",style:{"--cols":e},children:[t?a(b,{children:[o("style",{children:R()}),o(v,{tier:"row"})]}):null,o("div",{className:t?"pt-[60px] max-[800px]:pt-0":void 0,children:o(c.Provider,{value:t?"row":"stack",children:n})})]})}function E({on:t,future:e,children:n}){const r=t;return a("div",{[u]:"",...e?{[f]:""}:{},className:`h-full ${T(e,!1,r)} ${t==="row"?"max-[800px]:ml-1.5":"ml-1.5"}`,children:[t==="row"&&!e?o("span",{[m]:"",className:`pointer-events-none hidden ${p}`}):null,a("div",{className:t==="row"?"relative h-full max-[800px]:py-6 max-[800px]:pl-7":"relative h-full py-6 pl-7",children:[o(g,{future:e,first:!1,tier:r}),o(c.Provider,{value:null,children:n})]})]})}export{j as BoxRail,E as BoxRailStop,C as CentreRailDot,P as CentreRailLine,I as RAIL_STOPS_CLASS,N as SPINE_LINE_CLASS,O as SpineDot,g as TrackRailDot,v as TrackRailLine,w as railPastShare,D as railSideIsLeft,L as railYearInkClass,T as trackStopRailClass,y as useTimelineRail};

package/dist/render/components/TimelineTrack.js

@@ -1 +1 @@
-import{jsx as t,jsxs as a}from"react/jsx-runtime";import{SiteLink as S}from"../lib/site-runtime.js";import T from"./EditorialSectionHead.js";import f from"./PartStyledText.js";import{withRMark as o}from"./RMark.js";import{renderGold as b,renderHeadline as $}from"./goldPhrases.js";const n={body:"text-[length:var(--size-body,13px)]",headingSmall:"text-[length:var(--size-headingSmall,20px)]",label:"text-[length:var(--size-label,13px)]"};function z({eyebrow:g,title:p,intro:s,entries:u,cta:l,padTop:x,padBottom:d,background:h,editing:v,omitHead:m=!1}={}){const N=typeof x=="number"?x:120,y=typeof d=="number"?d:120,c=h??"var(--section-bg)",j=c!=="transparent",r=(u??[]).filter(e=>(e.date??"").trim()||(e.title??"").trim()||(e.blurb??"").trim());if(r.length===0&&!v)return null;const k=r.filter(e=>!e.future).length,w=r.length?k/r.length*100:0;return t("section",{className:"relative z-[2]",children:t("div",{className:"border-b border-line",style:{paddingTop:N,paddingBottom:y,...j?{backgroundColor:c}:{}},children:a("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:[m?null:t(T,{num:g,title:p?$(p):void 0,desc:s?b(s,!0):void 0,spaceBelow:"",className:"text-fg"}),a("div",{className:m?"relative mt-0 grid grid-cols-[repeat(var(--cols),minmax(0,1fr))] gap-0 border-t border-line pt-[60px] max-[1100px]:mt-0 max-[1100px]:grid-cols-1 max-[1100px]:gap-0 max-[1100px]:border-t-0 max-[1100px]:pt-0":"relative mt-[60px] grid grid-cols-[repeat(var(--cols),minmax(0,1fr))] gap-0 border-t border-line pt-[60px] max-[1100px]:mt-9 max-[1100px]:grid-cols-1 max-[1100px]:gap-0 max-[1100px]:border-t-0 max-[1100px]:pt-0",style:{"--cols":r.length},children:[t("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-px bg-line max-[1100px]:hidden",children:t("div",{className:"absolute -top-px left-0 h-[3px] bg-gradient-to-r from-accent to-transparent",style:{width:`${w}%`}})}),r.map((e,i)=>a("div",{className:["relative flex min-h-[280px] flex-col gap-3.5 px-3.5","border-l",e.future?"border-line":"max-[1100px]:border-accent border-line",i===0?"min-[1101px]:border-l-0":"","max-[1100px]:min-h-0 max-[1100px]:border-t-0 max-[1100px]:py-6 max-[1100px]:pl-7 max-[1100px]:ml-1.5"].join(" "),children:[t("span",{className:["pointer-events-none absolute h-2.5 w-2.5 rounded-full border-2 border-bg",e.future?"border-line bg-surface-2":"bg-accent",i===0?"-top-[66px] left-[-1px]":"-top-[66px] left-[-5px]","max-[1100px]:left-[-5px] max-[1100px]:top-7"].join(" ")}),t("span",{className:[`font-mono ${n.label} tracking-[0.22em]`,e.future?"text-fg-dim":"text-accent"].join(" "),children:e.date?t(f,{value:e.date,children:o(e.date)}):""}),e.title&&t("h3",{className:`whitespace-pre-line font-heading3 ${n.headingSmall} font-medium uppercase leading-[1.1] tracking-[-0.02em] text-fg`,children:t(f,{value:e.title,children:o(e.title)})}),e.blurb&&t("p",{className:`mt-auto font-display ${n.body} leading-[1.55] text-fg-dim`,children:b(e.blurb,!0)})]},i))]}),l?.text&&t("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:a(S,{href:l.href,className:`group inline-flex items-center gap-3.5 border border-line px-6 py-4 font-mono ${n.label} uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent`,children:[o(l.text),t("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"→"})]})})]})})})}export{z as default};
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import{SiteLink as j}from"../lib/site-runtime.js";import T from"./EditorialSectionHead.js";import f from"./PartStyledText.js";import{withRMark as o}from"./RMark.js";import{renderGold as g,renderHeadline as w}from"./goldPhrases.js";import{railPastShare as B,railYearInkClass as z,TrackRailDot as R,TrackRailLine as $,trackStopRailClass as C}from"./TimelineRail.js";const i={body:"text-[length:var(--size-body,13px)]",headingSmall:"text-[length:var(--size-headingSmall,20px)]",label:"text-[length:var(--size-label,13px)]"};function E({eyebrow:u,title:s,intro:p,entries:h,cta:l,padTop:m,padBottom:x,background:b,editing:v,omitHead:d=!1}={}){const k=typeof m=="number"?m:120,y=typeof x=="number"?x:120,c=b??"var(--section-bg)",N=c!=="transparent",a=(h??[]).filter(e=>(e.date??"").trim()||(e.title??"").trim()||(e.blurb??"").trim());if(a.length===0&&!v)return null;const S=B(a);return r("section",{className:"relative z-[2]",children:r("div",{className:"border-b border-line",style:{paddingTop:k,paddingBottom:y,...N?{backgroundColor:c}:{}},children:t("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:[d?null:r(T,{num:u,title:s?w(s):void 0,desc:p?g(p,!0):void 0,spaceBelow:"",className:"text-fg"}),t("div",{className:d?"relative mt-0 grid grid-cols-[repeat(var(--cols),minmax(0,1fr))] gap-0 border-t border-line pt-[60px] max-[1100px]:mt-0 max-[1100px]:grid-cols-1 max-[1100px]:gap-0 max-[1100px]:border-t-0 max-[1100px]:pt-0":"relative mt-[60px] grid grid-cols-[repeat(var(--cols),minmax(0,1fr))] gap-0 border-t border-line pt-[60px] max-[1100px]:mt-9 max-[1100px]:grid-cols-1 max-[1100px]:gap-0 max-[1100px]:border-t-0 max-[1100px]:pt-0",style:{"--cols":a.length},children:[r($,{pct:S}),a.map((e,n)=>t("div",{className:["relative flex min-h-[280px] flex-col gap-3.5 px-3.5",C(!!e.future,n===0),"max-[1100px]:min-h-0 max-[1100px]:border-t-0 max-[1100px]:py-6 max-[1100px]:pl-7 max-[1100px]:ml-1.5"].join(" "),children:[r(R,{future:!!e.future,first:n===0}),r("span",{className:[`font-mono ${i.label} tracking-[0.22em]`,z(!!e.future)].join(" "),children:e.date?r(f,{value:e.date,children:o(e.date)}):""}),e.title&&r("h3",{className:`whitespace-pre-line font-heading3 ${i.headingSmall} font-medium uppercase leading-[1.1] tracking-[-0.02em] text-fg`,children:r(f,{value:e.title,children:o(e.title)})}),e.blurb&&r("p",{className:`mt-auto font-display ${i.body} leading-[1.55] text-fg-dim`,children:g(e.blurb,!0)})]},n))]}),l?.text&&r("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:t(j,{href:l.href,className:`group inline-flex items-center gap-3.5 border border-line px-6 py-4 font-mono ${i.label} uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent`,children:[o(l.text),r("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"→"})]})})]})})})}export{E as default};