efficient-web-builder 0.10.0 → 2.0.0

package/dist/components/Footprint.js

@@ -0,0 +1,27 @@
+"use client";import{jsx as r,Fragment as nt,jsxs as w}from"react/jsx-runtime";import{useEffect as S,useRef as f,useState as P}from"react";import{MAP_PALETTE as Q,mapBackgroundFor as F,mapMarkerColorFor as U,mapPaletteFor as H,mapStylesFor as X,watchMapTheme as rt}from"../lib/map-styles.js";import{hasMapCoords as J,loadGoogleMaps as ot}from"../lib/maps-loader.js";import{resolveMapId as at,resolveMapsKey as st,useSiteMapId as lt,useSiteMapsKey as it}from"../lib/maps-config.js";import{bucketByGroup as ct,groupColsClass as pt}from"../lib/locations-grid.js";import ut from"./EditorialSectionHead.js";import{LocationGroupHeader as dt}from"./LocationGroupHeader.js";import{renderGold as mt,renderHeadline as ft}from"./goldPhrases.js";import gt from"./PartStyledText.js";const xt=11,bt=6,q=60;function G(t){return t.replace(/[&<>"']/g,o=>o==="&"?"&amp;":o==="<"?"&lt;":o===">"?"&gt;":o==='"'?"&quot;":"&#39;")}function V(t,o,u){return{path:o.SymbolPath.CIRCLE,scale:t.hq?xt:bt,fillColor:U(u),fillOpacity:1,strokeColor:U(u),strokeOpacity:t.hq?.3:.25,strokeWeight:t.hq?14:9}}function Y(t,o,u,e,l,M){l.forEach(a=>a.setMap(null)),l.clear();const g=new o.LatLngBounds;return e.forEach((a,x)=>{if(!J(a.lat,a.lng))return;g.extend({lat:a.lat,lng:a.lng});const m=new o.Marker({map:t,position:{lat:a.lat,lng:a.lng},icon:V(a,o,u),title:a.city,zIndex:a.hq?100:10,cursor:"pointer"});m.addListener("click",()=>M(x)),l.set(x,m)}),g}function yt(t){return`
+    .footprint-map .gm-style { font-family: var(--font-role-label), var(--font-mono-fallback) !important; }
+    .footprint-map .gm-style .gm-style-iw-c {
+      background: ${t.bg} !important;
+      box-shadow: ${t.shadow} !important;
+      border-radius: 0 !important;
+      padding: 0 !important;
+      max-width: 280px !important;
+    }
+    .footprint-map .gm-style .gm-style-iw-d {
+      background: ${t.bg} !important;
+      overflow: hidden !important;
+      max-width: none !important;
+    }
+    .footprint-map .gm-style .gm-style-iw-tc::after { background: ${t.bg} !important; }
+    .footprint-map .gm-style button[aria-label="Close"] > span {
+      background-color: ${t.closeX} !important;
+    }
+  `}function T({pal:t}){const o=t?t.marker:"var(--accent)",u=t?t.info.bg:"var(--surface)",e=t?t.background:"var(--bg)",l=t?`color-mix(in oklab, ${t.info.fgDim} 12%, transparent)`:"color-mix(in oklab, var(--fg) 3%, transparent)";return w(nt,{children:[r("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:`radial-gradient(60% 70% at 50% 50%, color-mix(in oklab, ${o} 8%, ${u}) 0%, ${u} 60%, ${e} 100%)`}}),r("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:`repeating-linear-gradient(0deg, transparent 0 22px, ${l} 22px 23px), repeating-linear-gradient(90deg, transparent 0 22px, ${l} 22px 23px)`}})]})}function vt({sectionNumber:t="",heading:o="",tagline:u="",offices:e=[],apiKey:l="",mapId:M="",mapTheme:g="auto",padTop:a,padBottom:x,editing:m,omitHead:$=!1}){const L=typeof a=="number"?a:120,z=typeof x=="number"?x:120,[b,h]=P(null),v=e.length===0&&!t&&!o&&!u;if(S(()=>{h(n=>n!==null&&n>=e.length?null:n)},[e]),v&&!m)return null;const N=ct(e,n=>String(n.group??""),()=>"");return r("section",{className:"relative z-[2] bg-bg",children:w("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",style:{paddingTop:L,paddingBottom:z},children:[!$&&(t||o||u)&&r(ut,{num:t,title:o?ft(o):void 0,desc:u||void 0,spaceBelow:"mb-12"}),r(ht,{offices:e,apiKey:l,mapId:M,mapTheme:g,activeIndex:b,onSelect:h}),e.length>0&&r("div",{className:"mt-12 flex flex-col gap-8",children:N.map((n,C)=>w("div",{children:[n.key&&r(dt,{groupKey:n.key,count:n.items.length}),r("div",{className:["grid gap-[2px] bg-bg",pt(n.items.length),n.items.length>2?"max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1":n.items.length===2?"max-[700px]:grid-cols-1":""].join(" "),children:n.items.map(({item:i,index:k})=>{const A=b===k;return w("button",{type:"button",onClick:()=>h(k),"aria-pressed":A,className:["flex flex-col gap-1.5 bg-bg px-6 py-5 text-left transition-colors outline outline-1 -outline-offset-1",A?"outline-accent":"outline-transparent hover:outline-line"].join(" "),children:[w("span",{className:"flex items-center gap-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.28em]",children:[i.hq&&r("span",{className:"border border-accent bg-accent px-1.5 py-0.5 text-[length:var(--size-body,10px)] text-bg",children:"HQ"}),i.role&&r("span",{className:"text-accent",children:i.role})]}),i.city&&r("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium leading-[1.2] tracking-[-0.01em] text-fg",children:r(gt,{value:i.city,children:i.city})}),i.country&&r("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:i.country}),i.address&&r("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:mt(i.address)})]},k)})})]},n.key?`g:${n.key}`:`ungrouped:${C}`))}),e.length===0&&m&&r("p",{className:"mt-8 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:"Add an office in the inspector"})]})})}function ht({offices:t,apiKey:o,mapId:u,mapTheme:e,activeIndex:l,onSelect:M}){const g=st(o,it()),a=at(u,lt()),x=!!g&&t.some(c=>J(c.lat,c.lng)),m=e!=="auto",$=H(e),L=f(null),z=f(null),b=f(null),h=f(null),v=f(new Map),N=f(null),n=f(null),C=f(null),i=f(M);i.current=M;const k=f(t);k.current=t;const A=f(l);A.current=l;const[_,D]=P(!1),[j,K]=P(Q.dark),[tt,W]=P(Q.dark.background);return S(()=>{K(H(e)),W(F(e))},[e]),S(()=>{if(!x)return;const c=L.current;if(!c)return;let d=!1,p=null;const I=async()=>{try{const s=await ot(g);if(d||!z.current)return;const y=new s.Map(z.current,{center:{lat:25,lng:0},zoom:2,minZoom:1,maxZoom:5,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:F(e),...a?{mapId:a}:{styles:X(e)}});b.current=y,h.current=s;const R=Y(y,s,e,k.current,v.current,B=>i.current(B));n.current=R,R.isEmpty()||y.fitBounds(R,q);const O=new s.InfoWindow({disableAutoPan:!0});O.addListener("closeclick",()=>i.current(null)),N.current=O,y.addListener("click",()=>i.current(null)),y.addListener("tilesloaded",()=>{d||D(!0)}),e==="auto"&&!a&&(p=rt(()=>{d||!b.current||(b.current.setOptions({styles:X(e),backgroundColor:F(e)}),v.current.forEach((B,et)=>{const Z=k.current[et];Z&&B.setIcon(V(Z,s,e))}),K(H(e)),W(F(e)))}))}catch(s){console.error("[FootprintMap] Maps SDK failed:",s)}},E=new IntersectionObserver(s=>{for(const y of s)if(y.isIntersecting){E.disconnect(),I();break}},{rootMargin:"200px"});return E.observe(c),()=>{d=!0,E.disconnect(),p?.(),N.current?.close(),N.current=null,b.current=null,h.current=null,v.current.forEach(s=>s.setMap(null)),v.current.clear(),n.current=null,D(!1)}},[x,g,a,e]),S(()=>{const c=b.current,d=h.current;if(!c||!d)return;const p=Y(c,d,e,t,v.current,I=>i.current(I));n.current=p,A.current===null&&!p.isEmpty()&&c.fitBounds(p,q)},[t,e]),S(()=>{const c=b.current,d=N.current;if(!c||!d)return;if(l===null){d.close(),C.current!==null&&n.current&&!n.current.isEmpty()&&c.fitBounds(n.current,q),C.current=null;return}const p=t[l],I=v.current.get(l);if(!p||!I){d.close(),C.current=l;return}c.panTo({lat:p.lat,lng:p.lng});const E=c.getZoom();E!=null&&E<4&&c.setZoom(4);const s=j.info,y=p.hq?`<span style="background:${s.accent};color:${s.bg};padding:1px 6px;font-size:10px;letter-spacing:0.18em;">HQ</span>`:"",R=p.role?`<span style="color:${s.accent};">${G(p.role)}</span>`:"";d.setContent(`
+      <div style="padding:10px 14px 12px;min-width:180px;color:${s.fg};">
+        <div style="display:flex;align-items:center;gap:8px;font-family:var(--font-role-label),var(--font-mono-fallback);font-size:11px;letter-spacing:0.28em;text-transform:uppercase;">
+          ${y}${R}
+        </div>
+        <div style="font-family:var(--font-display),Georgia,serif;font-size:20px;font-weight:500;line-height:1.2;margin-top:6px;color:${s.fg};">${G(p.city)}</div>
+        <div style="font-family:var(--font-role-label),var(--font-mono-fallback);font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:${s.fgDim};margin-top:4px;">${G(p.country)}</div>
+      </div>
+    `),d.open({map:c,anchor:I}),C.current=l},[l,_,j,t]),x?w("div",{ref:L,className:"sf-card footprint-map relative aspect-[16/9] w-full overflow-hidden border border-line max-[720px]:aspect-[4/5]",style:{backgroundColor:tt},children:[r("style",{dangerouslySetInnerHTML:{__html:yt(j.info)}}),r(T,{pal:m?$:void 0}),r("div",{ref:z,className:"gmap-canvas absolute inset-0 transition-opacity duration-500",style:{opacity:_?1:0}}),r("div",{className:["pointer-events-none absolute inset-0 flex items-center justify-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim transition-opacity duration-500",_?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"})]}):w("div",{className:["relative aspect-[16/9] w-full overflow-hidden border border-line max-[720px]:aspect-[4/5]",m?"":"bg-bg"].join(" "),style:m?{backgroundColor:$.background}:void 0,children:[r(T,{pal:m?$:void 0}),r("div",{className:["absolute inset-0 flex items-center justify-center px-6 text-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em]",m?"":"text-fg-dim"].join(" "),style:m?{color:$.info.fgDim}:void 0,children:g?"Add office coordinates to plot the map":"Add a Google Maps API key to show the map"})]})}export{vt as default};

package/dist/components/Grid.d.ts

@@ -0,0 +1,11 @@
+import type { SlotComponent } from "efficient-easel/blocks";
+interface GridProps {
+    columns?: number | string;
+    mobileColumns?: number | string;
+    gap?: number | string;
+    contained?: boolean;
+    fillHeight?: boolean;
+    content: SlotComponent;
+}
+export default function Grid({ columns, mobileColumns, gap, contained, fillHeight, content: Content, }: GridProps): import("react").JSX.Element;
+export {};

package/dist/components/Grid.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{FRAME_BASE as d,FRAME_GUTTER as g}from"./BlockFrame.js";import u from"./SiteGutterFrame.js";import{containerGapProps as C}from"../lib/content/container-gap.js";import{resolveGridColumns as G,resolveGridMobileColumns as h}from"../lib/content/grid-span.js";function $({columns:o,mobileColumns:l,gap:e,contained:i=!0,fillHeight:n=!1,content:a}){const s=n?" h-full":"",f=`${d} py-6 ${g}${s}`,m=`w-full py-6${s}`,c=G(o),p=h(l,o),r=C("Grid",e,"both");return t(u,{contained:i,framedClass:f,fillClass:m,children:t(a,{className:`sf-grid-zone grid${r.className}${s}`,style:{...r.style,"--sf-grid-cols":String(c),"--sf-grid-cols-phone":String(p)},minEmptyHeight:120})})}export{$ as default};

package/dist/components/Heading.d.ts

@@ -0,0 +1,11 @@
+type Level = "1" | "2" | "3" | "4" | "5" | "6";
+type Align = "left" | "center" | "right";
+interface HeadingProps {
+    level: Level;
+    text: string;
+    align: Align;
+    contained: boolean;
+    hero?: boolean;
+}
+export default function Heading({ level, text, align, contained, hero }: HeadingProps): import("react").JSX.Element;
+export {};

package/dist/components/Heading.js

@@ -0,0 +1 @@
+import{jsx as n}from"react/jsx-runtime";import{resolveTypeSize as s}from"../lib/content/section-type-size.js";import f from"./BlockFrame.js";import{renderHeadline as d}from"./goldPhrases.js";const c={1:{size:"clamp(48px,7vw,96px)",role:"heading",step:"headingLarge",leading:"leading-[0.95]"},2:{size:"56px",sizeMobile:"36px",role:"heading",step:"headingMedium",rank:2,leading:"leading-none"},3:{size:"40px",sizeMobile:"28px",role:"heading",step:"headingSmall",rank:3,leading:"leading-[1.05]"},4:{size:"28px",role:"heading",step:"headingSmall",rank:3,leading:"leading-[1.1]"},5:{size:"22px",role:"body",step:"body",leading:"leading-[1.2]"},6:{size:"18px",role:"body",step:"body",leading:"leading-[1.3]"}},z="font-display font-medium leading-[0.92] tracking-[-0.04em] text-[length:min(var(--size-headingLarge,clamp(64px,9vw,144px)),var(--sf-heading-max,9999px))] max-[800px]:text-[length:min(var(--size-headingMedium,clamp(48px,12vw,76px)),var(--sf-heading-max,9999px))] max-[800px]:leading-[0.95]",v={left:"text-left",center:"text-center",right:"text-right"};function w({level:a,text:t,align:l,contained:g,hero:r=!1}){if(r)return n("h1",{className:z,children:d(t,!1)});const o=`h${a}`,e=c[a],h=s(void 0,e.size,e.role,e.step),i=e.sizeMobile?s(void 0,e.sizeMobile,e.role,e.step):void 0,p={"--heading-size":h,...i?{"--heading-size-m":i}:{}},x=e.rank===2?"[font-weight:var(--sf-heading-2-weight,var(--sf-heading-weight,500))]":e.rank===3?"[font-weight:var(--sf-heading-3-weight,var(--sf-heading-weight,500))]":"[font-weight:var(--sf-heading-weight,500)]",m=["text-[length:var(--heading-size)]",e.leading,i?"max-[800px]:text-[length:var(--heading-size-m)]":""].filter(Boolean).join(" ");return n(f,{contained:g,className:"py-6",children:n(o,{className:`font-display ${x} tracking-[-0.03em] text-fg ${m} ${v[l]}`,style:p,children:d(t,!1)})})}export{w as default};

package/dist/components/HeadingAudit.d.ts

@@ -0,0 +1 @@
+export default function HeadingAudit(): import("react").JSX.Element;

package/dist/components/HeadingAudit.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as a}from"react/jsx-runtime";import{useEasel as r}from"efficient-easel/easel";import{headingOutline as o}from"../lib/puck/heading-outline.js";function p(){const{appState:i,config:l}=r(e=>e),c=i?.data,n=o(c?.content??[],l),s=n.filter(e=>e.level===1).length;return a("div",{className:"px-4 py-3 text-[13px] text-zinc-600",children:[a("div",{className:"mb-2 flex items-center justify-between text-[11px] font-semibold uppercase tracking-wide text-zinc-500",children:[t("span",{children:"Heading outline"}),t("span",{children:n.length})]}),s!==1&&t("div",{className:"mb-2 rounded bg-amber-50 px-2 py-1 text-[12px] text-amber-700",children:s===0?"No H1 \u2014 add one for SEO.":`${s} H1s \u2014 a page should have exactly one.`}),n.length===0?t("p",{className:"text-zinc-400",children:"No headings yet."}):t("ul",{className:"space-y-1",children:n.map((e,d)=>a("li",{className:"flex items-baseline gap-2",style:{paddingLeft:`${(e.level-1)*12}px`},children:[a("span",{className:"shrink-0 font-mono text-[11px] text-zinc-400",children:["H",e.level]}),t("span",{className:"truncate text-zinc-700",children:e.text})]},d))})]})}export{p as default};

package/dist/components/HeroArrows.d.ts

@@ -0,0 +1,8 @@
+import type { Ref } from "react";
+import { type HeroArrowShape } from "../lib/hero-arrows.js";
+export interface HeroArrowsProps {
+    shape?: HeroArrowShape | string;
+    placement?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export default function HeroArrows({ shape, placement, ref }: HeroArrowsProps): import("react").JSX.Element;

package/dist/components/HeroArrows.js

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import l from"./UiIcon.js";import{arrowButtonClass as n,arrowsRailClass as u,HERO_ARROW_DIRECTIONS as m,HERO_ARROW_LABELS as f}from"../lib/hero-arrows.js";function i({shape:a,placement:o,ref:t}){const s=n(a);return e("div",{ref:t,className:u(o),style:{color:"var(--overlay-fg)"},children:m.map(r=>e("button",{type:"button","data-hero-nav":r,"aria-label":f[r],className:s,children:e(l,{name:"chevron-right",size:18,rounded:!0,style:r==="prev"?{rotate:"180deg"}:void 0})},r))})}export{i as default};

package/dist/components/HeroGroup.d.ts

@@ -0,0 +1,20 @@
+import type { SlotComponent } from "efficient-easel/blocks";
+export interface HeroGroupProps {
+    name?: string;
+    placement?: string;
+    nudgeX?: number;
+    nudgeY?: number;
+    width?: number;
+    gap?: number | string;
+    direction?: string;
+    justify?: string;
+    align?: string;
+    wrap?: unknown;
+    sectionPaddingTop?: unknown;
+    sectionPaddingBottom?: unknown;
+    sectionPaddingTopPhone?: unknown;
+    sectionPaddingBottomPhone?: unknown;
+    content?: SlotComponent;
+    dragRef?: ((element: Element | null) => void) | null;
+}
+export default function HeroGroup({ placement, nudgeX, nudgeY, width, gap, direction, justify, align, wrap, sectionPaddingTop, sectionPaddingBottom, sectionPaddingTopPhone, sectionPaddingBottomPhone, content: Content, dragRef, }: HeroGroupProps): import("react").JSX.Element;

package/dist/components/HeroGroup.js

@@ -0,0 +1 @@
+import{jsx as m}from"react/jsx-runtime";import{containerDirectionClass as P,resolveContainerDirection as j}from"../lib/content/container-direction.js";import{containerGapProps as $}from"../lib/content/container-gap.js";import{boxLayoutClasses as C,boxWrapClass as k}from"../lib/content/box-layout.js";import{sectionPadAttrs as v}from"../lib/content/section-padding.js";import{clampNudge as p,clampWidth as D,normalisePlacement as W,placementParts as w,placementRow as A}from"../lib/hero-group-placement.js";function B({placement:c,nudgeX:f,nudgeY:u,width:r,gap:g,direction:t,justify:y,align:h,wrap:x,sectionPaddingTop:d,sectionPaddingBottom:b,sectionPaddingTopPhone:N,sectionPaddingBottomPhone:G,content:n,dragRef:H}){const s=W(c),a=p(f),l=p(u),i=$("HeroGroup",g,j("HeroGroup",t)==="column"?"block":"inline"),o={"--sf-hg-row":A(s),justifySelf:w(s).column};typeof r=="number"&&Number.isFinite(r)&&(o["--sf-hg-w"]=`${D(r)}%`),(a!==0||l!==0)&&(o["--sf-hg-nudge"]=`${a}px ${l}px`);const e=v(d,b,N,G);return m("div",{className:e?`sf-hero-group ${e.className}`:"sf-hero-group","data-hg":s,style:e?{...o,...e.style}:o,ref:H??void 0,children:n?m(n,{className:["sf-hero-group-blocks flex",P("HeroGroup",t),C(y,h),k(x)].filter(Boolean).join(" ")+i.className,style:i.style,minEmptyHeight:40}):null})}export{B as default};

package/dist/components/HeroHeldFrame.d.ts

@@ -0,0 +1,8 @@
+export declare function paintHeldFrame(video: HTMLVideoElement, canvas: HTMLCanvasElement): boolean;
+interface HeroHeldFrameProps {
+    src: string;
+    objectPosition?: string;
+    onError?: () => void;
+}
+export default function HeroHeldFrame({ src, objectPosition, onError }: HeroHeldFrameProps): import("react").JSX.Element;
+export {};

package/dist/components/HeroHeldFrame.js

@@ -0,0 +1 @@
+"use client";import{jsx as l,Fragment as f,jsxs as h}from"react/jsx-runtime";import{useEffect as m,useRef as u,useState as E}from"react";const v="#t=0.001",p=2;function g(e,t){if(e.readyState<p||!e.videoWidth||!e.videoHeight)return!1;const s=t.getContext("2d");return s?(t.width=e.videoWidth,t.height=e.videoHeight,s.drawImage(e,0,0,t.width,t.height),!0):!1}function x({src:e,objectPosition:t="50% 50%",onError:s}){const a=u(null),d=u(null),[i,c]=E(!1);return m(()=>{const r=a.current,o=d.current;if(i||!r||!o)return;const n=()=>{g(r,o)&&c(!0)};return n(),r.addEventListener("loadeddata",n),r.addEventListener("seeked",n),()=>{r.removeEventListener("loadeddata",n),r.removeEventListener("seeked",n)}},[i]),h(f,{children:[l("canvas",{ref:d,"aria-hidden":!0,className:"absolute inset-0 z-[3] h-full w-full object-cover",style:{objectPosition:t,visibility:i?"visible":"hidden"}}),!i&&l("video",{ref:a,src:`${e}${v}`,muted:!0,playsInline:!0,preload:"auto",className:"hidden",onError:s})]})}export{x as default,g as paintHeldFrame};

package/dist/components/HeroImageField.d.ts

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

package/dist/components/HeroImageField.js

@@ -0,0 +1 @@
+"use client";import{jsx as t}from"react/jsx-runtime";import{SettingsDefaultReset as f,SettingsField as h,SettingsSegmented as g}from"efficient-easel/panel";import{WIDTH_CHOICE_LABEL as d}from"../lib/content/section-width.js";import{ImageIcon as c}from"efficient-easel/icons";const l="Hero image",o=[{followsWidth:!1,label:d.full},{followsWidth:!0,label:d.page}],u="Whether the big picture at the top of a page runs edge to edge, or sits inside the page width. The words follow the page width either way.";function p({value:i,onChange:a,showHint:r=!0}){const n=i===null,s=i??!1;return t(h,{label:l,icon:t(c,{}),value:o.find(e=>e.followsWidth===s).label,changed:!n,action:t(f,{label:l,changed:!n,detail:o.find(e=>!e.followsWidth).label,onReset:()=>a(null)}),hint:r?u:void 0,children:t(g,{options:o.map(e=>({id:e.followsWidth,label:e.label})),value:s,ariaLabel:l,onChange:a})})}export{l as HERO_IMAGE_LABEL,p as default};

package/dist/components/HeroPoster.d.ts

@@ -0,0 +1,10 @@
+interface HeroPosterProps {
+    videoSrc?: string;
+    posterSrc?: string;
+    showVideo?: boolean;
+    playbackRate?: number;
+    objectPosition?: string;
+    quiet?: boolean;
+}
+export default function HeroPoster({ videoSrc, posterSrc, showVideo, playbackRate, objectPosition, quiet, }: HeroPosterProps): import("react").JSX.Element;
+export {};

package/dist/components/HeroPoster.js

@@ -0,0 +1 @@
+"use client";import{jsx as a,jsxs as F}from"react/jsx-runtime";import{useEffect as u,useRef as k,useState as l}from"react";import{SiteImage as z}from"../lib/site-runtime.js";import I from"./HeroHeldFrame.js";import{hasAv1Variant as L,isExternalMediaUrl as N}from"../lib/media.js";const R=.5;function g({videoSrc:n,posterSrc:c,showVideo:m=!0,playbackRate:f=R,objectPosition:o="50% 50%",quiet:p=!1}){const r=c||"",e=n||"",[d,i]=l(!1),[x,v]=l(!1),[h,y]=l(!1),[w,E]=l(!1),b=k(null);u(()=>{i(!1),v(!1),y(!1)},[n,c]),u(()=>{if(typeof window>"u")return;const t=()=>{const s=window;s.requestIdleCallback?s.requestIdleCallback(()=>E(!0),{timeout:2e3}):setTimeout(()=>E(!0),800)};if(document.readyState==="complete"){t();return}return window.addEventListener("load",t,{once:!0}),()=>window.removeEventListener("load",t)},[]),u(()=>{const t=b.current;if(!t)return;const s=()=>{t.playbackRate=f};return s(),t.addEventListener("loadedmetadata",s),()=>t.removeEventListener("loadedmetadata",s)},[n,f]);const j=N(r);return F("div",{className:"absolute inset-0 z-[1]",children:[a("div",{className:"absolute inset-0",style:{background:"var(--surface)"}}),r&&(j?a("img",{src:r,alt:"",className:"absolute inset-0 z-[2] h-full w-full object-cover",style:{display:d?"none":"block",objectPosition:o},onError:()=>i(!0)},r):a(z,{src:r,alt:"",fill:!0,priority:!0,sizes:"100vw",className:"z-[2] object-cover",style:{display:d?"none":"block",objectPosition:o},onError:()=>i(!0)},r)),m&&!p&&e&&w&&!x&&F("video",{ref:b,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"metadata",className:"absolute inset-0 z-[3] h-full w-full object-cover",style:{objectPosition:o},onError:()=>v(!0),children:[L(e)&&a("source",{src:e.replace(/\.mp4$/,".av1.mp4"),type:'video/mp4; codecs="av01.0.08M.10"'}),a("source",{src:e,type:"video/mp4"})]},e),m&&p&&e&&w&&!h&&(!r||d)&&a(I,{src:e,objectPosition:o,onError:()=>y(!0)},e)]})}export{g as default};

package/dist/components/HeroSection.d.ts

@@ -0,0 +1,35 @@
+import { type SlotComponent } from "efficient-easel/blocks";
+import { type HeroReelShape } from "../lib/reel.js";
+import { type HeroArrowShape } from "../lib/hero-arrows.js";
+import type { HeroCopyAlignment } from "../lib/hero-group-placement.js";
+import { HERO_SLIDER_GOTO_EVENT, type HeroSliderGotoDetail } from "../lib/puck/preview-events.js";
+export declare const HERO_VIDEO_PLAY_LABEL = "Play video";
+export declare const HERO_VIDEO_HOLD_LABEL = "Hold video";
+export declare const DEFAULT_TICKER_ITEMS: string[];
+export { HERO_SLIDER_GOTO_EVENT, type HeroSliderGotoDetail };
+export declare function subscribeSliderGoto(host: Element | null | undefined, handler: (event: Event) => void): (() => void) | undefined;
+interface Props {
+    slides: SlotComponent;
+    alignment?: HeroCopyAlignment;
+    textureOpacity?: number;
+    showTexture?: boolean;
+    textureColor?: string;
+    phoneUpDown?: string;
+    phoneSideways?: string;
+    autoplay?: boolean;
+    autoplayInterval?: number;
+    showTicker?: boolean;
+    tickerItems?: {
+        text?: string;
+    }[];
+    heightDesktop?: number;
+    heightMobile?: number;
+    showPicker?: boolean;
+    pickerShape?: HeroReelShape;
+    pickerPlacement?: string;
+    showArrows?: boolean;
+    arrowsShape?: HeroArrowShape;
+    arrowsPlacement?: string;
+    editing?: boolean;
+}
+export default function HeroSection({ slides: Slides, alignment, textureOpacity, showTexture, textureColor, phoneUpDown, phoneSideways, autoplay, autoplayInterval, showTicker, tickerItems, heightDesktop, heightMobile, showPicker, pickerShape, pickerPlacement, showArrows, arrowsShape, arrowsPlacement, editing, }: Props): import("react").JSX.Element;

package/dist/components/HeroSection.js

@@ -0,0 +1,11 @@
+"use client";import{jsx as c,jsxs as R}from"react/jsx-runtime";import{useCallback as p,useEffect as f,useId as Re,useRef as i,useState as b}from"react";import{markOverlayPortal as I}from"../lib/puck/overlay-portal.js";import Le from"./Ticker.js";import{HeroSlideStyleContext as Oe}from"./HeroSlide.js";import Te from"./HeroArrows.js";import He from"./Reel.js";import{usePreviewTicker as Ae}from"./PreviewTickerContext.js";import{useReducedMotion as Ce}from"./useReducedMotion.js";import{tk as Z}from"./floating-editor/tokens.js";import{hasSectionHeight as Ie,resolveSectionHeight as ee}from"../lib/content/section-height.js";import{HEADER_HEIGHT_CSS as Ne}from"../lib/puck/header-clearance.js";import{nextReel as Me,normaliseHeroReelShape as Pe,reelShown as De}from"../lib/reel.js";import{arrowsShown as $e,arrowStep as Ve}from"../lib/hero-arrows.js";import{swipeEnabled as ze,swipeStep as Xe}from"../lib/hero-swipe.js";import{videoControlShown as qe,videoHeld as Ge}from"../lib/hero-video-control.js";import{HERO_SLIDER_GOTO_EVENT as N}from"../lib/puck/preview-events.js";const je=`
+.hero-ticker-pick { cursor: pointer; }
+.hero-ticker-pick:hover {
+  outline: 2px solid color-mix(in srgb, ${Z.accent} 45%, transparent);
+  outline-offset: -2px;
+}
+.hero-ticker-pick[data-selected] {
+  outline: 2px solid ${Z.accent};
+  outline-offset: -2px;
+}
+`,Be="Play video",Ke="Hold video",Ye="flex h-7 cursor-pointer items-center gap-1.5 rounded-full border border-overlay-chrome/25 bg-overlay-scrim/80 px-[11px] font-mono text-[11px] leading-none tracking-[0.05em] text-overlay-fg",Fe="item",Ue=["","","","","",""],te=new Map;function Je(L,w){const h=L?.ownerDocument?.defaultView;if(h)return h.addEventListener(N,w),()=>h.removeEventListener(N,w)}function Qe({slides:L,alignment:w,textureOpacity:h,showTexture:re,textureColor:oe,phoneUpDown:ne,phoneSideways:se,autoplay:M,autoplayInterval:O,showTicker:ce,tickerItems:ae,heightDesktop:P,heightMobile:D,showPicker:ie,pickerShape:le,pickerPlacement:ue,showArrows:de,arrowsShape:me,arrowsPlacement:pe,editing:n}){const $=Ie(P,D),fe=$?"h-[var(--sf-hero-h-m)] min-[720px]:h-[var(--sf-hero-h-d)]":"h-screen min-h-[680px]",he=$?{"--sf-hero-h-d":ee(P),"--sf-hero-h-m":ee(D)}:void 0,T=(ae??Ue.map(e=>({text:e}))).map(e=>e?.text?.trim()?e.text:n?Fe:"").filter(Boolean),V=ce!==!1,u=i(null),z=i(null),X=i(null),q=i(null),G=i(null),j=Re(),E=i(j),[y,ve]=b([]),[xe,B]=b(0),v=i(0),[K,Y]=b(!1),[g,ke]=b(!1),[F,be]=b(null),H=Ce(),{selectedHeroId:we,select:U}=Ae(),S=p(()=>u.current?.querySelector(".hero-track")??null,[]),l=p((e,t=!1)=>{B(e),v.current=e,te.set(E.current,e);const r=u.current?.querySelector(".hero-track");if(r)if(t){const o=r.style.transition;r.style.transition="none",r.style.transform=`translateX(-${Math.max(0,e)*100}%)`,r.offsetHeight,r.style.transition=o}else r.style.transform=`translateX(-${Math.max(0,e)*100}%)`},[]);f(()=>{const e=u.current,t=e?.getAttribute("data-puck-component")||e?.closest("[data-puck-component]")?.getAttribute("data-puck-component")||j;E.current=t,be(t);const r=te.get(t);typeof r=="number"&&(B(r),v.current=r)},[]),f(()=>{const e=S();if(!e)return;const t=()=>{ve(o=>Me(o,e.querySelectorAll("[data-slide-name]")))};t();const r=new MutationObserver(t);return r.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-slide-name","data-slide-process","data-slide-media"]}),()=>{r.disconnect()}},[S]),f(()=>{if(!n)return;const e=t=>{const r=t.detail;if(!r||typeof r.index!="number")return;const o=u.current,a=o?.getAttribute("data-puck-component")||o?.closest("[data-puck-component]")?.getAttribute("data-puck-component")||E.current;r.id&&r.id!==a||l(r.index,!0)};return Je(u.current,e)},[n,l]);const s=y.length,d=Math.min(Math.max(xe,0),Math.max(0,s-1)),A=De({shown:ie,count:s}),J=$e({shown:de,count:s}),Q=qe({editing:n,shown:d,slides:y}),Ee=Ge({editing:n,playing:g,controlShown:Q}),_=ze({count:s,editing:n}),m=i(null),x=i(null),ye=p(e=>{if(m.current=null,x.current=null,!_||e.touches.length!==1)return;const t=e.touches[0];m.current={x:t.clientX,y:t.clientY},x.current={x:t.clientX,y:t.clientY}},[_]),ge=p(e=>{if(!m.current)return;if(e.touches.length!==1){m.current=null;return}const t=e.touches[0];x.current={x:t.clientX,y:t.clientY}},[]),Se=p(()=>{const e=m.current,t=x.current;if(m.current=null,x.current=null,!_||!e||!t)return;const r=Xe(t.x-e.x,t.y-e.y,v.current,s);r!==v.current&&l(r)},[_,s,l]);f(()=>{if(n||!M||K||H||s<=1)return;const t=Math.max(1,typeof O=="number"?O:6)*1e3,r=window.setTimeout(()=>l((d+1)%s),t);return()=>window.clearTimeout(r)},[n,M,O,K,H,s,d,l]),f(()=>{const e=[z.current,X.current,q.current].filter(Boolean),t=e.map(o=>I(o)),r=o=>{const a=o.target,k=a.closest("[data-hero-nav]"),W=k??a.closest("[data-idx]");if(!W)return;o.stopPropagation(),o.preventDefault();const C=k?Ve(k.dataset.heroNav,v.current,s):Number(W.dataset.idx);Number.isNaN(C)||(l(C,n),S()?.querySelectorAll("[data-slide-name]")[C]?.click())};return e.forEach(o=>o.addEventListener("click",r,{capture:!0})),()=>{t.forEach(o=>o?.()),e.forEach(o=>o.removeEventListener("click",r,{capture:!0}))}},[s,l,S,n]),f(()=>{if(!n)return;const e=G.current;if(!e)return;const t=I(e),r=o=>{o.stopPropagation(),o.preventDefault();const a=u.current,k=a?.getAttribute("data-puck-component")||a?.closest("[data-puck-component]")?.getAttribute("data-puck-component")||E.current;U(k)};return e.addEventListener("click",r,{capture:!0}),()=>{t?.(),e.removeEventListener("click",r,{capture:!0})}},[n,U,V,T.length]);const _e=p(e=>{if(!e)return;const t=I(e),r=o=>{o.stopPropagation(),o.preventDefault(),ke(a=>!a)};return e.addEventListener("click",r,{capture:!0}),()=>{t?.(),e.removeEventListener("click",r,{capture:!0})}},[]);return c(Oe.Provider,{value:{alignment:w,textureOpacity:h,textureOn:re,textureColor:oe,quietVideo:Ee,phoneUpDown:ne,phoneSideways:se},children:R("div",{ref:u,className:`relative mx-[var(--sf-hero-bleed-m,calc(50%_-_50vw))] w-[var(--sf-hero-bleed-w,100vw)] ${fe} max-w-[var(--sf-hero-cap,none)] overflow-hidden`,style:he,onMouseEnter:()=>Y(!0),onMouseLeave:()=>Y(!1),onTouchStart:ye,onTouchMove:ge,onTouchEnd:Se,children:[c(L,{className:"hero-track flex h-full [&>*]:h-full [&>*]:min-w-full [&>*]:shrink-0 [&>*]:basis-full",style:{transform:`translateX(-${d*100}%)`,transition:H?"none":"transform 600ms cubic-bezier(.22,.61,.36,1)"},minEmptyHeight:400}),Q&&c("div",{ref:_e,"data-hero-video-control":g?"playing":"held",className:"sf-hero-video-control absolute left-6 z-[7]",style:{top:`calc(${Ne} + 16px)`},children:R("button",{type:"button",className:Ye,children:[c("span",{"aria-hidden":"true",children:g?"\u275A\u275A":"\u25B6"}),g?Ke:Be]})}),(A||J)&&R("div",{className:"pointer-events-none absolute inset-y-0 left-[var(--sf-hero-chrome-x,var(--sf-site-gutter,40px))] right-[var(--sf-hero-chrome-x,var(--sf-site-gutter,40px))] z-[6] mx-auto max-w-[var(--sf-hero-chrome-cap,calc(min(var(--sf-page-cap,var(--sf-site-width,1600px)),var(--sf-site-width,1600px))_-_var(--sf-site-gutter,40px)*2))]",children:[A&&c(He,{ref:z,slides:y,active:d,shape:Pe(le),placement:ue}),J&&c(Te,{ref:q,shape:me,placement:pe})]}),A&&c("div",{ref:X,className:"sf-hero-phone-dots absolute bottom-[80px] left-1/2 z-[6] hidden -translate-x-1/2 items-center gap-2",children:y.map((e,t)=>c("button",{type:"button","data-idx":t,"aria-label":`Go to slide ${t+1}`,className:`h-2 rounded-full transition-all motion-reduce:transition-none ${t===d?"w-5 bg-accent":"w-2 bg-white/45 hover:bg-white/70"}`},t))}),V&&T.length>0&&R("div",{ref:G,className:`sf-hero-ticker absolute inset-x-0 bottom-0 z-[5] border-t border-overlay-chrome/10 py-3.5${n?" hero-ticker-pick":""}`,"data-selected":n&&F!=null&&we===F?"":void 0,style:{background:"rgba(10,10,10,.55)"},children:[n&&c("style",{children:je}),c(Le,{items:T,backdrop:"dark-media"})]})]})})}export{Ue as DEFAULT_TICKER_ITEMS,N as HERO_SLIDER_GOTO_EVENT,Ke as HERO_VIDEO_HOLD_LABEL,Be as HERO_VIDEO_PLAY_LABEL,Qe as default,Je as subscribeSliderGoto};

package/dist/components/HeroSingle.d.ts

@@ -0,0 +1,17 @@
+import { type SlotComponent } from "efficient-easel/blocks";
+export interface HeroSingleProps {
+    overlay?: number;
+    overlayColor?: string;
+    overlayPosition?: string;
+    mediaType?: "video" | "image";
+    mediaSrc?: string;
+    poster?: string;
+    objectPosition?: string;
+    tintColor?: string;
+    tintOpacity?: number;
+    heightDesktop?: number;
+    heightMobile?: number;
+    boxes?: SlotComponent;
+    editing?: boolean;
+}
+export default function HeroSingle({ overlay, overlayColor, overlayPosition, mediaType, mediaSrc, poster, objectPosition, tintColor, tintOpacity, heightDesktop, heightMobile, boxes: Boxes, editing, }: HeroSingleProps): import("react").JSX.Element;

package/dist/components/HeroSingle.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as N}from"react/jsx-runtime";import{useRef as S}from"react";import j from"./HeroPoster.js";import{resolveMedia as o}from"../lib/media.js";import{hasSectionHeight as z,resolveSectionHeight as m}from"../lib/content/section-height.js";import{DEFAULT_OVERLAY_COLOR as E,DEFAULT_OVERLAY_POSITION as H,overlayGradient as L}from"../lib/sections/hero-overlay.js";function O({overlay:h=100,overlayColor:f=E,overlayPosition:d=H,mediaType:v="image",mediaSrc:r,poster:t,objectPosition:p,tintColor:u="#000000",tintOpacity:a=0,heightDesktop:i,heightMobile:n,boxes:l,editing:x=!1}){const c=z(i,n),g=c?"h-[var(--sf-hero-h-m)] min-[720px]:h-[var(--sf-hero-h-d)]":"h-screen min-h-[680px]",b=c?{"--sf-hero-h-d":m(i),"--sf-hero-h-m":m(n)}:void 0,s=v==="video",w=s?o(r):void 0,y=s?o(t):o(r)??o(t),_=S(null);return N("section",{ref:_,className:`relative mx-[var(--sf-hero-bleed-m,calc(50%_-_50vw))] w-[var(--sf-hero-bleed-w,100vw)] ${g} max-w-[var(--sf-hero-cap,none)] overflow-hidden`,style:b,children:[e("div",{className:"absolute inset-0 z-[1]",children:e(j,{videoSrc:w,posterSrc:y,showVideo:s,objectPosition:p})}),a>0&&e("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:u,opacity:Math.min(Math.max(a,0),100)/100}}),e("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:L(f,d),opacity:Math.min(Math.max(h,0),100)/100}}),l&&e("div",{className:["sf-hero-group-layer absolute inset-0 z-[3] mx-auto","max-w-[min(var(--sf-page-cap,var(--sf-site-width,1600px)),var(--sf-site-width,1600px))]","px-[var(--sf-site-gutter,40px)] pt-[140px] pb-14",x?"sf-hero-group-layer-edit":""].filter(Boolean).join(" "),style:{color:"var(--overlay-fg)"},children:e(l,{className:"sf-hero-group-zone",minEmptyHeight:160})})]})}export{O as default};

package/dist/components/HeroSlide.d.ts

@@ -0,0 +1,30 @@
+import type { CSSProperties } from "react";
+import type { SlotComponent } from "efficient-easel/blocks";
+import { type HeroCopyAlignment } from "../lib/hero-group-placement.js";
+export interface HeroSlideStyle {
+    alignment?: HeroCopyAlignment;
+    textureOpacity?: number;
+    textureOn?: boolean;
+    textureColor?: string;
+    phoneUpDown?: string;
+    phoneSideways?: string;
+    quietVideo?: boolean;
+}
+export declare const HeroSlideStyleContext: import("react").Context<HeroSlideStyle>;
+export interface HeroSlideProps {
+    name?: string;
+    process?: string;
+    mediaType?: "video" | "image";
+    mediaSrc?: string;
+    videoSpeed?: number;
+    poster?: string;
+    objectPosition?: string;
+    tintColor?: string;
+    tintOpacity?: number;
+    themeClassName?: string;
+    themeStyle?: CSSProperties;
+    groups?: SlotComponent;
+    editing?: boolean;
+}
+export default function HeroSlide({ name, process, mediaType, mediaSrc, videoSpeed, poster, objectPosition, tintColor, tintOpacity, groups: Groups, editing, themeClassName, themeStyle, }: HeroSlideProps): import("react").JSX.Element;
+export declare const HERO_SLIDE_SEEDS: Record<string, unknown>[];

package/dist/components/HeroSlide.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as E}from"react/jsx-runtime";import{createContext as H,useContext as _}from"react";import z from"./HeroPoster.js";import{resolveMedia as o}from"../lib/media.js";import{heroPhoneStackStyle as C}from"../lib/hero-phone-stack.js";import{heroTextureGradient as N,heroTextureShown as V}from"../lib/hero-texture.js";const D=H({});function M({name:i,process:t,mediaType:u="video",mediaSrc:s,videoSpeed:a,poster:l,objectPosition:f,tintColor:x="#000000",tintOpacity:n=0,groups:d,editing:h=!1,themeClassName:p,themeStyle:y}){const{alignment:P="left",textureOpacity:c,textureOn:v,textureColor:g,quietVideo:S,phoneUpDown:w,phoneSideways:b}=_(D),r=u==="video",m=r?o(s):void 0,j=r?o(l):o(s)??o(l),k=typeof a=="number"?a/100:1;return E("section",{className:p?`relative h-full w-full overflow-hidden ${p}`:"relative h-full w-full overflow-hidden",style:y,"data-slide-name":i??"","data-slide-process":t??"","data-slide-media":m?"video":"still",children:[e(z,{videoSrc:m,posterSrc:j,showVideo:r,playbackRate:k,objectPosition:f,quiet:S}),n>0&&e("div",{className:"absolute inset-0 z-[2]",style:{background:x,opacity:Math.min(Math.max(n,0),100)/100}}),V(v)&&e("div",{className:"absolute inset-0 z-[2]",style:{background:N(g),...c!==void 0?{opacity:c/100}:null}}),e("div",{className:["sf-hero-group-layer absolute inset-0 z-[3] mx-auto max-w-[min(var(--sf-page-cap,var(--sf-site-width,1600px)),var(--sf-site-width,1600px))] px-[var(--sf-site-gutter,40px)] pt-[140px] pb-14",h?"sf-hero-group-layer-edit":""].filter(Boolean).join(" "),style:{color:"var(--overlay-fg)",...C(w,b)},children:d&&e(d,{className:"sf-hero-group-zone",minEmptyHeight:160})})]})}const B=Array.from({length:3},(i,t)=>({name:`Slide ${t+1}`,process:"Category",mediaType:"image",mediaVideo:"",poster:""}));export{B as HERO_SLIDE_SEEDS,D as HeroSlideStyleContext,M as default};

package/dist/components/HoverEffectField.d.ts

@@ -0,0 +1,6 @@
+import { type HoverEffect } from "../lib/theme.js";
+export default function HoverEffectField({ value, onChange, showHint, }: {
+    value: HoverEffect | null;
+    onChange: (v: HoverEffect | null) => void;
+    showHint?: boolean;
+}): import("react").JSX.Element;

package/dist/components/HoverEffectField.js

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import{SettingsDefaultReset as s,SettingsField as c,SettingsSegmented as d}from"efficient-easel/panel";import{HoverIcon as h}from"efficient-easel/icons";import{HOVER_EFFECTS as u,DEFAULT_HOVER_EFFECT as l}from"../lib/theme.js";const t={none:"None",lift:"Lift",highlight:"Highlight"},g="What a card does when a shopper points at it \u2014 or taps it, on a phone. Highlight is the effect your cards already use.";function p({value:o,onChange:i,showHint:f=!0}){const n=o===null,a=o??l;return e(c,{label:"Hover effect",icon:e(h,{}),value:t[a],changed:!n,action:e(s,{label:"Hover effect",changed:!n,detail:t[l],onReset:()=>i(null)}),hint:f?g:void 0,children:e(d,{options:u.map(r=>({id:r,label:t[r]})),value:a,ariaLabel:"Hover effect",onChange:i})})}export{p as default};

package/dist/components/ImageBlock.d.ts

@@ -0,0 +1,18 @@
+import { type ImageFit } from "../lib/content/image-fit.js";
+type Aspect = "auto" | "21/9" | "16/9" | "4/3" | "1/1";
+interface ImageBlockProps {
+    src: string;
+    alt: string;
+    aspect: Aspect;
+    caption?: string;
+    width?: number;
+    contained: boolean;
+    grayscale?: boolean;
+    href?: string;
+    fit?: ImageFit;
+    focal?: string;
+    corners?: number;
+    cornerSides?: string[] | null;
+}
+export default function ImageBlock({ src, alt, aspect, contained, grayscale, href, width, fit, focal, corners, cornerSides, }: ImageBlockProps): import("react").JSX.Element;
+export {};

package/dist/components/ImageBlock.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{SiteLink as v}from"../lib/site-runtime.js";import N from"./BlockFrame.js";import{useSitePhotography as S}from"./SitePhotographyContext.js";import{media as x}from"../lib/media.js";import{imageCornerStyle as w}from"../lib/content/image-corners.js";import{imageFitClass as j,imageIsCropped as I,parseImageFit as C}from"../lib/content/image-fit.js";import{resolveImageTreatment as F}from"../lib/content/image-treatment.js";import{imageWidthStyle as $}from"../lib/content/image-width.js";const P={auto:"","21/9":"aspect-[21/9]","16/9":"aspect-[16/9]","4/3":"aspect-[4/3]","1/1":"aspect-square"};function B({src:r,alt:f,aspect:l,contained:d,grayscale:p,href:h,width:u,fit:g,focal:a,corners:y,cornerSides:b}){const o=F(p,S()),i=$(u),m=C(g,"cover"),c=w(y,b),n={...o.style??{},...a&&I(l,m)?{objectPosition:a}:{}},s=r?e("img",{src:x(r),alt:f,className:`h-full w-full ${l==="auto"?"":j(m)}${o.className?` ${o.className}`:""}`,...Object.keys(n).length?{style:n}:{}}):e("div",{className:"flex aspect-[16/9] items-center justify-center border border-dashed border-line font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:"Image \u2014 set a path"}),t=(h??"").trim(),k=t&&r?t.startsWith("/")?e(v,{href:t,className:"block h-full w-full",children:s}):e("a",{href:t,className:"block h-full w-full",children:s}):s;return e(N,{contained:d,className:"py-6",children:e("figure",{...i?{style:i}:{},children:e("div",{className:`relative w-full overflow-hidden bg-surface ${P[l]}`,...c?{style:c}:{},children:k})})})}export{B as default};

package/dist/components/ImageFocusRow.d.ts

@@ -0,0 +1,7 @@
+export interface ImageFocusRowProps {
+    label: string;
+    value: string;
+    onChange: (next: string) => void;
+    image?: string;
+}
+export default function ImageFocusRow({ label, value, onChange, image }: ImageFocusRowProps): import("react").JSX.Element;

package/dist/components/ImageFocusRow.js

@@ -0,0 +1 @@
+"use client";import{jsx as s,jsxs as a,Fragment as P}from"react/jsx-runtime";import{useRef as N,useState as F}from"react";import k from"./TextStyleRow.js";import{focalFromRect as D,formatFocal as $,nudgeFocal as C,parseFocal as R}from"../lib/image-focus.js";function j({label:c,value:t,onChange:l,image:i}){const[f,u]=F(!1),m=N(null),n=N(!1),{x:p,y:d}=R(t),g=(e,o)=>{const h=m.current?.getBoundingClientRect();if(!h)return;const y=D(h,e,o);l($(y.x,y.y))},b=e=>{const o=C(t,e.key,e.shiftKey);o!==null&&(e.preventDefault(),l(o))},x=e=>{e.currentTarget.setPointerCapture?.(e.pointerId),n.current=!0,g(e.clientX,e.clientY)},w=e=>{n.current&&g(e.clientX,e.clientY)},r=()=>{n.current=!1};return s(k,{styleKey:"imageFocal",label:c,value:t,sampleStyle:{fontSize:11,fontVariantNumeric:"tabular-nums"},open:f,onToggle:()=>u(e=>!e),children:f?s("div",{className:"sf-focus","data-sf-focusing":"",children:i?a(P,{children:[s("button",{type:"button",className:"sf-focus-canvas","aria-label":`${c}: ${t}. Use the arrow keys to move the point.`,onKeyDown:b,onPointerDown:x,onPointerMove:w,onPointerUp:r,onPointerCancel:r,onLostPointerCapture:r,children:a("span",{className:"sf-focus-pane",ref:m,children:[s("img",{className:"sf-focus-img",src:i,alt:"",draggable:!1}),s("span",{className:"sf-focus-cross sf-focus-cross--h",style:{top:`${d}%`}}),s("span",{className:"sf-focus-cross sf-focus-cross--v",style:{left:`${p}%`}}),s("span",{className:"sf-focus-marker",style:{left:`${p}%`,top:`${d}%`}})]})}),a("div",{className:"sf-focus-bar",children:[s("span",{className:"sf-focus-hint",children:"Press the picture, or nudge the point with the arrow keys."}),s("button",{type:"button",className:"sf-image-btn",onClick:()=>u(!1),children:"Done"})]})]}):s("p",{className:"es-field-hint sf-hint-keep",children:"Choose a background image first \u2014 there\u2019s nothing to focus yet."})}):null})}export{j as default};

package/dist/components/IntegrationsSection.d.ts

@@ -0,0 +1,14 @@
+export interface IntegrationsTextItem {
+    text?: string;
+}
+export interface IntegrationsSectionProps {
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    apps?: IntegrationsTextItem[];
+    statValue?: string;
+    statLabel?: string;
+    note?: string;
+    editing?: boolean;
+}
+export default function IntegrationsSection({ eyebrow, title, body, apps, statValue, statLabel, note, editing, }?: IntegrationsSectionProps): import("react").JSX.Element | null;

package/dist/components/IntegrationsSection.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as x}from"react/jsx-runtime";import{integrationIcon as g}from"./integrationIcons.js";import{renderGold as f,renderHeadline as u}from"./goldPhrases.js";function v(a,t){const n=Array.from({length:t},()=>[]);return a.forEach((r,i)=>n[i%t].push(r)),n.filter(r=>r.length>0)}function N({name:a}){const t=g(a);return x("span",{className:"flex flex-shrink-0 items-center gap-2.5 whitespace-nowrap rounded border border-line bg-bg px-5 py-2.5",children:[t&&e("svg",{viewBox:"0 0 24 24",className:"h-[16px] w-[16px] flex-shrink-0 fill-current text-fg/85","aria-hidden":!0,children:e("path",{d:t.path})}),e("span",{className:"text-[13px] font-medium tracking-wide text-fg/75",children:a})]})}function w({names:a,reverse:t}){return e("div",{className:"overflow-hidden","aria-hidden":!1,children:e("div",{className:"flex w-max gap-3 pr-3 [animation:sf-marquee_var(--sf-marquee-t)_linear_infinite] motion-reduce:[animation:none]",style:{"--sf-marquee-t":`${Math.max(a.length*6,30)}s`,animationDirection:t?"reverse":"normal"},children:[0,1].map(n=>e("div",{className:"flex gap-3","aria-hidden":n===1,children:a.map((r,i)=>e(N,{name:r},i))},n))})})}function b({eyebrow:a,title:t,body:n,apps:r,statValue:i,statLabel:l,note:s,editing:c=!1}={}){const p=(r??[]).map(m=>(m.text??"").trim()).filter(m=>c||m).map(m=>m||"App"),h=!!(a??"").trim()||!!(t??"").trim();if(!c&&!h&&p.length===0)return null;const d=v(p,3);return x("section",{className:"relative z-[2] overflow-hidden border-y border-line bg-surface py-[76px]",children:[x("div",{className:"mx-auto mb-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(a??"").trim()&&e("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:f(a??"")}),(t??"").trim()&&e("h2",{className:"mt-5 font-display text-[40px] font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg max-[800px]:text-[30px]",children:u(t??"",!1)}),(n??"").trim()&&e("p",{className:"mx-auto mt-5 max-w-[60ch] text-[15px] leading-relaxed text-fg/65",children:n})]}),d.length>0&&e("div",{className:"flex flex-col gap-3",children:d.map((m,o)=>e(w,{names:m,reverse:o%2===1},o))}),((i??"").trim()||(s??"").trim())&&x("div",{className:"mx-auto mt-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(i??"").trim()&&e("div",{className:"font-display text-[min(64px,var(--sf-heading-max,9999px))] font-medium uppercase leading-none text-accent max-[800px]:text-[min(46px,var(--sf-heading-max,9999px))]",children:i}),(l??"").trim()&&e("div",{className:"mt-2 font-display text-[18px] font-medium uppercase tracking-[0.06em] text-fg",children:f(l??"")}),(s??"").trim()&&e("p",{className:"mx-auto mt-4 max-w-[52ch] text-[13px] leading-relaxed text-fg/50",children:s})]})]})}export{b as default};

package/dist/components/IntroBleed.d.ts

@@ -0,0 +1,32 @@
+import type { CSSProperties } from "react";
+import { type TypeSizeValue } from "../lib/content/section-type-size.js";
+import { type IntroBleedLayout } from "../lib/sections/intro-bleed-layout.js";
+interface Props {
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    cta: {
+        text?: string;
+        href: string;
+    };
+    imageLabel: string;
+    imageSrc?: string;
+    imageSrcMobile?: string;
+    layout?: IntroBleedLayout;
+    copyShareDesktop?: number;
+    copyShareMobile?: number;
+    sticky?: boolean;
+    heightDesktop?: number;
+    heightMobile?: number;
+    overlay?: number;
+    titleSizeDesktop?: TypeSizeValue;
+    titleSizeMobile?: TypeSizeValue;
+    bodySizeDesktop?: TypeSizeValue;
+    bodySizeMobile?: TypeSizeValue;
+    buttonColor?: string;
+    buttonTextColor?: string;
+    uppercase?: boolean;
+    capStyle?: CSSProperties;
+}
+export default function IntroBleed({ eyebrow, title, body, cta, imageLabel, imageSrc, imageSrcMobile, layout, copyShareDesktop, copyShareMobile, sticky, heightDesktop, heightMobile, overlay, titleSizeDesktop, titleSizeMobile, bodySizeDesktop, bodySizeMobile, buttonColor, buttonTextColor, uppercase, capStyle, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/IntroBleed.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as Q}from"react/jsx-runtime";import U from"./Btn.js";import u from"./Placeholder.js";import V from"./SectionEyebrow.js";import{renderGold as N,renderHeadline as W,splitParagraphs as X}from"./goldPhrases.js";import{resolveTypeSize as o}from"../lib/content/section-type-size.js";import{HEADER_HEIGHT_CSS as j}from"../lib/puck/header-clearance.js";import{resolveSectionHeight as k}from"../lib/content/section-height.js";import{INTRO_BLEED_COPY_SHARE as _,parseIntroBleedLayout as Z,resolveCopyShare as E}from"../lib/sections/intro-bleed-layout.js";function ee({eyebrow:a,title:l,body:s,cta:i,imageLabel:d,imageSrc:c,imageSrcMobile:w,layout:z,copyShareDesktop:H,copyShareMobile:B,sticky:m=!0,heightDesktop:D,heightMobile:I,overlay:p,titleSizeDesktop:S,titleSizeMobile:C,bodySizeDesktop:T,bodySizeMobile:F,buttonColor:L,buttonTextColor:M,uppercase:P=!1,capStyle:h}){const r=Z(z)==="stacked",x=n=>r?`calc(${k(n)} - ${j})`:k(n),R=x(D),$=x(I),A=o(S,"clamp(48px,7vw,96px)","heading","headingLarge"),G=o(C,"clamp(36px,7vw,96px)","heading","headingLarge"),O=o(T,"17px","body","body"),Y=o(F,"16px","body","body"),q=p!=null?p/100:r?0:.6,v=L||"var(--btn)",J=M||"var(--btn-ink)",f={"--intro-h-d":R,"--intro-h-m":$,"--intro-title-d":A,"--intro-title-m":G,"--intro-body-d":O,"--intro-body-m":Y,...r?{"--intro-copy-d":E(H,_.desktop),"--intro-copy-m":E(B,_.mobile),marginTop:j}:{}},g=h?"px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]":"px-[60px] max-[960px]:px-6",y=t(Q,{children:[t("div",{className:"absolute inset-0",children:[e("div",{className:"absolute inset-0 hidden min-[960px]:block",children:e(u,{label:d,src:c})}),e("div",{className:"absolute inset-0 min-[960px]:hidden",children:e(u,{label:d,src:w||c})}),e("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:"repeating-linear-gradient(45deg, transparent 0 80px, rgba(201,164,97,.04) 80px 81px)"}})]}),e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${q})`}})]}),b=t("div",{style:h,className:"flex flex-col gap-6",children:[a&&e(V,{text:a,size:14}),l&&e("h2",{className:["font-display font-medium leading-[0.95] tracking-[-0.03em]","text-[length:var(--intro-title-m)] min-[960px]:text-[length:var(--intro-title-d)]",P?"uppercase":""].join(" "),children:W(l,!1)}),s&&X(s).map((n,K)=>e("p",{className:"max-w-[560px] leading-[1.6] opacity-85 text-[length:var(--intro-body-m)] min-[960px]:text-[length:var(--intro-body-d)]",children:N(n)},K)),i.text&&e("div",{className:"mt-2 self-start",children:e(U,{href:i.href,variant:"ghost",style:{background:v,color:J,borderColor:v},children:N(i.text)})})]});return r?t("section",{style:f,className:[m?"sticky top-0":"relative","flex flex-col","h-[var(--intro-h-m)] min-[960px]:h-[var(--intro-h-d)] min-h-[420px]","overflow-hidden p-0 z-[1]"].join(" "),children:[e("div",{className:["relative z-[2] flex shrink-0 flex-col justify-center bg-bg py-10","min-h-[var(--intro-copy-m)] min-[960px]:min-h-[var(--intro-copy-d)]",g].join(" "),style:{color:"var(--fg)"},children:b}),e("div",{className:"relative min-h-0 flex-1 overflow-hidden",children:y})]}):t("section",{style:f,className:[m?"sticky top-0":"relative","h-[var(--intro-h-m)] min-[960px]:h-[var(--intro-h-d)] min-h-[420px]","overflow-hidden p-0 z-[1]"].join(" "),children:[y,e("div",{className:["relative z-[2] flex h-full flex-col justify-center",g].join(" "),style:{color:"var(--overlay-fg)"},children:b})]})}export{ee as default};

