efficient-web-builder 0.10.0 → 1.0.0

package/dist/components/PartTextBox.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+import { type CopyThemeColor } from "efficient-easel/copy";
+import { type PartStyle, type PartStyleBase } from "../lib/puck/part-styles.js";
+export type PartStylePatch = {
+    [K in keyof PartStyle]?: PartStyle[K] | null;
+};
+export declare function PartTextBox({ text, onTextChange, multiline, markup, styled, style, base, setValue, colors, placeholder, ariaLabel, head, }: {
+    text: string;
+    onTextChange: (next: string) => void;
+    multiline: boolean;
+    markup?: boolean;
+    styled?: boolean;
+    style: PartStyle;
+    base: PartStyleBase;
+    setValue: (patch: PartStylePatch) => void;
+    colors: readonly CopyThemeColor[];
+    placeholder?: string;
+    ariaLabel?: string;
+    head?: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/PartTextBox.js

@@ -0,0 +1 @@
+"use client";import{jsx as o,jsxs as x}from"react/jsx-runtime";import{COPY_CELLS as a,CopyBox as S}from"efficient-easel/copy";import{PaddingYIcon as T,WidthIcon as A}from"efficient-easel/icons";import{SHOP_MARKUP as C}from"../lib/markup.js";import{PART_PADDING_MAX as I,PART_PADDING_MIN as R,PART_PADDING_STEP as D,PART_WIDTH_MAX as O,PART_WIDTH_MIN as v,PART_WIDTH_STEP as H,partSpacingOf as L}from"../lib/puck/part-styles.js";const z=["left","center","right","justify"],N=["bold","italic","underline","strike","link","sup","sub"],M=["bullet","number"];function k({text:p,onTextChange:c,multiline:r,markup:g=!0,styled:t=!0,style:e,base:l,setValue:i,colors:d,placeholder:h,ariaLabel:s,head:P}){const u=L(e),_=e.size??l.sizePx,m=[{...a.fontSize,value:e.size,styleValue:Math.round(l.sizePx),onChange:n=>i({size:n??null})},{...a.lineHeight,value:u.lineHeight,styleValue:l.lineRatio,onChange:n=>i(n===void 0?{lineHeight:null,line:null}:{lineHeight:n})},{...a.letterSpacing,scale:_,value:u.letterSpacingEm,styleValue:l.letterEm,onChange:n=>i(n===void 0?{letterSpacing:null,letter:null}:{letterSpacing:n})},{...a.paragraphSpacing,value:e.paragraphSpacing,styleValue:0,onChange:n=>i({paragraphSpacing:n??null})},{key:"padding",name:"Padding",icon:o(T,{}),unit:"px",step:D,shiftStep:10,min:R,max:I,value:e.padding,styleValue:l.paddingPx,onChange:n=>i({padding:n??null})},{key:"width",name:"Width",icon:o(A,{}),unit:"px",step:H,shiftStep:100,min:v,max:O,value:e.width,styleValue:l.widthPx,onChange:n=>i({width:n??null})}],f=g?[...N,...r?M:[]]:[];return x("div",{className:"sf-part-textbox",children:[P,o(S,{value:p,onChange:c,multiline:r,placeholder:h,ariaLabel:s,rules:C,tools:f,colors:g?d:[],align:t?{value:e.align??l.align,allow:z,onChange:n=>i({align:n})}:void 0,letterCase:t?{value:e.case??"",onChange:n=>i({case:n||null})}:void 0,cells:t?m:void 0})]})}export{k as PartTextBox};

package/dist/components/PaymentBadges.d.ts

@@ -0,0 +1,14 @@
+export interface PaymentBadge {
+    label?: string;
+    src?: string;
+}
+interface PaymentBadgesProps {
+    heading?: string;
+    badges: PaymentBadge[];
+    assurances: {
+        text?: string;
+    }[];
+    contained: boolean;
+}
+export default function PaymentBadges({ heading, badges, assurances, contained }: PaymentBadgesProps): import("react").JSX.Element;
+export {};

package/dist/components/PaymentBadges.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as n}from"react/jsx-runtime";import m from"./BlockFrame.js";import{media as p}from"../lib/media.js";import{stripMarkup as o}from"../lib/markup.js";import{renderGold as t}from"./goldPhrases.js";function x({heading:l,badges:c,assurances:s,contained:i}){return r(m,{contained:i,className:"py-6",children:n("div",{className:"flex flex-col items-center gap-5 border-y border-line py-8 text-center",children:[l&&r("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em] opacity-70",children:t(l)}),c.length>0&&r("ul",{className:"flex flex-wrap items-center justify-center gap-3",children:c.map((e,a)=>r("li",{className:"sf-card flex h-10 items-center border border-line bg-surface px-4",children:e.src?r("img",{src:p(e.src),alt:o(e.label||""),className:"max-h-5 w-auto opacity-90"}):e.label&&r("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em]",children:t(e.label)})},a))}),s.length>0&&r("ul",{className:"flex flex-wrap items-center justify-center gap-x-6 gap-y-1",children:s.map((e,a)=>e.text&&n("li",{className:"flex items-center gap-2 text-[13px] opacity-60",children:[r("span",{className:"h-1 w-1 rounded-full bg-accent","aria-hidden":!0}),t(e.text)]},a))})]})})}export{x as default};

package/dist/components/PhoneMenuTools.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+export type PhoneMenuTool = "search" | "region";
+export interface PhoneMenuTools {
+    search: boolean;
+    region: boolean;
+}
+export declare function PhoneMenuToolsProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare const useInSiteHeader: () => boolean;
+export declare function useOfferToPhoneMenu(tool: PhoneMenuTool | null): void;
+export declare function usePhoneMenuTools(): PhoneMenuTools | null;

