efficient-storefront-blocks 0.56.0 → 0.58.0

package/dist/render/components/ConsentProvider.js

@@ -0,0 +1 @@
+"use client";import{jsx as l,jsxs as g}from"react/jsx-runtime";import{useCallback as m,useEffect as u,useMemo as h,useState as c}from"react";import{safeLocalStorage as O}from"efficient-web-builder/format/lib/safe-storage";import{bannerWords as w,CONSENT_RULES as x,visitorRegion as E}from"../lib/consent/rules.js";import{browserSendsGpc as N,NOT_ASKED as P,readStoredChoice as R,resolveConsent as T,setConsent as _,writeStoredChoice as j}from"../lib/consent/choice.js";import{COUNTRY_STORAGE_KEY as A,useActiveCountry as H}from"./CurrencyContext.js";import{ConsentBannerView as k}from"./ConsentBanner.js";import{ConsentPanelView as D}from"./ConsentPanel.js";import{ConsentControlsContext as G,ConsentStateContext as I,PENDING as K}from"./ConsentContext.js";function L(){try{return Intl.DateTimeFormat().resolvedOptions().timeZone??""}catch{return""}}function z({consent:o,children:f}){const[e,d]=c(o.enabled?K:P),[t,C]=c(!o.enabled),[p,r]=c(!1),v=H(),a=m(()=>{const i=E(L(),O.getItem(A));return T({asked:o.enabled,region:i,stored:R(),gpc:N()})},[o.enabled]);u(()=>{d(a()),C(!0)},[a,v]),u(()=>{_(e)},[e]);const n=m(i=>{j(i),d(a()),r(!1)},[a]),s=x[e.region],y=h(()=>({state:e,rule:s,ready:t,openPanel:()=>r(!0)}),[e,s,t]),b=o.enabled&&t&&e.model==="opt-in"&&!e.chosen,S=o.enabled&&t&&e.model==="opt-out"&&!e.chosen&&!e.gpc&&o.noticeOptOut;return l(I.Provider,{value:e,children:g(G.Provider,{value:y,children:[f,(b||S)&&!p&&l(k,{model:e.model,words:w(s,o.brand,o.tags),layout:o.layout,privacyHref:o.privacyHref,onAccept:()=>n({analytics:!0,ads:!0}),onReject:()=>n({analytics:!1,ads:!1}),onChoose:()=>r(!0)}),o.enabled&&t&&l(D,{open:p,rule:s,analytics:e.analytics,ads:e.ads,gpc:e.gpc,privacyHref:o.privacyHref,onSave:n,onClose:()=>r(!1)})]})})}export{z as ConsentProvider};

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

@@ -0,0 +1,33 @@
+import { type ReactNode } from "react";
+import type { Form } from "../lib/api/index.js";
+import { type ContactChannel, type RoutingGroup } from "efficient-web-builder/format/lib/content/contact";
+export declare function channelHref(c: ContactChannel): string | undefined;
+export declare function mergeChannelsForPhone(channels: ContactChannel[]): ContactChannel[];
+export declare function topicFieldOf(form: Pick<Form, "fields"> | null | undefined, groups: Pick<RoutingGroup, "id" | "title">[], otherLabel?: string): {
+    key: string;
+    optionFor: (id: string) => string | undefined;
+    idFor: (option: string) => string | undefined;
+} | null;
+export interface ContactRoutingProps {
+    routingNumber?: string;
+    routingTagline?: string;
+    groups: RoutingGroup[];
+    formNumber?: string;
+    formHeading?: string;
+    metaLines?: string[];
+    showOther?: boolean;
+    otherLabel?: string;
+    otherNoteTitle?: string;
+    otherNoteBody?: string;
+    buttonText?: string;
+    consent?: string;
+    channels?: ContactChannel[];
+    formSlug?: string;
+    form?: Form | null;
+    editing?: boolean;
+    initialActiveId?: string;
+    onActiveChange?: (id: string) => void;
+    reasonExtras?: (activeId: string) => ReactNode;
+}
+export declare const fieldClass: string;
+export default function ContactRouting({ routingNumber, routingTagline, groups, formNumber, formHeading, metaLines, showOther, otherLabel, otherNoteTitle, otherNoteBody, buttonText, consent, channels, formSlug, form: injectedForm, editing, initialActiveId, onActiveChange, reasonExtras, }: ContactRoutingProps): import("react").JSX.Element;

package/dist/render/components/ContactRouting.js