package/dist/components/KeepHint.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+export declare const KEEP_HINT_CLASS = "sf-hint-keep";
+export default function KeepHint({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/KeepHint.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";const n="sf-hint-keep";function s({children:e}){return t("span",{className:n,children:e})}export{n as KEEP_HINT_CLASS,s as default};

package/dist/components/KeyFeatures.d.ts

@@ -0,0 +1,14 @@
+import type { SectionEyebrowLook } from "../lib/sections/section-eyebrow-look.js";
+export interface KeyFeatureItem {
+    label?: string;
+    href?: string;
+}
+export interface KeyFeaturesProps {
+    eyebrow?: string;
+    look?: SectionEyebrowLook;
+    title?: string;
+    items?: KeyFeatureItem[];
+    columns?: number;
+    editing?: boolean;
+}
+export default function KeyFeatures({ look, eyebrow, title, items, columns, editing, }?: KeyFeaturesProps): import("react").JSX.Element | null;

package/dist/components/KeyFeatures.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as c,Fragment as h}from"react/jsx-runtime";import{SiteLink as u}from"../lib/site-runtime.js";import b from"./SectionEyebrow.js";import{renderGold as v,renderHeadline as k}from"./goldPhrases.js";function N({look:p,eyebrow:t,title:s,items:d,columns:f,editing:n=!1}={}){const g=Math.min(4,Math.max(2,f??3)),i=(d??[]).filter(r=>n||(r.label??"").trim()),x=!!(t??"").trim()||!!(s??"").trim();return!n&&!x&&i.length===0?null:e("section",{className:"relative z-[2] border-y border-line bg-surface",children:c("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[76px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[x&&c("div",{className:"mb-11 flex flex-wrap items-baseline gap-5 max-[800px]:mb-8",children:[(t??"").trim()&&e(b,{text:t??"",look:p}),(s??"").trim()&&e("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:k(s??"",!1)})]}),i.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(--kf-cols),minmax(0,1fr))]",style:{"--kf-cols":String(g)},children:i.map((r,l)=>{const m=c(h,{children:[e("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] flex-shrink-0 rotate-45 bg-accent"}),e("span",{className:"font-display text-[length:var(--size-body,17px)] font-medium uppercase tracking-[0.06em] text-fg transition-colors group-hover/kf:text-accent",children:v((r.label??"").trim()||"Feature")})]}),a=(r.href??"").trim();if(a&&!n){const o="group/kf flex items-center gap-4 bg-bg px-7 py-[30px] transition-colors hover:bg-surface";return a.startsWith("/")?e(u,{href:a,className:o,children:m},l):e("a",{href:a,className:o,children:m},l)}return e("div",{className:"flex items-center gap-4 bg-bg px-7 py-[30px]",children:m},l)})})]})})}export{N as default};

