efficient-web-builder 0.10.0 → 2.0.0

package/dist/components/SlotChildRows.d.ts

@@ -0,0 +1,16 @@
+import { type SlotChildActions } from "./SlotChildActionsContext.js";
+import type { TreeItem } from "../lib/puck/content-tree.js";
+export declare function SlotChildRows({ parent, parentType, label, rowName, onSelectChild, onAddChild, nestDepth, }: {
+    parent: TreeItem;
+    parentType: string;
+    label?: string;
+    rowName: SlotChildActions["childRowName"];
+    onSelectChild: SlotChildActions["selectChild"];
+    onAddChild: SlotChildActions["addChild"];
+    nestDepth?: number;
+}): import("react").JSX.Element | null;
+export declare function rowNamerFor(actions: SlotChildActions, parentType: string): SlotChildActions["childRowName"];
+export default function SlotChildRowsField({ parentType, label, }: {
+    parentType: string;
+    label?: string;
+}): import("react").JSX.Element | null;

package/dist/components/SlotChildRows.js

@@ -0,0 +1 @@
+"use client";import{jsx as s,jsxs as b}from"react/jsx-runtime";import{useEasel as x}from"efficient-easel/easel";import{SettingsDrill as A}from"efficient-easel/panel";import C from"./AddBlockRow.js";import N from"./AddChildRow.js";import{useSlotChildActions as k}from"./SlotChildActionsContext.js";import{HERO_GROUP_TYPE as $,heroGroupNestDepth as j}from"../lib/hero-group-placement.js";import{canAddTo as w}from"../lib/puck/add-target.js";import{GroupLabel as D}from"../lib/puck/controls.js";function _({parent:o,parentType:t,label:d,rowName:e,onSelectChild:r,onAddChild:m,nestDepth:p=0}){const u=w(t,p);if(!u)return null;const{slot:n,choices:f,spec:i}=u,a=String(o.props.id),h=`${a}:${n}`,l=Array.isArray(o.props[n])?o.props[n]:[],R=i?.addBlocked?.(l)??null,S=i?.notice?.(l)??null;return b("div",{className:"sf-slot-rows",children:[d?s(D,{label:`${d} \xB7 ${l.length}`}):null,S?s("p",{className:"sf-note",children:S}):null,l.map((c,g)=>s(A,{name:e(c),onOpen:()=>r(h,g,String(c.props.id),t)},String(c.props.id??`${h}-${g}`))),f?s(C,{choices:f,onPick:c=>m(a,n,c,l.length,t)}):i.fixed?null:s(N,{label:i.addLabel,blocked:R,onAdd:()=>m(a,n,i.childType,l.length,t)})]})}function E(o,t){return w(t)?.source==="footer"?o.blockRowName:o.childRowName}function G({parentType:o,label:t}){const{appState:d,selectedItem:e}=x(p=>p),r=k();if(!r||!e||e.type!==o)return null;const m=o===$?j(d?.data,String(e.props.id)):0;return s(_,{parent:e,parentType:o,label:t,rowName:E(r,o),onSelectChild:r.selectChild,onAddChild:r.addChild,nestDepth:m})}export{_ as SlotChildRows,G as default,E as rowNamerFor};

package/dist/components/SocialLinksPanel.d.ts

@@ -0,0 +1,3 @@
+export default function SocialLinksPanel({ unavailable }: {
+    unavailable?: React.ReactNode;
+}): import("react").JSX.Element;

package/dist/components/SocialLinksPanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,Fragment as l,jsxs as p}from"react/jsx-runtime";import{useEffect as b,useId as d,useState as h}from"react";import{SettingsField as L}from"efficient-easel/panel";import{usePreviewSocial as y}from"./PreviewSocialContext.js";import{SocialMark as v}from"./socialIcons.js";import{SOCIAL_PLATFORMS as w,SOCIAL_PLATFORM_LABELS as x}from"../lib/content/social-links.js";const A={instagram:"instagram.com/yourshop",facebook:"facebook.com/yourshop",tiktok:"tiktok.com/@yourshop",youtube:"youtube.com/@yourshop",x:"x.com/yourshop",linkedin:"linkedin.com/company/yourshop",pinterest:"pinterest.com/yourshop",whatsapp:"wa.me/61400000000"};function E({platform:e}){const{rows:c,saveLink:n}=y(),{value:o,error:i}=c[e],[s,a]=h(o),[k,u]=h(!1),f=d(),m=d();b(()=>a(o),[o]);const S=async()=>{if(s.trim()===o){s!==o&&a(o);return}u(!0),await n(e,s),u(!1)},g=x[e];return p(l,{children:[t(L,{label:g,htmlFor:f,icon:t(v,{platform:e,iconStyle:"outline",size:18}),children:t("input",{id:f,type:"text",inputMode:"url",value:s,placeholder:A[e],onChange:r=>a(r.target.value),onBlur:()=>{S()},onKeyDown:r=>{r.key==="Enter"&&r.currentTarget.blur(),r.key==="Escape"&&(a(o),r.currentTarget.blur())},"aria-invalid":i?!0:void 0,"aria-describedby":i?m:void 0,"aria-busy":k||void 0,autoComplete:"off",spellCheck:!1})}),i&&t("p",{id:m,className:"sf-note sf-note--error",role:"alert",children:i})]})}function F({unavailable:e}){const{canSave:c}=y();return!c&&e?t(l,{children:e}):p(l,{children:[t("p",{className:"es-field-hint sf-hint-keep",children:"Paste a link to each profile. A platform left empty shows nothing on the site."}),w.map(n=>t(E,{platform:n},n))]})}export{F as default};

package/dist/components/SourceStatus.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+export interface SourceStatusProps {
+    status: string;
+    statusText: ReactNode;
+    onRefresh: () => void;
+    busy?: boolean;
+    edit?: {
+        label: string;
+        onClick: () => void;
+    };
+    hint: ReactNode;
+    spaced?: boolean;
+}
+export default function SourceStatus({ status, statusText, onRefresh, busy, edit, hint, spaced, }: SourceStatusProps): import("react").JSX.Element;

package/dist/components/SourceStatus.js

@@ -0,0 +1 @@
+"use client";import{jsx as s,jsxs as r}from"react/jsx-runtime";function u({status:l,statusText:t,onRefresh:n,busy:a=!1,edit:e,hint:o,spaced:c=!0}){return r("div",{className:"sf-blogsource",style:c?{marginTop:9}:void 0,children:[s("p",{className:"sf-blogsource-status","data-state":l,children:t}),s("button",{type:"button",className:"sf-blogsource-btn",onClick:n,disabled:a,children:"Refresh now"}),e?s("button",{type:"button",className:"sf-blogsource-btn",onClick:e.onClick,children:e.label}):null,s("p",{className:"es-field-hint sf-hint-keep",children:o})]})}export{u as default};

package/dist/components/Spacer.d.ts

@@ -0,0 +1,6 @@
+type Size = "sm" | "md" | "lg" | "xl";
+interface SpacerProps {
+    size: Size;
+}
+export default function Spacer({ size }: SpacerProps): import("react").JSX.Element;
+export {};

package/dist/components/Spacer.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";const e={sm:"h-6",md:"h-12",lg:"h-24",xl:"h-40"};function s({size:r}){return a("div",{"aria-hidden":!0,className:e[r]})}export{s as default};

package/dist/components/SpecStrip.d.ts

@@ -0,0 +1,10 @@
+export interface StripCell {
+    text?: string;
+    tone?: "normal" | "muted";
+}
+export interface SpecStripProps {
+    cells?: StripCell[];
+    fill?: "dark" | "none";
+    editing?: boolean;
+}
+export default function SpecStrip({ cells, fill, editing }: SpecStripProps): import("react").JSX.Element | null;

package/dist/components/SpecStrip.js

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

package/dist/components/Split.d.ts