package/dist/components/PhoneMenuTools.js

@@ -0,0 +1 @@
+"use client";import{jsx as f}from"react/jsx-runtime";import{createContext as l,useContext as s,useEffect as d,useState as a,useSyncExternalStore as x}from"react";const u=[];function h(){let e=u;const n=new Set,c=r=>{e=r;for(const t of n)t()};return{offer:r=>(c([...e,r]),()=>{const t=e.indexOf(r);t>=0&&c([...e.slice(0,t),...e.slice(t+1)])}),subscribe:r=>(n.add(r),()=>n.delete(r)),offered:()=>e}}const o=l(null);function S({children:e}){const[n]=a(h);return f(o.Provider,{value:n,children:e})}const b=()=>s(o)!==null;function y(e){const n=s(o);d(()=>{if(!(!n||!e))return n.offer(e)},[n,e])}const g=()=>()=>{},i=()=>u;function T(){const e=s(o),n=x(e?.subscribe??g,e?.offered??i,i);return e?{search:n.includes("search"),region:n.includes("region")}:null}export{S as PhoneMenuToolsProvider,b as useInSiteHeader,y as useOfferToPhoneMenu,T as usePhoneMenuTools};

package/dist/components/PhotographyField.d.ts

@@ -0,0 +1,6 @@
+export declare const SITE_PHOTOGRAPHY_LABEL = "Photography";
+export default function PhotographyField({ value, onChange, showHint, }: {
+    value: boolean | null;
+    onChange: (v: boolean | null) => void;
+    showHint?: boolean;
+}): import("react").JSX.Element;

package/dist/components/PhotographyField.js

@@ -0,0 +1 @@
+"use client";import{jsx as t}from"react/jsx-runtime";import{SettingsField as c,SettingsSegmented as h}from"efficient-easel/panel";import{PartResetDot as d}from"./PartResetDot.js";import{SITE_STYLE_UNSET_LABEL as f}from"./SiteStyleUnset.js";import{DropIcon as p}from"efficient-easel/icons";const l="Photography",n=[{grayscale:!1,label:"As shot"},{grayscale:!0,label:"Black and white"}],g="Black and white photographs return to color on hover. Wheels and tyres keep their real finish either way.";function m({value:a,onChange:r,showHint:i=!0}){const o=a===null,s=a??!1;return t(c,{label:l,icon:t(p,{}),value:o?f:n.find(e=>e.grayscale===a).label,changed:!o,action:o?void 0:t(d,{label:l,what:"change",onClear:()=>r(null)}),hint:i?g:void 0,children:t(h,{options:n.map(e=>({id:e.grayscale,label:e.label})),value:s,ariaLabel:l,onChange:r})})}export{l as SITE_PHOTOGRAPHY_LABEL,m as default};