package/dist/components/LocationGroupHeader.d.ts

@@ -0,0 +1,5 @@
+export declare function LocationGroupHeader({ groupKey, name, count, }: {
+    groupKey: string;
+    name?: string;
+    count: number;
+}): import("react").JSX.Element;

package/dist/components/LocationGroupHeader.js

@@ -0,0 +1 @@
+import{jsx as n,jsxs as t}from"react/jsx-runtime";function i({groupKey:s,name:e,count:a}){return t("div",{className:"mb-5 flex items-end justify-between gap-4 border-b border-line pb-4",children:[n("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:s}),e?n("span",{className:"font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase tracking-[-0.01em]",children:e}):null,t("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:[a," location",a===1?"":"s"]})]})}export{i as LocationGroupHeader};

package/dist/components/LocationsGroupedField.d.ts

@@ -0,0 +1,5 @@
+import { type ContactLocationCard } from "../lib/content/contact.js";
+export default function LocationsGroupedField({ value, onChange, }: {
+    value: ContactLocationCard[] | undefined;
+    onChange: (v: ContactLocationCard[]) => void;
+}): import("react").JSX.Element;

package/dist/components/LocationsGroupedField.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,Fragment as L,jsxs as m}from"react/jsx-runtime";import{useId as U,useState as q}from"react";import{InspectorUpLevel as N}from"efficient-easel/chrome";import{useEasel as $}from"efficient-easel/easel";import{ListField as D}from"efficient-easel/fields";import{SettingsField as E}from"efficient-easel/panel";import{ClockIcon as F,ContrastIcon as V,GlobeIcon as Y,LinkIcon as Z,LocationIcon as J,PhoneIcon as Q,SquareIcon as X,TypeIcon as O}from"efficient-easel/icons";import K from"./MediaUploadField.js";import{useLocationsHasTree as ee}from"./LocationsTreeContext.js";import{CoordsField as ne}from"../lib/puck/controls.js";import{useLocationsFocus as te,setLocationsFocus as f}from"../lib/puck/locations-focus.js";import{groupKeyOf as S,groupLabelOf as A,NEW_CITY as G,writeGroupCities as ie,writeGroupOrder as oe}from"../lib/puck/locations-tree.js";import{useSectionOps as re}from"../lib/puck/use-section-ops.js";import{ROOT_ZONE as le}from"../lib/puck/content-tree.js";import{CONTACT_LOCATIONS_DEFAULTS as H,parseLocationTileShape as ae}from"../lib/content/contact.js";function se(a){const t=[];return a.forEach((s,o)=>{const u=S(s);let l=t.find(i=>i.key===u);l||(l={key:u,name:String(s?.groupName??""),indices:[]},t.push(l)),l.indices.push(o)}),t}function z({children:a}){return e("div",{style:{fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--fg-dim, #999)",margin:"14px 0 6px"},children:a})}const W={width:"100%",height:32,textAlign:"left",display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,padding:"0 12px",fontSize:12,border:"1px solid var(--border-strong, #d0d0d0)",borderRadius:6,background:"transparent",color:"inherit",cursor:"inherit"},ce={padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer"},_={...ce,color:"#d85a30"};function y({label:a,value:t,placeholder:s,textarea:o,icon:u,onChange:l,onBlur:i,onKeyDown:h}){const b=U();return e(E,{label:a,icon:u??e(O,{}),htmlFor:b,children:o?e("textarea",{id:b,value:t,placeholder:s,onChange:g=>l(g.target.value)}):e("input",{id:b,type:"text",value:t,placeholder:s,onChange:g=>l(g.target.value),onBlur:i,onKeyDown:h})})}const de=[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],pe=[{label:"Tall (3:4)",value:"tall"},{label:"Square",value:"square"},{label:"Wide (2:1)",value:"wide"}];function R({label:a,icon:t,options:s,value:o,onChange:u}){return e(E,{label:a,icon:t,children:e("div",{role:"group","aria-label":a,style:{display:"flex",gap:4,flex:1},children:s.map(l=>{const i=o===l.value;return e("button",{type:"button","aria-pressed":i,onClick:()=>u(l.value),style:{flex:1,padding:"6px 8px",fontSize:12,borderRadius:6,cursor:"pointer",border:`1px solid ${i?"var(--sf-accent, #2563eb)":"var(--border-strong, #d0d0d0)"}`,background:i?"var(--sf-accent, #2563eb)":"transparent",color:i?"#fff":"inherit",fontWeight:i?500:400},children:l.label},l.value)})})})}function B({props:a,setSection:t,headOnly:s}){const o=i=>String(a[i]??""),u=a.mapTheme||H.mapTheme,l=H;return m(L,{children:[!s&&e(z,{children:"Section"}),e(y,{label:"Section number",value:o("sectionNumber"),placeholder:l.sectionNumber,onChange:i=>t({sectionNumber:i})}),e(y,{label:"Heading",textarea:!0,value:o("heading"),placeholder:l.heading,onChange:i=>t({heading:i})}),e(y,{label:"Body",textarea:!0,value:o("tagline"),placeholder:l.tagline,onChange:i=>t({tagline:i})}),s?null:m(L,{children:[e(z,{children:"City strip"}),e(y,{label:"Eyebrow",value:o("galleryKicker"),placeholder:l.galleryKicker,onChange:i=>t({galleryKicker:i})}),e(y,{label:"Hint",value:o("galleryHint"),placeholder:l.galleryHint,onChange:i=>t({galleryHint:i})}),e(R,{label:"Shape",icon:e(X,{}),options:pe,value:ae(a.imageShape),onChange:i=>t({imageShape:i})}),e(z,{children:"Map & Theme"}),e(R,{label:"Map theme",icon:e(V,{}),options:de,value:u,onChange:i=>t({mapTheme:i})})]})]})}function ue({cards:a,groupKey:t,onChange:s,onBack:o,onOpenCity:u,onNavigate:l}){const i=a.map((r,p)=>S(r)===t?p:-1).filter(r=>r>=0),h=String(a[i[0]]?.groupName??""),b=new Set(a.map(S).filter(r=>r!==t)),[g,C]=q(t),k=r=>s(a.map(p=>S(p)===t?{...p,...r}:p)),I=()=>{const r=g;if(r!==t){if(b.has(r)){C(t);return}s(a.map(p=>S(p)===t?{...p,group:r}:p)),l(r)}};return m("div",{className:"sf-locations-view",children:[e(N,{inline:!0,name:"Section",onSelect:o}),e("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:A(t,h)}),e(y,{label:"Group heading",value:g,placeholder:"e.g. Americas",onChange:C,onBlur:I,onKeyDown:r=>{r.key==="Enter"&&r.currentTarget.blur()}}),b.has(g)&&g!==t&&e("p",{className:"sf-note sf-note--error",role:"alert",children:"Another group already uses this heading \u2014 pick a different one."}),e(y,{label:"Group name",value:h,placeholder:"Shown beside the heading",onChange:r=>k({groupName:r})}),e(D,{label:"Cities in this group",noun:"city",items:i.map(r=>a[r]),onChange:r=>s(ie(a,t,r)),newItem:()=>({...G,group:t,groupName:h}),open:null,onOpen:()=>{},renderItem:()=>null,removeOnRow:!1,canDuplicate:()=>!1,renderRow:(r,p)=>m("button",{type:"button",style:W,onClick:()=>u(i[p]),children:[e("span",{children:r?.name||"City"}),e("span",{"aria-hidden":"true",children:"\u203A"})]})}),e("div",{style:{marginTop:12},children:m("button",{type:"button",style:_,onClick:()=>{s(a.filter(r=>S(r)!==t)),o()},children:["Delete group (",i.length," ",i.length===1?"city":"cities",")"]})})]})}function me({value:a,onChange:t}){const s=Array.isArray(a)?a:[],o=te(),u=ee(),l=se(s),{appState:i,selectedItem:h}=$(n=>n),b=re(),g=h?.props??{},C=n=>{if(!h)return;const d=(i.data.content??[]).findIndex(v=>v.props.id===h.props.id);d<0||b.replaceComponent(le,d,{type:h.type,props:{...h.props,...n}})},k=(n,c)=>t(s.map((d,v)=>v===n?{...d,...c}:d)),I=()=>{const n=new Set(l.map(v=>v.key));let c=l.length+1,d=`Group ${c}`;for(;n.has(d);)d=`Group ${++c}`;return d};if(o.level==="texts")return m("div",{className:"sf-locations-view",children:[e(N,{inline:!0,name:"Locations",onSelect:()=>f({level:"groups"})}),e("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Texts"}),e(B,{props:g,setSection:C,headOnly:!0})]});if(o.level==="image"){const n=s[o.index];return n?m("div",{className:"sf-locations-view",children:[e(N,{inline:!0,name:String(n.name??"")||"City",onSelect:()=>f({level:"city",index:o.index})}),e("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Image"}),e(K,{value:n.photo||"",onChange:c=>k(o.index,{photo:c}),label:"Image",accept:"image/*"})]}):r()}if(o.level==="map"){const n=s[o.index];return n?m("div",{className:"sf-locations-view",children:[e(N,{inline:!0,name:String(n.name??"")||"City",onSelect:()=>f({level:"city",index:o.index})}),e("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Map"}),e(ne,{value:n.geocode,onChange:c=>k(o.index,{geocode:c}),label:"Coordinates"}),e(y,{label:"Directions link",icon:e(Z,{}),value:String(n.mapsUrl??""),onChange:c=>k(o.index,{mapsUrl:c})})]}):r()}if(o.level==="city"){const n=o.index,c=s[n];if(!c)return r();const d=S(c),v=(w,T)=>k(n,{[w]:T}),x=(w,T,M,P=!1)=>e(y,{label:T,icon:M,textarea:P,value:String(c[w]??""),onChange:j=>v(w,j)});return m("div",{className:"sf-locations-view",children:[e(N,{inline:!0,name:A(d,String(c.groupName??"")),onSelect:()=>f({level:"group",key:d})}),e("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:c.name||"City"}),x("name","Location name",e(O,{})),x("state","State / Province",e(O,{})),x("country","Country",e(Y,{})),x("address","Address",e(J,{}),!0),x("phone","Phone",e(Q,{})),x("hours","Opening hours",e(F,{})),x("timezone","Timezone chip",e(F,{})),e("div",{style:{marginTop:12},children:e("button",{type:"button",style:_,onClick:()=>{t(s.filter((w,T)=>T!==n)),f({level:"group",key:d})},children:"Delete city"})})]})}if(o.level==="group")return l.some(n=>n.key===o.key)?e(ue,{cards:s,groupKey:o.key,onChange:t,onBack:()=>f({level:"groups"}),onOpenCity:n=>f({level:"city",index:n}),onNavigate:n=>f({level:"group",key:n})},o.key):r();function r(){return m("div",{className:"sf-locations-view",children:[e(B,{props:g,setSection:C}),!u&&e(L,{children:p()})]})}function p(){return e(D,{label:"Locations",noun:"group",items:l,onChange:n=>{const c=n.find(d=>!l.some(v=>v.key===d.key));t(oe(s,n.map(d=>d.key),d=>[{...G,group:d,groupName:""}])),c&&f({level:"group",key:c.key})},newItem:()=>({key:I(),name:"",indices:[]}),open:null,onOpen:()=>{},renderItem:()=>null,removeOnRow:!1,canDuplicate:()=>!1,above:l.length===0?e("div",{style:{fontSize:12,color:"var(--fg-dim, #999)",padding:"4px 0"},children:"No locations yet."}):void 0,renderRow:n=>m("button",{type:"button",style:W,onClick:()=>f({level:"group",key:n.key}),children:[e("span",{style:{fontWeight:500},children:A(n.key,n.name)}),m("span",{style:{color:"var(--fg-dim, #999)"},children:[n.indices.length," ",n.indices.length===1?"city":"cities"," \u203A"]})]})})}return r()}export{me as default};

package/dist/components/LocationsTreeContext.d.ts

@@ -0,0 +1,2 @@
+export declare const LocationsTreeContext: import("react").Context<boolean>;
+export declare const useLocationsHasTree: () => boolean;

package/dist/components/LocationsTreeContext.js

@@ -0,0 +1 @@
+"use client";import{createContext as e,useContext as t}from"react";const o=e(!1),n=()=>t(o);export{o as LocationsTreeContext,n as useLocationsHasTree};

package/dist/components/Logo.d.ts

@@ -0,0 +1,27 @@
+interface Props {
+    variant?: "header" | "footer";
+    scrolled?: boolean;
+    src?: string | null;
+    reverse?: boolean;
+    onLightSurface?: boolean;
+    reversedSrc?: string | null;
+    inkIsDark?: boolean | null;
+    size?: "small" | "medium" | "large";
+    sizePx?: number | null;
+    wordmark?: string | null;
+    siteName?: string;
+    fitToContainer?: boolean;
+    fitWordmarkToContainer?: boolean;
+    fitFloorPx?: number;
+}
+export declare const HEADER_LOGO_PX: {
+    readonly small: 54;
+    readonly medium: 66;
+    readonly large: 84;
+};
+export declare const FOOTER_LOGO_PX = 44;
+export declare const HEADER_LOGO_PX_MIN = 16;
+export declare const HEADER_LOGO_PX_MAX = 140;
+export declare const WORDMARK_FIT_FLOOR_PX = 16;
+export default function Logo({ variant, scrolled, src, reverse, onLightSurface, reversedSrc, inkIsDark, size, sizePx, wordmark, siteName, fitToContainer, fitWordmarkToContainer, fitFloorPx }: Props): import("react").JSX.Element;
+export {};

package/dist/components/Logo.js

@@ -0,0 +1 @@
+"use client";import{jsx as M,jsxs as T}from"react/jsx-runtime";import{useEffect as u,useRef as N,useState as d}from"react";import{NEUTRAL_SITE_NAME as tt}from"../lib/content/site-name.js";import{isSvgUrl as et}from"../lib/logo/reverse-svg.js";import{analyzeLogoViaServer as nt}from"../lib/logo/analyze-logo-client.js";const st={small:54,medium:66,large:84},lt=44,ot=202/22,ft=16,pt=140,rt=.88,gt=16,ct="invert(1)";function it({variant:W="header",scrolled:H=!0,src:m,reverse:r=!1,onLightSurface:P,reversedSrc:R,inkIsDark:X,size:j="medium",sizePx:h,wordmark:f,siteName:G=tt,fitToContainer:I=!1,fitWordmarkToContainer:q=!1,fitFloorPx:p}){const c=f&&f.trim()?f.trim():G,[K,U]=d(!1),v=N(null),V=t=>{v.current=t};u(()=>{const t=v.current?.ownerDocument??document,s=()=>{U(t.documentElement.getAttribute("data-theme")==="light")};s();const a=new MutationObserver(s);return a.observe(t.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>a.disconnect()},[]);const e=m&&m.trim()?m.trim():null,i=!!e&&et(e),L=P??(K&&H),A=r&&i&&e&&R!=null?{reversed:R,inkIsDark:X??null}:null,S=A!==null,[z,g]=d(null);u(()=>{if(!r||!e||!i||S){g(null);return}let t=!1;return g(null),nt(e).then(s=>{t||g(s)}),()=>{t=!0}},[r,e,i,S]);const o=A??z,k=!!o&&o.inkIsDark!==null&&(L?!o.inkIsDark:o.inkIsDark),C=r&&!!e&&!i&&!L,x=k&&o?o.reversed:e,b=x?[x]:[],[D,E]=d(0);u(()=>{E(0)},[e,k]);const B=W==="footer"?lt:st[j],l=h&&h>0?h:B,J=Math.round(l*ot),n=D<b.length?b[D]:null,[Q,_]=d(x),F=n!==null&&n===Q,y=N(null);u(()=>{const t=y.current;if(!t||!t.complete)return;if(t.naturalWidth>0||t.naturalHeight>0){_(n);return}let s=!1;return t.decode().then(()=>!s&&_(n),()=>!s&&E(a=>a+1)),()=>{s=!0}},[n]);const $=I||q,w=`calc(100cqi / ${((c.length+1)*rt).toFixed(2)})`,O=$&&p&&p>0?Math.min(p,l):null,Y=$?O===null?`min(${l}px, ${w})`:`clamp(${O}px, ${w}, ${l}px)`:`${l}px`,Z=T("span",{className:`font-display font-bold tracking-[0.18em] ${O===null?"whitespace-nowrap":"whitespace-normal"}`,style:{fontSize:Y,lineHeight:1},"aria-label":c,children:[c,M("span",{className:"text-accent",children:"."})]});return T("span",{ref:V,className:"inline-flex items-center",children:[!F&&Z,n&&M("img",{ref:y,src:n,alt:c,width:J,height:l,className:"shrink-0 object-contain",style:{...F?{height:`${l}px`,width:"auto",...I?{maxWidth:"100cqi"}:{}}:{display:"none"},...C?{filter:ct}:{}},onLoad:()=>_(n),onError:()=>E(t=>t+1)},n)]})}export{lt as FOOTER_LOGO_PX,st as HEADER_LOGO_PX,pt as HEADER_LOGO_PX_MAX,ft as HEADER_LOGO_PX_MIN,gt as WORDMARK_FIT_FLOOR_PX,it as default};

package/dist/components/LogoBlock.d.ts

@@ -0,0 +1,8 @@
+export interface LogoBlockProps {
+    src?: string;
+    alt?: string;
+    href?: string;
+    heightPx?: number;
+    reverse?: boolean;
+}
+export default function LogoBlock({ src, alt, href, heightPx, reverse, }: LogoBlockProps): import("react").JSX.Element;

package/dist/components/LogoBlock.js

@@ -0,0 +1 @@
+"use client";import{jsx as i}from"react/jsx-runtime";import{useContext as f}from"react";import{SiteLink as l}from"../lib/site-runtime.js";import u,{FOOTER_LOGO_PX as S}from"./Logo.js";import{media as p}from"../lib/media.js";import{BoxSurfaceContext as x}from"./BoxSurfaceContext.js";import{useInSiteHeader as v}from"./PhoneMenuTools.js";import{useSiteLogo as w}from"./SiteLogoContext.js";function L({src:n,alt:a,href:o,heightPx:m=S,reverse:c=!0}){const r=w(),s=(n??"").trim(),e=s?{src:p(s),reversedSrc:null,inkIsDark:null,wordmark:a?.trim()||null}:{src:r.src,reversedSrc:r.reversedSrc,inkIsDark:r.inkIsDark,wordmark:r.wordmark},k=f(x),d=v(),t=i(u,{variant:"footer",sizePx:m,src:e.src,reverse:c,reversedSrc:e.reversedSrc,inkIsDark:e.inkIsDark,wordmark:e.wordmark,siteName:r.siteName,fitToContainer:d,...k?.dark?{onLightSurface:!1}:{}});return o?i(l,{href:o,className:"inline-flex",children:t}):t}export{L as default};

package/dist/components/Logos.d.ts

@@ -0,0 +1,15 @@
+interface LogoItem {
+    src: string;
+    alt: string;
+}
+interface LogosProps {
+    items: LogoItem[];
+    contained: boolean;
+    heading?: string;
+    columns?: number;
+    grayscale?: boolean;
+    logoHeight?: number;
+    bandPadding?: number;
+}
+export default function Logos({ items, contained, heading, columns, grayscale, logoHeight, bandPadding, }: LogosProps): import("react").JSX.Element;
+export {};