@@ -0,0 +1,33 @@
+interface Props {
+    imageLabel: string;
+    imageSrc?: string;
+    imageTint?: number;
+    imageObjectPosition?: string;
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    cta: {
+        text?: string;
+        href: string;
+    };
+    reverse?: boolean;
+    uppercase?: boolean;
+    textAlign?: "left" | "center" | "right";
+    textBgSrc?: string;
+    textBgLabel?: string;
+    textBgTint?: number;
+    textBgObjectPosition?: string;
+    featureBar?: {
+        wheel: string;
+        category: string;
+        cta?: string;
+        href: string;
+    };
+    imageButton?: {
+        text?: string;
+        href: string;
+    };
+    grayscale?: boolean;
+}
+export default function Split({ imageLabel, imageSrc, imageTint, imageObjectPosition, eyebrow, title, body, cta, reverse, uppercase, textAlign, textBgSrc, textBgLabel, textBgTint, textBgObjectPosition, featureBar, imageButton, grayscale, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/Split.js

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

package/dist/components/StandaloneSectionEditor.d.ts

@@ -0,0 +1,19 @@
+import "efficient-easel/easel.css";
+import "efficient-easel/shell.css";
+import "efficient-easel/rail.css";
+import "efficient-easel/panel.css";
+import "efficient-easel/fields.css";
+import "efficient-easel/pick.css";
+import "efficient-easel/copy.css";
+import "efficient-easel/gold.css";
+import "efficient-easel/text-styles.css";
+import "efficient-easel/menu.css";
+import "efficient-easel/chrome.css";
+import "efficient-easel/tree.css";
+import "efficient-easel/screen.css";
+import "./storefront-editor.css";
+export default function StandaloneSectionEditor({ id, initialType, initialName, }: {
+    id: string;
+    initialType?: string;
+    initialName?: string;
+}): import("react").JSX.Element;

package/dist/components/StandaloneSectionEditor.js

@@ -0,0 +1 @@
+"use client";import{jsx as o}from"react/jsx-runtime";import{useCallback as R,useEffect as S,useMemo as m,useRef as Q,useState as u}from"react";import x from"next/dynamic";import"efficient-easel/easel.css";import"efficient-easel/shell.css";import"efficient-easel/rail.css";import"efficient-easel/panel.css";import"efficient-easel/fields.css";import"efficient-easel/pick.css";import"efficient-easel/copy.css";import"efficient-easel/gold.css";import"efficient-easel/text-styles.css";import"efficient-easel/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/screen.css";import"./storefront-editor.css";import{buildConfig as V}from"../lib/puck/build-config.js";import{withTemplateMediaPlaceholders as X}from"../lib/puck/templateFields.js";import{setEditorPageSlug as B}from"../lib/puck/editor-page-context.js";import{StorefrontDocumentContext as Z}from"./StorefrontDocumentContext.js";import{PreviewHeaderProvider as $}from"./PreviewHeaderContext.js";import{PreviewTickerProvider as ee}from"./PreviewTickerContext.js";import{PreviewPartsProvider as te}from"./PreviewPartsContext.js";import{PreviewLocationPartProvider as re}from"./PreviewLocationPartContext.js";import{PreviewPartStyleProvider as oe}from"./PreviewPartStyleContext.js";import{sectionTemplates as O}from"../lib/editor-section-templates.js";import{nodeToDoc as ie,docToNode as F}from"../lib/puck/section-doc.js";import{newNodeId as ne}from"../lib/puck/content-tree.js";import{migrateRenamedProps as se}from"../lib/puck/renamed-props.js";import{buildSlotSeedChildren as de}from"../lib/puck/slot-specs.js";import{FOOTER_TYPE as ae,buildDefaultFooterBlocks as ce}from"../lib/puck/footer-blocks.js";import{NO_BRIDGED_CAPABILITIES as le,useAdminBridge as me}from"../lib/editor-admin-bridge.js";import{useEditorHost as ue}from"../lib/editor-host.js";import{ChromeWrap as fe}from"../lib/editor-chrome.js";import{sessionRegistry as pe}from"../lib/editor-session.js";import{useEditorSession as ve}from"../lib/editor-session-context.js";import{routeSharedHostMessage as ge}from"../lib/editor-host-inbound.js";import{routeWebsiteHostMessage as he}from"../lib/website-host-inbound.js";import{DEFAULT_THEME_MODE as P,THEME_MODE_KEY as Se}from"../lib/theme.js";import{makeSitePageAdapter as H}from"../lib/editor-document-adapter.js";import{documentPermissions as Pe}from"efficient-easel/edit-lock";import{useAutosave as Ee}from"efficient-easel/autosave";import{saveStatusOf as ye}from"../lib/puck/pinned-seed-gate.js";import{blocksOf as Te}from"../lib/website-session.js";const we=x(()=>import("./SiteEditorProvider.js"),{ssr:!1}),Ne=x(()=>import("./SectionEditorShell.js"),{ssr:!1}),L="HeroSingle",U="Untitled section";function ke(i,E){const d=E.components,r=d[i]?i:L,y=d[r]?.defaultProps??{},n=de(r,f=>d[f]?.defaultProps??{}),s=r===ae?{blocks:ce()}:null;return{type:r,props:{id:ne(r),...y,...n?{[n.slot]:n.children}:null,...s}}}function Ae(){if(typeof window>"u")return P;try{const i=window.localStorage.getItem(Se);return i==="light"||i==="dark"||i==="auto"?i:P}catch{return P}}function Ce({id:i,initialType:E,initialName:d=U}){const[r,y]=u(i),n=Q(r);S(()=>{n.current=r},[r]);const s=ue(),[f,Y]=u(E),[b,j]=u(d),[a,T]=u(void 0),[K,W]=u(P),{token:w,tokenRef:M}=me({onMessage:e=>{if(he(e)||ge(e))return;const t=e;if(t?.type==="storefront-editor:navigate"&&t.target?.kind==="section"&&t.target.id){const I=t.target.id;if(I===n.current)return;const z=t.target.type,J=t.target.name;k().then(()=>{Y(z),j(J||U),y(I),s.address.show({kind:"section",id:I})})}}}),N=Ee({save:e=>O.update(e.id,e.node).then(()=>{}),onFailure:(e,t)=>{t===0&&s.send("storefront-editor:save-failed")}}),{state:p,push:_,flush:k}=N;S(()=>W(Ae()),[]);const c=ve(),v=c.usesBridgedToken?!!w:!0,g=m(()=>V(pe(c),Te(c)),[c]);S(()=>{if(!v)return;let e=!1;return T(void 0),O.ensure(r,b,ke(f??L,g)).then(t=>!e&&T(t.node)).catch(()=>!e&&T(null)),()=>{e=!0}},[r,f,b,v,g]);const A=R(e=>{s.send("storefront-editor:dirty");const t=F(e);t&&_({id:n.current,node:t})},[_,s]),h=s.send,D=R(async e=>{try{return await e(M.current??""),!0}catch{return h("storefront-editor:save-failed"),!1}},[h]),G=m(()=>X(g,!0),[g]);S(()=>(B(null),()=>B(null)),[]);const l=m(()=>a?se(ie(a)):null,[a]),C=m(()=>({target:{kind:"page",slug:""},adapter:H(void 0),capabilities:H(void 0).capabilities,templateId:null,currentSlug:"",currentKind:null,siteId:null,ready:v,token:w,tokenRef:M,notifyParent:h,runAuthed:D,docId:r,data:l,getLiveData:()=>l,footerOriginSlug:null,error:null,redirecting:!1,saveStatus:ye(p),saveState:p,autoSaveEnabled:!0,autoSaveStoppedByConflict:!1,hasUnsavedEdits:p.pending,toggleAutoSave:()=>{},retrySave:()=>{N.retryNow()},onChange:A,flushSave:k,onPublish:async e=>{const t=F(e);t&&await O.update(n.current,t)},bridgeCapabilities:le,access:{kind:"editing"},readOnly:!1,takeOverEditing:()=>{},viewReadOnly:()=>{},saveConflict:null,reloadFromServer:()=>{},navigate:()=>{},pendingNav:null,cancelPendingNav:()=>{},discardAndNavigate:()=>{},saveAndNavigate:async()=>{}}),[r,v,w,h,D,l,p,A,k,N.retryNow]),q=m(()=>Pe(!C.readOnly),[C.readOnly]);return a===void 0?o("div",{className:"sf-msg",children:"Loading\u2026"}):a===null||!l?o("div",{className:"sf-msg sf-msg--error",children:"Couldn\u2019t open this section."}):o(Z.Provider,{value:C,children:o($,{themeMode:K,chromePlaceholder:!0,children:o(fe,{wrap:c.chrome?.wrap,surface:"section",children:o(ee,{children:o(te,{children:o(re,{children:o(oe,{children:o(we,{config:G,data:l,onChange:A,permissions:q,children:o(Ne,{})},r)})})})})})})})}export{Ce as default};

package/dist/components/Stats.d.ts

@@ -0,0 +1,14 @@
+interface StatItem {
+    value: string;
+    label: string;
+}
+interface StatsProps {
+    items: StatItem[];
+    contained: boolean;
+    heading?: string;
+    columns?: 2 | 3 | 4;
+    background?: string;
+    editing?: boolean;
+}
+export default function Stats({ items, contained, heading, columns, background, editing, }: StatsProps): import("react").JSX.Element;
+export {};

package/dist/components/Stats.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import m from"./BlockFrame.js";import p from"./CountUpText.js";import{renderGold as d}from"./goldPhrases.js";const f="grid grid-cols-4 gap-8 max-[800px]:grid-cols-2",u={2:"grid grid-cols-2 gap-8",3:"grid grid-cols-3 gap-8 max-[800px]:grid-cols-2",4:"grid grid-cols-4 gap-8 max-[800px]:grid-cols-2"};function h({items:o,contained:n,heading:i,columns:t,background:a,editing:c}){const g=t===void 0?f:u[t],l=e("div",{className:g,children:(o??[]).map((r,x)=>s("div",{className:"border-t border-line pt-5",children:[e("div",{className:"font-heading2 text-[length:min(var(--size-headingMedium,48px),var(--sf-heading-max,9999px))] font-medium leading-none tracking-[-0.03em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",children:c?d(r.value):e(p,{value:r.value})}),e("div",{className:"mt-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:d(r.label)})]},x))});return i===void 0&&a===void 0?e(m,{contained:n,className:"py-12",children:l}):e(m,{contained:n,className:"py-12",children:s("div",{style:a?{backgroundColor:a}:void 0,children:[i?e("div",{className:"mb-6 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:d(i)}):null,l]})})}export{h as default};

package/dist/components/StatsParagraph.d.ts

@@ -0,0 +1,21 @@
+export interface StatCardData {
+    value?: string;
+    prefix?: string;
+    suffix?: string;
+    supSuffix?: string;
+    emphasizeAll?: boolean;
+    label?: string;
+    sub?: string;
+}
+export interface StatsParagraphProps {
+    eyebrow?: string;
+    title?: string;
+    desc?: string;
+    stats?: StatCardData[];
+    background?: string;
+    padTop?: number;
+    padBottom?: number;
+    editing?: boolean;
+    omitHead?: boolean;
+}
+export default function StatsParagraph({ eyebrow, title, desc, stats, background, padTop, padBottom, editing, omitHead, ...widthProps }?: StatsParagraphProps): import("react").JSX.Element;

package/dist/components/StatsParagraph.js

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

package/dist/components/StorefrontDocumentContext.d.ts

@@ -0,0 +1,2 @@
+export { ScreenDocumentContext as StorefrontDocumentContext, ScreenDocumentProvider as StorefrontDocumentProvider, useScreenDocument as useStorefrontDocument } from "efficient-easel/screen/components/ScreenDocumentContext";
+export type { ScreenTarget as EditorTarget, SaveStatus, ScreenDocumentValue as StorefrontDocumentValue } from "efficient-easel/screen/components/ScreenDocumentContext";

package/dist/components/StorefrontDocumentContext.js

@@ -0,0 +1 @@
+"use client";import{ScreenDocumentContext as t,ScreenDocumentProvider as n,useScreenDocument as r}from"efficient-easel/screen/components/ScreenDocumentContext";export{t as StorefrontDocumentContext,n as StorefrontDocumentProvider,r as useStorefrontDocument};

package/dist/components/StorefrontEditor.d.ts

@@ -0,0 +1,19 @@
+import "efficient-easel/easel.css";
+import "efficient-easel/shell.css";
+import "efficient-easel/rail.css";
+import "efficient-easel/panel.css";
+import "efficient-easel/fields.css";
+import "efficient-easel/pick.css";
+import "efficient-easel/copy.css";
+import "efficient-easel/gold.css";
+import "efficient-easel/text-styles.css";
+import "efficient-easel/menu.css";
+import "efficient-easel/chrome.css";
+import "efficient-easel/tree.css";
+import "efficient-easel/drag.css";
+import "efficient-easel/screen.css";
+import "./storefront-editor.css";
+import { type EditorTarget } from "./StorefrontDocumentContext.js";
+export default function StorefrontEditor({ target }: {
+    target: EditorTarget;
+}): import("react").JSX.Element;

package/dist/components/StorefrontEditor.js

@@ -0,0 +1 @@
+"use client";import{jsx as d,jsxs as ct}from"react/jsx-runtime";import{useCallback as n,useEffect as p,useMemo as F,useRef as m,useState as o}from"react";import"efficient-easel/easel.css";import"efficient-easel/shell.css";import"efficient-easel/rail.css";import"efficient-easel/panel.css";import"efficient-easel/fields.css";import"efficient-easel/pick.css";import"efficient-easel/copy.css";import"efficient-easel/gold.css";import"efficient-easel/text-styles.css";import"efficient-easel/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/drag.css";import"efficient-easel/screen.css";import"./storefront-editor.css";import{buildConfig as dt}from"../lib/puck/build-config.js";import{ChromeWrap as st}from"../lib/editor-chrome.js";import{sessionRegistry as ut}from"../lib/editor-session.js";import{backendOf as G,blocksOf as lt}from"../lib/website-session.js";import{useEditorSession as ht}from"../lib/editor-session-context.js";import{withSiteBlockGapFields as mt}from"../lib/puck/site-gap-fields.js";import{withTemplateMediaPlaceholders as pt}from"../lib/puck/templateFields.js";import{setEditorPage as he}from"../lib/puck/editor-page-context.js";import{resolveSiteName as ft}from"../lib/content/site-name.js";import{normalizeSiteGutter as St,normalizeSiteWidth as gt}from"../lib/content/page-width.js";import{normalizeSiteBlockGap as wt}from"../lib/content/container-gap.js";import _t,{DocumentScreen as Ct}from"./EditorScreenMount.js";import{useStorefrontDocument as Et}from"./StorefrontDocumentContext.js";import{PreviewHeaderProvider as Tt}from"./PreviewHeaderContext.js";import{PreviewFooterProvider as yt}from"./PreviewFooterContext.js";import{PreviewChatProvider as Pt,DEFAULT_CHAT_PREVIEW as vt}from"./PreviewChatContext.js";import{PreviewSocialProvider as It}from"./PreviewSocialContext.js";import{useSocialSettings as Ht}from"./useSocialSettings.js";import{PreviewSurfaceProvider as Rt}from"./PreviewSurfaceContext.js";import{PreviewFocusProvider as Mt}from"./PreviewFocusContext.js";import{SITE_FOOTER_SLUG as Ft}from"../lib/content/footer.js";import{markFooterReturn as Gt}from"../lib/puck/footer-return.js";import{WEBSITE_ADDRESSING as bt}from"../lib/website-document-addressing.js";import{PreviewTickerProvider as kt}from"./PreviewTickerContext.js";import{PreviewPartsProvider as Dt}from"./PreviewPartsContext.js";import{PreviewLocationPartProvider as zt}from"./PreviewLocationPartContext.js";import{PreviewPartStyleProvider as At}from"./PreviewPartStyleContext.js";import{SiteMapsProvider as Wt,readSiteMapsKey as xt,writeSiteMapsKey as me,readSiteMapId as Nt,writeSiteMapId as Ot}from"../lib/maps-config.js";import{CORNER_STYLE_TO_PX as Bt,DEFAULT_HEADING_COMPRESSION as Kt,DEFAULT_HEADING_TYPOGRAPHY as Lt,DEFAULT_SWITCH_SHOWN as b,DEFAULT_SIZES as Yt,DEFAULT_THEME_MODE as E,normalizeCornerRadius as Ut,normalizeCornerStyle as jt,normalizeCardShadow as Vt,normalizeCardGap as Xt,normalizeHoverEffect as Zt,normalizeShadowColor as qt,IDENTITY_CARD_GAP as pe,IDENTITY_CARD_SHADOW as Jt,IDENTITY_HOVER_EFFECT as Qt,headingTypographyFromRow as $t,normalizeHeadingCompression as er,normalizeSizes as tr,THEME_MODE_KEY as fe,THEME_STORAGE_KEY as rr,THEME_SWITCH_HIDE as Se,THEME_SWITCH_KEY as k}from"../lib/theme.js";import{DEFAULT_FONTS as or,normalizeFonts as nr}from"../lib/fonts.js";import{WEBSITE_SCREEN as ar}from"./WebsiteScreenParts.js";import{routeWebsiteHostMessage as ir}from"../lib/website-host-inbound.js";const cr=()=>{if(typeof window>"u")return E;try{const c=window.localStorage.getItem(fe);return c==="light"||c==="dark"||c==="auto"?c:E}catch{return E}},ge=c=>{if(!(typeof window>"u"))try{window.localStorage.setItem(fe,c)}catch{}},dr=()=>{if(typeof window>"u")return b;try{return window.localStorage.getItem(k)!==Se}catch{return b}},sr=()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(rr)}catch{}},we=c=>{if(!(typeof window>"u"))try{c?window.localStorage.removeItem(k):window.localStorage.setItem(k,Se)}catch{}};function ur(){const{adapter:c,capabilities:s,templateId:D,ready:f,token:h,siteId:i,currentSlug:S,currentKind:z,data:A,getLiveData:W,footerOriginSlug:g,navigate:w}=Et();p(()=>(he(S,z),()=>he(null,null)),[S,z]);const T=s.placeholderFrames,[_e,x]=o(null),[Ce,N]=o("");p(()=>{const e=c.templateName;if(!f||!D||!e){N("");return}let r=!1;return e().then(u=>!r&&N(u??"")).catch(()=>{}),()=>{r=!0}},[f,h,D,c]);const[Ee,y]=o(E),[Te,P]=o(b),[ye,O]=o({selected:0,themes:[]}),[Pe,B]=o(or),[ve,K]=o(Yt),[Ie,L]=o(null),[He,Y]=o(Kt),[Re,U]=o(null),[Me,j]=o(null),[Fe,V]=o(pe),[Ge,X]=o(null),[be,Z]=o(null),[ke,q]=o(null),[v,J]=o(null),l=ht(),Q=F(()=>dt(ut(l),lt(l)),[l]),De=F(()=>mt(pt(Q,T),v),[Q,T,v]),[ze,$]=o(Lt),[Ae,ee]=o(null),[We,te]=o(null),re=m(null),a=m(!1);p(()=>{y(cr()),P(dr())},[]);const xe=n(e=>{a.current=!0,sr(),ge(e),y(e)},[]),Ne=n(e=>{a.current=!0,we(e),P(e)},[]),Oe=n(e=>{a.current=!0,O(e)},[]),Be=n(e=>{a.current=!0,B(e)},[]),Ke=n(e=>{a.current=!0,K(e)},[]),Le=n(e=>{a.current=!0,L(e)},[]),Ye=n(e=>{a.current=!0,Y(e)},[]),Ue=n(e=>{a.current=!0,U(e)},[]),je=n(e=>{a.current=!0,j(e)},[]),Ve=n(e=>{a.current=!0,V(e)},[]),Xe=n(e=>{a.current=!0,X(e)},[]),Ze=n(e=>{a.current=!0,$(e)},[]),qe=n(e=>{a.current=!0,Z(e)},[]),Je=n(e=>{a.current=!0,q(e)},[]),Qe=n(e=>{a.current=!0,J(e)},[]),$e=n(e=>{a.current=!0,ee(e)},[]),et=n(e=>{a.current=!0,te(e)},[]);p(()=>{const e=G(l).theme;if(!h||!s.hasSiteTheme||!e)return;const r=i??"";re.current!==r&&(re.current=r,a.current=!1);let u=!1;return e.get(i?{siteId:i}:void 0).then(t=>{u||a.current||(ge(t.default_mode),we(t.show_theme_switch),y(t.default_mode),P(t.show_theme_switch),O({selected:t.selected_preset,themes:t.theme_presets}),B(nr({heading:t.heading_font,body:t.body_font,accent:t.accent_font,label:t.label_font})),K(tr({headingLarge:t.heading_size_large_px,headingMedium:t.heading_size_medium_px,headingSmall:t.heading_size_small_px,body:t.body_size_px,label:t.label_size_px})),L(t.corner_radius_px===void 0?Bt[jt(t.corner_style)]:Ut(t.corner_radius_px)),Y(er(t.heading_compression)),U(t.card_shadow==null?Jt:Vt(t.card_shadow)),V(t.card_gap==null?pe:Xt(t.card_gap)),X(t.hover_effect==null?Qt:Zt(t.hover_effect)),j(qt(t.shadow_color)),Z(gt(t.site_width)),q(St(t.site_gutter)),J(wt(t.block_gap)),$($t(t)),ee(t.hero_background_follows_width===!0),te(t.photography_grayscale===!0))}).catch(()=>{}),()=>{u=!0}},[h,i,s.hasSiteTheme,l]);const tt=Ht({token:h,siteId:i,enabled:s.hasSiteSettings}),[rt,oe]=o(vt),ne=m(null),I=m(!1),H=m(null),_=m({}),ot=n(e=>{I.current=!0,oe(r=>({...r,...e})),!(!s.hasSiteSettings||!h)&&(_.current={..._.current,...e},H.current&&clearTimeout(H.current),H.current=setTimeout(()=>{const r=_.current;_.current={},G(l).chat?.update(r,i?{siteId:i}:void 0).catch(()=>{})},500))},[s.hasSiteSettings,h,i,l]);p(()=>{if(!h||!s.hasSiteSettings)return;const e=i??"";ne.current!==e&&(ne.current=e,I.current=!1);let r=!1;const u=G(l).chat;if(u)return u.get(i?{siteId:i}:void 0).then(t=>{r||I.current||oe({enabled:t.enabled,title:t.title,subtitle:t.subtitle,greeting:t.greeting})}).catch(()=>{}),()=>{r=!0}},[h,i,s.hasSiteSettings,l]);const[C,R]=o(""),ae=m(null),M=m(!1);p(()=>R(xt()),[]);const ie=n(e=>{const r=e.trim();if(r===C)return;M.current=!0,me(r),R(r);const u=c.updateSite;!s.canEditSiteRecord||!f||!u||u({mapsApiKey:r}).catch(()=>{})},[C,s.canEditSiteRecord,f,c]),[ce,de]=o("");p(()=>de(Nt()),[]),p(()=>{const e=c.site;if(!f||!s.hasSiteRecord||!e){x(null);return}const r=i??"";ae.current!==r&&(ae.current=r,M.current=!1);let u=!1;return e().then(t=>{if(u||(x(ft(t.name)),M.current))return;const ue=t.mapsApiKey??"";me(ue),R(ue);const le=t.mapsMapId??"";Ot(le),de(le)}).catch(()=>{}),()=>{u=!0}},[f,h,s.hasSiteRecord,i,c]);const nt=F(()=>({apiKey:C,setApiKey:ie,mapId:ce}),[C,ie,ce]),se=m(null),at=n(()=>{se.current=W()??A??null,Gt(S),w({kind:"page",slug:Ft,siteId:i??void 0,originSlug:S})},[W,A,S,w,i]),it=n(()=>{g&&w({kind:"page",slug:g,siteId:i??void 0})},[g,w,i]);return d(Ct,{config:De,parts:ar,wrap:(e,r)=>d(Tt,{websiteName:_e,templateChrome:T,templateName:Ce||null,themeMode:Ee,onThemeModeChange:xe,themeSwitchShown:Te,onThemeSwitchShownChange:Ne,theme:ye,onThemeChange:Oe,fonts:Pe,onFontsChange:Be,cornerRadiusPx:Ie,onCornerRadiusPxChange:Le,cardShadow:Re,onCardShadowChange:Ue,shadowColor:Me,onShadowColorChange:je,cardGap:Fe,onCardGapChange:Ve,hoverEffect:Ge,onHoverEffectChange:Xe,headingCompression:He,onHeadingCompressionChange:Ye,headingTypography:ze,onHeadingTypographyChange:Ze,sizes:ve,onSizesChange:Ke,siteWidth:be,onSiteWidthChange:qe,siteGutter:ke,onSiteGutterChange:Je,blockGap:v,onBlockGapChange:Qe,heroBackgroundFollowsWidth:Ae,onHeroBackgroundFollowsWidthChange:$e,photographyGrayscale:We,onPhotographyGrayscaleChange:et,themeFromDocument:!s.hasSiteTheme,children:d(Mt,{originData:g?se.current:null,originSlug:g,exitFocus:it,children:d(yt,{editFooter:at,children:d(st,{wrap:l.chrome?.wrap,surface:"page",children:d(kt,{children:d(Dt,{children:d(zt,{children:d(At,{children:ct(Wt,{value:nt,children:[d(Pt,{chat:rt,onChatChange:ot,children:d(It,{value:tt,children:d(Rt,{children:e})})}),r]})})})})})})})})})})}function lr({target:c}){return d(_t,{target:c,addressing:bt,onHostMessage:ir,children:d(ur,{})})}export{lr as default};

package/dist/components/StorefrontEditorChrome.d.ts

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

package/dist/components/StorefrontEditorChrome.js

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

package/dist/components/StorefrontLinkField.d.ts

@@ -0,0 +1,19 @@
+import type { BlogPostRow, LinkTargetPage } from "../lib/web-backend.js";
+import { type LinkFilters, type LinkPickerSetupInput } from "../lib/links/link-picker-setup.js";
+export declare const loadPages: (key?: string) => Promise<LinkTargetPage[]>;
+export declare const loadPosts: (key?: string) => Promise<BlogPostRow[]>;
+interface PickerProps {
+    value: string;
+    onChange: (value: string) => void;
+    label?: string;
+    data: LinkPickerSetupInput;
+    filters?: LinkFilters | null;
+}
+export declare function StorefrontLinkPicker({ value, onChange, label, data, filters }: PickerProps): import("react").JSX.Element;
+interface Props {
+    value?: string;
+    onChange: (value: string) => void;
+    label?: string;
+}
+export default function StorefrontLinkField({ value, onChange, label }: Props): import("react").JSX.Element;
+export {};

package/dist/components/StorefrontLinkField.js

@@ -0,0 +1 @@
+"use client";import{jsx as f,jsxs as C}from"react/jsx-runtime";import{LinkPicker as M}from"efficient-easel/fields";import{SettingsField as D}from"efficient-easel/panel";import{LinkIcon as H}from"efficient-easel/icons";import{useEffect as R,useMemo as P,useRef as O,useState as p}from"react";import{getEditorToken as q}from"../lib/editor-auth.js";import{currentEditorSession as z}from"../lib/editor-session.js";import{backendOf as T}from"../lib/website-session.js";import{useStorefrontDocument as A}from"./StorefrontDocumentContext.js";import{pagePath as G}from"../lib/links/page-link-rules.js";import{linkPickerSetup as I}from"../lib/links/link-picker-setup.js";import{useEditorSession as J}from"../lib/editor-session-context.js";import{isSystemPageSlug as K}from"../lib/content/subscribe.js";function j(i){const o=new Map;return(n="")=>{const t=q(),s=o.get(n);if(!s||s.token===null&&t!==null){const l=t||!z().usesBridgedToken?i(t??"",n).catch(()=>[]):Promise.resolve([]);return o.set(n,{promise:l,token:t}),l}return s.promise}}const N=j(async(i,o)=>{const n=o?{siteId:o}:void 0,{pages:t}=T();return t.linkTargets?t.linkTargets(n):(await t.list(n)).map(s=>({id:s.id,slug:s.slug,label:s.label,layout:null}))}),Q=j(async(i,o)=>await T().blog?.posts(o?{siteId:o}:void 0)??[]);function U({value:i,onChange:o,label:n="Link",data:t,filters:s}){const l=P(()=>I(t,s),[t,s]);return f(D,{label:n,icon:f(H,{}),children:f(M,{value:i,onChange:r=>o(r),kinds:l.kinds,rules:l.rules,filtersFor:l.filtersFor,label:n})})}function V({value:i,onChange:o,label:n="Link"}){const t=typeof i=="string"?i:"",{siteId:s,capabilities:l}=A(),{offersCommerce:r,hasBlog:a}=l,[g,y]=p([]),[S,E]=p([]),[L,_]=p([]),[k,b]=p(null),h=J().chrome,v=h?.products?.list,m=h?.linkFilters,x=m?void 0:h?.linkRow,c=O(!0);R(()=>(c.current=!0,()=>{c.current=!1}),[]),R(()=>{let e=!0;return N(s??void 0).then(u=>e&&c.current&&y(u)),a&&Q(s??void 0).then(u=>e&&c.current&&E(u)),r&&v?.().then(u=>e&&c.current&&_(u)),r&&m?m.load(s).catch(()=>null).then(u=>e&&c.current&&b(()=>u)):b(null),()=>{e=!1}},[s,r,a,v,m]);const d=P(()=>({pages:g.filter(e=>!K(e.slug)).map(e=>({slug:e.slug,title:e.label,docs:[e.layout]})),posts:a?S.map(e=>({slug:e.slug,title:e.title})):[],products:r?L.map(e=>({href:e.href,name:e.name})):[],offers:{offersCommerce:r,offersService:a}}),[g,S,L,r,a]),w=P(()=>k?k(d.pages):null,[k,d]),B=d.pages.map(e=>G(e.slug)),F=r&&x&&(t==="/"||B.includes(t))?x:void 0;return C("div",{children:[f(U,{value:t,onChange:o,label:n,data:d,filters:w}),F&&f(F,{value:t,onChange:o,pages:g})]})}export{U as StorefrontLinkPicker,V as default,N as loadPages,Q as loadPosts};

package/dist/components/StylesPanel.d.ts

@@ -0,0 +1,11 @@
+import type { RefObject } from "react";
+interface Props {
+    tokenRef: RefObject<string | null>;
+    onNotify?: (msg: string, tone?: "success" | "error") => void;
+    siteId?: string;
+    onClose: () => void;
+    tab?: string;
+    onTabChange?: (id: string) => void;
+}
+export default function StylesPanel({ tokenRef, siteId, onClose, onNotify, tab, onTabChange, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/StylesPanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import m,{useWebsiteName as c}from"./WebsiteSettingsPanel.js";import d from"./SidePanelHead.js";import{StylesIcon as f}from"efficient-easel/rail";function S({tokenRef:s,siteId:i,onClose:n,onNotify:o,tab:l,onTabChange:a}){const t=c();return r("div",{className:"sf-styles",children:[e(d,{icon:e(f,{}),title:"Site styles",context:e("span",{title:`${t} \u2014 renamed in the Console: Storefront \u25B8 Sites \u25B8 Settings.`,children:t}),onHide:n}),e("div",{className:"sf-insp-body sf-scroll",children:e(m,{tokenRef:s,siteId:i,onNotify:o,tab:l,onTabChange:a})})]})}export{S as default};

package/dist/components/SwitchToBoxFooter.d.ts

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

package/dist/components/SwitchToBoxFooter.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as d}from"react";import{createNode as b,newId as w}from"efficient-easel/data";import{useEasel as x}from"efficient-easel/easel";import{useStorefrontDocument as g}from"./StorefrontDocumentContext.js";import{boxFooterFromFooter as k}from"../lib/puck/box-footer.js";import{FOOTER_TYPE as y}from"../lib/puck/footer-blocks.js";import{SITE_FOOTER_TYPE as i,withSectionGroup as N}from"../lib/puck/section-groups.js";function S(){const{appState:c,dispatch:a,config:l}=x(t=>t),{readOnly:m}=g(),[f,s]=d(!1),n=c.data.content;if(m||n.some(t=>t.type===i))return null;const u=n.find(t=>t.type===y)??null,p=(t,o)=>b(l,t,o),h=()=>{const t=k(u,p,w(i));a({type:"setData",data:o=>({...o,content:[...N(o.content,t)]}),recordHistory:!0}),s(!1)};return r("div",{className:"sf-box-footer-switch",children:[e("p",{className:"sf-box-footer-switch-text",children:"Build this footer out of Boxes and blocks, like a page: the same menus, signup, social links and logo, with the copyright as a Legal Line. Your current footer is kept."}),f?r("div",{className:"sf-box-footer-switch-row",children:[e("button",{type:"button",className:"es-btn-primary",onClick:h,children:"Switch now"}),e("button",{type:"button",className:"es-btn-ghost",onClick:()=>s(!1),children:"Cancel"})]}):e("button",{type:"button",className:"es-btn-ghost",onClick:()=>s(!0),children:"Switch to Box footer"})]})}export{S as default};

package/dist/components/TemplateGlyph.d.ts

@@ -0,0 +1,6 @@
+export declare const TEMPLATE_GLYPH_PATH = "M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z";
+export default function TemplateGlyph({ size, className, strokeWidth, }: {
+    size?: number;
+    className?: string;
+    strokeWidth?: number;
+}): import("react").JSX.Element;

package/dist/components/TemplateGlyph.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";const n="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z";function a({size:e=15,className:r,strokeWidth:t=1.7}){return o("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:t,strokeLinecap:"round",strokeLinejoin:"round",className:r,"aria-hidden":"true",focusable:"false",children:o("path",{d:n})})}export{n as TEMPLATE_GLYPH_PATH,a as default};

