efficient-web-builder 23.1.0 → 24.0.0

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

@@ -0,0 +1,108 @@
+import { type ReactNode } from "react";
+import { type CardGap, type CardShadow, type HoverEffect, type HeadingCompression, type ResolvedHeadingTypography, type SizesValue, type ThemeMode, type ThemeValue } from "../../format/lib/theme.js";
+import { type FontsValue } from "../../format/lib/fonts.js";
+import type { PreviewHeaderSettings } from "../../format/lib/preview-header-settings.js";
+import type { ResolvedWordStyle, WordStyleName } from "../../format/lib/word-styles.js";
+export type { PreviewHeaderSettings };
+type Ctx = {
+    settings: PreviewHeaderSettings | null;
+    setSettings: (s: PreviewHeaderSettings | null) => void;
+    primeSettings: (s: PreviewHeaderSettings) => void;
+    websiteName: string | null;
+    templateChrome: boolean;
+    templateName: string | null;
+    chromePlaceholder: boolean;
+    themeMode: ThemeMode;
+    setThemeMode: (mode: ThemeMode) => void;
+    themeSwitchShown: boolean;
+    setThemeSwitchShown: (shown: boolean) => void;
+    theme: ThemeValue;
+    setTheme: (v: ThemeValue) => void;
+    fonts: FontsValue;
+    setFonts: (v: FontsValue) => void;
+    sizes: SizesValue;
+    setSizes: (v: SizesValue) => void;
+    cornerRadiusPx: number | null;
+    setCornerRadiusPx: (v: number | null) => void;
+    cardShadow: CardShadow | null;
+    setCardShadow: (v: CardShadow | null) => void;
+    shadowColor: string | null;
+    setShadowColor: (v: string | null) => void;
+    cardGap: CardGap;
+    setCardGap: (v: CardGap) => void;
+    hoverEffect: HoverEffect | null;
+    setHoverEffect: (v: HoverEffect | null) => void;
+    headingCompression: HeadingCompression;
+    setHeadingCompression: (v: HeadingCompression) => void;
+    headingTypography: ResolvedHeadingTypography;
+    setHeadingTypography: (v: ResolvedHeadingTypography) => void;
+    textStyles: unknown;
+    setTextStyles: (v: unknown) => void;
+    wordStyles: Record<WordStyleName, ResolvedWordStyle> | null;
+    siteWidth: number | null;
+    setSiteWidth: (v: number | null) => void;
+    siteGutter: number | null;
+    blockGap: number | null;
+    setSiteGutter: (v: number | null) => void;
+    setBlockGap: (v: number | null) => void;
+    heroBackgroundFollowsWidth: boolean | null;
+    setHeroBackgroundFollowsWidth: (v: boolean | null) => void;
+    photographyGrayscale: boolean | null;
+    setPhotographyGrayscale: (v: boolean | null) => void;
+    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, photographyGrayscale, onPhotographyGrayscaleChange, shareButtonOnPosts, onShareButtonOnPostsChange, themeFromDocument, }: {
+    children: ReactNode;
+    websiteName?: string | null;
+    templateChrome?: boolean;
+    templateName?: string | null;
+    chromePlaceholder?: boolean;
+    themeMode?: ThemeMode;
+    onThemeModeChange?: (mode: ThemeMode) => void;
+    themeSwitchShown?: boolean;
+    onThemeSwitchShownChange?: (shown: boolean) => void;
+    theme?: ThemeValue;
+    onThemeChange?: (v: ThemeValue) => void;
+    fonts?: FontsValue;
+    onFontsChange?: (v: FontsValue) => void;
+    sizes?: SizesValue;
+    onSizesChange?: (v: SizesValue) => void;
+    cornerRadiusPx?: number | null;
+    onCornerRadiusPxChange?: (v: number | null) => void;
+    cardShadow?: CardShadow | null;
+    onCardShadowChange?: (v: CardShadow | null) => void;
+    shadowColor?: string | null;
+    onShadowColorChange?: (v: string | null) => void;
+    cardGap?: CardGap;
+    onCardGapChange?: (v: CardGap) => void;
+    hoverEffect?: HoverEffect | null;
+    onHoverEffectChange?: (v: HoverEffect | null) => void;
+    headingCompression?: HeadingCompression;
+    onHeadingCompressionChange?: (v: HeadingCompression) => void;
+    siteWidth?: number | null;
+    siteGutter?: number | null;
+    blockGap?: number | null;
+    onSiteGutterChange?: (v: number | null) => void;
+    onBlockGapChange?: (v: number | null) => void;
+    onSiteWidthChange?: (v: number | null) => void;
+    textStyles?: unknown;
+    onTextStylesChange?: (v: unknown) => void;
+    wordStyles?: Record<WordStyleName, ResolvedWordStyle> | null;
+    headingTypography?: ResolvedHeadingTypography;
+    onHeadingTypographyChange?: (v: ResolvedHeadingTypography) => void;
+    heroBackgroundFollowsWidth?: boolean | null;
+    onHeroBackgroundFollowsWidthChange?: (v: boolean | null) => void;
+    photographyGrayscale?: boolean | null;
+    onPhotographyGrayscaleChange?: (v: boolean | null) => void;
+    shareButtonOnPosts?: boolean | null;
+    onShareButtonOnPostsChange?: (v: boolean | null) => void;
+    themeFromDocument?: boolean;
+}): import("react").JSX.Element;
+export declare const usePreviewHeader: () => Ctx;

package/dist/render/components/PreviewHeaderContext.js

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

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

@@ -0,0 +1,30 @@
+import { type ReactNode } from "react";
+import { type SocialLinks, type SocialPlatform } from "../../format/lib/content/social-links.js";
+export type SocialRowState = {
+    value: string;
+    error: string | null;
+};
+export type SocialSaveOutcome = {
+    ok: true;
+} | {
+    ok: false;
+    error: string;
+};
+type Ctx = {
+    links: SocialLinks;
+    rows: Record<SocialPlatform, SocialRowState>;
+    canSave: boolean;
+    saveLink: (platform: SocialPlatform, value: string) => Promise<SocialSaveOutcome>;
+};
+export type SocialState = Ctx;
+type Value = Ctx & {
+    openPanel: () => void;
+    setOpenHandler: (fn: () => void) => void;
+};
+export declare const EMPTY_SOCIAL_ROWS: Record<SocialPlatform, SocialRowState>;
+export declare function PreviewSocialProvider({ children, value }: {
+    children: ReactNode;
+    value: SocialState;
+}): import("react").JSX.Element;
+export declare const usePreviewSocial: () => Value;
+export {};

