efficient-web-builder 0.10.0 → 2.0.0

package/dist/components/Logos.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as p}from"react/jsx-runtime";import x from"./BlockFrame.js";import{renderChrome as f,renderHeadline as u}from"./goldPhrases.js";import{media as d}from"../lib/media.js";function y({items:s,contained:o,heading:a,columns:r,grayscale:c,logoHeight:n,bandPadding:t}){const i=r!=null?{flex:`0 0 calc((100% - ${(r-1)*3.5}rem) / ${r})`}:void 0;return p(x,{contained:o,className:t==null?"py-10":"",style:t==null?void 0:{paddingTop:`${t}px`,paddingBottom:`${t}px`},children:[a!=null&&a!==""?e("h2",{className:"mb-8 text-center font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:u(a,!1)}):null,e("div",{className:"flex flex-wrap items-center justify-center gap-x-14 gap-y-8",children:(s??[]).map((l,m)=>e("div",{className:"text-center",style:i,children:l.src?e("img",{src:d(l.src),alt:l.alt,className:["mx-auto w-auto opacity-60 transition-opacity hover:opacity-100",n==null?"h-7":"",c===!1?"":"grayscale"].filter(Boolean).join(" "),style:n==null?void 0:{height:`${n}px`}}):e("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:f(l.alt||"Logo")})},m))})]})}export{y as default};

package/dist/components/LongRead.d.ts

@@ -0,0 +1,20 @@
+export interface LongReadProps {
+    omitHead?: boolean;
+    headNum?: string;
+    headTitle?: string;
+    headDesc?: string;
+    category?: string;
+    metaMiddle?: string;
+    readLabel?: string;
+    title?: string;
+    dek?: string;
+    quote?: string;
+    quoteAttribution?: string;
+    ctaText?: string;
+    ctaHref?: string;
+    image?: string;
+    imageLabel?: string;
+    metaPublished?: string;
+    metaReads?: string;
+}
+export default function LongRead({ headNum, headTitle, headDesc, category, metaMiddle, readLabel, title, dek, quote, quoteAttribution, ctaText, ctaHref, image, imageLabel, metaPublished, metaReads, omitHead, ...widthProps }: LongReadProps): import("react").JSX.Element;

package/dist/components/LongRead.js

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

package/dist/components/Manifesto.d.ts

@@ -0,0 +1,14 @@
+import { type WidthProps } from "../lib/content/section-width.js";
+export interface ManifestoStat {
+    value?: string;
+    label?: string;
+}
+export interface ManifestoProps extends WidthProps {
+    eyebrow?: string;
+    heading?: string;
+    body?: string;
+    stats?: ManifestoStat[];
+    imageSrc?: string;
+    grayscale?: boolean;
+}
+export default function Manifesto({ eyebrow, heading, body, stats, imageSrc, grayscale, ...widthProps }?: ManifestoProps): import("react").JSX.Element;

package/dist/components/Manifesto.js

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

package/dist/components/Masthead.d.ts

@@ -0,0 +1,16 @@
+export interface MastheadMetaLine {
+    lead?: string;
+    rest?: string;
+}
+export interface MastheadProps {
+    eyebrow?: string;
+    issueMeta?: MastheadMetaLine[];
+    lead?: string;
+    issueHeading?: string;
+    issueList?: {
+        text?: string;
+    }[];
+    issueTotal?: string;
+    editing?: boolean;
+}
+export default function Masthead({ eyebrow, issueMeta, lead, issueHeading, issueList, issueTotal, ...widthProps }: MastheadProps): import("react").JSX.Element;