package/dist/components/Testimonials.d.ts

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

package/dist/components/Testimonials.js

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

package/dist/components/Text.d.ts

@@ -0,0 +1,11 @@
+type Align = "left" | "center" | "right";
+type Tone = "default" | "dim";
+interface TextProps {
+    text: string;
+    align: Align;
+    tone: Tone;
+    contained: boolean;
+    hero?: boolean;
+}
+export default function Text({ text, align, tone, contained, hero }: TextProps): import("react").JSX.Element;
+export {};

package/dist/components/Text.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import p from"./BlockFrame.js";import{renderGold as a,splitParagraphs as m}from"./goldPhrases.js";const c={left:"text-left",center:"text-center mx-auto",right:"text-right ml-auto"},d="max-w-[380px] text-[length:var(--size-body,15px)] leading-[1.5] opacity-80 max-[800px]:text-[length:var(--size-body,14px)]",f={default:"text-fg",dim:"text-fg-dim"};function g({text:e,align:r,tone:i,contained:l,hero:n=!1}){if(n)return t("p",{className:d,children:a(e)});const s=`max-w-[680px] whitespace-pre-line text-[length:var(--size-body,17px)] leading-[1.7] ${c[r]} ${f[i]}`;return t(p,{contained:l,className:"py-4",children:m(e).map((o,x)=>t("p",{className:s,children:a(o)},x))})}export{g as default};