package/dist/components/Placeholder.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+import type { ImageTreatment } from "../lib/content/image-treatment.js";
+interface Props {
+    label?: string;
+    fallback?: ReactNode;
+    className?: string;
+    src?: string;
+    alt?: string;
+    objectPosition?: string;
+    objectFit?: "cover" | "contain" | "fill" | "none" | "scale-down";
+    sizes?: string;
+    priority?: boolean;
+    deferFetch?: boolean;
+    showBackground?: boolean;
+    treatment?: ImageTreatment;
+}
+export default function Placeholder({ fallback, className, src, alt, objectPosition, objectFit, sizes, priority, deferFetch, showBackground, treatment, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/Placeholder.js

@@ -0,0 +1 @@
+"use client";import{jsx as i,jsxs as N}from"react/jsx-runtime";import{useEffect as h,useState as v}from"react";import{SiteImage as x}from"../lib/site-runtime.js";import{isExternalMediaUrl as w}from"../lib/media.js";function E({fallback:o,className:f,src:u,alt:c="",objectPosition:l,objectFit:n="cover",sizes:d="100vw",priority:m=!1,deferFetch:t=!1,showBackground:y=!0,treatment:s}){const[a,r]=v(!1),e=u||"";h(()=>{r(!1)},[e]);const g=w(e),p=!e||a;return N("div",{className:`relative h-full w-full overflow-hidden ${f??""}`,children:[i("div",{className:"absolute inset-0 flex items-center justify-center",style:y?{background:"var(--surface)"}:void 0,children:p?o:null}),e&&(g?i("img",{src:e,alt:c,decoding:"async",...t?{loading:"lazy"}:{},className:`absolute inset-0 h-full w-full${s?.className?` ${s.className}`:""}`,style:{display:a?"none":"block",objectFit:n,...l?{objectPosition:l}:{},...s?.style??{}},onError:()=>r(!0)}):i(x,{src:e,alt:c,fill:!0,sizes:d,priority:m,...s?.className?{className:s.className}:{},style:{display:a?"none":"block",objectFit:n,...l?{objectPosition:l}:{},...s?.style??{}},onError:()=>r(!0)}))]})}export{E as default};

package/dist/components/PostCard.d.ts

@@ -0,0 +1,37 @@
+export interface EventPost {
+    slug: string;
+    title: string;
+    excerpt: string;
+    cover: string;
+    meta?: string;
+    dateLabel?: string;
+    read?: string;
+}
+export type PostCardLayout = "card" | "cover";
+export declare const POST_CARD_LAYOUTS: readonly [{
+    readonly label: "Card";
+    readonly value: "card";
+}, {
+    readonly label: "Photo behind the words";
+    readonly value: "cover";
+}];
+export declare const POST_CARD_LAYOUT_FALLBACK: PostCardLayout;
+export declare const POST_CARD_HEIGHT: {
+    readonly min: 200;
+    readonly max: 700;
+    readonly step: 10;
+    readonly fallback: 330;
+    readonly unit: "px";
+};
+export interface PostCardProps {
+    post: EventPost;
+    scaffold?: boolean;
+    layout?: string;
+    showCover?: boolean;
+    placement?: string;
+    darken?: number;
+    darkenStyle?: string;
+    href?: string;
+    minHeight?: number;
+}
+export default function PostCard({ post, scaffold, layout, showCover, placement, darken, darkenStyle, href, minHeight, }: PostCardProps): import("react").JSX.Element;

package/dist/components/PostCard.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as l}from"react/jsx-runtime";import{SiteLink as d}from"../lib/site-runtime.js";import{boxDarkenStyle as p,boxPlacementClasses as N,CARD_SHADOW_CLASS as L}from"../lib/content/box-background.js";import c from"./Placeholder.js";import{renderGold as r,renderHeadline as s}from"./goldPhrases.js";const y=[{label:"Card",value:"card"},{label:"Photo behind the words",value:"cover"}],P="card",k={min:200,max:700,step:10,fallback:330,unit:"px"};function z({post:e,scaffold:n=!1,layout:m,showCover:o=!0,placement:x,darken:h,darkenStyle:g,href:f,minHeight:v}){const t=f||(n?"#":`/journal/${e.slug}`),b=m==="cover",u=(e.meta||e.dateLabel||e.read)&&l("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[e.meta&&a("span",{className:"text-accent",children:r(e.meta)}),e.dateLabel&&a("span",{children:r(e.dateLabel)}),e.read&&a("span",{children:r(e.read)})]});if(b){const i=p(h,g);return l(d,{href:t,className:`${L} group relative isolate flex overflow-hidden`,style:{minHeight:`${v??k.fallback}px`},"aria-disabled":n||void 0,tabIndex:n?-1:void 0,children:[a("div",{className:"absolute inset-0",children:a(c,{label:`post-${e.slug}`,src:e.cover||void 0,sizes:"(max-width: 800px) 100vw, 56vw"})}),i&&a("div",{className:"absolute inset-0 z-0",style:i,"aria-hidden":!0}),l("div",{className:`relative z-[1] flex w-full flex-col gap-2 p-8 text-overlay-fg max-[800px]:p-5 ${N(x??"bottom-left","column")}`,children:[e.meta&&a("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-accent",children:r(e.meta)}),a("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium leading-[1.2] tracking-[-0.02em]",children:s(e.title,!1)}),e.excerpt&&a("p",{className:"max-w-[46ch] text-[length:var(--size-body,14px)] leading-[1.55] opacity-80",children:r(e.excerpt)}),(e.dateLabel||e.read)&&l("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] opacity-75",children:[e.dateLabel&&a("span",{children:r(e.dateLabel)}),e.read&&a("span",{children:r(e.read)})]})]})]})}return l(d,{href:t,style:{"--card-bg":"var(--surface)","--card-bg-hover":"var(--surface-2)"},className:"sf-card sf-card-fill group block bg-[var(--card-bg)] transition-colors duration-300 hover:bg-[var(--card-bg-hover)]","aria-disabled":n||void 0,tabIndex:n?-1:void 0,children:[o&&a("div",{className:"sf-card-image relative aspect-[16/10] overflow-hidden bg-bg",children:a(c,{label:`event-${e.slug}`,src:e.cover||void 0})}),l("div",{className:"flex flex-col gap-2.5 px-7 pb-8 pt-6",children:[u,a("h3",{className:"mt-1 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-[1.2] tracking-[-0.02em]",children:s(e.title,!1)}),e.excerpt&&a("p",{className:"text-[length:var(--size-body,14px)] leading-[1.55] text-fg-dim",children:r(e.excerpt)}),l("span",{className:"mt-1.5 inline-flex items-center gap-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] transition-colors group-hover:text-accent",children:["Read more",a("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}export{k as POST_CARD_HEIGHT,y as POST_CARD_LAYOUTS,P as POST_CARD_LAYOUT_FALLBACK,z as default};

package/dist/components/PreviewChatContext.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+export type ChatPreview = {
+    enabled: boolean;
+    title: string;
+    subtitle: string;
+    greeting: string;
+};
+export declare const DEFAULT_CHAT_PREVIEW: ChatPreview;
+type Ctx = {
+    chat: ChatPreview;
+    setChat: (patch: Partial<ChatPreview>) => void;
+    selected: boolean;
+    setSelected: (b: boolean) => void;
+    select: () => void;
+    setSelectHandler: (fn: () => void) => void;
+};
+export declare function PreviewChatProvider({ children, chat, onChatChange, }: {
+    children: ReactNode;
+    chat?: ChatPreview;
+    onChatChange?: (patch: Partial<ChatPreview>) => void;
+}): import("react").JSX.Element;
+export declare const usePreviewChat: () => Ctx;
+export {};

package/dist/components/PreviewChatContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as u}from"react/jsx-runtime";import{createContext as x,useCallback as C,useContext as f,useState as m}from"react";import{useSelectHandler as p}from"../lib/puck/preview-selection-context.js";const t={enabled:!0,title:"",subtitle:"",greeting:""},s=x({chat:t,setChat:()=>{},selected:!1,setSelected:()=>{},select:()=>{},setSelectHandler:()=>{}});function h({children:r,chat:l=t,onChatChange:e}){const[c,o]=m(!1),n=C(d=>e?.(d),[e]),{select:a,setSelectHandler:i}=p();return u(s.Provider,{value:{chat:l,setChat:n,selected:c,setSelected:o,select:a,setSelectHandler:i},children:r})}const H=()=>f(s);export{t as DEFAULT_CHAT_PREVIEW,h as PreviewChatProvider,H as usePreviewChat};

package/dist/components/PreviewDeviceContext.d.ts