package/dist/components/Masthead.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as v,jsxs as a}from"react/jsx-runtime";import{sectionRunsFullWidth as u}from"../lib/content/section-width.js";import N from"./SectionEyebrow.js";import{renderGold as s,renderHeadline as w,splitParagraphs as j}from"./goldPhrases.js";function k({eyebrow:n,issueMeta:c,lead:d,issueHeading:x,issueList:g,issueTotal:l,...h}){const i=(c??[]).filter(t=>(t?.lead??"").trim()||(t?.rest??"").trim()),m=(g??[]).map(t=>t?.text??"").filter(t=>t.trim()),p=j(d??""),f=!!n||i.length>0,o=!!x||m.length>0||!!l,b=p.length>0||o;return a("section",{className:u(h)?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-20 pb-10 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-[60px] max-[1100px]:pb-8":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-20 pb-10 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-[60px] max-[1100px]:pb-8",children:[f&&a("div",{className:"flex items-end justify-between gap-[60px] pb-8 max-[1100px]:flex-col max-[1100px]:items-start max-[1100px]:gap-4",children:[n&&e(N,{text:n,size:14,className:"pb-3.5"}),i.length>0&&e("div",{className:"pb-3.5 text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left",children:i.map((t,r)=>a("div",{children:[e("strong",{className:"font-normal text-fg",children:s(t.lead??"")}),t.rest?.trim()?a(v,{children:[" ",s(t.rest)]}):null]},r))})]}),b&&a("div",{className:"grid grid-cols-[1fr_auto] items-start gap-[60px] border-t border-line pt-8 max-[1100px]:grid-cols-1 max-[1100px]:gap-4",children:[p.length>0&&e("div",{className:"max-w-[720px]",children:p.map((t,r)=>e("p",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] leading-[1.5] tracking-[-0.005em] text-fg [&:not(:first-child)]:mt-4",children:s(t,!0)},r))}),o&&a("div",{className:"min-w-[240px] text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.9] tracking-[0.22em] text-fg-dim max-[1100px]:text-left",children:[x&&e("strong",{className:"mb-1.5 block font-display text-[length:var(--size-body,18px)] font-normal tracking-[-0.01em] normal-case text-fg",children:w(x,!1)}),m.map((t,r)=>a("span",{children:[s(t),e("br",{})]},r)),l&&e("span",{className:"text-accent",children:s(l)})]})]})]})}export{k as default};

package/dist/components/MediaSidePanel.d.ts

@@ -0,0 +1 @@
+export { default } from "efficient-easel/screen/components/MediaSidePanel";

package/dist/components/MediaSidePanel.js

@@ -0,0 +1 @@
+"use client";import{default as f}from"efficient-easel/screen/components/MediaSidePanel";export{f as default};

package/dist/components/MediaUploadField.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    value: string;
+    onChange: (v: string) => void;
+    label: string;
+    accept: string;
+    placeholder?: string;
+}
+export default function MediaUploadField({ value, onChange, label, accept, placeholder }: Props): import("react").JSX.Element;
+export {};

package/dist/components/MediaUploadField.js

@@ -0,0 +1 @@
+"use client";import{jsxs as p,jsx as e}from"react/jsx-runtime";import{SettingsField as g}from"efficient-easel/panel";import{ImageIcon as h,PlayIcon as v}from"efficient-easel/icons";import{ImageBox as E}from"efficient-easel/pick";import{useContext as N,useState as y}from"react";import{FileIntakeAlert as S,useFileIntake as B}from"efficient-shell/file-intake";import{StorefrontDocumentContext as F}from"./StorefrontDocumentContext.js";import{requestMediaPick as x}from"../lib/editor-media-picker.js";import{useEditorHost as C}from"../lib/editor-host.js";import{backendOf as O}from"../lib/website-session.js";import{useEditorSession as P}from"../lib/editor-session-context.js";function w({value:k,onChange:l,label:t,accept:i,placeholder:j}){const m=C(),b=P(),[r,d]=y(!1),[c,a]=y(null),s=i.startsWith("video"),u=N(F),o=B({accept:i,maxSizeBytes:O(b).media.maxUploadBytes,acceptHint:s?"videos only":"images only",multiple:!1,disabled:r,onAccept:([n])=>{a(null),d(!0),x(m,{accept:i,title:t,file:n}).then(f=>{f&&l(f.url)}).catch(()=>a("Couldn\u2019t open the media picker \u2014 please try again.")).finally(()=>d(!1))}}),I=()=>(o.clearRejections(),a(null),x(m,{accept:i,title:t}).then(n=>n?.url??null));return u&&!u.capabilities.mediaEditing?e(g,{label:t,icon:s?e(v,{}):e(h,{}),children:p("div",{className:"sf-image-slot-inert",children:["Templates don\u2019t store ",s?"videos":"images"," \u2014 this slot stays a placeholder. Each website picks its own after it\u2019s created."]})}):p("div",{children:[e(g,{label:t,icon:s?e(v,{}):e(h,{}),children:e("div",{className:`sf-image-drop${o.dragOver?" is-dragover":""}`,...o.zoneProps,children:e(E,{value:k,onChange:l,label:t,kind:s?"video":"image",placeholder:j,openLibrary:r?void 0:I})})}),r&&e("div",{className:"sf-image-status",role:"status",children:"Opening the picker\u2026"}),c&&e("div",{className:"sf-image-status sf-image-status--error",role:"alert",children:c}),e(S,{rejections:o.rejections,className:"sf-image-status sf-image-status--error"})]})}export{w as default};

package/dist/components/MockupSection.d.ts

@@ -0,0 +1,59 @@
+export type MockupVariant = "spec-card" | "fitment" | "portal" | "kanban" | "claims" | "browser" | "terminal";
+export interface MockupPill {
+    label?: string;
+    value?: string;
+}
+export interface MockupTile {
+    label?: string;
+    value?: string;
+}
+export interface MockupRow {
+    lead?: string;
+    detail?: string;
+    state?: "ok" | "warn" | "no";
+    status?: string;
+}
+export interface MockupBar {
+    label?: string;
+    value?: string;
+}
+export interface MockupProduct {
+    name?: string;
+    price?: string;
+}
+export interface TextItem {
+    text?: string;
+}
+export interface MockupSectionProps {
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    variant?: MockupVariant;
+    cardHeader?: string;
+    badge?: string;
+    cardTitle?: string;
+    cardSubtitle?: string;
+    pills?: MockupPill[];
+    tiles?: MockupTile[];
+    rows?: MockupRow[];
+    button?: string;
+    footnote?: string;
+    col1Title?: string;
+    col1Cards?: TextItem[];
+    col2Title?: string;
+    col2Cards?: TextItem[];
+    col3Title?: string;
+    col3Cards?: TextItem[];
+    col4Title?: string;
+    col4Cards?: TextItem[];
+    barsHeading?: string;
+    bars?: MockupBar[];
+    termLines?: TextItem[];
+    urlText?: string;
+    heroTitle?: string;
+    heroButton?: string;
+    products?: MockupProduct[];
+    align?: "right" | "left";
+    editing?: boolean;
+}
+export default function MockupSection({ eyebrow, title, body, variant, cardHeader, badge, cardTitle, cardSubtitle, pills, tiles, rows, button, footnote, col1Title, col1Cards, col2Title, col2Cards, col3Title, col3Cards, col4Title, col4Cards, barsHeading, bars, termLines, urlText, heroTitle, heroButton, products, align, editing, }?: MockupSectionProps): import("react").JSX.Element | null;

package/dist/components/MockupSection.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as $}from"react/jsx-runtime";import{renderGold as te,renderHeadline as ae}from"./goldPhrases.js";const C="#ffffff",d="#16181d",o="#5b6470",u="#9aa3ae",p="#f4f6f8",m="#e3e7ec",g="#1f9d55";function re({rows:n}){return e("div",{className:"flex flex-col gap-3",children:n.map((l,c)=>{const a=l.state??"ok",s=a==="no";return r("div",{className:"flex items-center gap-3 rounded-lg border px-4 py-3",style:{background:s?"#fbfbfc":p,borderColor:m},children:[a==="no"?e("span",{"aria-hidden":!0,className:"text-[15px] font-bold",style:{color:u},children:"\u2715"}):e("span",{"aria-hidden":!0,className:"h-[11px] w-[11px] flex-shrink-0 rounded-full",style:{background:a==="warn"?"var(--accent)":g}}),e("span",{className:"text-[14px] font-semibold",style:{color:s?u:d},children:l.lead}),e("span",{className:"text-[13px]",style:{color:s?u:o},children:l.detail}),(l.status??"").trim()&&e("span",{className:"ml-auto whitespace-nowrap text-[12px] font-bold",style:{color:a==="ok"?g:a==="warn"?"var(--accent)":u},children:l.status})]},c)})})}const I=["#c7cdd5","var(--accent)","#c7cdd5",g];function ne({columns:n}){return e("div",{className:"grid gap-2 rounded-xl p-3",style:{background:p,gridTemplateColumns:`repeat(${n.length}, minmax(0, 1fr))`},children:n.map((l,c)=>r("div",{className:"flex flex-col gap-2",children:[r("div",{className:"flex items-baseline justify-between px-1",children:[e("span",{className:"font-mono text-[9px] font-semibold uppercase tracking-[0.14em]",style:{color:o},children:l.title}),e("span",{className:"font-mono text-[9px] font-bold",style:{color:"var(--accent)"},children:l.cards.length})]}),l.cards.map((a,s)=>r("div",{className:"rounded-md border px-2.5 py-2",style:{background:C,borderColor:c===n.length-1?"#bfe3ce":m},children:[e("span",{"aria-hidden":!0,className:"mb-1.5 block h-[8px] w-[8px] rounded-full",style:{background:I[c%I.length]}}),e("span",{className:"block text-[11px] font-semibold leading-snug",style:{color:d},children:a})]},s))]},c))})}function se({heading:n,bars:l}){const c=Math.max(...l.map(s=>s.value),0)||1,a=l.findIndex(s=>s.value===c);return r("div",{className:"border-t pt-4",style:{borderColor:m},children:[n.trim()&&e("div",{className:"mb-3 font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:o},children:n}),e("div",{className:"flex flex-col gap-2.5",children:l.map((s,i)=>r("div",{className:"flex items-center gap-3",children:[e("span",{className:"w-[84px] flex-shrink-0 text-[12px] font-bold",style:{color:d},children:s.label}),e("span",{className:"h-[12px] rounded-full",style:{width:`${Math.max(s.value/c*60,4)}%`,background:i===a?"var(--accent)":i%2?"#c7cdd5":"#9aa3ae"}}),r("span",{className:"text-[12px]",style:{color:o},children:[s.value,"%"]})]},i))})]})}function E({size:n}){const l=n/2;return r("svg",{width:n,height:n,viewBox:`0 0 ${n} ${n}`,"aria-hidden":!0,children:[e("circle",{cx:l,cy:l,r:l*.82,fill:"none",stroke:"#9aa3ae",strokeWidth:"2.5"}),e("circle",{cx:l,cy:l,r:l*.5,fill:"none",stroke:"var(--accent)",strokeWidth:"2"}),e("circle",{cx:l,cy:l,r:l*.14,fill:"var(--accent)"})]})}function ce({header:n,lines:l}){return r("div",{style:{background:"#0c0e11"},children:[r("div",{className:"relative flex items-center gap-2 px-4 py-3",style:{background:"#161a20"},children:[e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),n.trim()&&e("span",{className:"absolute inset-x-0 text-center font-mono text-[11px]",style:{color:"rgba(244,246,242,0.45)"},children:n})]}),r("div",{className:"flex flex-col gap-1.5 px-5 py-5 font-mono text-[13px] leading-relaxed",children:[l.map((c,a)=>c.startsWith("$ ")?r("div",{children:[e("span",{style:{color:"var(--accent)"},children:"$ "}),e("span",{style:{color:"#f4f6f2"},children:c.slice(2)})]},a):c.startsWith("\u2713")?e("div",{style:{color:"#6fcf7e"},children:c},a):e("div",{style:{color:"rgba(244,246,242,0.55)"},children:c},a)),e("div",{"aria-hidden":!0,className:"mt-1 h-[15px] w-[8px]",style:{background:"var(--accent)"}})]})]})}function de({urlText:n,heroTitle:l,heroButton:c,products:a}){return r("div",{children:[r("div",{className:"flex items-center gap-2 px-4 py-3",style:{background:p},children:[e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),e("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),n.trim()&&e("span",{className:"mx-auto rounded border px-6 py-1 text-[11px]",style:{background:C,borderColor:m,color:o},children:n}),e("span",{className:"w-[54px]","aria-hidden":!0})]}),r("div",{className:"relative overflow-hidden px-5 py-6",style:{background:d},children:[e("div",{className:"absolute -right-4 top-1/2 -translate-y-1/2 opacity-90",children:e(E,{size:104})}),l.trim()&&e("div",{className:"max-w-[240px] text-[15px] font-bold uppercase leading-snug tracking-wide text-white",children:l}),c.trim()&&e("div",{className:"mt-3 inline-block rounded px-3.5 py-1.5 text-[11px] font-bold text-white",style:{background:"var(--accent)"},"aria-hidden":!0,children:c})]}),a.length>0&&e("div",{className:"grid grid-cols-3 gap-3 p-4",children:a.map((s,i)=>r("div",{className:"overflow-hidden rounded-lg border",style:{borderColor:m},children:[e("div",{className:"flex items-center justify-center py-3",style:{background:p},children:e(E,{size:56})}),r("div",{className:"flex flex-col gap-1 p-2.5",children:[e("span",{className:"text-[10.5px] font-bold leading-tight",style:{color:d},children:s.name}),e("span",{className:"text-[11px] font-bold",style:{color:"var(--accent)"},children:s.price}),e("span",{className:"mt-0.5 rounded px-2 py-1 text-center text-[9px] font-bold text-white",style:{background:d},"aria-hidden":!0,children:"Add to cart"})]})]},i))})]})}function ie({eyebrow:n,title:l,body:c,variant:a="spec-card",cardHeader:s,badge:i,cardTitle:f,cardSubtitle:b,pills:F,tiles:W,rows:K,button:_,footnote:j,col1Title:T,col1Cards:G,col2Title:L,col2Cards:O,col3Title:P,col3Cards:z,col4Title:U,col4Cards:q,barsHeading:J,bars:Q,termLines:S,urlText:V,heroTitle:A,heroButton:X,products:Y,align:Z="right",editing:x=!1}={}){const y=(F??[]).filter(t=>x||(t.value??"").trim()),v=(W??[]).filter(t=>x||(t.label??"").trim()),N=(K??[]).filter(t=>x||(t.lead??"").trim()),k=[[T,G],[L,O],[P,z],[U,q]].map(([t,h])=>({title:(t??"").trim(),cards:(h??[]).map(le=>(le.text??"").trim()).filter(Boolean)})).filter(t=>t.title||t.cards.length>0),w=(Q??[]).map(t=>({label:(t.label??"").trim(),value:parseFloat(t.value??"")})).filter(t=>t.label&&Number.isFinite(t.value)),R=(S??[]).map(t=>t.text??"").filter(t=>x||t.trim()),D=(Y??[]).map(t=>({name:(t.name??"").trim(),price:(t.price??"").trim()})).filter(t=>t.name),H=!!(n??"").trim()||!!(l??"").trim(),ee=!!(s??"").trim()||!!(f??"").trim()||y.length>0||v.length>0||N.length>0||k.length>0||w.length>0||D.length>0||R.length>0||!!(A??"").trim();if(!x&&!H&&!ee)return null;const M=r("div",{className:`w-full overflow-hidden rounded-2xl shadow-[0_24px_60px_rgba(0,0,0,0.35)] ${a==="kanban"||a==="browser"||a==="terminal"?"max-w-[600px]":"max-w-[520px]"}`,style:{background:C},children:[a!=="terminal"&&(s??"").trim()&&r("div",{className:"flex items-center justify-between px-6 py-4",style:{background:d},children:[e("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-white",children:s}),(i??"").trim()&&r("span",{className:"flex items-center gap-2 font-mono text-[11px] font-semibold uppercase tracking-[0.16em] text-white",children:[e("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] rounded-full",style:{background:g}}),i]})]}),a==="terminal"?e(ce,{header:s??"",lines:R}):a==="browser"?e(de,{urlText:V??"",heroTitle:A??"",heroButton:X??"",products:D}):r("div",{className:"flex flex-col gap-5 p-6",children:[((f??"").trim()||(b??"").trim())&&r("div",{children:[(f??"").trim()&&e("div",{className:"text-[22px] font-bold leading-tight",style:{color:d},children:f}),(b??"").trim()&&e("div",{className:"mt-1 text-[14px]",style:{color:o},children:b})]}),a==="fitment"&&y.length>0&&e("div",{className:"flex flex-wrap gap-2.5",children:y.map((t,h)=>r("span",{className:"flex items-baseline gap-2 rounded border px-4 py-2",style:{background:p,borderColor:m},children:[e("span",{className:"text-[11px]",style:{color:o},children:t.label}),e("span",{className:"text-[13px] font-bold",style:{color:d},children:t.value})]},h))}),a!=="fitment"&&v.length>0&&e("div",{className:"grid grid-cols-2 gap-3",children:v.map((t,h)=>r("div",{className:"rounded-lg px-4 py-3",style:{background:p},children:[e("div",{className:"font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:o},children:t.label}),e("div",{className:"mt-1 text-[17px] font-bold",style:{color:d},children:t.value})]},h))}),N.length>0&&e(re,{rows:N}),(_??"").trim()&&e("div",{className:"self-start rounded-lg px-6 py-2.5 text-[14px] font-bold text-white",style:{background:"var(--accent)"},"aria-hidden":!0,children:_}),a==="kanban"&&k.length>0&&e(ne,{columns:k}),a==="claims"&&w.length>0&&e(se,{heading:J??"",bars:w}),(j??"").trim()&&e("div",{className:"border-t pt-4",style:{borderColor:m},children:e("span",{className:"text-[15px] font-bold",style:{color:"var(--accent)"},children:j})})]})]}),B=r("div",{children:[(n??"").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:te(n??"")}),(l??"").trim()&&e("h2",{className:"mt-5 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:ae(l??"",!1)}),(c??"").trim()&&e("p",{className:"mt-5 max-w-[46ch] text-[15px] leading-relaxed text-fg/65",children:c})]});return e("section",{className:"relative z-[2] border-y border-line bg-surface",children:e("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] items-center gap-14 px-[var(--sf-site-gutter,40px)] py-[76px] min-[960px]:grid-cols-2 max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:Z==="left"?r($,{children:[e("div",{className:"flex justify-center min-[960px]:justify-start",children:M}),B]}):r($,{children:[B,e("div",{className:"flex justify-center min-[960px]:justify-end",children:M})]})})})}export{ie as default};

package/dist/components/MultiSelectField.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+import { type FieldOption } from "efficient-easel/fields";
+interface Option {
+    value: string;
+    label: string;
+    note?: string;
+}
+export declare function multiSelectOptions(options: readonly Option[]): FieldOption<string>[];
+interface Props {
+    label: string;
+    options: readonly Option[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    emptyLabel?: string;
+    icon?: ReactNode;
+    hint?: ReactNode;
+}
+export default function MultiSelectField({ label, options, value, onChange, emptyLabel, icon, hint, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/MultiSelectField.js

@@ -0,0 +1 @@
+"use client";import{jsx as a}from"react/jsx-runtime";import{useId as m}from"react";import{FieldSelect as p}from"efficient-easel/fields";import{SettingsField as b}from"efficient-easel/panel";function f(i){return i.map(({value:l,label:e,note:t})=>({value:l,label:e,...t?{meta:t}:{}}))}function h({label:i,options:l,value:e,onChange:t,emptyLabel:c="None",icon:d,hint:u}){const o=m(),n=`${o}-label`,r=`${o}-button`,s=Array.isArray(e)?e:[];return a(b,{label:i,labelId:n,icon:d,hint:u,children:a(p,{id:r,multiple:!0,value:s,options:f(l),onChange:t,placeholder:c,ariaLabelledBy:`${n} ${r}`,inline:!0})})}export{h as default,f as multiSelectOptions};

package/dist/components/NodeContextMenu.d.ts

@@ -0,0 +1,2 @@
+export { ancestorChain, EASEL_NODE_CLIPBOARD as EDITOR_NODE_CLIPBOARD, nodeMenuItems, pageMenuItems, textMenuItems, useNodeContextMenu } from "efficient-easel/screen/components/NodeContextMenu";
+export type { ChainRung, NodeMenuHost, NodeMenuTarget } from "efficient-easel/screen/components/NodeContextMenu";

package/dist/components/NodeContextMenu.js

@@ -0,0 +1 @@
+"use client";import{ancestorChain as n,EASEL_NODE_CLIPBOARD as s,nodeMenuItems as o,pageMenuItems as u,textMenuItems as I,useNodeContextMenu as D}from"efficient-easel/screen/components/NodeContextMenu";export{s as EDITOR_NODE_CLIPBOARD,n as ancestorChain,o as nodeMenuItems,u as pageMenuItems,I as textMenuItems,D as useNodeContextMenu};

package/dist/components/OrderSummary.d.ts

@@ -0,0 +1,17 @@
+export interface OrderSummaryRow {
+    label?: string;
+    meta?: string;
+    amount?: string;
+}
+interface OrderSummaryProps {
+    eyebrow?: string;
+    title?: string;
+    rows: OrderSummaryRow[];
+    subRows: OrderSummaryRow[];
+    totalLabel?: string;
+    totalAmount?: string;
+    note?: string;
+    contained: boolean;
+}
+export default function OrderSummary({ eyebrow, title, rows, subRows, totalLabel, totalAmount, note, contained, }: OrderSummaryProps): import("react").JSX.Element;
+export {};

package/dist/components/OrderSummary.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import o from"./BlockFrame.js";import f from"./SectionEyebrow.js";import{renderGold as n,renderHeadline as h}from"./goldPhrases.js";function u({eyebrow:i,title:r,rows:c,subRows:p,totalLabel:s,totalAmount:t,note:d,contained:x}){return e(o,{contained:x,className:"py-6",children:l("div",{className:"sf-card mx-auto max-w-[560px] border border-line bg-surface px-8 py-9 max-[800px]:px-5 max-[800px]:py-6",children:[i&&e(f,{text:i,scaled:!1}),r&&e("h2",{className:"mt-2 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium leading-[1.1] tracking-[-0.02em] max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:h(r,!1)}),c.length>0&&e("ul",{className:"mt-6 flex flex-col",children:c.map((a,m)=>l("li",{className:"flex items-baseline justify-between gap-4 border-t border-line py-3 first:border-t-0",children:[l("span",{className:"min-w-0",children:[a.label&&e("span",{className:"block text-[15px]",children:n(a.label)}),a.meta&&e("span",{className:"block font-mono text-[12px] uppercase tracking-[0.12em] opacity-60",children:n(a.meta)})]}),a.amount&&e("span",{className:"text-[15px] tabular-nums",children:n(a.amount)})]},m))}),p.length>0&&e("ul",{className:"mt-1 flex flex-col border-t border-line pt-3",children:p.map((a,m)=>l("li",{className:"flex items-baseline justify-between gap-4 py-1",children:[e("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-70",children:a.label&&n(a.label)}),a.amount&&e("span",{className:"text-[14px] tabular-nums opacity-85",children:n(a.amount)})]},m))}),(s||t)&&l("div",{className:"mt-4 flex items-baseline justify-between gap-4 border-t border-line pt-4",children:[s&&e("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em]",children:n(s)}),t&&e("span",{className:"font-display text-[26px] font-medium text-accent tabular-nums",children:n(t)})]}),d&&e("p",{className:"mt-4 text-[13px] leading-[1.6] opacity-60",children:n(d)})]})})}export{u as default};

package/dist/components/PageEditGuardNotices.d.ts

@@ -0,0 +1 @@
+export { default } from "efficient-easel/screen/components/PageEditGuardNotices";

package/dist/components/PageEditGuardNotices.js

@@ -0,0 +1 @@
+"use client";import{default as f}from"efficient-easel/screen/components/PageEditGuardNotices";export{f as default};

package/dist/components/PagesPanel.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    onNavigate: (slug: string) => void;
+    onClose: () => void;
+    activeSurface?: string | null;
+    onPreviewSurface: (surface: string) => void;
+}
+export default function PagesPanel({ onNavigate, onClose, activeSurface, onPreviewSurface }: Props): import("react").JSX.Element;
+export {};

package/dist/components/PagesPanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useCallback as ee,useEffect as q,useMemo as F,useState as c}from"react";import{useStorefrontDocument as te}from"./StorefrontDocumentContext.js";import g from"./UiIcon.js";import se from"./SidePanelHead.js";import{useWebsiteName as ae}from"./WebsiteSettingsPanel.js";import{InspectorIconButton as ne}from"efficient-easel/chrome";import{AddIcon as le}from"efficient-easel/icons";import{PagesIcon as re}from"efficient-easel/rail";import{useEditorHost as oe}from"../lib/editor-host.js";import{bucketEditorPageRows as ie,isDynamicPageRow as ce}from"../lib/editor-page-rows.js";import{useEditorSession as de}from"../lib/editor-session-context.js";const G="sf-editor-pages-collapsed-groups",pe=r=>r.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""),M=(r,b)=>{const o=pe(r)||"page";if(!b.has(o))return o;let p=2;for(;b.has(`${o}-${p}`);)p+=1;return`${o}-${p}`};function ue({onNavigate:r,onClose:b,activeSurface:o,onPreviewSurface:p}){const y=de().chrome?.pageRows,D=oe(),{adapter:d,capabilities:w,ready:N,currentSlug:L}=te(),J=ae(),[l,x]=c(null),[C,K]=c(""),[u,k]=c(!1),[v,m]=c(null),[R,h]=c(!1),[f,P]=c(""),S=ee(async()=>{if(N)try{x(await d.listPages())}catch{x([])}},[d,N]);q(()=>{x(null),S()},[S]);const[z,U]=c(()=>{if(typeof window>"u")return new Set;try{const e=window.localStorage.getItem(G);return new Set(e?JSON.parse(e):[])}catch{return new Set}});q(()=>{try{window.localStorage.setItem(G,JSON.stringify([...z]))}catch{}},[z]);const Q=e=>U(s=>{const a=new Set(s);return a.has(e)?a.delete(e):a.add(e),a}),V=F(()=>ie(l??[]),[l]),$=C.trim().toLowerCase(),O=e=>!$||e.toLowerCase().includes($),Y=e=>$?!0:!z.has(e),j=F(()=>new Set((l??[]).map(e=>e.slug)),[l]),W=()=>{if(w.pageCreationInAdminForm){D.send("storefront-editor:new-page");return}P(""),m(null),h(!0)},B=async()=>{const e=f.trim();if(!(!e||!N||u||!d.createPage)){k(!0),m(null);try{const s=await d.createPage({slug:M(e,j),title:e,layout:{}});await S(),h(!1),P(""),r(s.slug)}catch{m("Couldn\u2019t add the page \u2014 please retry.")}finally{k(!1)}}},T=async e=>{if(!(!N||u||!d.deletePage||(l??[]).length<=1)){k(!0);try{await d.deletePage(e.id);const s=(l??[]).filter(a=>a.id!==e.id);x(s),m(null),e.slug===L&&s[0]&&r(s[0].slug)}catch{m("Couldn\u2019t delete the page \u2014 please retry.")}finally{k(!1)}}},X=e=>D.send("storefront-editor:open-page",{slug:e}),Z=e=>{if(!O(e.label))return null;const s=!o&&e.slug===L,a=w.canDeletePagesInline&&(l??[]).length>1;return n("div",{className:`sf-row sf-prow ${s?"is-selected":""}`,onClick:()=>r(e.slug),children:[t("span",{className:"sf-chip",children:t(me,{})}),t("span",{className:"sf-row-name",children:e.label}),ce(e)&&t("span",{className:"sf-badge-dynamic",children:"Dynamic"}),e.kind==="lightbox"&&t("span",{className:"sf-badge-lightbox",children:"Lightbox"}),e.draft&&t("span",{className:"sf-page-draft",children:"draft"}),w.pageCreationInAdminForm&&t("button",{type:"button",className:"sf-page-edit",title:`Edit \u201C${e.label}\u201D in the admin`,"aria-label":`Edit ${e.label} in the admin`,onClick:i=>{i.stopPropagation(),X(e.slug)},children:t(g,{name:"pencil",size:13,strokeWidth:1.7,rounded:!0})}),a&&t("button",{type:"button",className:"sf-page-edit sf-page-edit--danger",disabled:u,title:`Delete \u201C${e.label}\u201D`,"aria-label":`Delete ${e.label}`,onClick:i=>{i.stopPropagation(),T(e)},children:t(g,{name:"trash",size:13,strokeWidth:1.7,rounded:!0})})]},e.id)},A=(e,s,a)=>{const i=a.filter(Boolean);if(i.length===0)return null;const E=Y(e);return n("div",{className:"sf-pgroup",children:[n("button",{type:"button",className:"sf-pgroup-head","aria-expanded":E,onClick:()=>Q(e),children:[t(g,{name:"chevron-right",size:10,strokeWidth:2.6,rounded:!0,style:{transform:E?"rotate(90deg)":"none",transition:"transform 0.14s"}}),t("span",{className:"sf-pgroup-label",children:s}),t("span",{className:"sf-pgroup-count",children:i.length})]}),E&&t("div",{className:"sf-pgroup-body",children:i})]},e)},H=(y?.rows??[]).filter(e=>O(e.label)).map(e=>{const s=o===e.key;return n("div",{className:`sf-row sf-prow sf-prow--shop ${s?"is-selected":""}`,onClick:()=>p(e.key),title:`Preview the ${e.label} in the canvas`,children:[t("span",{className:"sf-chip",children:e.icon}),t("span",{className:"sf-row-name",children:e.label}),t("span",{className:"sf-badge-preview",children:"Preview"}),t("a",{className:"sf-page-edit",href:e.href,target:"_blank",rel:"noopener noreferrer",title:`Open the ${e.label} in a new tab`,"aria-label":`Open the ${e.label} in a new tab`,onClick:a=>a.stopPropagation(),children:t(g,{name:"external-link",size:13,strokeWidth:1.7,rounded:!0})})]},e.key)}),_=w.hasSiteSettings&&!!y,I=(()=>{if(l===null)return null;const e=[];let s=!1;for(const a of V)_&&!s&&a.key.startsWith("system:")&&(e.push(A("shop",y.title,H)),s=!0),e.push(A(a.key,a.label,a.rows.map(Z)));return _&&!s&&e.push(A("shop",y.title,H)),e})();return n("div",{className:"sf-pages",children:[t(se,{icon:t(re,{}),title:"Pages",context:J,actions:t(ne,{label:"New page",onClick:W,children:t(le,{size:15})}),onHide:b}),n("div",{className:"sf-pages-search",children:[t(g,{name:"search",size:14,rounded:!0}),t("input",{type:"search",className:"sf-pages-search-input",placeholder:"Search all pages\u2026",value:C,onChange:e=>K(e.target.value),"aria-label":"Search all pages"})]}),n("div",{className:"sf-pages-list sf-scroll",children:[v&&!R&&t("div",{className:"sf-note sf-note--error",role:"alert",children:v}),I===null?t("div",{className:"sf-note",children:"Loading\u2026"}):I.some(Boolean)?I:t("div",{className:"sf-note",children:C.trim()?"No pages match your search":"No pages yet"})]}),n("button",{type:"button",className:"sf-pages-new",onClick:W,children:[t("span",{className:"sf-plus",children:"+"}),"New page"]}),R&&t("div",{className:"fixed inset-0 z-[200] flex items-center justify-center bg-black/30 p-4",role:"dialog","aria-modal":"true","aria-labelledby":"sf-add-page-title",onClick:()=>h(!1),children:n("div",{className:"w-full max-w-sm rounded-lg bg-white p-5 shadow-xl",onClick:e=>e.stopPropagation(),children:[t("h2",{id:"sf-add-page-title",className:"text-[15px] font-semibold text-zinc-900",children:"Add a page"}),t("p",{className:"mt-1 text-[13px] leading-relaxed text-zinc-600",children:"Give the new template page a name. It starts blank \u2014 add sections once it opens."}),t("input",{autoFocus:!0,value:f,onChange:e=>P(e.target.value),onKeyDown:e=>{e.key==="Enter"&&B(),e.key==="Escape"&&h(!1)},placeholder:"e.g. About",className:"mt-3 w-full rounded-md border border-zinc-300 px-3 py-2 text-[13px] text-zinc-900 outline-none focus:border-blue-500"}),f.trim()&&n("p",{className:"mt-1.5 text-[12px] text-zinc-400",children:["URL: /",M(f,j)]}),v&&t("p",{className:"mt-2 text-[12px] text-red-600",role:"alert",children:v}),n("div",{className:"mt-4 flex justify-end gap-2",children:[t("button",{type:"button",onClick:()=>h(!1),className:"rounded-md border border-zinc-300 px-3 py-[7px] text-[13px] font-medium text-zinc-700 transition-colors hover:bg-zinc-100",children:"Cancel"}),t("button",{type:"button",onClick:()=>{B()},disabled:u||!f.trim(),className:"rounded-md bg-blue-600 px-3 py-[7px] text-[13px] font-medium text-white transition-colors hover:bg-blue-700 disabled:opacity-60",children:u?"Adding\u2026":"Add page"})]})]})})]})}function me(){return n("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t("path",{d:"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"}),t("path",{d:"M14 3v5h5"})]})}export{ue as default};

package/dist/components/PanelToggleIcon.d.ts

@@ -0,0 +1 @@
+export { default } from "efficient-easel/screen/components/PanelToggleIcon";

package/dist/components/PanelToggleIcon.js

@@ -0,0 +1 @@
+"use client";import{default as f}from"efficient-easel/screen/components/PanelToggleIcon";export{f as default};

package/dist/components/ParagraphsA.d.ts

@@ -0,0 +1,15 @@
+export interface ParagraphsAStat {
+    value?: string;
+    label?: string;
+}
+export interface ParagraphsAProps {
+    eyebrow?: string;
+    stats?: ParagraphsAStat[];
+    lead?: string;
+    foundersHeading?: string;
+    foundersBody?: string;
+    attribution?: string;
+    padTop?: number;
+    padBottom?: number;
+}
+export default function ParagraphsA({ eyebrow, stats, lead, foundersHeading, foundersBody, attribution, padTop, padBottom, }?: ParagraphsAProps): import("react").JSX.Element;

package/dist/components/ParagraphsA.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as l}from"react/jsx-runtime";import{renderGold as t,renderHeadline as f,splitParagraphs as u}from"./goldPhrases.js";function N({eyebrow:n,stats:o,lead:s,foundersHeading:i,foundersBody:x,attribution:r,padTop:c,padBottom:d}={}){const h=typeof c=="number"?c:60,v=typeof d=="number"?d:80,p=(o??[]).filter(e=>(e.value??"").trim()!==""||(e.label??"").trim()!==""),b=!!n||p.length>0,g=!!(i||x||r);return a("section",{className:"relative z-[2] bg-bg",children:l("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] overflow-hidden border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:h,paddingBottom:v},children:[b&&l("div",{className:"mb-[40px] grid grid-cols-3 gap-[60px] border-b border-line pb-[40px] max-[1100px]:grid-cols-1 max-[1100px]:gap-6",children:[a("div",{className:"col-span-2 max-[1100px]:col-span-1",children:n&&a("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:t(n)})}),p.length>0&&a("div",{className:"text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left",children:p.map((e,m)=>l("div",{children:[e.value?a("strong",{className:"font-normal text-fg",children:t(e.value)}):null," ",e.label?t(e.label):null]},m))})]}),(s||g)&&l("div",{className:"grid grid-cols-3 gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-7",children:[s&&a("div",{className:"col-span-2 max-[1100px]:col-span-1",children:u(s).map((e,m)=>a("p",{className:"max-w-[780px] font-heading3 text-[length:var(--size-headingSmall,22px)] leading-[1.45] tracking-[-0.005em] text-fg max-[720px]:text-[length:var(--size-headingSmall,20px)]",children:t(e)},m))}),g&&l("div",{className:"self-end font-display text-[length:var(--size-body,14px)] leading-[1.7] text-fg-dim max-[720px]:text-[length:var(--size-body,12px)]",children:[i&&a("strong",{className:"mb-1.5 block text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg max-[720px]:text-[length:var(--size-body,16px)]",children:f(i,!1)}),x?t(x):null,r&&a("span",{className:"mt-2 block font-mono text-[length:var(--size-label,12px)] uppercase not-italic tracking-[0.24em] text-accent max-[720px]:text-[length:var(--size-label,10px)]",children:t(r)})]})]})]})})}export{N as default};

package/dist/components/PartGlyphs.d.ts

@@ -0,0 +1,7 @@
+import type { PartCase, PartWeight } from "../lib/puck/part-styles.js";
+export declare function WeightGlyph({ weight }: {
+    weight?: PartWeight;
+}): import("react").JSX.Element;
+export declare function CaseGlyph({ letterCase }: {
+    letterCase?: PartCase;
+}): import("react").JSX.Element;

package/dist/components/PartGlyphs.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";function r({children:e,weight:n}){return t("span",{"aria-hidden":"true",style:{fontSize:13,lineHeight:1,fontWeight:n,letterSpacing:"-0.01em",userSelect:"none"},children:e})}function o({weight:e=400}){return t(r,{weight:e,children:"A"})}function h({letterCase:e="none"}){return t(r,{weight:600,children:e==="upper"?"AA":e==="lower"?"aa":"Aa"})}export{h as CaseGlyph,o as WeightGlyph};

package/dist/components/PartInkControl.d.ts

@@ -0,0 +1,7 @@
+import type { PartInk } from "../lib/puck/part-inks.js";
+export declare function PartInkControl({ value, label, colors, onChange, }: {
+    value: string | null;
+    label: string;
+    colors: readonly PartInk[];
+    onChange: (next: string | null) => void;
+}): import("react").JSX.Element;

package/dist/components/PartInkControl.js

@@ -0,0 +1 @@
+"use client";import{jsx as r}from"react/jsx-runtime";import{ColourSwatchRow as c}from"efficient-easel/text-styles";function m({value:l,label:s,colors:t,onChange:i}){const a=l===null,o=l||void 0,e=t.find(n=>n.key===o),d=e?e.value:o&&/^#[0-9a-f]{6}$/i.test(o)?o:void 0;return r("div",{className:"sf-part-ink",children:r(c,{value:o,hex:d,colours:t,label:s,followsWord:a?"Mixed":"Follows the style",anyWord:"Any color",onChange:n=>i(n===o&&e?null:n)})})}export{m as PartInkControl};

package/dist/components/PartResetDot.d.ts

@@ -0,0 +1,5 @@
+export declare function PartResetDot({ label, onClear, what, }: {
+    label: string;
+    onClear: () => void;
+    what?: string;
+}): import("react").JSX.Element;

package/dist/components/PartResetDot.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as t}from"react/jsx-runtime";function l({label:a,onClear:s,what:e="override"}){return r("button",{type:"button",className:"sf-part-mark",title:`Clear ${e}`,"aria-label":`Clear ${e}: ${a}`,onClick:s,children:r(o,{})})}function o(){return t("svg",{width:"12",height:"12",viewBox:"0 0 16 16","aria-hidden":"true",children:[r("circle",{className:"sf-part-mark-dot",cx:"8",cy:"8",r:"3",fill:"currentColor"}),t("g",{className:"sf-part-mark-arrow",fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",children:[r("path",{d:"M13 8a5 5 0 1 1-1.6-3.7"}),r("path",{d:"M13 2.5V5h-2.6"})]})]})}export{l as PartResetDot};

package/dist/components/PartSettingsPanel.d.ts

@@ -0,0 +1,68 @@
+import { type ReactNode } from "react";
+import { PartResetDot } from "./PartResetDot.js";
+import { type FontRole, type FontsValue } from "../lib/fonts.js";
+import { type TypeGroup } from "../lib/theme.js";
+import { type PartStyle, type PartStyleBase } from "../lib/puck/part-styles.js";
+import { type PartSource } from "../lib/puck/source-bound-parts.js";
+export declare const PART_FIELDS: readonly [{
+    readonly key: "font";
+    readonly label: "Font";
+    readonly group: "Style";
+}, {
+    readonly key: "color";
+    readonly label: "Color";
+    readonly group: "Style";
+}];
+export type PartFace = {
+    kind: "role";
+    role: FontRole;
+} | {
+    kind: "custom";
+} | {
+    kind: "unread";
+};
+export type PanelPart = {
+    partKey: string;
+    face: PartFace;
+    sizeGroup: TypeGroup | null;
+    base: PartStyleBase;
+    style: PartStyle;
+};
+export declare function partFace(props: Record<string, unknown>, propKey: string, reading: {
+    faceRole: FontRole;
+    base: PartStyleBase;
+} | null, fonts: FontsValue): PartFace;
+export declare function partStyleName(props: Record<string, unknown>, propKey: string, reading: {
+    faceRole: FontRole;
+    base: PartStyleBase;
+} | null, fonts: FontsValue): string | null;
+export declare function PartStyleSelect({ face, base, onPick, }: {
+    face: PartFace;
+    base: PartStyleBase | null;
+    onPick: (role: FontRole | null) => void;
+}): import("react").JSX.Element;
+export declare function PartStyleCard({ parts, onEditStyle, onClearAll, onFollowStyle, kindLabel, }: {
+    parts: readonly PanelPart[];
+    onEditStyle?: () => void;
+    onClearAll: () => void;
+    onFollowStyle?: (role: FontRole | null) => void;
+    kindLabel?: string;
+}): import("react").JSX.Element;
+export { PartResetDot };
+export declare function PartPanelBody({ sectionName, onBack, textEditor, styleRow, children, }: {
+    sectionName: string;
+    onBack: () => void;
+    textEditor?: ReactNode;
+    styleRow?: ReactNode;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function PartSourceNote({ source, slug }: {
+    source: PartSource;
+    slug?: string;
+}): import("react").JSX.Element;
+export default function PartSettingsPanel({ nodeId, propKey, onBack, onEditStyle, }: {
+    nodeId: string;
+    propKey: string;
+    onBack: () => void;
+    onEditStyle?: () => void;
+}): import("react").JSX.Element;

package/dist/components/PartSettingsPanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as r,Fragment as O}from"react/jsx-runtime";import{useEffect as M,useId as _e,useRef as J,useState as Q}from"react";import{PartResetDot as fe}from"./PartResetDot.js";import{FieldSelect as pe,InspectorField as $e}from"efficient-easel/fields";import{SettingsField as me,SettingsGroup as Ae}from"efficient-easel/panel";import{InspectorUpLevel as G}from"efficient-easel/chrome";import{StylesIcon as Le,TextColorIcon as ze,TypeIcon as he}from"efficient-easel/icons";import{useEasel as Be}from"efficient-easel/easel";import{PartInkControl as De}from"./PartInkControl.js";import{PartTextBox as Ve}from"./PartTextBox.js";import ye from"./UiIcon.js";import{usePreviewHeader as Me}from"./PreviewHeaderContext.js";import{usePartStyle as Ge}from"./PreviewPartStyleContext.js";import{readHidable as W,textFieldOffPage as We}from"../lib/puck/controls.js";import{TEXT_FIELD_MARKER as je}from"../lib/puck/field-markers.js";import{useSectionOps as He}from"../lib/puck/use-section-ops.js";import{FONT_OPTIONS as Ue,FONT_ROLES as Z,FONT_ROLE_LABELS as ee,fontOption as _}from"../lib/fonts.js";import{isMultilineKind as Ke,partPlaceholder as Xe,typeInPlaceKind as Ye}from"../lib/puck/part-text.js";import{partRowField as qe}from"../lib/puck/part-row-field.js";import{decodePartKey as Je,partPropsWithRowValue as Qe,partRowValue as Ze}from"../lib/puck/part-rows.js";import{PART_WIDTH_MAX as et,propsWithPartStyleValue as te,propsWithoutPartStyle as tt,readPartStyle as ge}from"../lib/puck/part-styles.js";import{partInks as nt}from"../lib/puck/part-inks.js";import{styleKeyForPart as ot,TEXT_KIND_LABELS as st}from"../lib/sections/section-text-kinds.js";import{commitPartText as lt}from"../lib/puck/part-typing.js";import{useEditorHost as rt}from"../lib/editor-host.js";import{SOURCE_LINES as it,SOURCE_ACTIONS as at,SOURCE_ACTION_LABEL as ct,partSourceOf as dt,sourceSlugOf as be}from"../lib/puck/source-bound-parts.js";import{encodePartId as ut,holdsAuthoredText as ft}from"../lib/puck/text-parts.js";import{regionsForSection as pt}from"../lib/sections/section-text-regions.js";import{textRegionOfPartKey as mt}from"../lib/sections/text-regions.js";const ht={400:"Regular",500:"Medium",600:"Semibold",700:"Bold"},Se=[{key:"font",label:"Font",group:"Style"},{key:"color",label:"Color",group:"Style"}],yt=[...new Set(Se.map(e=>e.group))],gt={font:t(he,{}),color:t(ze,{})};function $(e){return e.kind==="role"?ee[e.role]:e.kind==="custom"?"Custom":null}const bt=e=>e.kind==="role"?`role:${e.role}`:e.kind;function St(e){const n=e.role;return n&&Z.includes(n)?{kind:"role",role:n}:null}function xt(e,n){if(!e)return{kind:"unread"};const{faceRole:s,base:l}=e;if(n[s]===l.fontKey)return{kind:"role",role:s};const a=Object.keys(n).filter(c=>n[c]===l.fontKey);return a.length===1?{kind:"role",role:a[0]}:{kind:"custom"}}function ne(e,n,s,l){return St(ge(e,n))??xt(s,l)}function cn(e,n,s,l){return $(ne(e,n,s,l))}function oe(e,n){if(!e.length)return null;const s=n(e[0]);return e.every(l=>n(l)===s)?s:null}function Nt(e){return Object.values(e).filter(n=>n!==void 0).length}function vt(e,n){const s=e.style[n];return n==="color"?s??"":s!==void 0?String(s):e.base.fontKey}function Pt({face:e,base:n,onPick:s}){const[l,a]=Q(!1),c=J(null),h=J(null),y=_e();M(()=>{if(!l)return;const i=T=>{c.current&&!c.current.contains(T.target)&&a(!1)};return document.addEventListener("mousedown",i),()=>document.removeEventListener("mousedown",i)},[l]);const u=e.kind==="role"?e.role:null,v=i=>{s(i),a(!1),h.current?.focus()};return r("div",{className:"sf-part-style-pick",ref:c,children:[r("button",{ref:h,type:"button",className:"sf-part-style-trigger","aria-expanded":l,"aria-controls":y,"aria-label":`Follows ${$(e)??"no style"} \u2014 change`,onClick:()=>a(i=>!i),onKeyDown:i=>{i.key==="Escape"&&l&&(i.preventDefault(),a(!1))},children:[t("span",{className:"sf-part-style-name",style:{fontFamily:n?.fontKey?`var(${_(n.fontKey)?.cssVar})`:void 0,fontWeight:n?.weight},children:$(e)}),t("span",{className:"sf-part-style-sign","aria-hidden":"true"})]}),l&&r("div",{className:"sf-multi-menu sf-part-style-menu",id:y,role:"listbox",onKeyDown:i=>{i.key==="Escape"&&(i.preventDefault(),a(!1),h.current?.focus())},children:[r("button",{type:"button",role:"option","aria-selected":u===null,className:`sf-part-style-option${u===null?" is-on":""}`,onClick:()=>v(null),children:[t("span",{className:"sf-part-style-option-name",children:"No style"}),t("span",{className:"sf-note",children:"Section\u2019s own"})]}),Z.map(i=>t("button",{type:"button",role:"option","aria-selected":u===i,className:`sf-part-style-option${u===i?" is-on":""}`,onClick:()=>v(i),children:t("span",{className:"sf-part-style-option-name",style:{fontFamily:`var(--font-role-${i})`},children:ee[i]})},i))]})]})}const j="";function kt({face:e,base:n,onPick:s}){const l=e.kind==="role"?e.role:j,a=[{label:"No style",value:j},...Z.map(c=>({label:ee[c],value:c}))];return t(pe,{ariaLabel:"Style",value:l,options:a,inline:!0,onChange:c=>s(c===j?null:c),renderOption:c=>c.value===j?r(O,{children:[t("span",{className:"es-fsel-label sf-part-style-keep",children:c.label}),t("span",{className:"sf-part-style-aside","aria-hidden":"true",children:"Section\u2019s own"})]}):t("span",{className:"es-fsel-label",style:{fontFamily:`var(--font-role-${c.value})`},children:c.label}),renderValue:()=>t("span",{style:{fontFamily:n?.fontKey?`var(${_(n.fontKey)?.cssVar})`:void 0,fontWeight:n?.weight},children:$(e)})})}function wt({parts:e,onEditStyle:n,onClearAll:s,onFollowStyle:l,kindLabel:a}){const h=oe(e,T=>bt(T.face))?e[0].face:null,y=h?$(h):null,u=h&&h.kind!=="unread"?e[0].base:null,v=e.reduce((T,A)=>T+Nt(A.style),0),i=u?_(u.fontKey)?.label:void 0;return r("div",{className:`sf-part-style${v?" has-overrides":""}`,children:[t("div",{className:"sf-part-style-caption",children:"Style"}),e.length>1&&r("div",{className:"sf-part-style-count",children:[e.length," selected"]}),e.length===1&&a&&r("div",{className:"sf-part-style-count",children:[a," \xB7 every row"]}),y&&u?r(O,{children:[l&&h?t(Pt,{face:h,base:u,onPick:l}):t("div",{className:"sf-part-style-name",style:{fontFamily:i?`var(${_(u.fontKey)?.cssVar})`:void 0,fontWeight:u.weight},children:y}),t("div",{className:"sf-part-style-meta",children:[i,`${Math.round(u.sizePx)} px`,ht[u.weight]].filter(Boolean).join(" \xB7 ")})]}):t("div",{className:"sf-part-style-name",children:"Mixed styles"}),r("div",{className:"sf-part-style-top",children:[y?v?r(O,{children:[r("span",{className:"sf-part-chip",children:[v," changed"]}),t("button",{type:"button",className:"sf-part-link",onClick:s,children:"Clear"})]}):t("span",{className:"sf-part-style-state",children:"This text follows the site style."}):t("span",{className:"sf-part-style-state",children:"Changes apply to all selected."}),t("span",{className:"sf-part-style-gap"}),y&&n&&t("button",{type:"button",className:"sf-part-link",onClick:n,children:"Edit"})]})]})}function Tt({sectionName:e,onBack:n,textEditor:s,styleRow:l,children:a}){return r("div",{className:"sf-part-panel",children:[t(G,{inline:!0,name:e,onSelect:n}),s,l,a]})}function xe({source:e,slug:n}){const s=rt(),l=at[e],a=!l.needsSlug||!!n;return t("div",{className:"sf-note sf-note--source",children:r("p",{className:"es-field-hint sf-hint-keep",children:[it[e],a?r(O,{children:[" ",t("button",{type:"button",className:"sf-source-open",onClick:()=>{l.type==="storefront-editor:open-menus"?s.send(l.type):n&&s.send(l.type,{slug:n})},children:ct})]}):null]})})}const Ne=4,Et=120;function Rt({region:e,sizePx:n,face:s,base:l,onFollowStyle:a,source:c,slug:h,onBack:y}){const u=e.follows;return r("div",{className:"sf-note",children:[t("p",{children:t("strong",{children:e.label})}),r("p",{children:["Its size follows Site styles \u25B8 ",u,n?` \u2014 ${Math.round(n)}px right now`:"","."]}),a?t(O,{children:t(me,{label:"Style",icon:t(Le,{}),hint:r(O,{children:["Every ",e.label.toLowerCase()," in this section follows it. The face and the size change; the letter case is the section\u2019s own and stays as it is."]}),children:t(kt,{face:s,base:l,onPick:a})})}):t("p",{className:"es-field-hint sf-hint-keep",children:"Only the size follows a site style. This section sets its own font, weight and letter case."}),c?t(xe,{source:c,slug:h}):null,t(G,{inline:!0,name:"Page",onSelect:y})]})}function Ct({onBack:e}){return r("div",{className:"sf-note",children:[t("p",{children:t("strong",{children:"This part is no longer here."})}),t("p",{children:"The section it belonged to has been changed or removed."}),t(G,{inline:!0,name:"Page",onSelect:e})]})}function Ft({onBack:e,partId:n,why:s}){return r("div",{className:"sf-note",children:[t("p",{children:t("strong",{children:"This part's settings did not open."})}),t("p",{children:"The words are still on your page and nothing has been lost. The editor could not work out which control belongs to them, which is a fault on our side. Go back and click the section to open its settings instead."}),t("p",{className:"sf-note-detail",children:r("code",{children:[n," \u2014 ",s]})}),t(G,{inline:!0,name:"Page",onSelect:e})]})}function Ot({nodeId:e,propKey:n,onBack:s,onEditStyle:l}){const{getItemById:a,getSelectorForId:c,config:h}=Be(o=>o),y=He(),{partStyle:u}=Ge(),{fonts:v}=Me(),[i,T]=Q({}),A=J(null),g=a(e),S=c(e),se=g?h.components[g.type]:void 0,{key:E,row:P}=Je(n),le=se?.fields?.[E],k=P?qe(le,P):le,I=ut(e,n),p=g?.props??{},w=Ye(k),ve=We(k),Pe=ft(k),H=g?dt(g.type):null,U=P?Ze(p[E],P):p[E],re=!!P&&!(Array.isArray(p[E])&&P.index<p[E].length);M(()=>{A.current?.querySelector(".es-copy [contenteditable='true'], .es-copy textarea, .sf-copybox textarea, .sf-copybox input")?.focus()},[I]);const[K,ie]=Q(0);M(()=>ie(0),[I]);const X=!!g&&!re&&(!S||!k);M(()=>{if(!X||K>=Ne)return;const o=setTimeout(()=>ie(d=>d+1),Et);return()=>clearTimeout(o)},[X,K]);const ke=X&&K<Ne;if(!g||re)return t(Ct,{onBack:s});const L=pt(g.type),ae=L?mt(L,n):null;if(L&&ae){const o=u?.partId===I?u:null,d=L[ae],m=d.writable===!0&&!!S,b=f=>{S&&y.replaceComponent(S.zone,S.index,{...g,props:te(p,n,"role",f)})};return t(Rt,{region:d,sizePx:o?.base.sizePx??null,face:ne(p,n,o,v),base:o?.base??null,onFollowStyle:m?b:void 0,source:H,slug:be(p),onBack:s})}if(!S||!k)return ke?t("div",{className:"sf-note","aria-busy":"true"}):t(Ft,{onBack:s,partId:I,why:S?"no field":"no selector"});const z=o=>{y.replaceComponent(S.zone,S.index,{...g,props:o})},Y=o=>{if(W(o).hidden!==W(U).hidden||!w){const m=P?Qe(p,E,P,o):{...p,[E]:o};m&&z(m);return}lt({node:g,propKey:n,kind:w,zone:S.zone,index:S.index},W(o).text,y.replaceComponent)},we=U,B=ot(g?.type,n),Te=ge(p,B),D=u?.partId===I?u:null,x=[{partKey:B,face:ne(p,B,D,v),sizeGroup:D?.sizeGroup??null,base:D?.base??It,style:Te}],Ee=oe(x,o=>o.sizeGroup),ce=nt(D?.inks),V=(o,d)=>{let m=p;for(const b of x)m=te(m,b.partKey,o,d);z(m)},Re=o=>V("role",o),Ce=()=>{let o=p;for(const d of x)o=tt(o,d.partKey);z(o)},Fe=o=>{let d=p;for(const m of x)for(const[b,f]of Object.entries(o))d=te(d,m.partKey,b,f??null);z(d)},Oe=(o,d)=>{const m=x.some(N=>N.style[o]!==void 0),b=oe(x,N=>vt(N,o)),f=b===null,F=`sf-part-${e}-${n}-${o}`;return o==="color"?t(De,{value:f?null:String(b),label:d,colors:ce,onChange:N=>V("color",N)},o):t(me,{label:d,icon:gt[o],className:"sf-part-field",changed:m,htmlFor:F,action:m?t(fe,{label:d,onClear:()=>V(o,null)}):void 0,children:o==="font"?t(pe,{id:F,ariaLabel:d,value:!f&&_(String(b))?String(b):void 0,placeholder:f?"Mixed":"Site style",options:Ue.map(N=>({label:N.label,value:N.key})),onChange:N=>V("font",N||null)}):null},o)},de=w==="text"||w==="textarea",{text:ue,hidden:R}=W(U),C=k?.[je]?.label??n,Ie=r("div",{className:"sf-field-head",children:[t(he,{}),t("span",{className:"sf-field-label sf-field-label--inline",children:C}),de&&t("button",{type:"button",className:"sf-field-eye","aria-pressed":R,"aria-label":R?`Show ${C} on the slide`:`Hide ${C} on the slide`,title:R?`Show ${C} on the slide`:`Hide ${C} on the slide`,onClick:()=>Y({text:ue,hidden:!R}),children:R?t(ye,{name:"eye-off",size:14}):t(ye,{name:"eye",size:14})})]}),q=!ve&&Pe;return r(Tt,{sectionName:se?.label??g.type,onBack:s,textEditor:r("div",{ref:A,className:"sf-part-text",children:[w?t(Ve,{text:ue,onTextChange:o=>Y(de?{text:o,hidden:R}:o),multiline:Ke(w),markup:w!=="plainText",styled:q,style:x[0].style,base:x[0].base,setValue:Fe,colors:ce.map(o=>({name:o.key,label:o.name,value:o.value})),placeholder:Xe(k),ariaLabel:C,head:Ie}):t($e,{field:k,name:n,value:we,onChange:Y,id:`sf-part-${e}-${n}`}),q&&w&&Ee===null&&t("p",{className:"es-field-hint sf-hint-keep",children:"Fixed size \u2014 the site\u2019s Text setting doesn\u2019t resize this."})]}),children:[H&&t(xe,{source:H,slug:be(p)}),q&&yt.map(o=>{const d=Se.filter(f=>f.group===o),m=d.filter(f=>x.some(F=>F.style[f.key]!==void 0)).length,b=`sf-part-g-${e}-${n}-${o.replace(/\W+/g,"-")}`;return r(Ae,{id:b,title:o,open:i[o]!==!0,onToggle:f=>T(F=>({...F,[o]:!f})),count:m,children:[t(wt,{parts:x,onEditStyle:l,onClearAll:Ce,onFollowStyle:Re,kindLabel:st[B]}),d.map(f=>Oe(f.key,f.label))]},o)})]})}const It={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:et};export{Se as PART_FIELDS,Tt as PartPanelBody,fe as PartResetDot,xe as PartSourceNote,wt as PartStyleCard,kt as PartStyleSelect,Ot as default,ne as partFace,cn as partStyleName};

package/dist/components/PartStyledText.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+export default function PartStyledText({ value, children, }: {
+    value: string;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/PartStyledText.js

@@ -0,0 +1 @@
+"use client";import{Fragment as m,jsx as r}from"react/jsx-runtime";import{ClaimedStamp as s,usePublishedPartRule as n}from"./PublishedPartStylesContext.js";import{PART_STYLED_ATTR as i}from"../lib/puck/part-styles.js";function l({value:a,children:e}){const t=n(a);return t?r(s,{stamp:t.stamp,children:r("span",{[i]:t.stamp,children:e})}):r(m,{children:e})}export{l as default};

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{SettingsDefaultReset as c,SettingsField as h,SettingsSegmented as d}from"efficient-easel/panel";import{DropIcon as f}from"efficient-easel/icons";const a="Photography",l=[{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 p({value:n,onChange:o,showHint:i=!0}){const r=n===null,s=n??!1;return t(h,{label:a,icon:t(f,{}),value:l.find(e=>e.grayscale===s).label,changed:!r,action:t(c,{label:a,changed:!r,detail:l.find(e=>!e.grayscale).label,onReset:()=>o(null)}),hint:i?g:void 0,children:t(d,{options:l.map(e=>({id:e.grayscale,label:e.label})),value:s,ariaLabel:a,onChange:o})})}export{a as SITE_PHOTOGRAPHY_LABEL,p 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};