@@ -0,0 +1 @@
+"use client";import{jsx as n,jsxs as l,Fragment as Y}from"react/jsx-runtime";import A from"./SectionBand.js";import{useEffect as F,useState as M}from"react";import{OTHER_REASON_ID as h}from"efficient-web-builder/format/lib/content/contact";import{FormFieldInput as T,FormHoneypot as ee,successMessageFor as ne,useBoundForm as te,useFormSubmission as ae}from"./formSubmission.js";import re from"efficient-web-builder/render/components/SectionEyebrow";import le,{FieldCaption as oe}from"./WebFormField.js";import{scrollBehavior as ie}from"efficient-web-builder/render/components/useReducedMotion";import{renderChrome as L,renderGold as $,renderHeadline as se,splitParagraphs as ce}from"efficient-web-builder/render/components/goldPhrases";import{say as q}from"efficient-web-builder/format/lib/editor-words";import{phoneHref as de}from"efficient-web-builder/format/lib/links/phone-href";const t={bodySmall:"text-[length:var(--size-body,14px)]",body:"text-[length:var(--size-body,15px)]",bodyLarge:"text-[length:var(--size-body,18px)]",headingSmall1:"text-[length:var(--size-headingSmall,24px)]",headingSmall2:"text-[length:var(--size-headingSmall,26px)]",labelXs:"text-[length:var(--size-label,10px)]",labelSmall:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]",labelXl:"text-[length:var(--size-label,14px)]"};function P(p){if(p.href)return p.href;const o=(p.value??"").trim();if(o.includes("@"))return`mailto:${o}`;if(/^\+?[\d\s().-]{6,}$/.test(o))return de(o)}function me(p){const o=[],f=new Map;for(const r of p){if(!r.groupId){o.push(r);continue}const d=r.value.trim().toLowerCase(),u=f.get(d);if(u)u.label=`${u.label} · ${r.label}`;else{const b={...r};f.set(d,b),o.push(b)}}return o}function pe(p,o,f){const r=d=>String(d??"").trim().toLowerCase();for(const d of p?.fields??[]){if(d.type!=="select"||!Array.isArray(d.options))continue;const u=d.options.map(String);if(!o.some(s=>u.some(m=>r(m)===r(s.title))))continue;const b=s=>r(s===h?f:o.find(m=>m.id===s)?.title);return{key:d.key,optionFor:s=>u.find(m=>r(m)===b(s)&&b(s)!==""),idFor:s=>{const m=o.find(S=>r(S.title)===r(s));return m?m.id:f&&r(s)===r(f)?h:void 0}}}return null}const B=`border-b border-line bg-transparent py-4 font-display ${t.bodyLarge} tracking-[0.01em] text-fg outline-none transition-colors focus:border-accent`;function fe({routingNumber:p,routingTagline:o,groups:f,formNumber:r,formHeading:d,metaLines:u,showOther:b=!0,otherLabel:s="Other",otherNoteTitle:m,otherNoteBody:S,buttonText:O,consent:_,channels:V,formSlug:R,form:D,editing:C,initialActiveId:y,onActiveChange:H,reasonExtras:G}){const k=[...f.map(e=>e.id),...b?[h]:[]],W=y&&k.includes(y)?y:k[0]??h,[g,w]=M(W);F(()=>{k.includes(g)||w(k[0]??h)},[k.join("|")]),F(()=>{y&&k.includes(y)&&w(y)},[y]);const v=te(R,D),c=ae({form:v,formSlug:R,editing:C}),x=pe(v,f,b?s:void 0),z=e=>{w(e),I(null);const a=x?.optionFor(e);x&&a!==void 0&&c.set(x.key,a),H?.(e)};F(()=>{if(!x||c.valueOf(x.key))return;const e=x.optionFor(g);e!==void 0&&c.set(x.key,e)},[x?.key]);const[X,I]=M(null),N=(V??[]).filter(e=>!e.hidden),Z=e=>X!==null?!e.groupId&&e.value===X:e.groupId===g,J=v===void 0,E=!!v||!!C,[K,Q]=M(!1);return F(()=>{const e=()=>Q(document.documentElement.getAttribute("data-theme")==="light");e();const a=new MutationObserver(e);return a.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>a.disconnect()},[]),l(Y,{children:[l(A,{className:"border-b border-line py-[60px]",style:K?void 0:{background:"var(--section-bg)"},children:[(p||o)&&l("div",{className:"mb-6 flex items-center gap-6 border-b border-line pb-6",children:[p&&n(re,{text:p}),o&&n("span",{className:`font-display ${t.bodySmall} uppercase tracking-[0.04em] text-fg-dim`,children:$(o)})]}),n("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=>{const a=g===e.id;return l("button",{type:"button",onClick:()=>{z(e.id),typeof window<"u"&&window.matchMedia("(max-width: 1100px)").matches&&document.getElementById("contact-form")?.scrollIntoView({behavior:ie(),block:"start"})},className:["flex min-h-[240px] cursor-pointer flex-col gap-4 px-8 py-10 text-left transition-colors",a?"bg-surface outline outline-2 -outline-offset-2 outline-accent":"bg-bg hover:bg-surface"].join(" "),children:[e.eyebrow&&n("span",{className:`font-mono ${t.labelSmall} uppercase tracking-[0.24em] text-accent`,children:e.eyebrow}),n("h3",{className:`whitespace-pre-line font-heading3 ${t.headingSmall2} font-medium uppercase leading-[1.05] tracking-[-0.02em]`,children:e.title}),e.copy&&n("p",{className:`mt-auto font-display ${t.bodySmall} leading-[1.5] text-fg-dim`,children:e.copy}),e.response&&l("div",{className:`mt-2 flex justify-between border-t border-line pt-4 font-mono ${t.labelSmall} uppercase tracking-[0.22em] text-fg-dim`,children:[n("span",{children:"Response"}),n("strong",{className:"font-normal text-fg",children:e.response})]})]},e.id)})})]}),(E||N.length>0)&&n("section",{id:"contact-form",className:"scroll-mt-[80px] border-b border-line py-20 max-[1100px]:py-[60px]",children:l("div",{className:["mx-auto grid max-w-[var(--sf-site-width,1600px)] gap-20 px-[var(--sf-site-gutter,40px)] max-[1100px]:grid-cols-1 max-[1100px]:gap-[60px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",E&&N.length>0?"grid-cols-[1.3fr_1fr]":"grid-cols-1"].join(" "),children:[E&&l("div",{children:[l("div",{className:"mb-8 flex items-end justify-between gap-6 border-b border-line pb-6",children:[l("div",{children:[r&&n("div",{className:`pb-2 font-mono ${t.labelLarge} uppercase tracking-[0.3em] text-accent`,children:$(r)}),d&&n("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(36px,4vw,56px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:se(d,!0)})]}),!!(u&&u.length)&&n("div",{className:`text-right font-mono ${t.labelSmall} uppercase leading-[1.8] tracking-[0.22em] text-fg-dim max-[700px]:text-left`,children:u.map((e,a)=>n("div",{children:e},a))})]}),v?c.done?n("div",{className:`border border-accent bg-accent/[0.08] p-8 font-display ${t.body} leading-[1.6] text-fg-dim`,children:ne(v,"Thanks — we've received your message.")}):l("form",{className:"grid grid-cols-2 gap-5 max-[700px]:grid-cols-1",onSubmit:c.handleSubmit,children:[v.fields.map(e=>n(le,{label:e.label,required:e.required,className:e.type==="textarea"||e.type==="checkbox"?"col-span-2 max-[700px]:col-span-1":void 0,children:n(T,{field:e,value:c.valueOf(e.key),onChange:a=>{c.set(e.key,a);const i=x&&e.key===x.key?x.idFor(a):void 0;i!==void 0&&(w(i),I(null),H?.(i))},className:e.type==="textarea"?`${B} min-h-[140px] resize-y leading-[1.5]`:e.type==="checkbox"?"size-4 self-start accent-accent":B})},e.key)),l("div",{className:"col-span-2 flex flex-col gap-2 max-[700px]:col-span-1",children:[n(oe,{required:!0,children:"Reason"}),l("div",{className:"mt-1 flex flex-wrap gap-2",children:[f.map(e=>{const a=g===e.id;return n("button",{type:"button",onClick:()=>z(e.id),className:[`cursor-pointer border px-4 py-3 font-mono ${t.labelSmall} uppercase tracking-[0.2em] transition-colors`,a?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:e.title},e.id)}),b&&n("button",{type:"button",onClick:()=>z(h),className:[`cursor-pointer border px-4 py-3 font-mono ${t.labelSmall} uppercase tracking-[0.2em] transition-colors`,g===h?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:L(s)})]})]}),G?.(g),g===h&&(m||S)&&l("div",{className:"sf-card col-span-2 flex flex-col gap-2 border border-line bg-bg/40 p-5 max-[700px]:col-span-1",children:[m&&n("span",{className:`font-mono ${t.labelSmall} uppercase tracking-[0.24em] text-accent`,children:$(m)}),S&&ce(S).map((e,a)=>n("p",{className:`font-display ${t.body} leading-[1.55] text-fg-dim`,children:$(e)},a))]}),n(ee,{value:c.honeypot,onChange:c.setHoneypot}),c.error&&n("p",{role:"alert",className:`col-span-2 font-mono ${t.labelSmall} uppercase tracking-[0.18em] text-alert max-[700px]:col-span-1`,children:c.error}),l("div",{className:"col-span-2 mt-5 flex flex-wrap items-center justify-between gap-6 border-t border-line pt-6 max-[700px]:col-span-1 max-[700px]:flex-col max-[700px]:items-stretch",children:[_&&n("span",{className:`max-w-[380px] font-mono ${t.labelSmall} uppercase leading-[1.6] tracking-[0.18em] text-fg-dim`,children:$(_)}),n("button",{type:C?"button":"submit",disabled:c.submitting,className:`cursor-pointer bg-btn px-8 py-5 font-mono ${t.labelXl} uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg disabled:cursor-wait disabled:opacity-60 max-[700px]:w-full`,children:c.submitting?"Sending…":O?L(O):"Send Message →"})]})]}):n("p",{className:`font-mono ${t.labelSmall} uppercase tracking-[0.22em] text-fg-dim`,children:J?q("Loading form…"):q("Choose a form in the inspector, under Message form — until then this column is hidden on the live page and no message can be sent.")})]}),N.length>0&&n("aside",{className:"flex flex-col gap-0 max-[1100px]:hidden",children:N.map((e,a)=>{const i=Z(e),j=!!!e.groupId;return l("div",{onClick:j?()=>I(e.value):void 0,className:["relative flex flex-col gap-3 border-b border-line border-l-2 px-5 py-8 transition-all",j?"cursor-pointer border-t-2 border-t-accent":"",i?"border-l-accent pl-6":j?"border-l-transparent hover:bg-accent/[0.04]":"border-l-transparent"].join(" "),style:i?{background:"color-mix(in oklab, var(--accent) 8%, transparent)"}:void 0,children:[i&&l("span",{className:"absolute right-[18px] top-6 flex flex-col items-end gap-0.5 text-right",children:[n("span",{className:`font-mono ${t.labelSmall} uppercase tracking-[0.24em] text-accent`,children:"→ Message routes here"}),n("span",{className:`font-mono ${t.labelXs} uppercase tracking-[0.18em] text-fg-dim`,children:"Other inboxes filter as spam"})]}),n("span",{className:[`font-mono ${t.labelSmall} uppercase tracking-[0.3em] transition-colors`,i?"text-fg":"text-accent"].join(" "),children:e.label}),j?n("a",{href:e.href,onClick:U=>U.stopPropagation(),className:[`font-heading3 ${t.headingSmall1} font-medium leading-[1.2] tracking-[-0.02em] transition-colors hover:text-accent`,i?"text-accent":"text-fg"].join(" "),children:e.value}):n("a",{href:P(e),className:[`font-heading3 ${t.headingSmall1} font-medium leading-[1.2] tracking-[-0.02em]`,i?"text-accent":"text-fg"].join(" "),children:e.value}),e.sub&&n("span",{className:`font-mono ${t.labelSmall} uppercase tracking-[0.2em] text-fg-dim`,children:e.sub})]},`${e.value}-${a}`)})}),N.length>0&&n("div",{"data-contact-phone-list":!0,className:"hidden flex-col gap-0 max-[1100px]:flex",children:me(N).map((e,a)=>{const i=!!e.groupId;return l("div",{className:["flex flex-col gap-3 border-b border-line px-5 py-5",i?"":"border-t-2 border-t-accent"].join(" "),children:[n("span",{className:[`font-mono ${t.labelSmall} uppercase tracking-[0.3em]`,i?"text-fg":"text-accent"].join(" "),children:e.label}),n("a",{href:P(e),className:[`font-heading3 ${t.headingSmall1} font-medium leading-[1.2] tracking-[-0.02em] [overflow-wrap:anywhere]`,i?"text-accent":"text-fg"].join(" "),children:e.value}),e.sub&&n("span",{className:`font-mono ${t.labelSmall} uppercase tracking-[0.2em] text-fg-dim`,children:e.sub})]},`${e.value}-${a}`)})})]})})]})}export{P as channelHref,fe as default,B as fieldClass,me as mergeChannelsForPhone,pe as topicFieldOf};

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

@@ -0,0 +1,7 @@
+import { type CountryShowAs } from "../lib/content/country-show-as.js";
+export declare function useCountrySelectShows(countries?: string[]): boolean;
+export default function CountrySelect({ urls, countries, showAs, }?: {
+    urls?: Record<string, string>;
+    countries?: string[];
+    showAs?: CountryShowAs;
+}): import("react").JSX.Element | null;

package/dist/render/components/CountrySelect.js

@@ -0,0 +1 @@
+"use client";import{jsx as n,Fragment as g,jsxs as l}from"react/jsx-runtime";import{ThemedSelectList as I,useThemedSelect as k}from"./ThemedSelect.js";import{useCurrency as y}from"./CurrencyContext.js";import{countryName as v}from"../lib/countries.js";import{FlagAuIcon as N,FlagCaIcon as S,FlagEuIcon as _,FlagGbIcon as R,FlagNzIcon as A,FlagUsIcon as U,GlobeIcon as T}from"efficient-shell/icons/efficient";import{COUNTRY_SHOW_AS_DEFAULT as j,countryShowAsHasFlag as E}from"../lib/content/country-show-as.js";const x={US:U,CA:S,AU:N,NZ:A,GB:R,EU:_};function b({code:c,width:e}){const a=x[c];return a?n("span",{"aria-hidden":!0,className:"inline-flex shrink-0 border border-line",children:n(a,{size:e})}):null}function G(c,e){const a=n(b,{code:e.code,width:18});switch(c){case"code_currency":return e.currency?l(g,{children:[n("span",{children:e.code}),n("span",{"aria-hidden":!0,className:"opacity-50",children:"·"}),n("span",{children:e.currency})]}):n("span",{children:e.code});case"globe_code":return l(g,{children:[n(T,{size:14,className:"shrink-0"}),n("span",{children:e.code})]});case"currency":return n("span",{children:e.currency??e.code});case"flag_code":return l(g,{children:[a,n("span",{children:e.code})]});case"flag":return x[e.code]?a:n("span",{children:e.code});default:return n("span",{children:e.name})}}function F(c,e,a){const s=new Map(c.map(t=>[t.code,t]));return(e?.length?e:c.map(t=>t.code)).map(t=>{const i=s.get(t);return{code:t,name:i?.name||v(t),currency:i?.currency,url:i?.url||a?.[t]||""}})}function P(c){const{countries:e}=y();return F(e,c).length>0}function L({urls:c,countries:e,showAs:a=j}={}){const{country:s,setCountry:t,countries:i}=y(),d=F(i,e,c),p=d.find(o=>o.code===s)??d[0];function w(o){const h=(c?d.find(m=>m.code===o)?.url:"")?.trim();if(h){window.location.href=h;return}i.some(m=>m.code===o)&&t(o)}const C=E(a),f=d.map(o=>({value:o.code,label:o.name,meta:o.currency,...C?{lead:n(b,{code:o.code,width:21})}:{}})),r=k({items:f,value:s,onPick:w});if(!p)return null;const u=r.open;return l("div",{ref:r.wrapRef,className:"relative",children:[l("button",{ref:o=>{r.triggerRef.current=o},type:"button","aria-haspopup":"listbox","aria-expanded":u,"aria-controls":u?r.listId:void 0,"aria-activedescendant":r.activeId,"aria-label":`Region: ${p.name}. Click to change.`,onClick:r.toggle,onKeyDown:r.onTriggerKeyDown,suppressHydrationWarning:!0,className:"inline-flex items-center gap-2 whitespace-nowrap border border-fg-dim px-3 py-2 font-mono text-[13px] uppercase tracking-[0.18em] transition-colors hover:border-fg",style:{color:"color-mix(in oklab, currentColor 80%, transparent)"},children:[G(a,p),n("span",{"aria-hidden":!0,className:`text-[11px] opacity-70 transition-transform ${u?"rotate-180":""}`,children:"▾"})]}),u&&n(I,{id:r.listId,tone:"region",ariaLabel:"Choose region",items:f,value:s,focusIdx:r.focusIdx,onFocus:r.setFocusIdx,onPick:r.pick,listRef:r.listRef})]})}export{L as default,P as useCountrySelectShows};

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

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

package/dist/render/components/CouponField.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as a}from"react/jsx-runtime";import{useState as d}from"react";import{COUPON_DEFERRED_MESSAGE as m}from"../lib/cart/coupon-preview.js";import{useCart as u}from"./CartContext.js";function x({customerEmail:c}){const{coupon:e,applyCoupon:s,removeCoupon:p,couponBusy:n}=u(),[r,i]=d("");async function l(){n||!r.trim()||(await s(r,c),i(""))}return a("div",{className:"flex flex-col gap-2",children:[e===null?a("div",{className:"flex border border-line",children:[t("input",{type:"text",value:r,onChange:o=>i(o.target.value),onKeyDown:o=>{o.key==="Enter"&&(o.preventDefault(),l())},placeholder:"Coupon code","aria-label":"Coupon code",className:"flex-1 bg-transparent px-4 py-4 font-mono text-[11px] uppercase tracking-[0.18em] text-fg outline-none placeholder:text-fg-dim"}),t("button",{type:"button",onClick:()=>{l()},disabled:n,className:"border-l border-line px-4 font-mono text-[10px] uppercase tracking-[0.26em] text-btn transition-colors hover:bg-btn hover:text-btn-ink disabled:cursor-wait disabled:opacity-60",children:n?"…":"Apply"})]}):a("div",{className:["flex items-center justify-between gap-3 border px-4 py-3",e.valid?"border-accent":"border-line"].join(" "),style:e.valid?{background:"color-mix(in oklab, var(--accent) 8%, transparent)"}:void 0,children:[t("span",{className:["font-mono text-[11px] uppercase tracking-[0.22em]",e.valid?"text-accent":e.deferred?"text-fg":"text-fg-dim line-through"].join(" "),children:e.code}),t("button",{type:"button",onClick:p,"aria-label":`Remove coupon ${e.code}`,className:"font-mono text-[12px] text-fg-dim transition-colors hover:text-fg",children:"✕"})]}),e?.deferred?t("p",{className:"font-mono text-[10px] uppercase tracking-[0.18em] text-fg-dim",children:m}):e&&!e.valid&&e.message&&t("p",{className:"font-mono text-[10px] uppercase tracking-[0.18em] text-alert",children:e.message})]})}export{x as default};

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

@@ -0,0 +1,27 @@
+import { type ReactNode } from "react";
+import type { SiteCountry, SiteCurrency } from "../lib/content/site.js";
+export declare const COUNTRY_STORAGE_KEY = "storefront-country";
+export interface CurrencyProviderProps {
+    children: ReactNode;
+    currencies?: SiteCurrency[];
+    countries?: SiteCountry[];
+    defaultCurrency?: string | null;
+    defaultCountry?: string | null;
+}
+interface CurrencyValue {
+    country: string;
+    currency: string;
+    setCountry: (code: string) => void;
+    currencies: SiteCurrency[];
+    countries: SiteCountry[];
+    activeCountry: SiteCountry | null;
+    formatPrice: (amount: number, currency?: string) => string;
+    formatMoney: (amount: number, currency?: string) => string;
+    ready: boolean;
+}
+export declare function createPriceFormatter(currencies: SiteCurrency[]): (amount: number, currency: string) => string;
+export declare function createMoneyFormatter(currencies: SiteCurrency[]): (amount: number, currency: string) => string;
+export declare function CurrencyProvider({ children, currencies, countries, defaultCurrency, defaultCountry, }: CurrencyProviderProps): import("react").JSX.Element;
+export declare function useCurrency(): CurrencyValue;
+export declare function useActiveCountry(): string;
+export {};

package/dist/render/components/CurrencyContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as h}from"react/jsx-runtime";import{createContext as A,useContext as g,useEffect as D,useMemo as a,useState as v}from"react";import{PRICE_LOCALE as I}from"../lib/commerce.js";import{safeLocalStorage as E}from"efficient-web-builder/format/lib/safe-storage";const O="storefront-country",P=O,C=A(null);function L(o){return w(o,"catalogue")}function T(o){return w(o,"money")}function w(o,m){const f=new Map(o.map(n=>[n.code,n.decimalPlaces])),s=new Map;return(n,t)=>{if(!t)return"";let e=s.get(t);if(!e){const u=f.get(t)??0;e=new Intl.NumberFormat(I,{style:"currency",currency:t,minimumFractionDigits:m==="money"?u:0,maximumFractionDigits:u}),s.set(t,e)}return e.format(n)}}function N({children:o,currencies:m,countries:f,defaultCurrency:s,defaultCountry:n}){const t=a(()=>m??[],[m]),e=a(()=>f??[],[f]),u=a(()=>s||t.find(r=>r.isDefault)?.code||t[0]?.code||"",[s,t]),F=a(()=>n||e.find(r=>r.isDefault)?.code||e[0]?.code||"",[n,e]),[d,p]=v(F),[x,M]=v(!1);D(()=>{const r=E.getItem(P);r&&e.some(i=>i.code===r)&&p(r),M(!0)},[e]);function R(r){p(r),E.setItem(P,r)}const S=a(()=>{const r=e.find(c=>c.code===d)??null,i=r?.currency,l=i&&t.some(c=>c.code===i)?i:u,_=L(t),b=T(t);return{country:d,currency:l,setCountry:R,currencies:t,countries:e,activeCountry:r,formatPrice:(c,y)=>_(c,y??l),formatMoney:(c,y)=>b(c,y??l),ready:x}},[d,t,e,u,x]);return h(C.Provider,{value:S,children:o})}function k(){const o=g(C);if(!o)throw new Error("useCurrency must be used within a CurrencyProvider");return o}function U(){return g(C)?.country??""}export{O as COUNTRY_STORAGE_KEY,N as CurrencyProvider,T as createMoneyFormatter,L as createPriceFormatter,U as useActiveCountry,k as useCurrency};

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

@@ -0,0 +1,18 @@
+export interface DeliveryOptionCard {
+    name?: string;
+    eta?: string;
+    price?: string;
+    blurb?: string;
+    highlighted?: boolean;
+}
+interface DeliveryOptionsProps {
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    options: DeliveryOptionCard[];
+    highlightBadge?: string;
+    contained: boolean;
+    omitHead?: boolean;
+}
+export default function DeliveryOptions({ eyebrow, title, body, options, highlightBadge, contained, omitHead, }: DeliveryOptionsProps): import("react").JSX.Element;
+export {};

package/dist/render/components/DeliveryOptions.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as r}from"react/jsx-runtime";import d from"efficient-web-builder/render/components/BlockFrame";import f from"efficient-web-builder/render/components/SectionEyebrow";import{renderGold as l,renderHeadline as o,splitParagraphs as g}from"efficient-web-builder/render/components/goldPhrases";const h="py-6",u="pt-0 pb-6";function N({eyebrow:n,title:t,body:s,options:c=[],highlightBadge:p,contained:x,omitHead:m=!1}){return a(d,{contained:x,className:m?u:h,children:r("div",{className:"flex flex-col gap-6",children:[m?null:n||t||s?r("div",{className:"flex max-w-[680px] flex-col gap-3",children:[n&&a(f,{text:n,scaled:!1}),t&&a("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium leading-[1.05] tracking-[-0.03em] max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:o(t,!1)}),s&&g(s).map((e,i)=>a("p",{className:"text-[15px] leading-[1.6] opacity-85",children:l(e)},i))]}):null,c.length>0&&a("ul",{className:"grid grid-cols-3 gap-4 max-[800px]:grid-cols-1",children:c.map((e,i)=>r("li",{className:`sf-card relative flex flex-col gap-2 border bg-surface px-6 py-6 ${e.highlighted?"border-accent":"border-line"}`,children:[e.highlighted&&p&&a("span",{className:"absolute -top-2.5 left-5 bg-bg px-2 font-mono text-[10px] uppercase tracking-[0.25em] text-accent",children:l(p)}),e.name&&a("span",{className:"text-[17px] font-medium",children:l(e.name)}),e.eta&&a("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-60",children:l(e.eta)}),e.blurb&&a("p",{className:"text-[13.5px] leading-[1.6] opacity-75",children:l(e.blurb)}),e.price&&a("span",{className:"mt-auto pt-2 font-display text-[20px] font-medium text-accent",children:l(e.price)})]},i))})]})})}export{N as default};

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

@@ -0,0 +1,8 @@
+export default function DeliveryOptionsSource({ eyebrow, title, body, highlightBadge, contained, omitHead, }: {
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    highlightBadge?: string;
+    contained: boolean;
+    omitHead?: boolean;
+}): import("react").JSX.Element;

package/dist/render/components/DeliveryOptionsSource.js

@@ -0,0 +1 @@
+"use client";import{jsx as h}from"react/jsx-runtime";import{useEffect as y,useState as g}from"react";import{products as E}from"../lib/api/index.js";import{FREE_PRICE as R,FROM_PREFIX_START as b}from"../lib/wheels/price-display.js";import M from"./DeliveryOptions.js";import{useCurrency as S}from"./CurrencyContext.js";function _({eyebrow:s,title:c,body:u,highlightBadge:a,contained:d,omitHead:p=!1}){const{currency:n,formatMoney:f}=S(),[l,r]=g(null);y(()=>{let e=!1;return E.listShippingMethods().then(o=>{e||r(o)}).catch(()=>{e||r([])}),()=>{e=!0}},[]);const m=(l??[]).filter(e=>e.prices[n]!=null).map(e=>{const o=e.prices[n],i=o===0?R:f(o,n),t=e.pickupLocation;return{name:t?`${e.name} — ${t.name}`:e.name,eta:t?t.openingHours||void 0:e.description||void 0,price:e.requiresQuote&&o!==0?`${b}${i}`:i,blurb:t&&[t.address,t.city,t.state].filter(Boolean).join(", ")||void 0}});return h(M,{eyebrow:s,title:c,body:u,options:m,highlightBadge:a,contained:d,omitHead:p})}export{_ as default};

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

@@ -0,0 +1,22 @@
+export interface DetailSpec {
+    label?: string;
+    value?: string;
+}
+export interface DetailRow {
+    image?: string;
+    eyebrow?: string;
+    title?: string;
+    copy?: string;
+    tag?: string;
+    specs?: DetailSpec[];
+    imageShape?: "square" | "wide";
+}
+export interface DetailRowsProps {
+    rows?: DetailRow[];
+    startLeft?: boolean;
+    layout?: "even" | "narrow";
+    padTop?: number;
+    padBottom?: number;
+    editing?: boolean;
+}
+export default function DetailRows({ rows, startLeft, layout, padTop, padBottom, editing, }: DetailRowsProps): import("react").JSX.Element | null;

package/dist/render/components/DetailRows.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import j from"./SectionBand.js";import z from"efficient-web-builder/render/components/Placeholder";import{withRMark as s}from"efficient-web-builder/render/components/RMark";import{renderGold as f}from"efficient-web-builder/render/components/goldPhrases";import{say as o}from"efficient-web-builder/format/lib/editor-words";const m={body:"text-[length:var(--size-body,15px)]",labelSmall:"text-[length:var(--size-label,11px)]",label:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"};function k({rows:h,startLeft:b=!1,layout:u="even",padTop:c,padBottom:d,editing:v=!1}){const a=u==="narrow",w=typeof c=="number"?c:100,y=typeof d=="number"?d:100,g=(h??[]).filter(e=>(e?.eyebrow??"").trim()||(e?.title??"").trim()||(e?.copy??"").trim()||(e?.tag??"").trim()||(e?.image??"").trim()),p=g.length>0?g:v?[{tag:o("Row {n}",{n:1})},{tag:o("Row {n}",{n:2})},{tag:o("Row {n}",{n:3})}]:[];return p.length===0?null:t(j,{className:"relative z-[2] border-b border-line bg-bg",style:{paddingTop:w,paddingBottom:y},children:p.map((e,l)=>{const n=l%2===1!==b;return r("div",{className:["grid items-center py-[60px]",a?"grid-cols-[1fr_460px] gap-[72px]":"grid-cols-2 gap-12","max-[1100px]:grid-cols-1",n?"[direction:rtl] max-[1100px]:[direction:ltr]":"",l>0?"border-t border-line":""].join(" "),children:[r("div",{className:["[direction:ltr] flex flex-col gap-4",a?"max-w-[560px]":"",a&&!n?"ml-auto max-[1100px]:ml-0":""].join(" "),children:[e.eyebrow?.trim()&&t("div",{className:`font-mono ${m.labelLarge} uppercase tracking-[0.2em] text-accent`,children:s(e.eyebrow)}),e.title?.trim()&&t("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3vw,42px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-[1.1] tracking-[-0.02em]",children:f(e.title,!0)}),e.copy?.trim()&&t("p",{className:`${m.body} leading-[1.6] text-fg-dim`,children:f(e.copy,!1)}),(()=>{const x=(e.specs??[]).filter(i=>(i?.label??"").trim()||(i?.value??"").trim());return x.length===0?null:t("dl",{className:`mt-2 border-t border-line pt-3 font-mono ${m.label} uppercase tracking-[0.1em] leading-[2.1]`,children:x.map((i,N)=>r("div",{className:"flex items-baseline justify-between gap-6",children:[t("dt",{className:"text-fg-dim",children:s(i.label??"")}),t("dd",{className:"text-fg",children:s(i.value??"")})]},N))})})()]}),r("div",{className:["[direction:ltr] flex flex-col gap-3",a?n?"items-end":"items-start":"",a?"max-[1100px]:items-start":""].join(" "),children:[t("div",{className:["relative overflow-hidden max-w-full",a?e.imageShape==="wide"?"w-[460px] aspect-[16/9]":"w-[360px] aspect-square":"aspect-square"].join(" "),children:t(z,{label:e.tag?.trim()||e.title?.trim()||`row-${l+1}`,src:e.image||void 0,showBackground:!e.image,objectFit:"contain",sizes:a?"(max-width: 1100px) 100vw, 460px":"(max-width: 1100px) 100vw, 50vw"})}),e.tag?.trim()&&t("span",{className:`font-mono ${m.labelSmall} uppercase tracking-[0.2em] text-fg-dim ${n?"text-left":"text-right"}`,children:s(e.tag)})]})]},l)})})}export{k as default};

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

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

package/dist/render/components/DimensionArrowMarkers.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as i}from"react/jsx-runtime";function t({id:e}){return i("defs",{children:[r("marker",{id:`${e}-L`,viewBox:"0 0 10 10",refX:2,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:r("path",{d:"M10,0 L0,5 L10,10 z",fill:"currentColor"})}),r("marker",{id:`${e}-R`,viewBox:"0 0 10 10",refX:8,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:r("path",{d:"M0,0 L10,5 L0,10 z",fill:"currentColor"})})]})}export{t as default};

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

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+export type EditorCurrencyReason = "none-configured" | "unknown";
+export declare function EditorCurrencyNoticeProvider({ reason, children, }: {
+    reason?: EditorCurrencyReason;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useNoCurrencyNoteOwner(editing: boolean | undefined): boolean;

package/dist/render/components/EditorCurrencyNoticeContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as C}from"react/jsx-runtime";import{createContext as x,useCallback as f,useContext as g,useEffect as j,useId as m,useMemo as y,useRef as R,useState as p}from"react";const d=x(null);function E({reason:i,children:e}){const[n,r]=p([]),o=R(null),t=f(u=>{r(c=>c.includes(u)?c:[...c,u])},[]),s=f(u=>{r(c=>c.filter(v=>v!==u))},[]),l=i==="none-configured",a=y(()=>({noCurrencyConfigured:l,live:n,firstRendered:o,join:t,leave:s}),[l,n,t,s]);return C(d.Provider,{value:a,children:e})}function b(i){const e=g(d),n=m(),r=!!i&&!!e?.noCurrencyConfigured;r&&e&&e.firstRendered.current===null&&(e.firstRendered.current=n);const o=e?.join,t=e?.leave;return j(()=>{if(!(!r||!o||!t))return o(n),()=>t(n)},[r,o,t,n]),!r||!e?!1:(e.live.length>0?e.live[0]:e.firstRendered.current)===n}export{E as EditorCurrencyNoticeProvider,b as useNoCurrencyNoteOwner};

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

@@ -0,0 +1,15 @@
+export type EmailCaptureStatus = "idle" | "sending" | "sent" | "error" | "invalid";
+export interface EmailCaptureFormProps {
+    email: string;
+    onEmailChange: (value: string) => void;
+    status: EmailCaptureStatus;
+    onResetVerdict: () => void;
+    onSubmit: () => void;
+    submitLabel: string;
+    errorMessage: string;
+    inputAriaLabel: string;
+    buttonClassName: string;
+    className?: string;
+    placeholder?: string;
+}
+export default function EmailCaptureForm({ email, onEmailChange, status, onResetVerdict, onSubmit, submitLabel, errorMessage, inputAriaLabel, buttonClassName, className, placeholder, }: EmailCaptureFormProps): import("react").JSX.Element;

package/dist/render/components/EmailCaptureForm.js

@@ -0,0 +1 @@
+"use client";import{jsx as r,jsxs as a}from"react/jsx-runtime";const x="Please enter a valid email address.";function g({email:i,onEmailChange:n,status:e,onResetVerdict:o,onSubmit:d,submitLabel:t,errorMessage:c,inputAriaLabel:s,buttonClassName:m,className:p,placeholder:f="you@example.com"}){return a("form",{className:[p,"flex flex-col gap-2"].filter(Boolean).join(" "),noValidate:!0,onSubmit:l=>{l.preventDefault(),d()},children:[a("div",{className:"flex items-stretch gap-2",children:[r("input",{type:"email",value:i,onChange:l=>{n(l.target.value),(e==="invalid"||e==="error")&&o()},placeholder:f,"aria-label":s,disabled:e==="sending",className:"w-0 min-w-0 flex-1 border-2 border-line bg-bg px-4 py-3 font-display text-[15px] text-fg outline-none transition-colors placeholder:text-fg-dim hover:border-fg-dim focus:border-accent disabled:opacity-60"}),r("button",{type:"submit",disabled:e==="sending",className:m,children:e==="sending"?"Sending…":t})]}),(e==="error"||e==="invalid")&&r("p",{role:"alert",className:"font-mono text-[11px] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:e==="invalid"?x:c})]})}export{g as default};

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

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import { type EnglishVariant } from "../lib/content/english-variant.js";
+export declare function EnglishVariantProvider({ variant, children, }: {
+    variant: EnglishVariant;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useEnglish(): (text: string) => string;

package/dist/render/components/EnglishVariant.js

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import{createContext as i,useCallback as o,useContext as a}from"react";import{inEnglish as s}from"../lib/content/english-variant.js";const r=i("international");function x({variant:n,children:t}){return e(r.Provider,{value:n,children:t})}function m(){const n=a(r);return o(t=>s(t,n),[n])}export{x as EnglishVariantProvider,m as useEnglish};

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

@@ -0,0 +1,4 @@
+import { type EuTyreLabel } from "../lib/tyres/eu-tyre-label.js";
+export default function EuTyreLabelCard({ label }: {
+    label: EuTyreLabel;
+}): import("react").JSX.Element;

package/dist/render/components/EuTyreLabelCard.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as l}from"react/jsx-runtime";import{noiseLabel as i}from"../lib/tyres/eu-tyre-label.js";const n={headingSmall:"text-[length:var(--size-headingSmall,22px)]",labelSmall:"text-[length:var(--size-label,11px)]",labelLarge:"text-[length:var(--size-label,12px)]"};function o(e){const r=[];e.fuelClass&&r.push({key:"Fuel efficiency",value:e.fuelClass}),e.wetGripClass&&r.push({key:"Wet grip",value:e.wetGripClass});const t=i(e);return t&&r.push({key:"Rolling noise",value:t}),r}function c(e){const r=[];return e.severeSnow&&r.push("3PMSF severe snow"),e.iceGrip&&r.push("Ice grip"),r}function m({label:e}){const r=o(e),t=c(e);return l("div",{className:"flex flex-col bg-[var(--card-bg)] p-5",children:[a("h3",{className:`font-heading3 ${n.headingSmall} font-medium leading-tight`,children:e.size}),a("dl",{className:`mt-3 flex flex-col gap-2 font-mono ${n.labelLarge}`,children:r.map(s=>l("div",{className:"flex items-baseline justify-between gap-3",children:[a("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:s.key}),a("dd",{className:"text-right text-fg",children:s.value})]},s.key))}),t.length>0?a("ul",{className:"mt-3 flex flex-wrap gap-2",children:t.map(s=>a("li",{className:`border border-line px-2 py-1 font-mono ${n.labelSmall} uppercase tracking-[0.14em] text-fg-dim`,children:s},s))}):null,l("a",{href:e.eprelUrl,target:"_blank",rel:"noopener noreferrer",className:`group mt-4 inline-flex items-center gap-2 border-t border-line pt-3 font-mono ${n.labelLarge} uppercase tracking-[0.2em] text-accent transition-colors hover:text-fg`,children:[`EPREL ${e.registrationNumber}`,a("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"→"})]})]})}export{m as default};

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

@@ -0,0 +1,7 @@
+import type { EuTyreLabel } from "../lib/tyres/eu-tyre-label.js";
+export declare const EU_LABEL_BAND = "border-b border-line py-[120px] max-[1100px]:py-20";
+export default function EuTyreLabels({ labels, num, capped, }: {
+    labels: EuTyreLabel[];
+    num: string;
+    capped?: boolean;
+}): import("react").JSX.Element | null;

package/dist/render/components/EuTyreLabels.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as s}from"react/jsx-runtime";import a from"./EuTyreLabelCard.js";import n from"./SectionBand.js";import d from"efficient-web-builder/render/components/SectionHeader";import p from"./SectionFootnote.js";const c="border-b border-line py-[120px] max-[1100px]:py-20";function m({labels:e,num:o,capped:i=!0}){return e.length===0?null:s(n,{className:c,capped:i,children:[r(d,{num:o,title:"EU tyre *label.*",description:"The registered grades for this tyre, read live from the EU product registry.",accent:!0}),r("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(t=>r(a,{label:t},t.registrationNumber))}),r(p,{text:"Source: *EPREL*, the European Product Registry for Energy Labelling. Grades are shown as registered; the registry is the authority."})]})}export{c as EU_LABEL_BAND,m as default};

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

@@ -0,0 +1,62 @@
+import { type EventPost } from "efficient-web-builder/render/components/PostCard";
+export type { EventPost };
+export type EventCard = EventPost & {
+    href?: string;
+};
+export declare const EVENTS_LAYOUT_FEATURED = "featured";
+export declare const EVENTS_LAYOUT_TABS = "tabs";
+export declare const EVENTS_LAYOUT_PORTRAIT = "portrait";
+export declare const EVENTS_LAYOUT_SPREAD = "spread";
+export declare const EVENTS_LAYOUT_COUNT = "count";
+export declare const EVENTS_LAYOUTS: readonly [{
+    readonly label: "Even grid";
+    readonly value: "even";
+}, {
+    readonly label: "Featured first";
+    readonly value: "featured";
+}, {
+    readonly label: "Tabs";
+    readonly value: "tabs";
+}, {
+    readonly label: "Photo cards";
+    readonly value: "portrait";
+}, {
+    readonly label: "Staggered spread";
+    readonly value: "spread";
+}, {
+    readonly label: "Count";
+    readonly value: "count";
+}];
+export declare const EVENTS_PHOTO_LAYOUTS: readonly string[];
+export declare const EVENTS_LAYOUT_FALLBACK = "even";
+export declare const EVENTS_FEATURED_WIDTH: {
+    readonly min: 2;
+    readonly max: 11;
+    readonly step: 1;
+    readonly fallback: 7;
+    readonly unit: "of 12";
+};
+export interface EventsProps {
+    num?: string;
+    title?: string;
+    link?: {
+        text: string;
+        href: string;
+    };
+    posts?: EventCard[];
+    sample?: EventCard[];
+    columns?: number;
+    limit?: number;
+    showAll?: boolean;
+    gap?: number | string;
+    layout?: string;
+    featuredWidth?: number;
+    listCover?: boolean;
+    featuredDarken?: number;
+    editing?: boolean;
+    cardImage?: number | null;
+    omitHead?: boolean;
+    nameFilter?: boolean;
+}
+export declare function matchesName(title: string, typed: string): boolean;
+export default function Events({ num, title, link, posts, columns, limit, showAll, editing, cardImage, gap: gapProp, layout, featuredWidth, listCover, featuredDarken, omitHead, sample, nameFilter, }: EventsProps): import("react").JSX.Element | null;

package/dist/render/components/Events.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as d}from"react/jsx-runtime";import{useId as ae,useState as ne}from"react";import{containerGapProps as se}from"efficient-web-builder/format/lib/content/container-gap";import re from"efficient-web-builder/render/components/SectionHeader";import A from"efficient-web-builder/render/components/PostCard";import le from"efficient-web-builder/render/components/Placeholder";import{SiteLink as S}from"efficient-web-builder/render/lib/site-runtime";import{renderGold as m,renderHeadline as h}from"efficient-web-builder/render/components/goldPhrases";import{say as b}from"efficient-web-builder/format/lib/editor-words";import{cardImageShapeTokens as oe}from"efficient-web-builder/format/lib/content/card-image-shape";import{SITE_COLUMN as P}from"efficient-web-builder/format/lib/content/page-width";import{fillRowCss as ce}from"../lib/sections/fill-row.js";const V=3,Y="featured",B="tabs",j="portrait",x="spread",K="count",Me=[{label:"Even grid",value:"even"},{label:"Featured first",value:Y},{label:"Tabs",value:B},{label:"Photo cards",value:j},{label:"Staggered spread",value:x},{label:"Count",value:K}],ie=[j,x],Ie="even",$={min:2,max:11,step:1,fallback:7,unit:"of 12"},de="bottom-left",pe=55,fe="bottom";function me(t){const n=typeof t=="number"?t:Number.parseFloat(String(t??"")),a=Number.isFinite(n)?Math.min($.max,Math.max($.min,Math.round(n))):$.fallback;return`${a}fr ${12-a}fr`}const G={1:"grid-cols-1",2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[800px]:grid-cols-1",4:"grid-cols-4 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1"},H={2:"grid-cols-2",3:"grid-cols-3 max-[800px]:grid-cols-2",4:"grid-cols-4 max-[1100px]:grid-cols-3 max-[800px]:grid-cols-2"},xe="Find by name",ge="Nobody by that name.";function ue(t,n){const a=o=>o.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLocaleLowerCase().trim(),r=a(n);return r===""||a(t).includes(r)}function he({card:t,scaffold:n,lower:a=!1}){return d(S,{href:t.href||"#",className:`sf-card group relative isolate flex aspect-[3/4] overflow-hidden bg-surface${a?" min-[801px]:mt-16":""}`,"aria-disabled":n||void 0,tabIndex:n?-1:void 0,children:[e("div",{className:"absolute inset-0 transition-transform duration-700 group-hover:scale-[1.03] motion-reduce:transition-none motion-reduce:group-hover:scale-100",children:e(le,{label:`card-${t.slug}`,src:t.cover||void 0,sizes:"(max-width: 800px) 50vw, 25vw"})}),e("div",{"aria-hidden":!0,className:"absolute inset-0 z-0",style:{background:"linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--bg) 88%, transparent) 100%)"}}),t.meta&&e("span",{className:"absolute left-3 top-3 z-[1] rounded-[var(--sf-button-radius,999px)] bg-bg/85 px-2.5 py-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-accent",children:m(t.meta)}),d("div",{className:"relative z-[1] mt-auto flex w-full flex-col gap-1 p-4 max-[800px]:p-3",children:[e("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,24px)] leading-[1.1] tracking-[-0.01em] text-fg",children:h(t.title,!1)}),t.dateLabel&&e("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.16em] text-accent",children:m(t.dateLabel)}),t.excerpt&&e("p",{className:"line-clamp-2 text-[length:var(--size-body,14px)] leading-[1.45] text-fg-dim",children:m(t.excerpt)})]})]})}function be({cards:t,scaffold:n}){return e("nav",{"aria-label":"Days",className:"-mx-1 overflow-x-auto",children:e("ul",{className:"flex min-w-max gap-2 px-1 pb-1",children:t.map((a,r)=>{const o=!!a.meta;return e("li",{children:d(S,{href:a.href||"#","aria-current":o?"page":void 0,"aria-disabled":n||void 0,tabIndex:n?-1:void 0,className:`flex flex-col gap-0.5 rounded-[var(--sf-button-radius,999px)] border px-5 py-2.5 transition-colors ${o?"border-accent bg-accent text-accent-ink":"border-line text-fg hover:border-accent hover:text-accent"}`,children:[e("span",{className:"font-heading3 text-[length:var(--size-body,15px)] leading-[1.2]",children:h(a.title,!1)}),a.excerpt&&e("span",{className:`font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] ${o?"opacity-80":"text-fg-dim"}`,children:m(a.excerpt)})]})},`${a.slug}-${r}`)})})})}function ve({count:t,words:n,href:a}){const r=d("span",{className:"inline-flex items-baseline gap-3",children:[e("span",{className:"font-heading text-[length:var(--size-headingLarge,64px)] leading-none text-accent",children:t}),n!==void 0&&e("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg",children:n})]});return a?e(S,{href:a,className:"inline-flex hover:opacity-85",children:r}):r}const Ne="relative z-[2] bg-bg py-[120px] max-[800px]:py-[70px]",Ee="relative z-[2] bg-bg pt-0 pb-[120px] max-[800px]:pt-0 max-[800px]:pb-[70px]",Te="relative z-[2] bg-bg py-[32px] max-[800px]:py-[24px]";function _e({num:t,title:n,link:a,posts:r,columns:o,limit:v,showAll:N=!1,editing:C=!1,cardImage:W,gap:J,layout:p,featuredWidth:X,listCover:q=!0,featuredDarken:Q,omitHead:g=!1,sample:E,nameFilter:Z=!1}){const[O,ee]=ne(""),T=`ev-${ae().replace(/:/g,"")}`,z=r??[],F=N?z.length:typeof v=="number"&&v>0?v:V,_=z.slice(0,F),f=C&&_.length===0;if(_.length===0&&!C)return null;const U=N?V:F,l=f?E?.length?E.slice(0,N?E.length:U):Array.from({length:U},(s,i)=>({slug:`placeholder-${i}`,title:b("Blog post title"),excerpt:b("A short summary of the post appears here."),cover:"",meta:b("Journal"),dateLabel:b("Date")})):_,c=se("Events",J,"both"),y=p===Y&&l.length>1,te=me(X),L=p===B,k=p===K,R=ie.includes(p??""),M=Z&&!L&&!k&&!y,u=M?l.filter(s=>ue(s.title,O)):l,I=p===x?"grid-cols-3 max-[800px]:grid-cols-2":H[Math.min(4,Math.max(2,o??3))]??H[3],D=G[Math.min(4,Math.max(1,o??3))]??G[3],w=L||y||p===x?"":ce(T,R?I:D,{cards:u.length});return k?e("section",{className:Te,children:e("div",{className:P,children:e(ve,{count:l.length,words:g||n===void 0?void 0:h(n,!1),href:g?void 0:a?.href})})}):e("section",{className:g?Ee:Ne,style:oe(W),children:d("div",{className:P,children:[g?null:e(re,{num:t!==void 0?m(t):void 0,title:n!==void 0?h(n,!1):void 0,link:a?{text:m(a.text),href:a.href}:void 0}),M&&d("div",{className:"mb-6 flex flex-col gap-2",children:[d("label",{className:"flex max-w-[360px] flex-col gap-1.5",children:[e("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:xe}),e("input",{type:"search",value:O,onChange:s=>ee(s.target.value),autoComplete:"off",className:"rounded-[var(--sf-button-radius,6px)] border border-line bg-bg px-4 py-2.5 text-[length:var(--size-body,15px)] text-fg outline-none focus:border-accent"})]}),u.length===0&&e("p",{role:"status",className:"text-[length:var(--size-body,14px)] text-fg-dim",children:ge})]}),w&&e("style",{children:w}),L?e(be,{cards:l,scaffold:f}):R?e("div",{className:`${T} sf-card-grid grid${c.className} ${I}`,style:c.style,children:u.map((s,i)=>e(he,{card:s,scaffold:f,lower:p===x&&i%3===1},`${s.slug}-${i}`))}):y?d("div",{className:`sf-card-grid grid grid-cols-[var(--sf-events-split)] max-[800px]:grid-cols-1${c.className}`,style:{...c.style,"--sf-events-split":te},children:[e(A,{post:l[0],href:l[0].href,scaffold:f,layout:"cover",darken:Q??pe,darkenStyle:fe,placement:de},`${l[0].slug}-0`),e("div",{className:`grid auto-rows-min${c.className}`,style:c.style,children:l.slice(1).map((s,i)=>e(A,{post:s,href:s.href,scaffold:f,showCover:q},`${s.slug}-${i+1}`))})]}):e("div",{className:`${T} sf-card-grid grid${c.className} ${D}`,style:c.style,children:u.map((s,i)=>e(A,{post:s,href:s.href,scaffold:f},`${s.slug}-${i}`))})]})})}export{$ as EVENTS_FEATURED_WIDTH,Me as EVENTS_LAYOUTS,K as EVENTS_LAYOUT_COUNT,Ie as EVENTS_LAYOUT_FALLBACK,Y as EVENTS_LAYOUT_FEATURED,j as EVENTS_LAYOUT_PORTRAIT,x as EVENTS_LAYOUT_SPREAD,B as EVENTS_LAYOUT_TABS,ie as EVENTS_PHOTO_LAYOUTS,_e as default,ue as matchesName};

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

@@ -0,0 +1,14 @@
+import type { FinishSwatch } from "./useFinishSelection.js";
+interface Props {
+    finishes: FinishSwatch[];
+    availability: boolean[];
+    selectedIdx: number;
+    hoverIdx: number | null;
+    activeFinish: FinishSwatch | undefined;
+    onSelect: (i: number) => void;
+    onHover: (i: number | null) => void;
+    showLabel?: boolean;
+    className?: string;
+}
+export default function FinishSwatches({ finishes, availability, selectedIdx, hoverIdx, activeFinish, onSelect, onHover, showLabel, className, }: Props): import("react").JSX.Element;
+export {};

package/dist/render/components/FinishSwatches.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as d}from"react/jsx-runtime";function x({finishes:c,availability:f,selectedIdx:a,hoverIdx:s,activeFinish:i,onSelect:u,onHover:r,showLabel:g=!0,className:m}){return d("div",{className:["mt-4",m].filter(Boolean).join(" "),children:[t("div",{className:"flex flex-wrap items-center gap-2",onMouseLeave:()=>r(null),onClick:e=>e.preventDefault(),children:c.map((e,n)=>{if(!f[n])return null;const l=n===a,p=s===n&&s!==a;return t("button",{type:"button",title:e.name,"aria-label":e.name,"aria-pressed":l,onMouseEnter:()=>r(n),onFocus:()=>r(n),onBlur:()=>r(null),onClick:o=>{o.preventDefault(),o.stopPropagation(),u(n)},className:["h-4 w-4 shrink-0 rounded-full transition-all",l?"ring-2 ring-accent ring-offset-2 ring-offset-surface":p?"ring-1 ring-fg ring-offset-2 ring-offset-surface":"ring-1 ring-fg/30 ring-offset-1 ring-offset-surface"].join(" "),style:{background:e.color,border:"1px solid var(--swatch-border)"}},e.name)})}),g&&i&&t("div",{className:"mt-2 truncate font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:i.name})]})}export{x as default};

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

@@ -0,0 +1,17 @@
+import type { FitmentRow } from "../lib/wheels/fitments.js";
+import type { FieldUsageAnswer } from "../lib/content/field-usage.js";
+export interface FitmentTableProps {
+    num?: string;
+    title?: string;
+    description?: string;
+    rows?: FitmentRow[];
+    showFilter?: boolean;
+    tooltipDefaultOn?: boolean;
+    footnote?: string;
+    footnoteLinkText?: string;
+    footnoteLinkHref?: string;
+    editing?: boolean;
+    omitHead?: boolean;
+    fieldUsage?: readonly FieldUsageAnswer[];
+}
+export default function FitmentTable({ num, title, description, rows, showFilter, tooltipDefaultOn, footnote, footnoteLinkText, footnoteLinkHref, editing, omitHead, fieldUsage, }: FitmentTableProps): import("react").JSX.Element | null;

package/dist/render/components/FitmentTable.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as l,Fragment as q}from"react/jsx-runtime";import z from"./SectionBand.js";import{useEffect as D,useState as C}from"react";import F from"efficient-web-builder/render/components/SectionHeader";import J from"./SectionFootnote.js";import{renderGold as u,renderHeadline as _}from"efficient-web-builder/render/components/goldPhrases";import M from"./fitment/FitmentRowFit.js";import{useVehicleFit as Q}from"./fitment/useVehicleFit.js";import{fitmentRowAnswer as U}from"../lib/wheels/fitment-row-fit.js";import{fitmentColumns as Y}from"../lib/wheels/fitment-columns.js";import{say as A}from"efficient-web-builder/format/lib/editor-words";const a={body:"text-[length:var(--size-body,12px)]",labelXs:"text-[length:var(--size-label,11px)]",labelSmall:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]",labelXl:"text-[length:var(--size-label,14px)]"},ee=[],te="whitespace-nowrap border-b border-line px-4 py-4",E=`relative cursor-pointer border-2 px-4 py-2 font-mono ${a.labelSmall} font-semibold uppercase tracking-[0.18em] text-fg transition-colors`,T="border-b border-line py-[120px] max-[1100px]:py-20",X="border-b border-line pt-0 pb-[120px] max-[1100px]:pt-0 max-[1100px]:pb-20",j={background:"color-mix(in oklab, var(--accent) 14%, transparent)"},L=(o,i)=>i.map(s=>s.cell(o)).join("|");function ne({num:o,title:i,description:s,rows:R,showFilter:B=!0,tooltipDefaultOn:f=!0,footnote:I,footnoteLinkText:H,footnoteLinkHref:O,editing:w=!1,omitHead:p=!1,fieldUsage:W=ee}){const v=R??[],c=Y(W),[b,y]=C(null),[r,N]=C(f);D(()=>N(f),[f]);const G=Q({editing:w}),k=c.length===0;if(v.length===0||k)return w?l(z,{className:p?X:T,children:[p?null:t(F,{num:o!=null?u(o):void 0,title:i!=null?_(i,!1):void 0,description:s!=null?u(s):void 0,accent:!0}),t("p",{className:`border-t border-line py-6 font-mono ${a.labelLarge} uppercase tracking-[0.18em] text-fg-dim`,children:k?A("Every fitment column is hidden in Product Types — show one to draw this table."):A("No fitment data for this wheel — pick a wheel with fitment specs.")})]}):null;const S=new Set,h=v.filter(e=>{const n=L(e,c);return S.has(n)?!1:(S.add(n),!0)}),x=Array.from(new Set(h.map(e=>e.diameter))).sort((e,n)=>e-n),d=b!==null&&x.includes(b)?b:null,g=d===null?h:h.filter(e=>e.diameter===d),K=B&&x.length>1,P=e=>{if(e===0)return!1;const n=g[e-1],m=g[e];return n.diameter!==m.diameter||n.width!==m.width};return l(z,{className:p?X:T,children:[p?null:t(F,{num:o!=null?u(o):void 0,title:i!=null?_(i,!1):void 0,description:s!=null?u(s):void 0,accent:!0}),l("div",{className:"mb-6 flex flex-wrap items-center gap-x-2 gap-y-3",children:[K&&l(q,{children:[t("span",{className:`mr-2 font-mono ${a.labelSmall} uppercase tracking-[0.24em] text-fg-dim max-[720px]:mr-0 max-[720px]:mb-1 max-[720px]:w-full`,children:"Filter by size:"}),l("button",{type:"button",onClick:()=>y(null),className:`${E} ${d===null?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:d===null?j:void 0,children:[d===null&&t("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),"All"]}),x.map(e=>{const n=e===d;return l("button",{type:"button",onClick:()=>y(n?null:e),className:`${E} ${n?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:n?j:void 0,children:[n&&t("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),e,'"']},e)})]}),l("button",{type:"button",onClick:()=>N(e=>!e),"aria-pressed":r,"aria-label":r?"Hide vehicle tooltip":"Show vehicle tooltip",className:`ml-auto inline-flex items-center gap-3 font-mono ${a.labelSmall} uppercase tracking-[0.24em] text-fg-dim transition-colors hover:text-fg max-[720px]:hidden`,children:[t("span",{children:"Vehicle tooltip"}),t("span",{className:`relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 transition-colors ${r?"border-accent":"border-fg-dim/50"}`,style:r?{background:"color-mix(in oklab, var(--accent) 30%, transparent)"}:void 0,"aria-hidden":!0,children:t("span",{className:`block h-3 w-3 rounded-full transition-transform ${r?"translate-x-[18px] bg-accent":"translate-x-[2px] bg-fg-dim"}`})}),t("span",{className:r?"text-accent":"text-fg-dim",children:r?"On":"Off"})]})]}),t("div",{className:"-mx-1 overflow-x-auto",children:l("table",{className:`w-full border-collapse font-mono ${a.labelXl} tracking-[0.06em] text-fg`,children:[t("thead",{children:t("tr",{children:c.map(({header:e},n)=>t("th",{className:`whitespace-nowrap border-b border-line bg-surface px-4 py-4 text-left ${a.body} font-normal uppercase tracking-[0.22em] text-fg-dim`,children:e},n))})}),t("tbody",{children:g.map((e,n)=>t("tr",{className:`group transition-colors hover:[&>td]:bg-surface ${P(n)?"[&>td]:border-t [&>td]:border-line":""}`,children:c.map((m,V)=>{const $=V===c.length-1,Z=m.fieldKey==="diameter";return l("td",{className:`${$?"relative ":""}${te}${Z?" text-accent":""}`,children:[m.cell(e),$&&r&&t("span",{role:"tooltip",className:`pointer-events-none absolute top-1/2 right-0 z-20 hidden w-[520px] -translate-y-1/2 whitespace-normal bg-[var(--tooltip-bg)] px-3 py-2 text-right font-mono ${a.labelXs} normal-case tracking-[0.12em] text-fg shadow-lg group-hover:block max-[720px]:!hidden`,children:t(M,{answer:U(e,G)})})]},m.fieldKey)})},L(e,c)))})]})}),t(J,{text:I,linkText:H,linkHref:O})]})}export{ne as default};

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

@@ -0,0 +1,6 @@
+export interface FooterDividerProps {
+    thickness?: number;
+    lengthPct?: number;
+    hideOnMobile?: boolean;
+}
+export default function FooterDivider({ thickness, lengthPct, hideOnMobile, }: FooterDividerProps): import("react").JSX.Element;

package/dist/render/components/FooterDivider.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";function s({thickness:i=1,lengthPct:l=100,hideOnMobile:a=!1}){return e("div",{className:`col-span-full w-full basis-full ${a?"max-[800px]:hidden":""}`,"aria-hidden":"true",children:e("div",{className:"bg-line",style:{height:`${i}px`,width:`${l}%`}})})}export{s as default};

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

@@ -0,0 +1,6 @@
+export interface FooterEmailSignupProps {
+    heading?: string;
+    placeholder?: string;
+    buttonLabel?: string;
+}
+export default function FooterEmailSignup({ heading, placeholder, buttonLabel, }: FooterEmailSignupProps): import("react").JSX.Element;

package/dist/render/components/FooterEmailSignup.js

@@ -0,0 +1 @@
+"use client";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{useState as l}from"react";import{stripMarkup as p}from"efficient-web-builder/format/lib/markup";import{NEWSLETTER_SOURCE as c}from"../lib/newsletter-signup.js";import{useSubscribePopup as u}from"./SubscribePopupContext.js";import{renderChrome as f,renderHeadline as x}from"efficient-web-builder/render/components/goldPhrases";function d({heading:e,placeholder:i="Email address",buttonLabel:s="Subscribe"}){const{open:m}=u(),[o,n]=l("");return a("div",{className:"w-full min-w-0",children:[e?r("h4",{className:"mb-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:x(e,!1)}):null,a("form",{className:"flex max-w-[320px] flex-wrap items-stretch gap-2",onSubmit:t=>{t.preventDefault(),m({email:o.trim(),source:c.footerSignup})},children:[r("input",{type:"email",placeholder:i,value:o,onChange:t=>n(t.target.value),className:"w-0 min-w-[7rem] flex-1 border border-line bg-transparent px-3 py-2 text-[13px] text-fg placeholder:text-fg-dim/70 focus:border-accent focus:outline-none","aria-label":p(e??"")||"Email address"}),r("button",{type:"submit",className:"shrink-0 border border-btn bg-btn px-4 py-2 text-[13px] font-medium text-btn-ink transition-opacity hover:opacity-90",children:f(s)})]})]})}export{d as default};

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

@@ -0,0 +1,8 @@
+import type { SlotComponent } from "efficient-easel/blocks";
+export interface FooterGroupProps {
+    direction?: "vertical" | "horizontal";
+    gap?: number | string;
+    align?: "start" | "center" | "end";
+    content: SlotComponent;
+}
+export default function FooterGroup({ direction, gap, align, content: Content, }: FooterGroupProps): import("react").JSX.Element;

package/dist/render/components/FooterGroup.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{containerGapProps as a}from"efficient-web-builder/format/lib/content/container-gap";const l={start:"items-start",center:"items-center",end:"items-end"};function i({direction:t="vertical",gap:r,align:s="start",content:n}){const e=a("FooterGroup",r,t==="horizontal"?"inline":"block");return o("div",{className:"min-w-0",children:o(n,{className:`flex ${t==="horizontal"?"flex-row flex-wrap":"flex-col"} ${l[s]}${e.className}`,style:e.style,minEmptyHeight:80})})}export{i as default};

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

@@ -0,0 +1,13 @@
+export interface FooterLogoProps {
+    tagline?: string;
+    widthPct?: number;
+    align?: "left" | "center" | "right";
+    reverse?: boolean;
+    color?: string | null;
+    padTop?: number;
+    padRight?: number;
+    padBottom?: number;
+    padLeft?: number;
+    editing?: boolean;
+}
+export default function FooterLogo({ tagline, widthPct, align, reverse, color, padTop, padRight, padBottom, padLeft, editing, }: FooterLogoProps): import("react").JSX.Element;

package/dist/render/components/FooterLogo.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as k}from"react/jsx-runtime";import w from"next/link";import L,{FOOTER_LOGO_PX as N,WORDMARK_FIT_FLOOR_PX as O}from"efficient-web-builder/render/components/Logo";import{useSiteLogo as _}from"efficient-web-builder/render/components/SiteLogoContext";import{renderGold as v}from"efficient-web-builder/render/components/goldPhrases";import{say as F}from"efficient-web-builder/format/lib/editor-words";const P={left:"items-start text-left",center:"items-center text-center",right:"items-end text-right"};function j({tagline:r,widthPct:a=100,align:l="left",reverse:m=!0,color:d=null,padTop:i=0,padRight:o=0,padBottom:s=0,padLeft:n=0,editing:c=!1}){const{src:x,reversedSrc:f,inkIsDark:p,wordmark:g,siteName:t}=_(),u=Math.round(N*(a/100)),h={...i?{paddingTop:i}:{},...o?{paddingRight:o}:{},...s?{paddingBottom:s}:{},...n?{paddingLeft:n}:{}};return k("div",{className:`flex min-w-0 flex-col ${P[l]} [container-type:inline-size]`,style:h,children:[e(w,{href:"/","aria-label":t?`${t} home`:"Home",className:"inline-flex max-w-full overflow-x-clip",children:e(L,{variant:"footer",sizePx:u,src:x,reverse:m,color:d,reversedSrc:f,inkIsDark:p,wordmark:g,siteName:t,fitWordmarkToContainer:!0,fitFloorPx:O})}),r?e("p",{className:"mt-4 max-w-[280px] text-[13px] leading-[1.5] text-fg-dim",children:v(r)}):c?e("p",{className:"mt-4 max-w-[280px] text-[13px] italic leading-[1.5] text-fg-dim/60",children:F("Add a short brand tagline →")}):null]})}export{j as default};

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

@@ -0,0 +1,25 @@
+export interface FooterMenuItem {
+    label: string;
+    url: string;
+    dropdown_items?: {
+        label: string;
+        url: string;
+    }[];
+}
+export interface FooterMenuValue {
+    id?: string;
+    handle?: string;
+    name?: string;
+    items?: FooterMenuItem[];
+}
+export interface FooterMenuProps {
+    menu?: FooterMenuValue | null;
+    heading?: string;
+    accordionMobile?: boolean;
+    showDividers?: boolean;
+    editing?: boolean;
+    layout?: "column" | "row";
+    linkAlign?: unknown;
+    linkRange?: unknown;
+}
+export default function FooterMenu({ menu, heading, accordionMobile, showDividers, editing, layout, linkAlign, linkRange, }: FooterMenuProps): import("react").JSX.Element;

package/dist/render/components/FooterMenu.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useCallback as P,useEffect as F,useRef as W,useState as O}from"react";import S from"next/link";import G from"./CountrySelect.js";import z from"./HeaderNavItem.js";import B from"./ThemeToggle.js";import{renderChrome as _,renderGold as v}from"efficient-web-builder/render/components/goldPhrases";import{UTIL_WORDS as q}from"./HeaderTools.js";import A from"./MenuPlaceholderLabel.js";import{usePhoneMenuTools as K}from"efficient-web-builder/render/components/PhoneMenuTools";import{useSearch as Y}from"./SearchContext.js";import{useModalDismiss as J}from"./useModalDismiss.js";import Q from"efficient-easel/screen/components/UiIcon";import{usePreviewMenus as V}from"./PreviewMenusContext.js";import{FOOTER_MENU_PLACEHOLDER_COUNT as T,FOOTER_MENU_PLACEHOLDER_HEADING as X,FOOTER_MENU_PLACEHOLDER_HINT as Z}from"../lib/content/menu-placeholder.js";import{say as M}from"efficient-web-builder/format/lib/editor-words";import{UNDER_HEADER_SHEET_CLASS as ee}from"../lib/content/header-bar.js";import{isLabelOnlyMenuUrl as ne}from"../lib/menu-link.js";import{isMenuOrphaned as le}from"../lib/menu-source.js";import{menuLinkInRange as re,resolveMenuLinkAlign as te,resolveMenuLinkRange as ae}from"../lib/content/menu-row.js";const oe=n=>/^https?:\/\//i.test(n),I="flex list-none flex-col gap-3 text-[13px]",R="mb-4 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",D="text-[12px] italic text-fg-dim/70",H=(n,t)=>n&&t>0?"border-t border-line pt-3":"";function ie({showDividers:n}){return e("ul",{className:I,children:Array.from({length:T},(t,r)=>e("li",{className:`text-fg ${H(n,r)}`,children:e(A,{})},r))})}function k({item:n,label:t,link:r,onNavigate:o}){return ne(n.url)?e("span",{className:t,children:v(n.label)}):oe(n.url)?e("a",{href:n.url,target:"_blank",rel:"noopener noreferrer",className:r,onClick:o,children:v(n.label)}):e(S,{href:n.url,className:r,onClick:o,children:v(n.label)})}function j({items:n,showDividers:t}){return e("ul",{className:I,children:n.map((r,o)=>e("li",{className:H(t,o),children:e(k,{item:r,label:"text-fg",link:"text-fg transition-colors hover:text-accent"})},`${r.label}-${o}`))})}const $="opacity-80 transition-opacity hover:opacity-100";function se({items:n,label:t,editing:r,linkAlign:o,linkRange:N}){const y=te(o),u=ae(N),C=!!u&&n!==null&&u.to!==void 0&&u.to<n.length,[h,L]=O(!1),f=W(null),i=K(),{open:c}=Y(),E=t||"Menu",m=P(()=>L(!1),[]);J({active:h,onDismiss:m,scopeRef:f});const b=(l,s,x)=>n===null?Array.from({length:T},(d,p)=>e("li",{className:s,children:e(A,{})},p)):n.map((d,p)=>e("li",{className:s,children:e(k,{item:d,label:l,link:`${l} ${$}`,onNavigate:x})},`${d.label}-${p}`)),g=n===null?b("",""):n.map((l,s)=>{const x=l.dropdown_items??[],d=u&&!re(u,s+1)?{"data-menu-out":""}:null;return x.length?e("li",{className:"",...d,children:e(z,{item:{href:l.url,label:v(l.label),plainLabel:l.label,dropdownItems:x.map(p=>({href:p.url,label:v(p.label),plainLabel:p.label}))}})},`${l.label}-${s}`):e("li",{className:"",...d,children:e(k,{item:l,label:"",link:` ${$}`})},`${l.label}-${s}`)}),U=n===null?b("","flex min-h-14 items-center border-b border-line",m):n.flatMap((l,s)=>[e("li",{className:"flex min-h-14 items-center border-b border-line",children:e(k,{item:l,label:"",link:` ${$}`,onNavigate:m})},`${l.label}-${s}`),...(l.dropdown_items??[]).map((x,d)=>e("li",{className:"flex min-h-12 items-center border-b border-line pl-5 text-[14px]",children:e(k,{item:x,label:"",link:` ${$}`,onNavigate:m})},`${l.label}-${s}-${d}`))]),w=i&&(i.search||i.region||i.account||i.theme)?i:null;return a("nav",{ref:f,"aria-label":E,"data-menu-row":"",...y?{"data-menu-align":y}:null,...C?{"data-menu-part":"lead"}:null,className:"min-w-0",children:[e("ul",{className:"m-0 hidden list-none flex-wrap items-center gap-x-8 gap-y-2 p-0 font-mono text-[13px] uppercase tracking-[0.18em] min-[801px]:flex",children:g}),e("button",{type:"button",className:"flex h-11 w-11 items-center justify-center min-[801px]:hidden","aria-expanded":h,"aria-label":h?"Close the menu":"Open the menu",onClick:()=>L(l=>!l),children:e("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round","aria-hidden":"true",children:h?e("path",{d:"M6 6l12 12M18 6L6 18"}):e("path",{d:"M4 7h16M4 12h16M4 17h16"})})}),h?a("div",{role:"dialog","aria-label":E,className:`${ee} z-[60] flex flex-col overflow-y-auto bg-bg text-fg min-[801px]:hidden`,children:[e("ul",{className:"m-0 flex list-none flex-col px-5 py-3 font-mono text-[16px] uppercase tracking-[0.18em]",children:U}),w?a("div",{className:"mt-auto flex flex-col gap-4 border-t border-line bg-surface p-5",children:[w.search?a("button",{type:"button",className:"flex h-12 items-center gap-3 border border-line bg-bg px-4 text-left text-[15px]",onClick:r?void 0:()=>{m(),c()},children:[e(Q,{name:"search",size:18,strokeWidth:1.6,rounded:!0}),q.search]}):null,w.account?a("div",{className:"flex items-center justify-between",children:[e("span",{className:"mono-eyebrow text-fg-dim",children:"Account"}),e(S,{href:"/account",onClick:m,className:"mono-eyebrow underline",children:"Your account"})]}):null,w.region?a("div",{className:"flex items-center justify-between",children:[e("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),e(G,{})]}):null,w.theme?a("div",{className:"flex items-center justify-between",children:[e("span",{className:"mono-eyebrow text-fg-dim",children:"Theme"}),e(B,{})]}):null]}):null]}):null]})}function ce({menu:n,heading:t,accordionMobile:r=!1,showDividers:o=!1,editing:N=!1,layout:y="column",linkAlign:u,linkRange:C}){const{live:h,ready:L}=V(),f=le({id:n?.id,handle:n?.handle,editing:N,ready:L,live:h}),i=f?[]:n?.items??[],c=t||n?.name||"",[E,m]=O(!1);return F(()=>{if(!r)return;const b=window.matchMedia("(max-width: 800px)"),g=()=>m(b.matches);return g(),b.addEventListener("change",g),()=>b.removeEventListener("change",g)},[r]),y==="row"?e(se,{items:f?null:i,label:c,editing:N,linkAlign:u,linkRange:C}):f?a("div",{className:"min-w-0",children:[e("h4",{className:R,children:t?_(t):M(X)}),e(ie,{showDividers:o}),e("p",{className:`mt-3 ${D}`,children:M(Z)})]}):i.length===0?a("div",{className:"min-w-0",children:[c?e("h4",{className:R,children:_(c)}):null,N?e("p",{className:D,children:M("This menu has no links yet — add them in {place}.",{place:M("Storefront → Menus")})}):null]}):r&&E?a("details",{className:"min-w-0 border-b border-line",children:[a("summary",{className:"flex cursor-pointer list-none items-center justify-between py-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:[_(c),e("span",{"aria-hidden":!0,children:"＋"})]}),e("div",{className:"pb-3",children:e(j,{items:i,showDividers:o})})]}):a("div",{className:"min-w-0",children:[c?e("h4",{className:R,children:_(c)}):null,e(j,{items:i,showDividers:o})]})}export{ce as default};

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

@@ -0,0 +1,11 @@
+import type { SlotComponent } from "efficient-easel/blocks";
+import { type FooterColumns, type LogoFill } from "efficient-web-builder/format/lib/content/footer";
+export interface FooterSectionProps {
+    blocks: SlotComponent;
+    editing?: boolean;
+    width?: "page" | "full";
+    columns?: number | FooterColumns;
+    logoFill?: LogoFill;
+    logoRowFill?: LogoFill;
+}
+export default function FooterSection({ blocks: Blocks, editing, width, columns, logoFill, logoRowFill, }: FooterSectionProps): import("react").JSX.Element | null;

package/dist/render/components/FooterSection.js

@@ -0,0 +1 @@
+"use client";import{jsx as p,jsxs as P}from"react/jsx-runtime";import{useContext as G,useEffect as I,useRef as N,useState as F}from"react";import{PublishedFooterContext as U}from"efficient-web-builder/render/components/PublishedFooterContext";import{usePreviewDevice as q}from"efficient-easel/screen/components/PreviewDeviceContext";import H from"./LegalLine.js";import{LOGO_FILL_DEFAULT as K,LOGO_ROW_FILL_DEFAULT as J,normalizeFooterColumns as Q}from"efficient-web-builder/format/lib/content/footer";import{viewTierForWidth as V}from"efficient-easel/screen/lib/content/view-tiers";import{chromeWidthStyle as X,resolveChromeWidth as Y}from"efficient-web-builder/format/lib/content/page-width";const k={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6"},Z={1:"min-[720px]:grid-cols-1",2:"min-[720px]:grid-cols-2",3:"min-[720px]:grid-cols-3",4:"min-[720px]:grid-cols-4",5:"min-[720px]:grid-cols-5",6:"min-[720px]:grid-cols-6"},ee={1:"min-[1100px]:grid-cols-1",2:"min-[1100px]:grid-cols-2",3:"min-[1100px]:grid-cols-3",4:"min-[1100px]:grid-cols-4",5:"min-[1100px]:grid-cols-5",6:"min-[1100px]:grid-cols-6"};function oe({blocks:O,editing:e=!1,width:S,columns:_,logoFill:E,logoRowFill:R}){const l=G(U),{desktop:i,tablet:c,mobile:n}=Q(_),{desktop:d,tablet:a,mobile:u}={...K,...E},{desktop:f,tablet:g,mobile:b}={...J,...R},t=q(),D=e?k[t==="desktop"?i:t==="tablet"?c:n]:`${k[n]} ${Z[c]} ${ee[i]}`,x=N(null),[y,M]=F(1),[W,$]=F(!1);if(I(()=>{if(!e&&!l)return;const s=x.current;if(!s)return;const h=()=>{const o=s.querySelector(".footer-block-grid");if(!o)return;const r=e?t:V(window.innerWidth),v=r==="desktop"?f:r==="tablet"?g:b;$(v);const z=r==="desktop"?d:r==="tablet"?a:u,C=getComputedStyle(o).gridTemplateColumns.split(" ").filter(Boolean).length-1,B=Math.max(o.childElementCount-1,0);M(!v&&z&&C>=1?Math.max(Math.ceil(B/C),1):1)};let m;const L=()=>{clearTimeout(m),m=setTimeout(h,0)},A=[0,80,250,600].map(o=>setTimeout(h,o)),w=new MutationObserver(L);w.observe(s,{childList:!0,subtree:!0});const T=new ResizeObserver(L);return T.observe(s),()=>{clearTimeout(m),A.forEach(clearTimeout),w.disconnect(),T.disconnect()}},[i,c,n,e,l,t,d,a,u,f,g,b]),!e&&!l)return null;const j=X(Y(S))??void 0;return p("footer",{ref:x,className:`${e?"sf-theme-surfaces text-fg ":""}border-t border-line bg-bg px-[var(--sf-site-gutter,40px)] pb-10 pt-20 max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-14`,style:{"--footer-logo-rows":y,"--footer-logo-col":W?"1 / -1":"1"},children:P("div",{style:j,children:[p(O,{className:`footer-block-grid mb-[60px] grid items-start gap-x-10 gap-y-12 ${D}`,minEmptyHeight:160}),p(H,{})]})})}export{oe as default};

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

@@ -0,0 +1,16 @@
+import { type SocialIconStyle } from "efficient-web-builder/render/components/socialIcons";
+export type SocialIconSize = "small" | "medium" | "large";
+export type SocialAlign = "start" | "center" | "end";
+export declare const SOCIAL_ICON_PX: Record<SocialIconSize, number>;
+export declare const SOCIAL_GAP_MIN = 0;
+export declare const SOCIAL_GAP_MAX = 32;
+export declare const SOCIAL_GAP_STEP = 2;
+export declare const SOCIAL_GAP_DEFAULT = 0;
+export interface FooterSocialProps {
+    iconStyle?: SocialIconStyle;
+    iconSize?: SocialIconSize;
+    align?: SocialAlign;
+    gap?: number;
+    editing?: boolean;
+}
+export default function FooterSocial({ iconStyle, iconSize, align, gap, editing, }: FooterSocialProps): import("react").JSX.Element | null;

package/dist/render/components/FooterSocial.js

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import{useSiteSocialLinks as f}from"./SiteRecordContext.js";import{DEFAULT_SOCIAL_ICON_STYLE as S,SocialMark as _}from"efficient-web-builder/render/components/socialIcons";import{normalizeSocialLinks as A,socialLinksToDraw as b}from"efficient-web-builder/format/lib/content/social-links";import{say as h}from"efficient-web-builder/format/lib/editor-words";const a={small:16,medium:20,large:24},L=0,k=32,P=2,I=0,s={start:"justify-start",center:"justify-center",end:"justify-end"};function y({iconStyle:n=S,iconSize:l="medium",align:c="start",gap:t=I,editing:m=!1}){const p=f(),i=b(A(p));if(i.length===0)return m?e("div",{"data-social-placeholder":"",className:"rounded border border-dashed border-line px-3 py-2 text-[13px] text-fg-dim",children:h("Add your social links")}):null;const o=a[l]??a.medium,d={gap:Math.min(k,Math.max(L,Number.isFinite(t)?t:0)),"--social-mark":`${o}px`};return e("ul",{"data-social-block":"","aria-label":"Social media",className:`flex list-none flex-wrap p-0 [margin:calc((44px-var(--social-mark))/-2)] max-[800px]:[margin:calc((40px-var(--social-mark))/-2)] ${s[c]??s.start}`,style:d,children:i.map(({platform:r,href:u,label:x})=>e("li",{children:e("a",{href:u,target:"_blank",rel:"noopener noreferrer","aria-label":`${x} (opens in a new tab)`,className:"grid h-11 w-11 place-items-center rounded text-fg transition-colors hover:text-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-4px] focus-visible:outline-current motion-reduce:transition-none max-[800px]:h-10 max-[800px]:w-10",children:e(_,{platform:r,iconStyle:n,size:o})})},r))})}export{I as SOCIAL_GAP_DEFAULT,k as SOCIAL_GAP_MAX,L as SOCIAL_GAP_MIN,P as SOCIAL_GAP_STEP,a as SOCIAL_ICON_PX,y as default};