@@ -0,0 +1,4 @@
+import type { ViewTier } from "../lib/content/view-tiers.js";
+export type PreviewDevice = ViewTier;
+export declare const PreviewDeviceContext: import("react").Context<ViewTier>;
+export declare const usePreviewDevice: () => PreviewDevice;

package/dist/components/PreviewDeviceContext.js

@@ -0,0 +1 @@
+"use client";import{createContext as e,useContext as t}from"react";const o=e("desktop"),c=()=>t(o);export{o as PreviewDeviceContext,c as usePreviewDevice};

package/dist/components/PreviewFocusContext.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+import type { Data } from "efficient-easel/blocks";
+type PreviewFocusCtx = {
+    originData: Data | null;
+    originSlug: string | null;
+    exitFocus: () => void;
+};
+export declare function PreviewFocusProvider({ children, originData, originSlug, exitFocus, }: {
+    children: ReactNode;
+    originData: Data | null;
+    originSlug: string | null;
+    exitFocus: () => void;
+}): import("react").JSX.Element;
+export declare const usePreviewFocus: () => PreviewFocusCtx;
+export {};

package/dist/components/PreviewFocusContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as u}from"react/jsx-runtime";import{createContext as c,useContext as i,useMemo as l}from"react";const t=c({originData:null,originSlug:null,exitFocus:()=>{}});function m({children:n,originData:e,originSlug:o,exitFocus:r}){const s=l(()=>({originData:e,originSlug:o,exitFocus:r}),[e,o,r]);return u(t.Provider,{value:s,children:n})}const P=()=>i(t);export{m as PreviewFocusProvider,P as usePreviewFocus};

package/dist/components/PreviewFooterContext.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from "react";
+import type { FooterBlock } from "../lib/content/footer.js";
+type PreviewFooterCtx = {
+    footerBlock: FooterBlock | null;
+    setFooterBlock: (block: FooterBlock | null) => void;
+    headerGroup: FooterBlock | null;
+    setHeaderGroup: (group: FooterBlock | null) => void;
+    editFooter?: () => void;
+    refreshToken: number;
+    refreshFooter: () => void;
+};
+export declare function PreviewFooterProvider({ children, editFooter, }: {
+    children: ReactNode;
+    editFooter?: () => void;
+}): import("react").JSX.Element;
+export declare const usePreviewFooter: () => PreviewFooterCtx;
+export {};

package/dist/components/PreviewFooterContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as h}from"react/jsx-runtime";import{createContext as k,useCallback as p,useContext as d,useState as e}from"react";const o=k({footerBlock:null,setFooterBlock:()=>{},headerGroup:null,setHeaderGroup:()=>{},refreshToken:0,refreshFooter:()=>{}});function v({children:r,editFooter:t}){const[s,n]=e(null),[l,u]=e(null),[c,a]=e(0),f=p(()=>a(i=>i+1),[]);return h(o.Provider,{value:{footerBlock:s,setFooterBlock:n,headerGroup:l,setHeaderGroup:u,editFooter:t,refreshToken:c,refreshFooter:f},children:r})}const P=()=>d(o);export{v as PreviewFooterProvider,P as usePreviewFooter};

package/dist/components/PreviewHeaderContext.d.ts

@@ -0,0 +1,97 @@
+import { type ReactNode } from "react";
+import { type CardGap, type CardShadow, type HoverEffect, type HeadingCompression, type ResolvedHeadingTypography, type SizesValue, type ThemeMode, type ThemeValue } from "../lib/theme.js";
+import { type FontsValue } from "../lib/fonts.js";
+import type { PreviewHeaderSettings } from "../lib/preview-header-settings.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;
+    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;
+    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, heroBackgroundFollowsWidth, onHeroBackgroundFollowsWidthChange, photographyGrayscale, onPhotographyGrayscaleChange, 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;
+    headingTypography?: ResolvedHeadingTypography;
+    onHeadingTypographyChange?: (v: ResolvedHeadingTypography) => void;
+    heroBackgroundFollowsWidth?: boolean | null;
+    onHeroBackgroundFollowsWidthChange?: (v: boolean | null) => void;
+    photographyGrayscale?: boolean | null;
+    onPhotographyGrayscaleChange?: (v: boolean | null) => void;
+    themeFromDocument?: boolean;
+}): import("react").JSX.Element;
+export declare const usePreviewHeader: () => Ctx;