package/dist/components/TextStyleRow.d.ts

@@ -0,0 +1,13 @@
+import { type CSSProperties, type ReactNode } from "react";
+export interface TextStyleRowProps {
+    styleKey: string;
+    label: string;
+    icon?: ReactNode;
+    value?: ReactNode;
+    sampleStyle: CSSProperties;
+    open: boolean;
+    onToggle: () => void;
+    saved?: boolean;
+    children?: ReactNode;
+}
+export default function TextStyleRow({ styleKey, label, icon, value, sampleStyle, open, onToggle, saved, children, }: TextStyleRowProps): import("react").JSX.Element;

package/dist/components/TextStyleRow.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import{ChevronIcon as f}from"efficient-easel/icons";function h({styleKey:i,label:a,icon:t,value:s,sampleStyle:r,open:n,onToggle:d,saved:o=!1,children:c}){return l("div",{"data-sf-style-row":i,className:`sf-style-row${n?" is-open":""}`,children:[l("button",{type:"button",className:"sf-style-head","aria-expanded":n,onClick:d,children:[e("span",{className:"sf-style-caret","aria-hidden":"true",children:e(f,{size:13})}),t?e("span",{className:"es-field-icon",children:t}):null,e("span",{className:"sf-style-name",children:a}),s!=null?e("span",{className:"sf-style-sample",style:r,title:typeof s=="string"?s:void 0,children:s}):null,e("span",{className:`sf-style-slot${o?" is-saved":""}`,children:e(m,{})})]}),n&&e("div",{className:"sf-style-body",children:c})]})}function m(){return e("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e("polyline",{points:"20 6 9 17 4 12"})})}export{h as default};

package/dist/components/TextStylesField.d.ts

@@ -0,0 +1,17 @@
+import { type FontRole, type FontsValue } from "../lib/fonts.js";
+import { type SizeStep, type HeadingCompression, type ResolvedHeadingTypography, type SizesValue } from "../lib/theme.js";
+export interface TextStylesFieldProps {
+    fonts: FontsValue;
+    sizes: SizesValue;
+    compression: HeadingCompression;
+    headingTypography: ResolvedHeadingTypography;
+    openRole: string | null;
+    onOpenRole: (key: string | null) => void;
+    onFontChange: (role: FontRole, key: string) => void;
+    onSizeChange?: (step: SizeStep, v: number | null) => void;
+    onCompressionChange: (v: HeadingCompression) => void;
+    onHeadingTypographyChange: (v: ResolvedHeadingTypography) => void;
+    livePx?: (role: FontRole) => number | null;
+    savedRole?: string | null;
+}
+export default function TextStylesField({ fonts, compression, headingTypography, openRole, onOpenRole, onFontChange, sizes, onSizeChange, onCompressionChange, onHeadingTypographyChange, livePx, savedRole, }: TextStylesFieldProps): import("react").JSX.Element;

package/dist/components/TextStylesField.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as I,Fragment as T}from"react/jsx-runtime";import{SettingsField as v}from"efficient-easel/panel";import{AccentIcon as G,CaseIcon as M,StylesIcon as D,TextLinesIcon as C,TextSizeIcon as m,TextSmallIcon as X,TypeIcon as B,WeightIcon as $}from"efficient-easel/icons";import{PartResetDot as x}from"./PartSettingsPanel.js";import W from"./TextStyleRow.js";import{DEFAULT_FONTS as L,FONT_CATEGORY_LABELS as k,fontItalicIsUsable as R,fontOption as E,fontsByCategory as z,isHeadingRole as p}from"../lib/fonts.js";import{compressionMetrics as K,DEFAULT_HEADING_COMPRESSION as H,HEADING_MAX_PX_MAX as j,HEADING_MAX_PX_MIN as Z,HEADING_WEIGHT_MAX as U,HEADING_WEIGHT_MIN as V,TEXT_SIZE_MAX as Y,TEXT_SIZE_MIN as q,SIZE_STEPS as O,TEXT_SIZE_STEP as J}from"../lib/theme.js";const Q=[{role:"heading",title:"Heading 1",group:"heading",step:"headingLarge",base:17,icon:t(m,{})},{role:"heading2",title:"Heading 2",group:"heading",step:"headingMedium",base:15,icon:t(m,{})},{role:"heading3",title:"Heading 3",group:"heading",step:"headingSmall",base:13,icon:t(m,{})},{role:"accent",title:"Accent",step:"accent",base:15,icon:t(G,{})},{role:"body",title:"Body",group:"body",step:"body",base:14,icon:t(C,{})},{role:"label",title:"Labels",group:"label",step:"label",base:11,icon:t(X,{})}];function Ie(l){return l==="heading"?O.filter(s=>s.startsWith("heading")):O.filter(s=>s===l)}const w=9,f=500,ee=100,te=80,le=4,ne=600,ae=700,ie=400,se="0.18em";function oe({id:l,value:s,onChange:n}){return t("select",{id:l,className:"sf-select w-full min-w-0",value:s,onChange:i=>n(i.target.value),style:{fontFamily:`var(${E(s)?.cssVar??"--font-body"})`},children:z().map(([i,c])=>t("optgroup",{label:k[i],children:c.map(a=>t("option",{value:a.key,children:a.label},a.key))},i))})}function ce({label:l,icon:s,readout:n,min:i,max:c,step:a,value:u,onChange:o,action:h,hint:d}){return t(v,{label:l,icon:s,value:n,action:h,hint:d,children:t("input",{type:"range",min:i,max:c,step:a,value:u,onChange:g=>o(Number(g.target.value)),className:"h-1 w-full cursor-pointer","aria-label":l})})}function y({label:l,icon:s,value:n,fallback:i,min:c,max:a,step:u,suffix:o="",hint:h,onChange:d}){const g=n===null;return t(ce,{label:l,icon:s,readout:g?"Auto":`${n}${o}`,min:c,max:a,step:u,value:g?i:n,onChange:d,action:g?null:t(x,{label:l,what:"change",onClear:()=>d(null)}),hint:h})}function P({label:l,icon:s,options:n,value:i,onChange:c,hint:a,action:u}){return t(v,{label:l,icon:s,value:n.find(o=>o.value===i)?.label,hint:a,action:u,children:t("div",{className:"sf-rungs",children:n.map(o=>t("button",{type:"button","aria-pressed":o.value===i,onClick:()=>c(o.value),className:`sf-rung${o.value===i?" is-active":""}`,children:o.label},o.value))})})}const re=[{value:"authored",label:"As designed"},{value:"sentence",label:"As typed"}],ue=[{value:"normal",label:"Normal"},{value:"tight",label:"Tight"},{value:"compressed",label:"Compressed"}];function he({fontKey:l,weight:s,fallbackWeight:n,onWeight:i}){const a=(s??n)>=ne,u=R(l),o=E(l)?.label??"This face";return t(v,{label:"Style",icon:t(D,{}),value:a?"Bold":"Normal",hint:"Bold is the weight above \u2014 one value, two ways to set it.",children:I("div",{className:"sf-rungs",children:[t("button",{type:"button","aria-pressed":a,"aria-label":"Bold",title:"Bold",onClick:()=>i(a?ie:ae),className:`sf-rung sf-rung--glyph${a?" is-active":""}`,style:{fontWeight:700},children:"B"}),t("button",{type:"button","aria-pressed":!1,"aria-label":"Italic",disabled:!0,title:u?"Italic is not saved yet \u2014 the theme row has no column for it (card 66162.b).":`${o} is loaded without an italic, so it cannot be set in italic. Slanting it would deform the letters rather than style them.`,className:"sf-rung sf-rung--glyph",style:{fontStyle:"italic"},children:"I"})]})})}function de({fonts:l,compression:s,headingTypography:n,openRole:i,onOpenRole:c,onFontChange:a,sizes:u,onSizeChange:o,onCompressionChange:h,onHeadingTypographyChange:d,livePx:g,savedRole:F=null}){const b=e=>d({...n,...e}),S=e=>e==="accent"?"weightStrong":e==="heading2"?"weight2":e==="heading3"?"weight3":"weight",_=e=>e==="heading2"?"case2":e==="heading3"?"case3":"case",A=K(s);return t("div",{className:"sf-style-list",children:Q.map(e=>{const N=i===e.role;return t(W,{styleKey:e.role,label:e.title,icon:e.icon,value:E(l[e.role])?.label??l[e.role],sampleStyle:ge(e,l,n,A),open:N,onToggle:()=>c(N?null:e.role),saved:F===e.role,children:N&&I(T,{children:[t(v,{label:"Font",icon:t(B,{}),htmlFor:`sf-font-${e.role}`,action:l[e.role]===L[e.role]?null:t(x,{label:"Font",what:"change",onClear:()=>a(e.role,L[e.role])}),children:t(oe,{id:`sf-font-${e.role}`,value:l[e.role],onChange:r=>a(e.role,r)})}),e.step&&o&&t(y,{label:"Size",icon:t(m,{}),value:u[e.step],fallback:e.base*2,min:q,max:Y,step:J,suffix:"px",hint:u[e.step]===null?"Auto = this style states no size, and text following it keeps the size its section drew.":"The size a text takes when you set it to follow this style. Sections keep their own sizes.",onChange:r=>o(e.step,r)}),(p(e.role)||e.role==="accent")&&I(T,{children:[t(y,{label:"Weight",icon:t($,{}),value:n[S(e.role)],fallback:p(e.role)?f:n.weight??f,min:V,max:U,step:ee,hint:e.role==="accent"?"Auto = the accent phrase takes the heading's own weight.":void 0,onChange:r=>b({[S(e.role)]:r})}),t(he,{fontKey:l[e.role],weight:n[S(e.role)],fallbackWeight:p(e.role)?f:n.weight??f,onWeight:r=>b({[S(e.role)]:r})})]}),p(e.role)&&I(T,{children:[t(P,{label:"Line & text gap",icon:t(C,{}),options:ue,value:s,onChange:h,hint:A.lineHeight===void 0?"The built-in spacing.":`Line gap ${A.lineHeight} \xB7 text gap ${A.letterSpacing}em.`,action:s===H?null:t(x,{label:"Line & text gap",what:"change",onClear:()=>h(H)})}),t(P,{label:"Capitals",icon:t(M,{}),options:re,value:n[_(e.role)],onChange:r=>b({[_(e.role)]:r}),hint:"The only setting that changes a heading's capitals.",action:n[_(e.role)]==="authored"?null:t(x,{label:"Capitals",what:"change",onClear:()=>b({[_(e.role)]:"authored"})})}),t(y,{label:"Largest size",icon:t(m,{}),value:n.maxPx,fallback:te,min:Z,max:j,step:le,suffix:"px",hint:"Caps the biggest heading on the site. Auto = each section's own.",onChange:r=>b({maxPx:r})})]})]})},e.role)})})}function ge(l,s,n,i){const c=Math.max(w,l.base),a={fontFamily:`var(${E(s[l.role])?.cssVar??"--font-body"})`,fontSize:`${c.toFixed(1)}px`,lineHeight:1.15};return p(l.role)?(a.fontWeight=n.weight??f,a.textTransform=n.case==="sentence"?"none":"uppercase",i.letterSpacing!==void 0&&(a.letterSpacing=`${i.letterSpacing}em`)):l.role==="accent"?(a.fontWeight=n.weightStrong??n.weight??f,i.letterSpacing!==void 0&&(a.letterSpacing=`${i.letterSpacing}em`)):l.role==="label"&&(a.textTransform="uppercase",a.letterSpacing=se),a}export{de as default};

package/dist/components/ThemeCard.d.ts

@@ -0,0 +1,40 @@
+import { type ThemeColorKey, type ThemeColors } from "../lib/theme.js";
+export declare const themeName: (index: number) => string;
+export declare function ThemePreview({ colors }: {
+    colors: ThemeColors;
+}): import("react").JSX.Element;
+export declare function ThemeColourRow({ label, colorKey, value, onChange, idPrefix, }: {
+    label: string;
+    colorKey: ThemeColorKey;
+    value: string;
+    onChange: (key: ThemeColorKey, color: string) => void;
+    idPrefix?: string;
+}): import("react").JSX.Element;
+export declare function ThemeColourRows({ colors, onChange, idPrefix, }: {
+    colors: ThemeColors;
+    onChange: (next: ThemeColors) => void;
+    idPrefix?: string;
+}): import("react").JSX.Element;
+export declare function ThemeCard({ index, colors, selected, role, open, editable, onPick, onEdit, onChangeColors, }: {
+    index: number;
+    colors: ThemeColors;
+    selected: boolean;
+    role?: "radio" | "option";
+    open?: boolean;
+    editable?: boolean;
+    onPick: () => void;
+    onEdit?: () => void;
+    onChangeColors?: (next: ThemeColors) => void;
+}): import("react").JSX.Element;
+export declare function ThemeCardTrigger({ colors, name, nameId, open, menuId, labelId, buttonRef, onClick, onKeyDown, onEdit, }: {
+    colors?: ThemeColors;
+    name: string;
+    nameId: string;
+    open: boolean;
+    menuId: string;
+    labelId: string;
+    buttonRef?: React.Ref<HTMLButtonElement>;
+    onClick: () => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
+    onEdit?: () => void;
+}): import("react").JSX.Element;

package/dist/components/ThemeCard.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as l,Fragment as S}from"react/jsx-runtime";import{SettingsField as b,SettingsGroupSub as F}from"efficient-easel/panel";import _ from"./ThemeColourField.js";import{ColourControl as f}from"../lib/puck/ColourControl.js";import{ButtonIcon as L,GroundIcon as O,LayoutIcon as A,SquareIcon as D,TextSmallIcon as j,TypeIcon as C}from"efficient-easel/icons";import{DEFAULT_THEMES as x,GRADE_LABEL as B,contrastRatio as $,gradeContrast as I,normalizeThemeColors as p,resolvedButtonInk as T,themeButtonColour as v,themeButtonInk as P}from"../lib/theme.js";const w=t=>`Theme ${t+1}`;function E({colors:t}){const n=p(t),a=v(t)??n.accent;return l("span",{className:"sf-theme-page",style:{background:n.background,color:n.text},"aria-hidden":!0,children:[e("span",{className:"sf-theme-eyebrow",style:{color:n.muted},children:"label"}),l("span",{className:"sf-theme-headline",children:["Heading ",e("span",{style:{color:n.accent},children:"accent"})]}),e("span",{className:"sf-theme-body",children:"body text"}),l("span",{className:"sf-theme-row",children:[e("span",{className:"sf-theme-btn",style:{background:a,color:T(t,n.accent)},children:"button"}),e("span",{className:"sf-theme-mini",style:{background:n.surface,borderColor:n.line},children:"card"})]})]})}const k={"Text color":e(C,{}),"Label color":e(j,{}),Background:e(O,{}),"Panels & cards":e(A,{}),Borders:e(D,{}),"Button color":e(L,{}),"Button text color":e(C,{})};function G({label:t,colorKey:n,value:a,onChange:s,idPrefix:o="sf-theme-ink"}){const c=`${o}-${n}`;return e(b,{label:t,icon:k[t],htmlFor:c,action:e(f,{id:c,label:t,value:a,onChange:r=>s(n,r)})})}function H({value:t,accent:n,onChange:a,idPrefix:s="sf-theme-ink"}){const o=`${s}-button`,c=/^#[0-9a-fA-F]{6}$/.test(t??""),r=c?t:n;return e(b,{label:"Button color",icon:k["Button color"],htmlFor:o,action:e(f,{id:o,label:"Button color",value:r,caption:c?r:"Main",onChange:a})})}function M({colors:t,accent:n,onChange:a,idPrefix:s="sf-theme-ink"}){const o=`${s}-button-ink`,c=P(t),r=T(t,n),i=v(t)??n,u=I($(r,i)??0);return e(b,{label:"Button text color",icon:k["Button text color"],hint:c&&u!=="good"?`${B[u]} on the button`:void 0,htmlFor:o,action:e(f,{id:o,label:"Button text color",value:r,caption:c?r:"Auto",onChange:a})})}const J=[{colour:!0},{label:"Text color",key:"text"},{label:"Label color",key:"muted"},{button:!0},{buttonInk:!0},{group:"Surfaces"},{label:"Background",key:"background"},{label:"Panels & cards",key:"surface"},{label:"Borders",key:"line"}];function U({colors:t,onChange:n,idPrefix:a}){const s=p(t);return e(S,{children:J.map(o=>"colour"in o?e(_,{value:t,onChange:n},"colour"):"group"in o?e(F,{title:o.group},o.group):"button"in o?e(H,{value:t.button,accent:s.accent,onChange:c=>n({...t,button:c}),idPrefix:a},"button"):"buttonInk"in o?e(M,{colors:t,accent:s.accent,onChange:c=>n({...t,buttonInk:c}),idPrefix:a},"buttonInk"):e(G,{label:o.label,colorKey:o.key,value:s[o.key],onChange:(c,r)=>n({...t,[c]:r}),idPrefix:a},o.key))})}function X({index:t,colors:n,selected:a,role:s="radio",open:o,editable:c=!0,onPick:r,onEdit:i,onChangeColors:u}){const d=p(n),m=w(t),h=t<x.length&&!n.brandInk?x[t]:null,g=I($(d.text,d.background)??0),y=h?JSON.stringify(n)!==JSON.stringify(h):!1,N=o!==void 0;return l("div",{className:`sf-theme-card${a?" is-selected":""}`,children:[e("button",{type:"button",role:s,"aria-checked":s==="radio"?a:void 0,"aria-selected":s==="option"?a:void 0,"aria-label":m,className:"sf-theme-pick",onClick:r,children:e(E,{colors:n})}),l("div",{className:"sf-theme-foot",children:[e("span",{className:"sf-theme-name",children:m}),g!=="good"&&e("span",{className:"sf-theme-warn",children:B[g]}),c&&i&&e("button",{type:"button",className:`sf-theme-edit${o?" is-open":""}`,"aria-expanded":N?o:void 0,"aria-controls":N?`sf-theme-colours-${t}`:void 0,"aria-label":`${o?"Done":"Edit"} ${m}`,onClick:i,children:o?"Done":"Edit"})]}),o&&l("div",{id:`sf-theme-colours-${t}`,className:"sf-theme-colours",children:[e(U,{colors:n,onChange:R=>u?.(R)}),h&&e("button",{type:"button",className:"sf-theme-reset",disabled:!y,onClick:()=>u?.({...h}),children:y?`Reset ${m} to the preset`:"Not changed"})]})]})}function Y({colors:t,name:n,nameId:a,open:s,menuId:o,labelId:c,buttonRef:r,onClick:i,onKeyDown:u,onEdit:d}){return l("div",{className:"sf-secttheme-btn",children:[e("button",{ref:r,type:"button",className:"sf-theme-pick","aria-expanded":s,"aria-controls":o,"aria-labelledby":`${c} ${a}`,onClick:i,onKeyDown:u,children:t?e(E,{colors:t}):e("span",{className:"sf-secttheme-nopreview","aria-hidden":"true"})}),l("div",{className:"sf-theme-foot",children:[e("span",{id:a,className:"sf-theme-name",children:n}),d&&e("button",{type:"button",className:"sf-theme-edit","aria-label":`Edit ${n}`,onClick:d,children:"Edit"}),e("button",{type:"button",className:"sf-secttheme-caret","aria-hidden":"true",tabIndex:-1,onClick:i,children:e("span",{className:"sf-multi-caret",children:"\u25BE"})})]})]})}export{X as ThemeCard,Y as ThemeCardTrigger,G as ThemeColourRow,U as ThemeColourRows,E as ThemePreview,w as themeName};

package/dist/components/ThemeColourField.d.ts

@@ -0,0 +1,5 @@
+import { type ThemeColors } from "../lib/theme.js";
+export default function ThemeColourField({ value, onChange, }: {
+    value: ThemeColors;
+    onChange: (next: ThemeColors) => void;
+}): import("react").JSX.Element;

package/dist/components/ThemeColourField.js

@@ -0,0 +1 @@
+"use client";import{jsx as o,jsxs as d}from"react/jsx-runtime";import{SettingsField as f}from"efficient-easel/panel";import{AccentIcon as h}from"efficient-easel/icons";import{GRADE_LABEL as u,contrastRatio as i,darkerAccents as m,gradeContrast as g,normalizeThemeColors as p}from"../lib/theme.js";import{ColourControl as b}from"../lib/puck/ColourControl.js";function c(e){return p(e).background}function y(e){const r=i(e.accent,c(e));return r===null?null:{ratio:r,grade:g(r)}}function k(e){const r=c(e),t=i(e.accent,r);return t===null?[]:m(e.accent).filter(s=>{const a=i(s,r);return a!==null&&a>t&&g(a)==="good"})}const A={good:"Easy to read","large-only":u["large-only"],hard:u.hard};function C({value:e,onChange:r}){const t=y(e),s=t?.grade,a=t&&t.grade!=="good"?k(e):[];return o(f,{label:"Main color",icon:o(h,{}),hint:t?A[t.grade]:void 0,action:o(b,{value:e.accent,onChange:n=>r({...e,accent:n}),label:"Main color"}),children:a.length>0?o("div",{className:"w-full min-w-0",children:d("div",{className:"sf-readability",children:[o("p",{className:"sf-readability-advice",children:E(s,!0)}),o("div",{className:"sf-readability-suggestions",children:a.map(n=>{const l=i(n,c(e));return d("button",{type:"button",className:"sf-readability-suggestion",onClick:()=>r({...e,accent:n}),title:`Use ${n.toUpperCase()}`,children:[o("span",{className:"sf-readability-chip",style:{background:n},"aria-hidden":!0}),l?`${l.toFixed(1)}:1`:n.toUpperCase()]},n)})})]})}):null})}function E(e,r){return e?e==="good"?"This color reads clearly on your pages.":r?"This color is hard to read on this theme's page. The buttons below are the same hue, darkened.":"This color is hard to read on your page background. Pick one further from it \u2014 lighter if your pages are dark, deeper if they are light.":"Pick a color to see how it reads."}export{C as default};

package/dist/components/ThemeField.d.ts

@@ -0,0 +1,8 @@
+import { type ThemeValue } from "../lib/theme.js";
+export declare const RESET_COLOUR_LABEL = "Reset color";
+export declare const CLEARED_THEME: ThemeValue;
+export declare function commitClearedTheme(onChange: (v: ThemeValue) => void): void;
+export default function ThemeField({ value, onChange, }: {
+    value?: ThemeValue;
+    onChange: (v: ThemeValue) => void;
+}): import("react").JSX.Element;

package/dist/components/ThemeField.js

@@ -0,0 +1 @@
+"use client";import{jsx as s,jsxs as i,Fragment as _}from"react/jsx-runtime";import{useState as d}from"react";import{SettingsDefaultReset as k,SettingsField as w}from"efficient-easel/panel";import{iconOf as S,noGlyph as L}from"../lib/puck/controls.js";import{ThemeCard as j}from"./ThemeCard.js";import{ClearColoursDialog as v}from"./ClearColoursDialog.js";import{BRAND_INKS as A,brandTheme as B,normalizeTheme as D,normalizeThemeColors as F,selectedThemeColors as G}from"../lib/theme.js";const I=L("the row's whole content is an action; the gutter names a subject and this row has none \u2014 the button's label is the name GG, 2026-09-23");function N(){return s("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:s("path",{d:"M12 5v14M5 12h14"})})}const O="Reset color",P={selected:0,themes:[]};function M(r){r(P)}function y({value:r,onChange:o}){const c=r?.themes??[],f=c.length===0,t=D(r),[u,m]=d(!1),[p,h]=d(null),g=(e,n)=>{o({...t,themes:t.themes.map((l,R)=>R===e?n:l)})},b=G(t).accent,T=new Set(t.themes.map(e=>e.brandInk).filter(Boolean)),x=A.filter(e=>!T.has(e)).map(e=>B(b,e)),a=[...t.themes,...x],C=e=>{if(e<t.themes.length)return o({...t,selected:e});const n=[...t.themes,a[e]];o({...t,themes:n,selected:n.length-1})},E=()=>{const e=[...t.themes,{...F(t.themes[t.selected])}];o({...t,themes:e,selected:e.length-1}),h(e.length-1)};return i(_,{children:[f?null:s(w,{label:O,icon:S(I),labelId:"sf-theme-reset",action:s(k,{label:"all theme colors",changed:!0,onReset:()=>m(!0)})}),u&&s(v,{count:c.length,onCancel:()=>m(!1),onConfirm:()=>{m(!1),M(o)}}),s("div",{className:"sf-theme-list",role:"radiogroup","aria-label":"Theme",children:a.map((e,n)=>s(j,{index:n,colors:e,selected:n===t.selected,open:p===n&&n<t.themes.length,editable:n<t.themes.length,onPick:()=>C(n),onEdit:()=>h(l=>l===n?null:n),onChangeColors:l=>g(n,l)},n))}),i("button",{type:"button",onClick:E,className:"sf-theme-add",children:[s(N,{}),"Add new theme"]})]})}export{P as CLEARED_THEME,O as RESET_COLOUR_LABEL,M as commitClearedTheme,y as default};

package/dist/components/Ticker.d.ts

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

package/dist/components/Ticker.js

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

package/dist/components/TickerSection.d.ts

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

package/dist/components/TickerSection.js

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

package/dist/components/TickerSettingsPanel.d.ts

@@ -0,0 +1,3 @@
+export default function TickerSettingsPanel({ heroId }: {
+    heroId: string;
+}): import("react").JSX.Element;