package/dist/render/components/PreviewSocialContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as l}from"react/jsx-runtime";import{createContext as u,useCallback as s,useContext as p,useMemo as f,useRef as P}from"react";import{EMPTY_SOCIAL_LINKS as S,SOCIAL_PLATFORMS as m}from"../../format/lib/content/social-links.js";const v=Object.fromEntries(m.map(e=>[e,{value:"",error:null}])),a=u({links:S,rows:v,canSave:!1,saveLink:async()=>({ok:!1,error:"There is no website to save to."}),openPanel:()=>{},setOpenHandler:()=>{}});function L({children:e,value:o}){const r=P(()=>{}),n=s(()=>r.current(),[]),t=s(i=>{r.current=i},[]),c=f(()=>({...o,openPanel:n,setOpenHandler:t}),[o,n,t]);return l(a.Provider,{value:c,children:e})}const _=()=>p(a);export{v as EMPTY_SOCIAL_ROWS,L as PreviewSocialProvider,_ as usePreviewSocial};

package/dist/render/components/ProcessSteps.js

@@ -0,0 +1 @@
+import{jsx as a,Fragment as I,jsxs as r}from"react/jsx-runtime";import{sectionRunsFullWidth as F}from"../../format/lib/content/section-width.js";import{cardImageShapeTokens as G}from"../../format/lib/content/card-image-shape.js";import{SiteLink as R}from"../lib/site-runtime.js";import U from"./EditorialSectionHead.js";import A 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";const t={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 H({num:$,title:x,description:f,boxes:s,steps:z,columns:k=3,cta:p,padTop:b,padBottom:h,editing:L=!1,omitHead:w=!1,cardImage:T,cardText:_,...j}){const C=typeof b=="number"?b:120,E=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&&!s?[1,2,3].map(e=>({tag:D("Column {n}",{n:e})})):[],y=S[k]??S[3],n=_==="on-image";return r("section",{className:F(j)?"relative z-[2] border-b border-line bg-bg px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"relative z-[2] mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line bg-bg px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:C,paddingBottom:E,...G(T)},children:[w?null:a(U,{num:$,title:x?.trim()?m(x,!0):void 0,desc:f?.trim()?m(f,!1):void 0}),s?r(I,{children:[a("style",{children:`.${g}:empty{display:none}.${g}:not(:empty)~.${N}{display:none}`}),a(s,{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 d=(e.specs??[]).filter(l=>(l?.label??"").trim()||(l?.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(A,{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, 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 ${t.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 ${t.label} uppercase tracking-[0.24em] text-overlay-fg/80`:`absolute right-5 bottom-[18px] z-[2] font-mono ${t.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 ${t.headingSmall1} font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg ${t.headingSmallUpTo700Small}`,children:m(e.title,!0)}),e.copy?.trim()&&a("p",{className:`min-h-[3em] font-display ${t.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((l,c)=>r("div",{className:"flex flex-col gap-1",children:[l.label?.trim()&&a("span",{className:`font-mono ${t.labelSmall} uppercase tracking-[0.24em] text-fg-dim`,children:i(l.label)}),l.value?.trim()&&a("span",{className:`font-display ${t.bodyLarge} font-medium tracking-[-0.01em] text-fg`,children:i(l.value)})]},c))}):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 ${t.headingSmall2} font-medium uppercase leading-none tracking-[-0.02em] ${t.headingSmallUpTo700Large}`,children:m(e.title,!0)}),e.copy?.trim()&&a("p",{className:`font-display ${t.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((l,c)=>r("div",{className:"flex flex-col gap-1",children:[l.label?.trim()&&a("span",{className:`font-mono ${t.labelSmall} uppercase tracking-[0.24em] text-fg-dim`,children:i(l.label)}),l.value?.trim()&&a("span",{className:`font-display ${t.bodyLarge} font-medium tracking-[-0.01em] text-fg`,children:i(l.value)})]},c))})]})]},o)})}),p?.text&&a("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:r(R,{href:p.href,className:`group inline-flex items-center gap-3.5 border border-line px-6 py-4 font-mono ${t.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{H as default};

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

@@ -0,0 +1,11 @@
+import type { SocialLinks } from "../../format/lib/content/social-links.js";
+export interface PublishedFooterValue {
+    logoUrl: string | null;
+    logoReversed: string | null;
+    logoInkIsDark: boolean | null;
+    siteName: string;
+    legalName: string | null;
+    foundedYear: number | null;
+    socialLinks?: SocialLinks;
+}
+export declare const PublishedFooterContext: import("react").Context<PublishedFooterValue | null>;

package/dist/render/components/PublishedPartStylesContext.js

@@ -0,0 +1 @@
+"use client";import{Fragment as c,jsx as n,jsxs as P}from"react/jsx-runtime";import{createContext as a,useContext as s,useId as f,useMemo as S}from"react";import{partRuleForKind as d,partRuleForText as y,partStyleCss as C,publishedPartStyles as b}from"../lib/puck/part-styles.js";import{styleKeyForPart as v}from"../../format/lib/sections/section-text-kinds.js";const u=a(null),h=a(null),p=a(null);function _({needles:e,styles:t,type:o,children:r}){const i=f(),m=JSON.stringify([i,e,t,o]),l=S(()=>b(e,t,i,x=>v(o,x)),[m]);return l?P(c,{children:[n("style",{"data-sf-part-styles":"",dangerouslySetInnerHTML:{__html:C(l).replace(/</g,"\\3c ")}}),n(u.Provider,{value:l,children:r})]}):n(c,{children:r})}function j(e){const t=s(u),o=s(h),r=y(t,e);return r&&r.stamp!==o?r:null}function I(e){return d(s(u),e)}function M({stamp:e,children:t}){return n(h.Provider,{value:e,children:t})}function T({children:e}){const t=s(u);return n(p.Provider,{value:t,children:e})}function k(e){return d(s(p),e)}export{M as ClaimedStamp,_ as PublishedPartStyles,T as SharedPartKinds,I as usePublishedPartKindRule,j as usePublishedPartRule,k as usePublishedSharedKindRule};

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

@@ -0,0 +1,15 @@
+import type { Ref } from "react";
+import { type ReelShape } from "../../format/lib/reel.js";
+export interface ReelProps {
+    slides: {
+        name: string;
+        process: string;
+    }[];
+    active: number;
+    shape?: ReelShape | string;
+    placement?: string;
+    ref?: Ref<HTMLElement>;
+    tone?: "media" | "surface";
+    label?: string;
+}
+export default function Reel({ slides, active, shape, placement, ref, tone, label, }: ReelProps): import("react").JSX.Element;

package/dist/render/components/Reel.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as c,Fragment as s}from"react/jsx-runtime";import{normaliseReelShape as u,reelRailClass as h,reelSurfaceRailClass as p}from"../../format/lib/reel.js";function g({slides:a,active:r,shape:o,placement:e,ref:n,tone:i="media",label:d}){const l=u(o),m=i==="surface"?{"--overlay-fg":"var(--fg)","--overlay-chrome":"var(--fg)","--overlay-scrim":"var(--site-surface-2)"}:void 0;return c("aside",{ref:n,"aria-label":d??"Featured slides",className:i==="surface"?p(l):h(l,e),style:{color:"var(--overlay-fg)",...m},children:[l==="cards"&&t(b,{slides:a,active:r}),l==="dots"&&t(x,{count:a.length,active:r}),l==="numbers"&&t(f,{count:a.length,active:r}),l==="bar"&&t(y,{count:a.length,active:r}),l==="squares"&&t(v,{count:a.length,active:r}),l==="tabs"&&t(N,{slides:a,active:r})]})}function b({slides:a,active:r}){return c(s,{children:[t("span",{className:"mb-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.28em] text-overlay-chrome/55",children:"Reel · pick a slide"}),a.map((o,e)=>{const n=e===r;return c("button",{type:"button","data-idx":e,"aria-pressed":n,"aria-label":`Go to ${o.name||`slide ${e+1}`}`,className:["group flex w-[170px] cursor-pointer flex-col items-start gap-0.5 border bg-overlay-scrim/55 px-3 py-2.5 text-left transition-all motion-reduce:transition-none max-[1100px]:w-[140px]",n?"border-accent bg-overlay-scrim/70":"border-overlay-chrome/15 hover:border-overlay-chrome/45 hover:bg-overlay-scrim/70"].join(" "),children:[t("span",{className:["font-display text-[length:var(--size-body,13px)] font-medium uppercase leading-tight tracking-[-0.01em]",n?"text-accent":"text-overlay-fg"].join(" "),children:o.name||`Slide ${e+1}`}),t("span",{className:"font-mono text-[length:var(--size-label,9px)] uppercase tracking-[0.2em] text-overlay-chrome/55",children:n?"▶ Now playing":o.process||" "})]},e)})]})}function x({count:a,active:r}){return t(s,{children:Array.from({length:a},(o,e)=>t("button",{type:"button","data-idx":e,"aria-pressed":e===r,"aria-label":`Go to slide ${e+1}`,className:`h-2 cursor-pointer rounded-full transition-all motion-reduce:transition-none ${e===r?"w-5 bg-accent":"w-2 bg-overlay-chrome/45 hover:bg-overlay-chrome/70"}`},e))})}function f({count:a,active:r}){return t(s,{children:Array.from({length:a},(o,e)=>t("button",{type:"button","data-idx":e,"aria-pressed":e===r,"aria-label":`Go to slide ${e+1}`,className:`cursor-pointer font-mono text-[length:var(--size-label,11px)] leading-none tracking-[0.06em] transition-colors ${e===r?"text-overlay-fg":"text-overlay-chrome/45 hover:text-overlay-chrome/80"}`,children:String(e+1).padStart(2,"0")},e))})}function v({count:a,active:r}){return t(s,{children:Array.from({length:a},(o,e)=>t("button",{type:"button","data-idx":e,"aria-pressed":e===r,"aria-label":`Go to slide ${e+1}`,className:`grid h-8 w-8 cursor-pointer place-items-center border border-overlay-chrome/25 text-[length:var(--size-label,14px)] font-bold leading-none transition-colors motion-reduce:transition-none ${e===r?"bg-accent text-[color:var(--accent-ink)]":"bg-overlay-scrim/45 text-overlay-chrome/75 hover:text-overlay-chrome"}`,children:e+1},e))})}function y({count:a,active:r}){return t(s,{children:Array.from({length:a},(o,e)=>t("button",{type:"button","data-idx":e,"aria-pressed":e===r,"aria-label":`Go to slide ${e+1}`,className:`h-full flex-1 cursor-pointer transition-colors ${e<=r?"bg-overlay-fg":"bg-overlay-chrome/25"}`},e))})}function N({slides:a,active:r}){return t(s,{children:a.map((o,e)=>{const n=e===r;return t("button",{type:"button","data-idx":e,"aria-pressed":n,className:["flex min-w-[140px] flex-1 cursor-pointer items-end px-6 py-7 text-left transition-colors",e>0?"border-l border-overlay-chrome/15":"",n?"bg-overlay-scrim/70":"hover:bg-overlay-scrim/40"].join(" "),children:t("span",{className:["font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase leading-tight tracking-[-0.02em]",n?"text-overlay-fg":"text-overlay-chrome/55"].join(" "),children:o.name})},e)})})}export{g as default};

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

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import { type SectionMotion } from "../../format/lib/content/section-animation.js";
+export declare function SectionAnimation({ motion, editing, children, }: {
+    motion: SectionMotion;
+    editing: boolean;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/render/components/SectionAnimation.js

@@ -0,0 +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};

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

@@ -0,0 +1,10 @@
+import type { SectionEyebrowLook } from "../../format/lib/sections/section-eyebrow-look.js";
+export interface SectionEyebrowProps {
+    text: string;
+    look?: SectionEyebrowLook;
+    size?: 12 | 13 | 14;
+    scaled?: boolean;
+    className?: string;
+    classNameAfter?: string;
+}
+export default function SectionEyebrow({ text, look, size, scaled, className, classNameAfter, }: SectionEyebrowProps): import("react").JSX.Element;

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

@@ -0,0 +1,29 @@
+import { type SectionNumberStyle } from "../../format/lib/sections/section-number-style.js";
+import { type SectionEyebrowLook } from "../../format/lib/sections/section-eyebrow-look.js";
+import type { SectionHeadStyle } from "../../format/lib/sections/section-head-style.js";
+interface Props {
+    num?: React.ReactNode;
+    title?: React.ReactNode;
+    link?: {
+        text: React.ReactNode;
+        href: string;
+    };
+    logo?: {
+        src: string;
+        alt: string;
+    };
+    description?: React.ReactNode;
+    accent?: boolean;
+    accentNum?: boolean;
+    numStyle?: SectionNumberStyle;
+    look?: SectionHeadStyle;
+    titleAccent?: string;
+    accentTracking?: string;
+    spaceBelow?: string;
+    rowGap?: string;
+    descriptionSize?: string;
+    className?: string;
+    eyebrowLook?: SectionEyebrowLook;
+}
+export default function SectionHeader({ num, title, link, logo, description, accent, accentNum, numStyle, look, titleAccent, accentTracking, spaceBelow, rowGap, descriptionSize, className, eyebrowLook, }: Props): import("react").JSX.Element;
+export {};

package/dist/render/components/SectionHeader.js

@@ -0,0 +1 @@
+import{jsx as a,Fragment as L,jsxs as s}from"react/jsx-runtime";import{SiteLink as k}from"../lib/site-runtime.js";import{media as O}from"../lib/media.js";import{sizedImage as I}from"../../format/lib/sized-image.js";import{DEFAULT_SECTION_NUMBER_STYLE as B,OUTLINED_NUMBER_CLASS as R,OUTLINED_NUMBER_CSS as j,OUTLINED_NUMBER_LAYOUT as D,parseSectionNumberStyle as C}from"../../format/lib/sections/section-number-style.js";import{DEFAULT_SECTION_EYEBROW_LOOK as F}from"../../format/lib/sections/section-eyebrow-look.js";import{renderGold as A,renderHeadline as H}from"./goldPhrases.js";import c from"./SectionEyebrow.js";const n={headingMediumUpTo800Small:"max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",headingMediumUpTo800Large:"max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",headingSmallUpTo800:"max-[800px]:text-[length:var(--size-headingSmall,28px)]",headingMedium2:"text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))]",headingMedium3:"text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))]",headingMedium1:"text-[length:var(--sf-heading-max,var(--size-headingMedium,38px))]",bodySmall:"text-[length:var(--size-body,14px)]",bodyLarge:"text-[length:var(--size-body,16px)]",label:"text-[length:var(--size-label,14px)]"},h=(e,i=!1)=>typeof e=="string"?H(e,i):e,l=(e,i=!1)=>typeof e=="string"?A(e,i):e;function W({num:e,title:i,link:o,logo:f,description:r,accent:N,accentNum:S,numStyle:M=B,look:d="standard",titleAccent:b,accentTracking:_="-0.02em",spaceBelow:w,rowGap:y,descriptionSize:T,className:m="",eyebrowLook:x=F}){const g=w??(d==="editorial"?"mb-[60px]":"");if(d==="editorial"){const t=!!i||!!b;return s("header",{className:`${g} grid grid-cols-[auto_1fr_auto] items-end gap-10 border-b border-line pb-8 max-[1100px]:grid-cols-1 max-[1100px]:gap-3.5 ${m}`.trim(),children:[e&&(typeof e=="string"?a(c,{text:e,className:"pb-2"}):a("span",{className:"pb-2",children:e})),t&&s("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5.5vw,80px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:[i,b&&s(L,{children:[" ",a("em",{className:"font-serif font-normal italic text-accent",style:{letterSpacing:_},children:b})]})]}),r&&a("p",{className:`max-w-[360px] pb-1 text-right font-display ${n.bodySmall} leading-[1.5] text-fg-dim max-[1100px]:max-w-full max-[1100px]:text-left`,children:r})]})}if(d==="simple"){const t=`${g} ${m}`.trim();return s("div",{className:t||void 0,children:[e&&(typeof e=="string"?a(c,{text:e,look:x,className:"mb-4 block"}):a("span",{className:"mb-4 block",children:e})),i&&a("h2",{className:`font-heading2 ${n.headingMedium2} font-medium uppercase leading-none tracking-[-0.02em] text-fg ${n.headingMediumUpTo800Small}`,children:h(i)})]})}if(d==="statement"){const t=`${g} ${m}`.trim();return s("div",{className:t||void 0,children:[e&&(typeof e=="string"?a(c,{text:e,look:x,className:"mb-4 block"}):a("span",{className:"mb-4 block",children:e})),i&&a("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5vw,72px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em] text-fg",children:h(i,!0)})]})}if(d==="natural"){const t=`flex max-w-[680px] flex-col ${y??"gap-5"} ${g} ${m}`.replace(/\s+/g," ").trim();return s("div",{className:t,children:[e&&(typeof e=="string"?a(c,{text:e,look:x}):a("span",{children:e})),i&&a("h2",{className:`font-heading2 ${n.headingMedium2} font-medium leading-[1.05] tracking-[-0.03em] ${n.headingMediumUpTo800Small}`,children:h(i)}),r&&a("p",{className:`${T??`${n.bodyLarge}`} leading-[1.6] opacity-85`,children:r})]})}if(d==="essay"){const t=`${g} ${m}`.trim();return s("div",{className:t||void 0,children:[e&&(typeof e=="string"?a(c,{text:e,look:x,className:"mb-4 block"}):a("span",{className:"mb-4 block",children:e})),i&&a("h2",{className:`font-heading2 ${n.headingMedium1} [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-none tracking-[-0.02em] text-fg ${n.headingSmallUpTo800}`,children:h(i)})]})}const E=!!r||!!o,U=!!i,v=C(M)==="outlined",u=`font-mono ${n.label} uppercase tracking-[0.3em]`;let p=null;if(e)if(v)p=a("span",{className:`${D} text-fg-dim ${R}`,children:l(e)});else if(S&&!N&&typeof e=="string"){const t=e.indexOf("/"),z=t===-1?e:e.slice(0,t),$=t===-1?"":e.slice(t);p=s("span",{className:u,children:[a("span",{className:"text-accent",children:l(z)}),$&&a("span",{className:"text-fg-dim",children:l($)})]})}else p=a("span",{className:`${u} ${N?"text-accent":"text-fg-dim"}`,children:l(e)});return s("div",{className:"mb-16 grid grid-cols-[auto_1fr_auto] items-end gap-10 border-b border-line pb-6 max-[800px]:mb-9 max-[800px]:grid-cols-1 max-[800px]:gap-3 max-[800px]:pb-5",children:[v&&e&&a("style",{children:j}),s("div",{className:"flex flex-col items-start gap-3",children:[f?.src&&a("img",{...Y(O(f.src)),alt:f.alt,className:"h-8 w-auto object-contain"}),p]}),U&&a("h2",{className:N?"font-heading2 text-[length:min(var(--size-headingMedium,clamp(36px,5vw,64px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-[0.95] tracking-[-0.025em]":`font-heading2 ${n.headingMedium3} [font-weight:var(--sf-heading-weight,500)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-none tracking-[-0.03em] whitespace-pre-line ${n.headingMediumUpTo800Large} max-[800px]:leading-[1]`,children:h(i)}),E&&s("div",{className:"flex flex-col items-end gap-3 max-[800px]:items-start",children:[r&&a("p",{className:`max-w-[340px] font-display ${n.bodySmall} leading-[1.5] text-fg-dim text-right max-[800px]:max-w-full max-[800px]:text-left`,children:l(r)}),o&&s(k,{href:o.href,className:`inline-flex items-center gap-2 whitespace-nowrap font-mono ${n.label} uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-fg`,children:[l(o.text),a("span",{"aria-hidden":!0,children:"→"})]})]})]})}function Y(e){const i=I(e,{fallbackWidth:640,maxWidth:960});return i.srcSet?{src:i.src,srcSet:i.srcSet,sizes:"240px"}:{src:e}}export{W as default};

package/dist/render/components/Series.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as r,Fragment as S}from"react/jsx-runtime";import{sectionRunsFullWidth as j}from"../../format/lib/content/section-width.js";import w from"./EditorialSectionHead.js";import{renderGold as i,renderHeadline as o}from"./goldPhrases.js";import{say as $}from"../../format/lib/editor-words.js";const a={body:"text-[length:var(--size-body,14px)]",headingSmall:"text-[length:var(--size-headingSmall,28px)]",labelSmall:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"};function z({headNum:d,headTitle:p,headDesc:c,cards:g,viewLabel:n,background:l,editing:f=!1,omitHead:s=!1,...b}){const x=(g??[]).filter(e=>(e?.title??"").trim()||(e?.desc??"").trim()||(e?.num??"").trim()),u=x.length>0?x:f?[{title:$("Series title")}]:[],m=!!(l&&l!=="transparent");return r("section",{className:j(b)?s?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":s?"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",style:m?{backgroundColor:l}:void 0,children:[s?null:t(w,{num:d,title:p?o(p):void 0,desc:c}),t("div",{className:`grid grid-cols-4 max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1 ${m?"gap-[1px]":"gap-[2px] bg-bg"}`,children:u.map((e,h)=>{const v=!!(e.num?.trim()||e.since?.trim()),y=!!e.title?.trim(),N=!!(e.entries?.trim()||e.entriesLabel?.trim()||n);return r("article",{className:"flex min-h-[340px] flex-col gap-4 bg-bg px-7 pt-9 pb-8",children:[v&&r("div",{className:`flex items-baseline justify-between gap-3 font-mono ${a.labelLarge} uppercase tracking-[0.3em] text-accent`,children:[t("span",{children:e.num?i(e.num):null}),e.since?.trim()?t("span",{children:i(e.since)}):null]}),y&&t("h3",{className:`font-heading3 ${a.headingSmall} font-medium uppercase leading-[1.04] tracking-[-0.02em]`,children:o(e.title??"")}),e.desc?.trim()&&t("p",{className:`font-display ${a.body} leading-[1.6] text-fg-dim`,children:i(e.desc)}),N&&r("div",{className:`mt-auto flex items-center justify-between border-t border-line pt-4 font-mono ${a.labelSmall} uppercase tracking-[0.22em] text-fg-dim`,children:[r("span",{children:[e.entries?.trim()?t("strong",{className:"font-normal text-fg",children:i(e.entries)}):null,e.entriesLabel?.trim()?r(S,{children:[e.entries?.trim()?" ":"",i(e.entriesLabel)]}):null]}),n&&t("span",{className:"text-accent",children:i(n)})]})]},h)})})]})}export{z as default};

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

@@ -0,0 +1,15 @@
+import { type CSSProperties, type ReactNode } from "react";
+import { type PadValues } from "../../format/lib/content/section-padding.js";
+export default function SiteGutterFrame({ contained, framedClass, fillClass, style, tabLabel, pad, border, children, }: {
+    contained: boolean;
+    framedClass: string;
+    fillClass: string;
+    style?: CSSProperties;
+    tabLabel?: string;
+    pad?: {
+        values: PadValues;
+        frame: number;
+    };
+    border?: CSSProperties;
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/render/components/SiteGutterFrame.js

@@ -0,0 +1 @@
+"use client";import{jsx as o}from"react/jsx-runtime";import{createContext as y,useContext as R}from"react";import{rootPadAttrs as _,wrapperPadAttrs as x}from"../../format/lib/content/section-padding.js";import{SECTION_BORDER_CLASS as E,SECTION_BORDER_SELF_CLASS as O}from"../../format/lib/content/borders.js";import{drawsSiteGutter as A}from"../../format/lib/content/site-gutter.js";const u=y(!1);function h({contained:d,framedClass:f,fillClass:S,style:a,tabLabel:v,pad:e,border:s,children:i}){const C=R(u),t=A(d,C),l=e&&!t?_(e.values,e.frame):null,n=s&&!t?s:null,N=[t?f:S,l?.className,n?O:null].filter(Boolean).join(" "),p=l||n?{...a,...l?.style,...n}:a,c=o("div",{className:N,style:p,"data-tab-label":v,children:t?o(u.Provider,{value:!0,children:i}):i}),r=e&&t?x(e.values):null,m=r?o("div",{className:r.className,style:r.style,children:c}):c;return s&&t?o("div",{className:E,style:{display:"contents",...s},children:m}):m}export{h as default};

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

@@ -0,0 +1,8 @@
+import { type ReactNode } from "react";
+import { sitePhotographyTokens } from "../../format/lib/content/image-treatment.js";
+export declare function useSitePhotography(): boolean;
+export declare function SitePhotographyProvider({ grayscale, children, }: {
+    grayscale?: boolean | null;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export { sitePhotographyTokens };

package/dist/render/components/SitePhotographyContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as p,jsxs as x}from"react/jsx-runtime";import{createContext as u,useContext as c}from"react";import{sitePhotographyTokens as e}from"../../format/lib/content/image-treatment.js";const o=u(!1);function f(){return c(o)}function j({grayscale:t,children:r}){const s=t===!0;return x(o.Provider,{value:s,children:[Object.entries(e(t)).map(([n,i])=>p("style",{children:i},n)),r]})}export{j as SitePhotographyProvider,e as sitePhotographyTokens,f as useSitePhotography};

package/dist/render/components/SpecStrip.js

@@ -0,0 +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:l,fill:x="dark",editing:i=!1}){const n=(l??[]).filter(e=>(e?.text??"").trim()),r=n.length>0?n:i?o():[];if(r.length===0)return null;const s=x!=="none",p=t("div",{className:"mx-auto flex max-w-[min(var(--sf-page-cap,var(--sf-site-width,1600px)),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:s?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:s?t("div",{className:"bg-plate-band",children:p}):t("div",{className:"border-t border-line",children:p})})}export{d as default};

package/dist/render/components/Split.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{SiteLink as v}from"../lib/site-runtime.js";import w 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:M}){const g=E(M,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","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((T,_)=>e("p",{className:[`max-w-[520px] ${t.body} leading-[1.7]`,"text-fg-dim"].join(" "),children:i(T)},_)),l.text&&e("div",{className:`mt-2 ${o.cta}`,children:e(w,{href:l.href,variant:"primary",children:i(l.text)})})]})})]})]})})}export{A as default};

package/dist/render/components/StatsParagraph.js

@@ -0,0 +1 @@
+"use client";import{jsxs as r,jsx as a,Fragment as w}from"react/jsx-runtime";import{sectionRunsFullWidth as k}from"../../format/lib/content/section-width.js";import C from"./EditorialSectionHead.js";import{renderGold as h,renderHeadline as E}from"./goldPhrases.js";import{useCountUp as _}from"./useCountUp.js";import{say as v}from"../../format/lib/editor-words.js";const f={body:"text-[length:var(--size-body,16px)]",labelSmall:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"},N="font-normal italic text-accent";function j({value:x,prefix:m,suffix:l,supSuffix:c,emphasizeAll:i,label:t,sub:n}){const s=(x??"").trim(),d=/^\d+$/.test(s),{ref:g,value:u}=_(d?parseInt(s,10):0),p=d?String(u):s,o=m??"";return r("div",{className:"flex min-h-[240px] flex-col gap-3 bg-bg px-8 py-12",children:[r("div",{ref:g,className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(56px,7vw,96px)),var(--sf-heading-max,9999px))] font-medium leading-[0.9] tracking-[-0.04em] tabular-nums",children:[i?r("em",{className:N,children:[o,p]}):r(w,{children:[o,p,l?a("em",{className:N,children:l}):null]}),c?a("sup",{className:`ml-8 inline-block pt-[18px] align-top font-mono ${f.labelLarge} leading-none tracking-[0.18em] text-accent`,children:c}):null]}),(t||n)&&r("div",{className:`mt-auto font-mono ${f.labelSmall} uppercase tracking-[0.24em] text-fg-dim`,children:[t?a("strong",{className:`mb-1 block font-display ${f.body} font-normal normal-case tracking-[-0.01em] text-fg`,children:t}):null,n?h(n):null]})]})}function z({eyebrow:x,title:m,desc:l,stats:c,background:i,padTop:t,padBottom:n,editing:s=!1,omitHead:d=!1,...g}={}){const u=typeof t=="number"?t:120,p=typeof n=="number"?n:120,o=(c??[]).filter(e=>(e.value??"").trim()!==""||(e.label??"").trim()!==""||(e.sub??"").trim()!==""||(e.suffix??"").trim()!==""||(e.supSuffix??"").trim()!==""),b=o.length>0?o:s?[{value:"0",label:v("Stat"),sub:v("Add your numbers.")}]:[],y=!!(i&&i!=="transparent");return r("section",{className:k(g)?"border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"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))]",style:{paddingTop:u,paddingBottom:p,...y?{backgroundColor:i}:{}},children:[d?null:a(C,{num:x,title:m?E(m):void 0,desc:l?h(l):void 0}),b.length>0&&a("div",{className:"sf-card grid grid-cols-4 gap-[2px] border border-line bg-line max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1",children:b.map((e,S)=>a(j,{...e},S))})]})}export{z as default};

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

@@ -0,0 +1,16 @@
+import type { SectionEyebrowLook } from "../../format/lib/sections/section-eyebrow-look.js";
+export interface Testimonial {
+    quote?: string;
+    name?: string;
+    role?: string;
+}
+export interface TestimonialsProps {
+    eyebrow?: string;
+    look?: SectionEyebrowLook;
+    title?: string;
+    items?: Testimonial[];
+    columns?: number;
+    omitHead?: boolean;
+    editing?: boolean;
+}
+export default function Testimonials({ look, eyebrow, title, items, columns, omitHead, editing, }?: TestimonialsProps): import("react").JSX.Element | null;

package/dist/render/components/Testimonials.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as u,jsxs as i}from"react/jsx-runtime";import b from"./SectionEyebrow.js";import{renderGold as v,renderHeadline as N,splitParagraphs as M}from"./goldPhrases.js";import{say as y}from"../../format/lib/editor-words.js";const t={headingMediumUpTo800:"max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",headingMedium1:"text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))]",bodySmall:"text-[length:var(--size-body,12px)]",body:"text-[length:var(--size-body,15px)]",bodyLarge:"text-[length:var(--size-body,16px)]",headingMedium2:"text-[length:var(--size-headingMedium,46px)]"},z="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",_="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function E({look:o,eyebrow:r,title:s,items:x,columns:p,omitHead:m=!1,editing:d=!1}={}){const c=Math.min(3,Math.max(1,p??3)),n=(x??[]).filter(a=>d||(a.quote??"").trim()),g=!!(r??"").trim()||!!(s??"").trim();return!d&&!g&&n.length===0?null:e("section",{className:"relative z-[2] border-t border-line bg-surface",children:i("div",{className:m?_:z,children:[m?null:i(u,{children:[(r??"").trim()&&e(b,{text:r??"",look:o,className:"mb-4 block"}),(s??"").trim()&&e("h2",{className:`mb-11 font-heading2 ${t.headingMedium1} font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:mb-8 ${t.headingMediumUpTo800}`,children:N(s??"",!1)})]}),n.length>0&&e("div",{className:"sf-card grid grid-cols-1 gap-px border border-line bg-line min-[700px]:[grid-template-columns:repeat(var(--tm-cols),minmax(0,1fr))]",style:{"--tm-cols":String(c)},children:n.map((a,h)=>i("figure",{className:"flex flex-col gap-5 bg-bg p-9 max-[800px]:p-7",children:[e("span",{"aria-hidden":!0,className:`font-heading2 ${t.headingMedium2} leading-none text-accent`,children:"“"}),e("blockquote",{className:`flex-1 ${t.bodyLarge} leading-[1.6] text-fg-dim`,children:M((a.quote??"").trim()||y("A short customer quote goes here.")).map((f,l)=>e("p",{className:l?"mt-3":"",children:v(f)},l))}),i("figcaption",{className:"border-t border-line pt-[18px]",children:[e("div",{className:`font-display ${t.body} font-medium uppercase tracking-[0.04em] text-fg`,children:(a.name??"").trim()||"Customer name"}),(a.role??"").trim()&&e("div",{className:`mt-1 ${t.bodySmall} text-fg-dim`,children:a.role})]})]},h))})]})})}export{E as default};

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

@@ -0,0 +1,13 @@
+import type { PadValues } from "../../format/lib/content/section-padding.js";
+type Align = "left" | "center" | "right";
+type Tone = "default" | "dim";
+interface TextProps {
+    pad?: PadValues;
+    text: string;
+    align: Align;
+    tone: Tone;
+    contained: boolean;
+    hero?: boolean;
+}
+export default function Text({ text, align, tone, contained, hero, pad }: TextProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import { type TickerSeparator, type TickerSize } from "../../format/lib/sections/ticker-style.js";
+import { type TickerScroll } from "../../format/lib/sections/ticker-scroll.js";
+export type TickerItem = string | {
+    text: string;
+    gold?: boolean;
+};
+export type TickerBackdrop = "themed-band" | "themed-section" | "dark-media";
+interface Props {
+    items: TickerItem[];
+    separator?: TickerSeparator;
+    size?: TickerSize;
+    durationSec?: number;
+    scroll?: TickerScroll;
+    backdrop?: TickerBackdrop;
+    className?: string;
+}
+export default function Ticker({ items, separator, size, durationSec, scroll, backdrop, className, }: Props): import("react").JSX.Element;
+export {};

package/dist/render/components/Ticker.js

@@ -0,0 +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};

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

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

package/dist/render/components/TickerSection.js

@@ -0,0 +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};

package/dist/render/components/Timeline.js

@@ -0,0 +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};

package/dist/render/components/TitleWithButtons.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as l}from"react/jsx-runtime";import{SiteLink as b}from"../lib/site-runtime.js";import{renderHeadline as v}from"./goldPhrases.js";import{say as w}from"../../format/lib/editor-words.js";function y({title:n,buttons:m,padTop:x,padBottom:o,buttonsAlign:a,editing:p=!1}={}){const d=typeof x=="number"?x:140,c=typeof o=="number"?o:140,r=(m??[]).filter(e=>p||(e.label??"").trim()),i=!!(n??"").trim(),s=!i&&(a==="center"||a==="left")?a:null;return!p&&!i&&r.length===0?null:t("section",{className:"relative z-[2] bg-bg",children:l("div",{className:s==="center"?"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-1 items-center justify-items-center gap-[60px] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":s==="left"?"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-1 items-center justify-items-start gap-[60px] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[1fr_auto] items-center gap-[60px] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:grid-cols-1 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:d,paddingBottom:c},children:[s===null&&!i&&r.length>0&&t("div",{"aria-hidden":!0,className:"max-[1100px]:hidden"}),i&&t("h2",{className:"max-w-[1000px] font-display text-[length:min(var(--size-headingLarge,clamp(48px,7vw,108px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-[0.94] tracking-[-0.035em] text-fg",children:v(n??"")}),r.length>0&&t("div",{className:"flex min-w-[280px] flex-col gap-3.5 max-[1100px]:min-w-0",children:r.map((e,f)=>{const g=(e.label??"").trim()||w("Button label"),h=e.href||"#",u=e.variant==="primary";return l(b,{href:h,className:["flex items-center justify-between gap-6 px-7 py-5","font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] transition-colors",u?"border border-btn bg-btn text-btn-ink hover:border-fg hover:bg-fg":"border border-line text-fg hover:border-accent hover:text-accent"].join(" "),children:[g," ",t("span",{"aria-hidden":!0,children:"→"})]},f)})})]})})}export{y as default};

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

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import { type ShopMarkupNode } from "../../format/lib/markup.js";
+export declare function renderGold(value: string, italic?: boolean): ReactNode;
+export declare function renderMarkupNodes(nodes: readonly ShopMarkupNode[], italic?: boolean): ReactNode;
+export declare function renderChrome(value: string): ReactNode;
+export declare function renderHeadline(value: string, italic?: boolean): ReactNode;
+export declare function splitParagraphs(value: string): string[];

package/dist/render/components/goldPhrases.js

@@ -0,0 +1,2 @@
+import{jsx as t,jsxs as u}from"react/jsx-runtime";import{Fragment as d}from"react";import{linePrefix as N,storefrontLines as L}from"../../format/lib/markup.js";import{COLOUR_TOKEN as h,WORD_STYLE_ATTR as _,WORD_STYLE_BY_KIND as S}from"../../format/lib/word-styles.js";import{isHexColour as g}from"../lib/puck/part-styles.js";import a from"./PartStyledText.js";import{withRMark as f}from"./RMark.js";function E(e,n=!1){const s=m(n),r=L(e);if(r.length===1){const[c]=r,l=N(c),b=l?w(l,c.children):c.children;return t(a,{value:e,children:o(b,s)})}const i=[];return r.forEach((c,l)=>{if(c.bullet){i.push(t("span",{"data-sf-bullet":"",className:T,children:o(c.children,s)},l));return}if(c.number!=null){i.push(u("span",{"data-sf-number":c.number,className:R,children:[u("span",{className:k,children:[c.number,"."]}),o(c.children,s)]},l));return}l>0&&!C(r[l-1])&&i.push(t("br",{},`br${l}`)),i.push(t(d,{children:o(c.children,s)},l))}),t(a,{value:e,children:i})}const T="relative block pl-6 before:absolute before:left-1.5 before:font-bold before:text-accent before:content-['·']",R="relative block pl-[2em]",k="absolute left-0 w-[1.6em] text-right tabular-nums";function C(e){return e.bullet||e.number!=null}const O="text-accent underline underline-offset-[0.18em]";function w(e,n){const[s,...r]=n;return s?.kind==="text"?[{kind:"text",text:`${e}${s.text}`},...r]:[{kind:"text",text:e},...n]}function A(e){if(e)return g(e)?e:Object.hasOwn(h,e)?h[e]:void 0}function o(e,n){const s=[];let r=!1;return e.forEach((i,c)=>{if(i.kind==="text"){s.push(t("span",{children:f(i.text)},c)),r=!0;return}r||s.push(t("span",{},`e${c}`)),s.push(x(i,c,n)),r=!1}),r||s.push(t("span",{},"end")),s}function p(e,n){return e.length===1&&e[0].kind==="text"?f(e[0].text):e.map((s,r)=>s.kind==="text"?t(d,{children:f(s.text)},r):x(s,r,n))}function $(e,n=!1){return o(e,m(n))}function m(e){return e?"font-normal italic text-accent":"not-italic text-accent"}function D(e){return t(a,{value:e,children:t("span",{children:e})})}function x(e,n,s){if(e.kind==="link")return t("a",{href:e.href,className:O,children:p(e.children,s)},n);const r=p(e.children,s),i=S[e.kind];if(i)return t("span",{[_]:i,children:r},n);switch(e.kind){case"underline":return t("u",{children:r},n);case"sup":return t("sup",{children:r},n);case"sub":return t("sub",{children:r},n);case"color":{const c=A(e.color);return c?t("span",{style:{color:c},children:r},n):t("span",{children:r},n)}case"accent":case"highlight":return t("em",{className:s,children:r},n);case"bold":return t("strong",{className:"font-semibold",children:r},n);case"italic":return t("em",{className:"italic",children:r},n);case"strike":return t("s",{className:"line-through",children:r},n);default:return t("span",{children:r},n)}}function P(e,n=!0){const s=e.split(`
+`);return t(a,{value:e,children:s.map((r,i)=>u("span",{children:[E(r,n),i<s.length-1?t("br",{}):null]},i))})}function Y(e){return e.split(/\n\s*\n/).map(n=>n.trim()).filter(Boolean)}export{D as renderChrome,E as renderGold,P as renderHeadline,$ as renderMarkupNodes,Y as splitParagraphs};

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

@@ -0,0 +1,8 @@
+import type { SocialPlatform } from "../../format/lib/content/social-links.js";
+export type SocialIconStyle = "outline" | "solid";
+export declare const DEFAULT_SOCIAL_ICON_STYLE: SocialIconStyle;
+export declare function SocialMark({ platform, iconStyle, size, }: {
+    platform: SocialPlatform;
+    iconStyle: SocialIconStyle;
+    size: number;
+}): import("react").JSX.Element;

package/dist/render/lib/logo/analyze-logo-client.d.ts

@@ -0,0 +1,3 @@
+import type { LogoAnalysis } from "../../../format/lib/logo/reverse-svg.js";
+export declare function analyzeLogoViaServer(url: string): Promise<LogoAnalysis | null>;
+export declare function forgetLogoAnalyses(): void;

package/dist/render/lib/logo/analyze-logo-client.js

@@ -0,0 +1 @@
+import{efficientClientOpen as i}from"../editor-session.js";import{shopRouteBase as l}from"../../../format/lib/web-runtime.js";const n=new Map,a=64;async function c(t){if(!i())return null;try{const o=await fetch(`${l()}/logo-analysis.json?url=${encodeURIComponent(t)}`);if(!o.ok)return null;const e=await o.json();if(!e||typeof e!="object")return null;const{reversed:r,inkIsDark:s}=e;return typeof r!="string"?null:{reversed:r,inkIsDark:typeof s=="boolean"?s:null}}catch{return null}}function y(t){const o=n.get(t);if(o)return o;const e=c(t);if(n.set(t,e),n.size>a){const r=n.keys().next();r.done||n.delete(r.value)}return e}function p(){n.clear()}export{y as analyzeLogoViaServer,p as forgetLogoAnalyses};

package/dist/render/lib/maps-config.js

@@ -0,0 +1 @@
+"use client";import{createContext as p,useContext as o}from"react";import{GOOGLE_MAPS_API_KEY as a}from"../../format/lib/maps-loader.js";const n="sf:maps-api-key",i="sf:maps-map-id";function u(){if(typeof window>"u")return"";try{return window.localStorage.getItem(n)??""}catch{return""}}function s(t){if(!(typeof window>"u"))try{window.localStorage.setItem(n,t)}catch{}}function f(){if(typeof window>"u")return"";try{return window.localStorage.getItem(i)??""}catch{return""}}function w(t){if(!(typeof window>"u"))try{window.localStorage.setItem(i,t)}catch{}}const r=p({apiKey:"",setApiKey:()=>{},mapId:""}),m=r.Provider,S=()=>o(r).apiKey,x=()=>o(r).mapId;function y(t,e){return t&&t.trim()||e&&e.trim()||a}function M(t,e){return t&&t.trim()||e&&e.trim()||""}export{n as MAPS_API_KEY_STORAGE,i as MAPS_MAP_ID_STORAGE,m as SiteMapsProvider,f as readSiteMapId,u as readSiteMapsKey,M as resolveMapId,y as resolveMapsKey,x as useSiteMapId,S as useSiteMapsKey,w as writeSiteMapId,s as writeSiteMapsKey};

package/dist/render/lib/puck/blocks/general/Banner/render.d.ts

@@ -0,0 +1,2 @@
+import type { BlockRender } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const BannerRender: BlockRender;

package/dist/render/lib/puck/blocks/general/Breadcrumb/render.d.ts

@@ -0,0 +1,5 @@
+import type { BlockRender } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const BREADCRUMB_PH: {
+    meta: string;
+};
+export declare const BreadcrumbRender: BlockRender;

package/dist/render/lib/puck/blocks/general/Breadcrumb/render.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import a from"../../../../../components/Breadcrumb.js";import{phRows as i,phHide as s}from"../../scaffold.js";import{say as r}from"../../../../../../format/lib/editor-words.js";const d={meta:"Trailing note"},n=()=>[{label:r("Home"),href:"/"},{label:r("Section"),href:""}],p={label:"Breadcrumb",defaultProps:{items:[],meta:""},render:({items:t,meta:m,puck:e})=>o(a,{items:i(t,n(),e),meta:s(m,d.meta,e),editing:e?.isEditing})};export{d as BREADCRUMB_PH,p as BreadcrumbRender};

package/dist/render/lib/puck/blocks/general/ButtonBlock/render.d.ts

@@ -0,0 +1,2 @@
+import type { BlockRender } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const ButtonBlockRender: BlockRender;

package/dist/render/lib/puck/blocks/general/ButtonBlock/render.js

@@ -0,0 +1 @@
+import{jsx as p}from"react/jsx-runtime";import c from"../../../../../components/ButtonBlock.js";import{CTA_PH as d}from"../../../../../../format/lib/puck/blocks/placeholders.js";import{phPrev as s}from"../../scaffold.js";const P={label:"Button",defaultProps:{label:"",href:"#",variant:"primary",align:"left",contained:!0},render:({label:t,href:o,variant:r,align:e,contained:i,arrow:n,icon:a,iconPosition:l,widthFit:m,puck:f})=>p(c,{label:s(t,d.text,f)??"",href:o,variant:r,align:e,contained:i,arrow:n,icon:a,iconPosition:l,widthFit:m})};export{P as ButtonBlockRender};

package/dist/render/lib/puck/blocks/general/Cards/render.d.ts

@@ -0,0 +1,6 @@
+import type { BlockRender } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const CARDS_PH: {
+    eyebrow: string;
+    title: string;
+};
+export declare const CardsRender: BlockRender;

package/dist/render/lib/puck/blocks/general/Cards/render.js

@@ -0,0 +1 @@
+import{jsx as n}from"react/jsx-runtime";import l from"../../../../../components/Cards.js";import{parseSectionHeadPlacement as s}from"../../../../../../format/lib/sections/section-head-placement.js";import{parseSectionEyebrowLook as c}from"../../../../../../format/lib/sections/section-eyebrow-look.js";import{phRows as m,phHide as r}from"../../scaffold.js";import{say as t}from"../../../../../../format/lib/editor-words.js";const a={eyebrow:"Label",title:"Section *heading.*"},b=()=>[{title:t("Card title one"),body:t("A short line about this card.")},{title:t("Card title two"),body:t("A short line about this card.")},{title:t("Card title three"),body:t("A short line about this card.")}],k={label:"Cards",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{const o=s(e.headPlacement)==="own-box",i=d=>o?void 0:d;return n(l,{look:c(e.eyebrowLook,"Cards"),eyebrow:i(r(e.eyebrow,a.eyebrow,e.puck)),title:i(r(e.title,a.title,e.puck)),omitHead:o,items:m(e.items,b(),e.puck),columns:e.columns,editing:e.puck?.isEditing})}};export{a as CARDS_PH,k as CardsRender};

package/dist/render/lib/puck/blocks/general/CategoryBar/render.d.ts

@@ -0,0 +1,2 @@
+import type { BlockRender } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const CategoryBarRender: BlockRender;

package/dist/render/lib/puck/blocks/general/CategoryBar/render.js

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import i from"../../../../../components/CategoryBar.js";import{hidableText as b}from"efficient-easel/draw";import{PH as e}from"../../../../../../format/lib/puck/blocks/placeholders.js";import{phRows as c}from"../../scaffold.js";import{say as m}from"../../../../../../format/lib/editor-words.js";const f=()=>[{label:m("All")},{label:e.category},{label:e.category}],n=[{label:"Archive",href:"#sub-recent-issues"},{label:"RSS",href:"/contact"}],h={label:"Category bar",defaultProps:{tabs:[],activeTab:"All",links:n,sticky:!0},render:({tabs:t,activeTab:a,links:o,sticky:l,puck:r})=>s(i,{tabs:c(t,f(),r),activeTab:b(a),links:o,sticky:l,editing:r?.isEditing})};export{h as CategoryBarRender};

package/dist/render/lib/puck/blocks/general/Chart/render.d.ts

@@ -0,0 +1,6 @@
+import type { BlockRender } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const CHART_PH: {
+    eyebrow: string;
+    title: string;
+};
+export declare const ChartRender: BlockRender;

package/dist/render/lib/puck/blocks/general/Chart/render.js

@@ -0,0 +1,2 @@
+import{jsx as h}from"react/jsx-runtime";import m from"../../../../../components/ChartSection.js";import{phRows as d,phHide as r}from"../../scaffold.js";import{say as t}from"../../../../../../format/lib/editor-words.js";const o={eyebrow:"By the numbers",title:`A picture worth
+*a thousand rows.*`},y=()=>[{label:t("Before"),value:"9"},{label:t("After"),value:"3"},{label:t("With us"),value:"1"}],x={label:"Chart",defaultProps:{eyebrow:"",title:"",body:"",items:[],caption:"",chartStyle:"bars",valueSuffix:""},render:({eyebrow:a,title:i,body:l,items:s,caption:f,chartStyle:n,valueSuffix:b,puck:e})=>h(m,{eyebrow:r(a,o.eyebrow,e),title:r(i,o.title,e),body:l,items:d(s,y(),e),chartStyle:n,valueSuffix:b,caption:f,editing:e?.isEditing})};export{o as CHART_PH,x as ChartRender};