package/dist/components/PreviewHeaderContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as I}from"react/jsx-runtime";import{createContext as Ie,useCallback as t,useContext as ke,useMemo as Le,useState as k}from"react";import{EditorSiteLogoContext as Ue}from"./SiteLogoContext.js";import{useSelectHandler as ge}from"../lib/puck/preview-selection-context.js";import{IDENTITY_CARD_GAP as L,DEFAULT_HEADING_COMPRESSION as U,DEFAULT_HEADING_TYPOGRAPHY as g,DEFAULT_SIZES as y,DEFAULT_SWITCH_SHOWN as M,DEFAULT_THEME_MODE as R,DEFAULT_THEME_VALUE as O}from"../lib/theme.js";import{DEFAULT_FONTS as W}from"../lib/fonts.js";const N=Ie({settings:null,setSettings:()=>{},primeSettings:()=>{},websiteName:null,templateChrome:!1,templateName:null,chromePlaceholder:!1,themeMode:R,setThemeMode:()=>{},themeSwitchShown:M,setThemeSwitchShown:()=>{},theme:O,setTheme:()=>{},fonts:W,setFonts:()=>{},sizes:y,setSizes:()=>{},cornerRadiusPx:null,setCornerRadiusPx:()=>{},cardShadow:null,setCardShadow:()=>{},shadowColor:null,setShadowColor:()=>{},cardGap:L,setCardGap:()=>{},hoverEffect:null,setHoverEffect:()=>{},headingCompression:U,setHeadingCompression:()=>{},siteWidth:null,setSiteWidth:()=>{},siteGutter:null,blockGap:null,setSiteGutter:()=>{},setBlockGap:()=>{},headingTypography:g,setHeadingTypography:()=>{},heroBackgroundFollowsWidth:null,setHeroBackgroundFollowsWidth:()=>{},photographyGrayscale:null,setPhotographyGrayscale:()=>{},themeFromDocument:!1,selected:!1,setSelected:()=>{},select:()=>{},setSelectHandler:()=>{}});function Be({children:B,websiteName:o=null,templateChrome:l=!1,templateName:r=null,chromePlaceholder:n=!1,themeMode:Y=R,onThemeModeChange:c,themeSwitchShown:j=M,onThemeSwitchShownChange:i,theme:z=O,onThemeChange:u,fonts:b=W,onFontsChange:d,sizes:V=y,onSizesChange:a,cornerRadiusPx:Z=null,onCornerRadiusPxChange:S,cardShadow:q=null,onCardShadowChange:p,shadowColor:J=null,onShadowColorChange:E,cardGap:K=L,onCardGapChange:f,hoverEffect:Q=null,onHoverEffectChange:m,headingCompression:X=U,onHeadingCompressionChange:T,siteWidth:$=null,onSiteWidthChange:H,siteGutter:C=null,blockGap:ee=null,onSiteGutterChange:D,onBlockGapChange:_,headingTypography:te=g,onHeadingTypographyChange:w,heroBackgroundFollowsWidth:se=null,onHeroBackgroundFollowsWidthChange:A,photographyGrayscale:le=null,onPhotographyGrayscaleChange:h,themeFromDocument:oe=!1}){const[s,v]=k(null),re=t(e=>v(xe=>xe??e),[]),[ne,ce]=k(!1),ie=t(e=>c?.(e),[c]),ue=t(e=>i?.(e),[i]),de=t(e=>u?.(e),[u]),ae=t(e=>d?.(e),[d]),Se=t(e=>a?.(e),[a]),pe=t(e=>H?.(e),[H]),Ee=t(e=>D?.(e),[D]),fe=t(e=>_?.(e),[_]),me=t(e=>A?.(e),[A]),Te=t(e=>h?.(e),[h]),He=t(e=>S?.(e),[S]),De=t(e=>p?.(e),[p]),_e=t(e=>E?.(e),[E]),we=t(e=>f?.(e),[f]),Ae=t(e=>m?.(e),[m]),he=t(e=>T?.(e),[T]),ve=t(e=>w?.(e),[w]),{select:Fe,setSelectHandler:Ge}=ge(),F=s?.logoUrl,G=s?.logoReversed,P=s?.logoInkIsDark,x=s!==null,Pe=Le(()=>({logo:x?{logoUrl:F,logoReversed:G,logoInkIsDark:P}:null,placeholder:l||n,wordmark:l?r:o}),[x,F,G,P,l,n,r,o]);return I(Ue.Provider,{value:Pe,children:I(N.Provider,{value:{settings:s,setSettings:v,primeSettings:re,websiteName:o,templateChrome:l,templateName:r,chromePlaceholder:n,themeMode:Y,setThemeMode:ie,themeSwitchShown:j,setThemeSwitchShown:ue,theme:z,setTheme:de,fonts:b,setFonts:ae,sizes:V,setSizes:Se,cornerRadiusPx:Z,setCornerRadiusPx:He,cardShadow:q,setCardShadow:De,shadowColor:J,setShadowColor:_e,cardGap:K,setCardGap:we,hoverEffect:Q,setHoverEffect:Ae,headingCompression:X,setHeadingCompression:he,siteWidth:$,setSiteWidth:pe,siteGutter:C,blockGap:ee,setSiteGutter:Ee,setBlockGap:fe,headingTypography:te,setHeadingTypography:ve,heroBackgroundFollowsWidth:se,setHeroBackgroundFollowsWidth:me,photographyGrayscale:le,setPhotographyGrayscale:Te,themeFromDocument:oe,selected:ne,setSelected:ce,select:Fe,setSelectHandler:Ge},children:B})})}const Ye=()=>ke(N);export{N as PreviewHeaderContext,Be as PreviewHeaderProvider,Ye as usePreviewHeader};

package/dist/components/PreviewLocationPartContext.d.ts

@@ -0,0 +1,10 @@
+export declare const PreviewLocationPartProvider: ({ children }: {
+    children: import("react").ReactNode;
+}) => import("react").JSX.Element, usePreviewLocationPart: () => import("../lib/puck/preview-selection-context.js").PreviewIdSelection<"selectedLocationPartId">;
+export type LocationPart = "image" | "map";
+export declare function encodeLocationPartId(nodeId: string, index: number, part: LocationPart): string;
+export declare function decodeLocationPartId(id: string | null | undefined): {
+    nodeId: string;
+    index: number;
+    part: LocationPart;
+} | null;

package/dist/components/PreviewLocationPartContext.js

@@ -0,0 +1 @@
+"use client";import{createPreviewSelectionContext as i}from"../lib/puck/preview-selection-context.js";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};

package/dist/components/PreviewPartAnchors.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+import { type PartNeedle } from "../lib/puck/text-parts.js";
+import { type PartStyleBase, type PartStyles } from "../lib/puck/part-styles.js";
+import { type FontRole } from "../lib/fonts.js";
+import { type TypeGroup } from "../lib/theme.js";
+export declare function styleTagsOf(element: HTMLElement): {
+    faceRole: FontRole;
+    sizeGroup: TypeGroup | null;
+};
+export declare function measureStyleBase(element: HTMLElement): PartStyleBase;
+export default function PreviewPartAnchors({ needles, styles, type, children, }: {
+    needles: PartNeedle[];
+    styles: PartStyles;
+    type?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/PreviewPartAnchors.js

@@ -0,0 +1 @@
+"use client";import{jsx as D}from"react/jsx-runtime";import{readInks as F}from"../lib/puck/part-inks.js";import{useEffect as I,useRef as K}from"react";import{markOverlayPortal as L}from"../lib/puck/overlay-portal.js";import{usePreviewParts as J}from"./PreviewPartsContext.js";import{usePartStyle as z}from"./PreviewPartStyleContext.js";import{PUCK_COMPONENT_ATTR as M,engagePartAnchors as j,isPartClick as B,partIdForClick as G}from"../lib/puck/part-anchors.js";import{PART_ATTR as O,PART_SELECTED_ATTR as R}from"../lib/puck/text-parts.js";import{PART_STYLE_PROPERTIES as v,applyPartStyles as H,partFontKeyOf as U,partStyleBase as V,partStyleSource as Y}from"../lib/puck/part-styles.js";import{fontRoleOfClassName as q,styleRoleOfClassName as Q}from"../lib/fonts.js";import{typeScaleGroupOfClassName as x}from"../lib/theme.js";import{styleKeyForPart as X}from"../lib/sections/section-text-kinds.js";function Z(a){let o=null,l=null;for(let e=a;e&&(o===null||l===null);e=e.parentElement){const c=e.getAttribute("class");o??=Q(c),l??=x(c)}return{faceRole:o??"body",sizeGroup:l}}function C(a){const o=a.style,l={};for(const r of v)l[r]=o[r]??"",o[r]="";const e=getComputedStyle(a),c=getComputedStyle(a.ownerDocument.documentElement),p=V({fontSize:e.fontSize,fontWeight:e.fontWeight,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,textAlign:e.textAlign,textTransform:e.textTransform,paddingTop:e.paddingTop,maxWidth:e.maxWidth},U(e.fontFamily,r=>c.getPropertyValue(r)));for(const r of v)o[r]=l[r];return p}function $({needles:a,styles:o,type:l,children:e}){const c=K(null),{selectedPartId:p,select:r}=J(),{setPartStyle:d}=z(),y=JSON.stringify(a),g=JSON.stringify(o);return I(()=>{const m=c.current;if(!m)return;const S=[],P=()=>m.parentElement,w=s=>{const n=P();if(!n)return null;const f=new MutationObserver(s);return f.observe(n,{attributes:!0,attributeFilter:[M]}),()=>f.disconnect()},N=s=>{const n=new MutationObserver(s);return n.observe(m,{childList:!0,subtree:!0,characterData:!0}),()=>n.disconnect()};let u=[];S.push(()=>{for(const s of u)s();u=[]});const k=JSON.parse(y),_=JSON.parse(g),W=j(m,k,P,w,(s,n,f)=>{for(const t of u)t();u=[];const h=[];for(const t of f){const i=t,A=L(i);A&&u.push(A),i.getAttribute(O)===p?(i.setAttribute(R,""),h.push(i)):i.removeAttribute(R)}const b=Y(n,p,h,t=>q(t)!==null||x(t)!==null);if(b&&p){const t=b;d({partId:p,...Z(t),base:C(t),inks:F(t)})}H(f.map(t=>({element:t,partId:t.getAttribute(O)??""})),_,t=>C(t),t=>X(l,t));const T=t=>{const i=G(t.target,n);B(i,n)&&(t.stopPropagation(),t.preventDefault()),r(i)},E=s;E.addEventListener("click",T,{capture:!0}),u.push(()=>E.removeEventListener("click",T,{capture:!0}))},N);return()=>{W();for(const s of S)s()}},[y,g,p,r,d]),D("div",{ref:c,style:{display:"contents"},children:e})}export{$ as default,C as measureStyleBase,Z as styleTagsOf};

package/dist/components/PreviewPartStyleContext.d.ts

@@ -0,0 +1,21 @@
+import type { WordStyleColour } from "../lib/word-styles.js";
+import { type ReactNode } from "react";
+import type { FontRole } from "../lib/fonts.js";
+import type { PartStyleBase } from "../lib/puck/part-styles.js";
+import type { TypeGroup } from "../lib/theme.js";
+export type PartStyleReading = {
+    partId: string;
+    faceRole: FontRole;
+    sizeGroup: TypeGroup | null;
+    base: PartStyleBase;
+    inks?: Partial<Record<WordStyleColour, string>>;
+};
+type PartStyleValue = {
+    partStyle: PartStyleReading | null;
+    setPartStyle: (reading: PartStyleReading | null) => void;
+};
+export declare function PreviewPartStyleProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function usePartStyle(): PartStyleValue;
+export {};

package/dist/components/PreviewPartStyleContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as l}from"react/jsx-runtime";import{createContext as s,useContext as u,useMemo as a,useState as c}from"react";const i={partStyle:null,setPartStyle:()=>{}},e=s(i);function x({children:r}){const[t,o]=c(null),n=a(()=>({partStyle:t,setPartStyle:o}),[t]);return l(e.Provider,{value:n,children:r})}function y(){return u(e)}export{x as PreviewPartStyleProvider,y as usePartStyle};

package/dist/components/PreviewPartsContext.d.ts

@@ -0,0 +1,3 @@
+export declare const PreviewPartsProvider: ({ children }: {
+    children: import("react").ReactNode;
+}) => import("react").JSX.Element, usePreviewParts: () => import("../lib/puck/preview-selection-context.js").PreviewIdSelection<"selectedPartId">;

package/dist/components/PreviewPartsContext.js

@@ -0,0 +1 @@
+"use client";import{createPreviewSelectionContext as e}from"../lib/puck/preview-selection-context.js";const{Provider:t,useSelection:i}=e("selectedPartId");export{t as PreviewPartsProvider,i as usePreviewParts};

package/dist/components/PreviewSocialContext.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from "react";
+import { type SocialLinks, type SocialPlatform } from "../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/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"../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/components/PreviewSurfaceContext.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+interface PreviewSurfaceCtx {
+    surface: string | null;
+    setSurface: (surface: string | null) => void;
+}
+export declare function PreviewSurfaceProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function usePreviewSurface(): PreviewSurfaceCtx;
+export {};

package/dist/components/PreviewSurfaceContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as o}from"react/jsx-runtime";import{createContext as s,useContext as c,useMemo as a,useState as f}from"react";const r=s(null);function x({children:t}){const[e,u]=f(null),n=a(()=>({surface:e,setSurface:u}),[e]);return o(r.Provider,{value:n,children:t})}function v(){return c(r)??{surface:null,setSurface:()=>{}}}export{x as PreviewSurfaceProvider,v as usePreviewSurface};

package/dist/components/PreviewThemeFrame.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export declare const PART_PICK_CSS: string;
+export default function PreviewThemeFrame({ children, document: previewDocument, }: {
+    children: ReactNode;
+    document?: Document;
+}): import("react").JSX.Element;

package/dist/components/PreviewThemeFrame.js

@@ -0,0 +1,11 @@
+"use client";import{jsx as n,Fragment as h,jsxs as l}from"react/jsx-runtime";import{useEffect as a,useLayoutEffect as u}from"react";import{usePreviewHeader as c}from"./PreviewHeaderContext.js";import{tk as d}from"./floating-editor/tokens.js";import{PART_ATTR as m,PART_SELECTED_ATTR as t}from"../lib/puck/text-parts.js";import{syncPreviewSurfaces as T,syncPreviewTheme as $}from"../lib/theme-dom.js";import{normalizeTheme as p}from"../lib/theme.js";import{CanvasOwnStyles as x}from"../lib/editor-canvas-styles.js";import{runFitWordsIn as P}from"../lib/fit-words.js";const S=`
+[${m}][${m}] { cursor: text; }
+[${t}][${t}][${t}] {
+  outline: 1px solid ${d.accent};
+  outline-offset: 2px;
+}
+[${t}][${t}]:has([${t}]),
+[data-puck-overlay-portal][data-puck-overlay-portal]:has([${t}]) {
+  outline: none;
+}
+`;function _({children:f,document:r}){const{theme:i,themeMode:e,themeSwitchShown:o}=c(),s=p(i);return a(()=>{if(r)return $(r,{mode:e,switchShown:o})},[r,e,o]),a(()=>{if(r)return T(r,s)},[r,s]),u(()=>{if(r)return P(r)},[r]),l(h,{children:[n(x,{}),n("style",{children:S}),f]})}export{S as PART_PICK_CSS,_ as default};

package/dist/components/PreviewTickerContext.d.ts

@@ -0,0 +1,4 @@
+export declare const TICKER_PART_LABEL = "Scrolling Bar";
+export declare const PreviewTickerProvider: ({ children }: {
+    children: import("react").ReactNode;
+}) => import("react").JSX.Element, usePreviewTicker: () => import("../lib/puck/preview-selection-context.js").PreviewIdSelection<"selectedHeroId">;

package/dist/components/PreviewTickerContext.js

@@ -0,0 +1 @@
+"use client";import{createPreviewSelectionContext as e}from"../lib/puck/preview-selection-context.js";const o="Scrolling Bar",{Provider:i,useSelection:t}=e("selectedHeroId");export{i as PreviewTickerProvider,o as TICKER_PART_LABEL,t as usePreviewTicker};

package/dist/components/ProcessSteps.d.ts

@@ -0,0 +1,32 @@
+import type { SlotComponent } from "efficient-easel/blocks";
+export interface ProcessSpec {
+    label?: string;
+    value?: string;
+}
+export interface ProcessStep {
+    image?: string;
+    tag?: string;
+    meta?: string;
+    title?: string;
+    copy?: string;
+    specs?: ProcessSpec[];
+}
+export interface ProcessStepsProps {
+    num?: string;
+    title?: string;
+    description?: string;
+    boxes?: SlotComponent;
+    steps?: ProcessStep[];
+    columns?: number;
+    cta?: {
+        text?: string;
+        href: string;
+    };
+    padTop?: number;
+    padBottom?: number;
+    editing?: boolean;
+    cardImage?: number | null;
+    cardText?: "below" | "on-image";
+    omitHead?: boolean;
+}
+export default function ProcessSteps({ num, title, description, boxes: Boxes, steps, columns, cta, padTop, padBottom, editing, omitHead, cardImage, cardText, ...widthProps }: ProcessStepsProps): import("react").JSX.Element;

package/dist/components/ProcessSteps.js

@@ -0,0 +1 @@
+import{jsx as t,Fragment as G,jsxs as r}from"react/jsx-runtime";import{sectionRunsFullWidth as I}from"../lib/content/section-width.js";import{cardImageShapeTokens as R}from"../lib/content/card-image-shape.js";import{SiteLink as A}from"../lib/site-runtime.js";import E from"./EditorialSectionHead.js";import D from"./Placeholder.js";import{withRMark as l}from"./RMark.js";import{renderGold as n}from"./goldPhrases.js";const y={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"},d="sf-itc-boxes",N="sf-itc-steps";function H({num:z,title:x,description:g,boxes:m,steps:k,columns:S=3,cta:p,padTop:f,padBottom:h,editing:w=!1,omitHead:$=!1,cardImage:C,cardText:L,..._}){const j=typeof f=="number"?f:120,F=typeof h=="number"?h:120,b=(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())),u=b.length>0?b:w&&!m?[{tag:"Column 1"},{tag:"Column 2"},{tag:"Column 3"}]:[],v=y[S]??y[3],i=L==="on-image";return r("section",{className:I(_)?"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:j,paddingBottom:F,...R(C)},children:[$?null:t(E,{num:z,title:x?.trim()?n(x,!0):void 0,desc:g?.trim()?n(g,!1):void 0}),m?r(G,{children:[t("style",{children:`.${d}:empty{display:none}.${d}:not(:empty)~.${N}{display:none}`}),t(m,{className:`${d} sf-card grid ${v} gap-[2px] border border-line bg-line [&>*]:min-h-[560px] [&>*]:bg-bg`,minEmptyHeight:260})]}):null,u.length>0&&t("div",{className:`${N} sf-card grid ${v} gap-[2px] border border-line bg-line`,children:u.map((e,o)=>{const s=(e.specs??[]).filter(a=>(a?.label??"").trim()||(a?.value??"").trim());return r("article",{className:i?"flex flex-col bg-bg":"flex min-h-[560px] flex-col bg-bg",children:[r("div",{className:i?"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:[t(D,{label:e.tag?.trim()||e.title?.trim()||`column-${o+1}`,src:e.image||void 0,sizes:"(max-width: 1100px) 100vw, 33vw",...m?{deferFetch:!0}:{}}),t("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%)"}}),i&&t("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()&&t("span",{className:"absolute left-5 top-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:l(e.tag)}),e.meta?.trim()&&t("span",{className:i?"absolute right-5 top-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg/80":"absolute right-5 bottom-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg/80",children:l(e.meta)}),i&&(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()&&t("h3",{className:"flex min-h-[2em] flex-col justify-end font-heading3 text-[length:var(--size-headingSmall,28px)] font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg max-[700px]:text-[length:var(--size-headingSmall,26px)]",children:n(e.title,!0)}),e.copy?.trim()&&t("p",{className:"min-h-[3em] font-display text-[length:var(--size-body,15px)] leading-[1.5] text-overlay-fg/85",children:n(e.copy,!1)})]})]}),i?s.length>0&&t("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((a,c)=>r("div",{className:"flex flex-col gap-1",children:[a.label?.trim()&&t("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:l(a.label)}),a.value?.trim()&&t("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:l(a.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()&&t("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,34px)] font-medium uppercase leading-none tracking-[-0.02em] max-[700px]:text-[length:var(--size-headingSmall,28px)]",children:n(e.title,!0)}),e.copy?.trim()&&t("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:n(e.copy,!1)}),s.length>0&&t("div",{className:"mt-auto grid grid-cols-2 gap-2 border-t border-line pt-4",children:s.map((a,c)=>r("div",{className:"flex flex-col gap-1",children:[a.label?.trim()&&t("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:l(a.label)}),a.value?.trim()&&t("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:l(a.value)})]},c))})]})]},o)})}),p?.text&&t("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:r(A,{href:p.href,className:"group inline-flex items-center gap-3.5 border border-line px-6 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:[l(p.text),t("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})}export{H as default};

package/dist/components/Prose.d.ts

@@ -0,0 +1,9 @@
+export interface ProseProps {
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    topBorder?: boolean;
+    omitHead?: boolean;
+    editing?: boolean;
+}
+export default function Prose({ eyebrow, title, body, topBorder, omitHead, editing, }?: ProseProps): import("react").JSX.Element | null;

package/dist/components/Prose.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as o,jsxs as i}from"react/jsx-runtime";import d from"./SectionEyebrow.js";import{renderGold as h,renderHeadline as f,splitParagraphs as c}from"./goldPhrases.js";const u="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",v="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function b({eyebrow:t,title:a,body:n,topBorder:x=!0,omitHead:r=!1,editing:m=!1}={}){const s=c((n??"").trim()),p=!!(t??"").trim()||!!(a??"").trim()||s.length>0;return!m&&!p?null:e("section",{className:`relative z-[2] ${x?"border-t border-line ":""}bg-bg`,children:i("div",{className:r?v:u,children:[r?null:i(o,{children:[(t??"").trim()&&e(d,{text:t??"",className:"mb-4 block"}),(a??"").trim()&&e("h2",{className:"mb-7 font-heading2 text-[length:var(--sf-heading-max,var(--size-headingMedium,38px))] [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 max-[800px]:text-[length:var(--size-headingSmall,28px)]",children:f(a??"",!1)})]}),s.map((l,g)=>e("p",{className:"mb-[18px] max-w-[680px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim last:mb-0",children:h(l)},g))]})})}export{b as default};

package/dist/components/PublishedFooterContext.d.ts

@@ -0,0 +1,11 @@
+import type { SocialLinks } from "../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/components/PublishedFooterContext.js

@@ -0,0 +1 @@
+"use client";import{createContext as t}from"react";const o=t(null);export{o as PublishedFooterContext};

package/dist/components/PublishedPartStylesContext.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+import { type PartStyles, type PublishedPartRule } from "../lib/puck/part-styles.js";
+import type { PartNeedle } from "../lib/puck/text-parts.js";
+export declare function PublishedPartStyles({ needles, styles, type, children, }: {
+    needles: PartNeedle[];
+    styles: PartStyles;
+    type?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function usePublishedPartRule(value: string): PublishedPartRule | null;
+export declare function usePublishedPartKindRule(kind: string): PublishedPartRule | null;
+export declare function ClaimedStamp({ stamp, children }: {
+    stamp: string;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/PublishedPartStylesContext.js

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

package/dist/components/RMark.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export declare function RMark({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function withRMark(text: string): ReactNode;
+export default RMark;