efficient-storefront-blocks 0.82.0 → 0.84.0

package/dist/render/app/globals.css

@@ -2506,7 +2506,8 @@ em.text-accent {
        · the hero (HeroSingle's section, the slideshow's viewport) is a column
          at least as tall as the height that applies at this width: the set
          phone height (`--sf-hero-h-m`, which the builder writes on the
-         element), from 720px the set desktop height (`--sf-hero-h-d`; 720 is
+         element), from 720px the tablet height if one is set (`--sf-hero-h-t`),
+         else the set desktop height (`--sf-hero-h-d`; 720 is
          the height control's own line and picks WHICH height, nothing else —
          the rule just below this block), or, with no set height,
          `max(100vh, 680px)`: the pixels `h-screen min-h-[680px]` drew;
@@ -2552,14 +2553,15 @@ em.text-accent {
     width: 100%;
   }
 }
-/* …and WHICH height is the minimum between 720 and 800: the desktop one, as
-   the builder's own `view-tablet:h-[var(--sf-hero-h-d)]` says (VIEW_TABLET_MIN,
-   the line the Height control switches on). Only the height is chosen here;
-   the layout above is on the hero's one line, 800. */
+/* …and WHICH height is the minimum between 720 and 800: the Tablet view's own
+   (`--sf-hero-h-t`, the builder writes it only when a tablet height is stored),
+   else the desktop one, as the builder's own `view-tablet:h-[var(--sf-hero-h-d)]`
+   says (VIEW_TABLET_MIN, the line the Height control switches on). Only the
+   height is chosen here; the layout above is on the hero's one line, 800. */
 @media (min-width: 720px) and (max-width: 800px) {
   section:not([data-slide-name]):has(> .sf-hero-group-layer),
   div:has(> .hero-track) {
-    min-height: var(--sf-hero-h-d, max(100vh, 680px));
+    min-height: var(--sf-hero-h-t, var(--sf-hero-h-d, max(100vh, 680px)));
   }
 }
 
@@ -3161,6 +3163,13 @@ em.text-accent {
   .sf-pad-right-tablet {
     padding-right: var(--sf-pad-r-tablet) !important;
   }
+  /* A picture's TABLET focus: the same split as `.sf-focus-phone`. The desktop
+     point is the picture's INLINE `object-position`, and the builder's
+     lib/content/phone-focus adds this class and its variable only when a tablet
+     point is set, so a picture without one draws the bytes it drew. */
+  .sf-focus-tablet {
+    object-position: var(--sf-focus-tablet) !important;
+  }
 }
 
 /* ── A section's phone padding ────────────────────────────────────────────────

package/dist/render/built-with.json

@@ -1,3 +1,3 @@
 {
-  "efficient-web-builder": "49.1.0"
+  "efficient-web-builder": "52.0.0"
 }

package/dist/render/components/FinishSwatches.js

@@ -1 +1,2 @@
-"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};
+"use client";import{jsx as t,jsxs as d}from"react/jsx-runtime";function x({finishes:c,availability:u,selectedIdx:a,hoverIdx:s,activeFinish:i,onSelect:f,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(!u[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(),f(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}
+${e.src}`)})}),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/FooterMenu.d.ts

@@ -1,18 +1,18 @@
-export interface FooterMenuItem {
-    label: string;
-    url: string;
-    dropdown_items?: {
-        label: string;
-        url: string;
-    }[];
-}
+import type { SlotComponent } from "efficient-easel/blocks";
+import type { FooterMenuItem } from "../lib/menu-link.js";
 export interface FooterMenuValue {
     id?: string;
     handle?: string;
     name?: string;
     items?: FooterMenuItem[];
 }
+export interface MenuOwner {
+    id: string;
+    type: string;
+    template?: SlotComponent;
+}
 export interface FooterMenuProps {
+    owner: MenuOwner;
     menu?: FooterMenuValue | null;
     heading?: string;
     accordionMobile?: boolean;
@@ -22,4 +22,4 @@ export interface FooterMenuProps {
     linkAlign?: unknown;
     linkRange?: unknown;
 }
-export default function FooterMenu({ menu, heading, accordionMobile, showDividers, editing, layout, linkAlign, linkRange, }: FooterMenuProps): import("react").JSX.Element;
+export default function FooterMenu({ owner, menu, heading, accordionMobile, showDividers, editing, layout, linkAlign, linkRange, }: FooterMenuProps): import("react").JSX.Element;

package/dist/render/components/FooterMenu.js

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

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import { type HeroTextRegionProps } from "./ProductHeroPanel.js";
+import { type HeroPriceTemplateProps } from "./ProductHeroPanel.js";
 import type { HeroPricePlacement } from "../lib/sections/hero-price-placement.js";
 import type { HeroLayout, HeroTextAlign } from "../lib/sections/hero-arrangement.js";
 import type { HeroGalleryMode, HeroImageFit } from "../lib/sections/hero-gallery.js";
@@ -11,7 +11,7 @@ export type LinkedHeroRecord = {
     kind: "tyre";
     tyre: Tyre;
 };
-interface HeroArrangement extends HeroTextRegionProps {
+interface HeroArrangement extends HeroPriceTemplateProps {
     heroLayout?: HeroLayout;
     imageRatio?: number;
     textAlign?: HeroTextAlign;

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

@@ -0,0 +1,7 @@
+export interface MenuPlace {
+    place: "column" | "row" | "panel";
+    placeholder?: boolean;
+    onNavigate?: () => void;
+}
+export declare const MenuPlaceContext: import("react").Context<MenuPlace | null>;
+export default function MenuLinkBlock(): import("react").JSX.Element | null;

package/dist/render/components/MenuLinkBlock.js

@@ -0,0 +1 @@
+"use client";import{jsx as l}from"react/jsx-runtime";import{createContext as s,useContext as u}from"react";import p from"next/link";import f from"./HeaderNavItem.js";import m from"./MenuPlaceholderLabel.js";import{useCardRow as b}from"efficient-web-builder/render/components/CardRowContext";import{renderGold as o}from"efficient-web-builder/render/components/goldPhrases";import{isLabelOnlyMenuUrl as h}from"../lib/menu-link.js";const d=s(null),x=e=>/^https?:\/\//i.test(e),c="opacity-80 transition-opacity hover:opacity-100";function i({item:e,label:n,link:r,onNavigate:t}){return h(e.url)?l("span",{className:n,children:o(e.label)}):x(e.url)?l("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:r,onClick:t,children:o(e.label)}):l(p,{href:e.url,className:r,onClick:t,children:o(e.label)})}function k(){const e=b(),n=u(d);if(!e||!n)return null;if(n.placeholder)return l(m,{});const r={label:e.row.label??"",url:e.row.href??""};if(n.place==="column")return l(i,{item:r,label:"text-fg",link:"text-fg transition-colors hover:text-accent"});if(n.place==="panel")return l(i,{item:r,label:"",link:` ${c}`,onNavigate:n.onNavigate});const t=e.item?.dropdown_items??[];return t.length?l(f,{item:{href:r.url,label:o(r.label),plainLabel:r.label,dropdownItems:t.map(a=>({href:a.url,label:o(a.label),plainLabel:a.label}))}}):l(i,{item:r,label:"",link:` ${c}`})}export{d as MenuPlaceContext,k as default};

package/dist/render/components/ProductCard.js

@@ -1 +1 @@
-"use client";import{jsx as e,Fragment as W,jsxs as R}from"react/jsx-runtime";import U from"next/image";import{useState as X}from"react";import{setSecondSrc as q}from"../lib/wheels/set-mode.js";import{CARD_INDEX_BADGE_CLASS as G,CARD_INDEX_CLASS as M}from"efficient-web-builder/format/lib/sections/product-card-style";import{coverSrcForWheel as O,resolvePaintedSrc as H}from"../lib/wheels/cover-rendering.js";import{wheelCardEyebrow as J,withSetChip as K}from"./ProductCardEyebrow.js";import{withRMark as Q}from"efficient-web-builder/render/components/RMark";import T from"./WheelPlaceholder.js";import{useProductCardChrome as V}from"./ProductCardChrome.js";import Y,{CardBuyDialog as Z}from"./card-pieces/CardBuyButton.js";import ee from"./card-pieces/CardFinishSwatches.js";import re from"./card-pieces/CardPrice.js";import oe from"./card-pieces/CardProductBadge.js";import{useWheelCardState as se,WheelCardStateProvider as ae}from"./card-pieces/ProductCardState.js";import{CardSpecFacts as te}from"./card-pieces/CardSpecs.js";import ie from"./WheelCardFrame.js";import{cardSpinOf as ne}from"./card-spin.js";function de({wheel:i,variant:a="compact",defaultFinish:r}){return e(ae,{wheel:i,defaultFinish:r,children:e(ce,{variant:a})})}function ce({variant:i}){const a=i==="catalog",{wheel:r,sel:s,isSet:n}=se(),{imageBackgroundFill:b,hover:y,coverIndex:B,indexBadge:h,outline:F,showBadge:x,fieldUsage:f,reserveEyebrow:E,showCardPrice:P,showCardFinishes:k,showCardSizes:_,showCardBuy:u,showCardPage:p,imageSizes:$}=V(),d=a&&(u||p),v=O(r,B,s.finish?.name,s.shownSrc),A="h-full w-full",c=ne(y),[w,D]=X(()=>new Set),I=o=>D(t=>t.has(o)?t:new Set(t).add(o)),l=H({overrideSrc:v,hookSrc:s.shownSrc,failed:w}),g=(o,t)=>e(U,{src:o,alt:t,width:1e3,height:1e3,sizes:$,className:`block object-contain ${c.className} ${A}`,style:c.style,draggable:!1,onError:()=>I(o)},o),S=s.finish?`${r.name} — ${s.finish.name}`:r.name,L=l?g(l,S):e(T,{imageLabel:r.name,spin:c}),m=n?q(r.finishes?.find(o=>o.name===s.finish?.name),l):null,j=m&&!w.has(m)?g(m,`${S} — right`):void 0,C=J({kindLabel:null,brand:null,process:r.process?Q(r.process):null},f),z=n&&!a?K(C):C,N=h!=="off"?e("span",{"aria-hidden":!0,className:`${M} ${G}`}):null;return R(W,{children:[e(ie,{variant:i,wide:n&&a,href:`/wheels/${r.slug}`,outline:F,imageBackgroundFill:b,probes:s.probes,reserveEyebrow:E,indexBadge:N,badges:e(oe,{show:x,numbered:h!=="off",axleSets:!0}),image:L,imageSecond:j,eyebrow:z,spec:e(te,{sizes:_,fieldUsage:f}),price:e(re,{show:P,quoteSets:!0}),swatches:e(ee,{show:k}),identityLink:d,wholeCardLink:!0,buy:e(Y,{buy:d&&u,page:d&&p})}),e(Z,{})]})}export{de as default};
+"use client";import{jsx as e,Fragment as y,jsxs as F}from"react/jsx-runtime";import X from"next/image";import{useState as q}from"react";import{setSecondSrc as G}from"../lib/wheels/set-mode.js";import{CARD_INDEX_BADGE_CLASS as H,CARD_INDEX_CLASS as M}from"efficient-web-builder/format/lib/sections/product-card-style";import{coverSrcForWheel as O,resolvePaintedSrc as J}from"../lib/wheels/cover-rendering.js";import{wheelCardEyebrow as K,withSetChip as Q}from"./ProductCardEyebrow.js";import{withRMark as T}from"efficient-web-builder/render/components/RMark";import V from"./WheelPlaceholder.js";import{useProductCardChrome as Y}from"./ProductCardChrome.js";import Z,{CardBuyDialog as ee}from"./card-pieces/CardBuyButton.js";import re from"./card-pieces/CardFinishSwatches.js";import oe from"./card-pieces/CardPrice.js";import se from"./card-pieces/CardProductBadge.js";import{useHeldCardPicture as ae}from"./card-pieces/useHeldCardPicture.js";import{useWheelCardState as te,WheelCardStateProvider as ie}from"./card-pieces/ProductCardState.js";import{CardSpecFacts as ne}from"./card-pieces/CardSpecs.js";import de from"./WheelCardFrame.js";import{cardSpinOf as ce}from"./card-spin.js";function le({wheel:n,variant:t="compact",defaultFinish:r}){return e(ie,{wheel:n,defaultFinish:r,children:e(me,{variant:t})})}function me({variant:n}){const t=n==="catalog",{wheel:r,sel:o,isSet:d}=te(),{imageBackgroundFill:B,hover:P,coverIndex:E,indexBadge:m,outline:x,showBadge:k,fieldUsage:h,reserveEyebrow:_,showCardPrice:$,showCardFinishes:v,showCardSizes:z,showCardBuy:f,showCardPage:u,imageSizes:p}=Y(),c=t&&(f||u),A=O(r,E,o.finish?.name,o.shownSrc),D="h-full w-full",l=ce(P),[w,I]=q(()=>new Set),g=s=>{o.pictureFailed(s),I(i=>i.has(s)?i:new Set(i).add(s))},S=J({overrideSrc:A,hookSrc:o.shownSrc,failed:w}),C=(s,i)=>e(X,{alt:i,src:s,width:1e3,height:1e3,sizes:p,className:`block object-contain ${l.className} ${D}`,style:l.style,draggable:!1,onError:()=>g(s)},s),L=o.finish?`${r.name} — ${o.finish.name}`:r.name,j=d?G(r.finishes?.find(s=>s.name===o.finish?.name),S):null,a=ae({src:S,second:j,alt:L,sizes:p,failed:w,onFailed:g,near:o.nearScreen,holdEmpty:o.awaitingProbe}),N=F(y,{children:[a.src?C(a.src,a.alt):e(V,{imageLabel:r.name,spin:l}),a.trial]}),W=a.second?C(a.second,`${a.alt} — right`):void 0,b=K({kindLabel:null,brand:null,process:r.process?T(r.process):null},h),R=d&&!t?Q(b):b,U=m!=="off"?e("span",{"aria-hidden":!0,className:`${M} ${H}`}):null;return F(y,{children:[e(de,{variant:n,wide:d&&t,href:`/wheels/${r.slug}`,outline:x,imageBackgroundFill:B,probes:o.probes,reserveEyebrow:_,indexBadge:U,badges:e(se,{show:k,numbered:m!=="off",axleSets:!0}),image:N,imageSecond:W,eyebrow:R,spec:e(ne,{sizes:z,fieldUsage:h}),price:e(oe,{show:$,quoteSets:!0}),swatches:e(re,{show:v}),identityLink:c,wholeCardLink:!0,buy:e(Z,{buy:c&&f,page:c&&u})}),e(ee,{})]})}export{le as default};

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

@@ -4,12 +4,12 @@ import { type StoreProduct } from "../lib/catalog/store-product.js";
 import type { HeroPricePlacement } from "../lib/sections/hero-price-placement.js";
 import { type HeroLayout, type HeroTextAlign } from "../lib/sections/hero-arrangement.js";
 import { type HeroGalleryMode, type HeroImageFit } from "../lib/sections/hero-gallery.js";
-import type { PartStyles } from "efficient-web-builder/render/lib/document/part-styles";
-export interface HeroTextRegionProps {
+import type { SlotComponent } from "efficient-easel/blocks";
+export interface HeroPriceTemplateProps {
     nodeId?: string;
-    partStyles?: PartStyles;
+    priceTemplate?: SlotComponent;
 }
-interface Props extends HeroTextRegionProps {
+interface Props extends HeroPriceTemplateProps {
     product: StoreProduct;
     selection: ProductSelection;
     onLightbox: (src: string, alt: string) => void;
@@ -25,5 +25,5 @@ interface Props extends HeroTextRegionProps {
     imageFit?: HeroImageFit;
     trustBullets?: ReactNode;
 }
-export default function ProductHeroPanel({ product, selection, onLightbox, editing, pricePlacement, showVehicleFitment, heroLayout, imageRatio, textAlign, showSpecTable, showPriceQuote, galleryMode, imageFit, trustBullets, nodeId, partStyles, }: Props): import("react").JSX.Element;
+export default function ProductHeroPanel({ product, selection, onLightbox, editing, pricePlacement, showVehicleFitment, heroLayout, imageRatio, textAlign, showSpecTable, showPriceQuote, galleryMode, imageFit, trustBullets, nodeId, priceTemplate, }: Props): import("react").JSX.Element;
 export {};

package/dist/render/components/ProductHeroPanel.js

@@ -1 +1 @@
-"use client";import{Fragment as b,jsx as a,jsxs as n}from"react/jsx-runtime";import Q from"next/link";import{BUY_ROW_CLASS as Ne}from"./buy-row.js";import{useEffect as J,useRef as Se,useState as Te}from"react";import{useCart as we}from"./CartContext.js";import Re from"./QuoteLink.js";import{useSiteTakesOrders as _e}from"./SiteRecordContext.js";import Ee from"./EmailCaptureForm.js";import{useEnglish as I}from"./EnglishVariant.js";import Ae from"./QuantityStepper.js";import{MarkedLabel as $,heroView as Ce}from"./product-hero/hero-view.js";import Oe from"./ProductGallery.js";import{useRootIsDark as Le}from"efficient-shell/theme";import{useWishlist as ze}from"./WishlistContext.js";import{useStockAlertSignup as Ie}from"./useStockAlertSignup.js";import{SPARE_WORDS as $e,productCartLine as je}from"../lib/catalog/purchase.js";import{OPTION_ROW_ATTR as Me}from"../lib/catalog/store-product.js";import{resolvingRowsAnswered as De}from"../lib/catalog/product-options.js";import{STOCK_WORDS as Pe}from"../lib/content/stock-words.js";import{trackViewItem as Fe}from"../lib/google-tag.js";import{DEFAULT_HERO_LAYOUT as He,DEFAULT_HERO_RATIO as Ue,DEFAULT_HERO_TEXT_ALIGN as Be,parseHeroLayout as Ve,parseHeroRatio as Ge,parseHeroTextAlign as We}from"../lib/sections/hero-arrangement.js";import{DEFAULT_HERO_GALLERY_MODE as Ke,DEFAULT_HERO_IMAGE_FIT as qe}from"../lib/sections/hero-gallery.js";import{ADD_TO_BASKET_ATTR as Xe,MAX_SPARES as Ye,UNITS_PER_SET as Qe,formatPrice as Z}from"../lib/commerce.js";import{UNPRICED_LABEL as Je,formatSelectionPrice as Ze,setPriceLabel as et}from"../lib/wheels/price-display.js";import{productIsDually as tt,productIsTwoObjects as at,setSuppressesRow as nt}from"../lib/wheels/set-mode.js";import{CONTENT_CAP_GUTTER as ee}from"../lib/sections/content-cap-gutter.js";import rt from"efficient-web-builder/render/components/TextRegionRun";import{SectionTextParts as lt}from"efficient-web-builder/render/lib/document/editing-bridges";import{TEXT_REGION_ATTR as it}from"efficient-web-builder/format/lib/sections/text-regions";const ot=4e3;function st(e){return e?[e.year,e.make,e.model,e.modification].join("-"):""}const ct=.72;function dt(e){const r=e.trim().split(/\s+/).filter(Boolean);if(r.length===0)return;const s=r.map((l,d)=>l.length+(r.length>1&&d===r.length-1?1:0));return`calc(100cqi / ${(Math.max(...s)*ct).toFixed(2)})`}function mt(e,r){return e?{[it]:r}:{}}function pt({editing:e,nodeId:r,partStyles:s,children:l}){return!e||!r?a(b,{children:l}):a(lt,{nodeId:r,sectionType:"ProductHero",partStyles:s,children:l})}function ft({product:e,selection:r,onLightbox:s,editing:l=!1,pricePlacement:d="top",showVehicleFitment:i=!0,heroLayout:p=He,imageRatio:T=Ue,textAlign:ae=Be,showSpecTable:ne=!0,showPriceQuote:w=!0,galleryMode:re=Ke,imageFit:le=qe,trustBullets:ie,nodeId:oe,partStyles:j}){const se=I(),v=Ve(p),M=We(ae),y=Ge(T),ce=v==="imageRight"?`${100-y}fr ${y}fr`:`${y}fr ${100-y}fr`,{picked:de,pick:D,qty:P,setQty:me,choice:g,setChoice:N,angleIdx:pe,setAngleIdx:fe,showValidation:ue,setShowValidation:R,manualMode:F,vehicle:_,rows:H,facts:be,part:x,outOfStock:U,offer:m,preOrder:E,canAddToCart:S,currency:k,price:u,set:B,msrpLabel:V}=r,c=Ce(e,r,l),A=tt(e),ge=at(e),C=i?c.vehicle:null,he=i?c.vehicleMemory:null,O=!Le({whenUnset:!0}),{addAndOpen:xe,warmCatalog:G}=we(),h=_e();J(()=>{!l&&h&&G(e.kind)},[l,h,e.kind,G]);const W=H.filter(t=>!E||t.values.length>0),K=W.filter(t=>t.role==="resolves"),L=W.filter(t=>t.role==="describes"&&!nt(ge,t.key)),q=L.findIndex(t=>t.chosen===null),X=(!C||!c.vehicleAnswersSpecs||r.fitmentSet)&&De(H,E)?q===-1?L:L.slice(0,q+1):[],ve=[...K,...X],ke=mt(l,"price"),z=a(pt,{editing:l,nodeId:oe,partStyles:j,children:n("div",{className:"flex items-baseline gap-5 border-t border-line pt-[18px]",children:[V&&a("div",{className:"font-mono text-[length:var(--size-label,15px)] text-fg-dim line-through",children:V}),a("div",{className:"font-heading2 text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))] font-bold leading-none tracking-[-0.01em] text-fg",...ke,children:a(rt,{region:"price",partStyles:j,children:A?et(u,k):Ze(u,k)})}),u.priced&&a("div",{className:"font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:c.unitLabel}),u.setTotal!=null&&n("div",{className:"ml-auto border border-accent px-3 py-2 font-mono text-[length:var(--size-label,13px)] font-bold uppercase tracking-[0.18em] text-accent",style:{background:"color-mix(in oklab, var(--accent) 14%, transparent)"},children:[m.quantityLabel,": ",Z(B,k)]})]})}),Y=Se(null);return J(()=>{l||Y.current===e.slug||(Y.current=e.slug,Fe({itemId:x?`${e.slug}|${x.id}`:e.slug,itemName:e.name,variant:c.metaValue,pricePerSet:u.setTotal??u.fromSetTotal??0,currency:k}))},[l,e.slug,e.name,c.metaValue,x,u,k]),n(b,{children:[a("nav",{className:`border-b border-line ${ee} pt-4 pb-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim max-view-tablet:px-[min(20px,var(--sf-site-gutter,40px))]`,style:O?void 0:{background:"var(--section-bg)"},children:e.crumbs.map((t,o)=>n("span",{children:[o>0&&n(b,{children:[a("span",{className:"mx-3 text-accent",children:"/"}),a("wbr",{})]}),t.href?a(Q,{href:t.href,className:"hover:text-fg",children:a($,{text:t.label})}):a("span",{className:"text-fg",children:a($,{text:t.label})})]},`${t.label}-${o}`))}),n("section",{"data-hero-layout":v,"data-hero-align":M,className:[`grid gap-10 ${ee} py-14 max-view-tablet:px-[min(20px,var(--sf-site-gutter,40px))] max-view-tablet:py-8`,v==="stacked"?"grid-cols-1":"[grid-template-columns:var(--hero-cols)] max-view-desktop:[grid-template-columns:minmax(0,1fr)]"].join(" "),style:{...O?{}:{background:"var(--section-bg)"},...v==="stacked"?{}:{"--hero-cols":ce}},children:[a(Oe,{product:e,view:c,angleIdx:pe,onSelect:fe,isLight:O,onLightbox:s,galleryMode:re,imageFit:le,style:v==="imageRight"?{order:2}:void 0}),n("div",{className:["flex flex-col gap-7",M==="center"?"items-center text-center":""].filter(Boolean).join(" "),style:v==="imageRight"?{order:1}:void 0,children:[n("div",{className:"w-full [container-type:inline-size]",children:[n("div",{className:"mb-2.5 flex items-center gap-2.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.2em] text-accent",children:[a("span",{children:a($,{text:e.eyebrow})}),e.badge&&n(b,{children:[a("span",{children:"·"}),a("span",{children:e.badge})]})]}),a("h1",{className:"font-heading2 text-[length:min(min(var(--size-headingMedium,clamp(48px,5.5vw,84px)),var(--hero-name-fit,9999px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] leading-[0.92] tracking-[-0.035em]",style:{"--hero-name-fit":dt(c.heading)},children:(()=>{const t=c.heading.lastIndexOf(" ");if(t===-1)return c.heading;const o=c.heading.slice(0,t),f=c.heading.slice(t+1);return n(b,{children:[o," ",n("em",{className:"font-normal italic text-accent",children:[f,"."]})]})})()})]}),d!=="belowSpecs"&&w&&z,he,K.map(t=>a(te,{row:t,onPick:D},t.key)),E&&c.preOrder?n(b,{children:[d==="belowSpecs"&&w&&z,c.preOrder]}):n(b,{children:[C,X.map(t=>a(te,{row:t,onPick:D},t.key)),ne&&a(ut,{facts:be}),(m.packs.length>0||h&&(m.extra||m.spareCounts.length>0))&&n("div",{className:"border-b border-line pb-[26px]",children:[m.packs.length>0&&n(b,{children:[a("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:"How many"}),a("div",{className:"flex flex-wrap gap-1.5",children:m.packs.map(t=>n("button",{type:"button",onClick:()=>N(o=>({...o,unit:t.value})),"aria-pressed":g.unit===t.value,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",g.unit===t.value?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:g.unit===t.value?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[g.unit===t.value&&a("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),a("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:t.label})]},t.value))})]}),h&&m.extra&&n("label",{className:`${m.packs.length>0?"mt-3.5 ":""}flex cursor-pointer items-center gap-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.16em] text-fg`,children:[a("input",{type:"checkbox",checked:g.spares>0,onChange:t=>N(o=>({...o,spares:t.target.checked?Ye:0})),className:"h-4 w-4 cursor-pointer accent-[var(--accent)]"}),m.extra.label]}),h&&m.spareCounts.length>0&&n(b,{children:[a("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:$e.howMany}),a("div",{className:"flex flex-col gap-1.5 sm:flex-row sm:flex-wrap",children:m.spareCounts.map(t=>{const o=t.value-Qe,f=g.spares===o;return n("button",{type:"button",onClick:()=>N(ye=>({...ye,spares:o})),"aria-pressed":f,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",f?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:f?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[f&&a("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),n("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:[t.value," · ",t.label]})]},t.value)})})]}),h&&m.spareSide&&n(b,{children:[a("div",{className:"mb-3.5 mt-[26px] font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:m.spareSide.label}),a("div",{className:"flex flex-wrap gap-1.5",children:m.spareSide.options.map(t=>{const o=g.spareSide===t.value;return n("button",{type:"button",onClick:()=>N(f=>({...f,spareSide:t.value})),"aria-pressed":o,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",o?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:o?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[o&&a("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),a("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:t.label})]},t.value)})})]})]}),d==="belowSpecs"&&w&&z,n("div",{className:Ne,children:[h&&!(A&&!u.priced)&&a(Ae,{value:P,onChange:me,size:"large"}),!h||A&&!u.priced?a(Re,{className:"flex-1 cursor-pointer bg-btn px-6 py-4 text-center font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg"}):u.priced?U?a("button",{type:"button",disabled:!0,"aria-disabled":!0,className:"flex-1 cursor-not-allowed border-2 border-dashed border-fg-dim/20 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-fg-dim/40",children:Pe.outOfStock}):n("button",{type:"button",[Xe]:"",onClick:()=>{if(!S){R(!0),window.setTimeout(()=>R(!1),ot);return}if(R(!1),l)return;const t=je(e,x,de,{choice:g,qty:P},{fitmentLabel:F?c.specCaption:_.appliedName?`For ${_.appliedName}`:"",fitmentKey:F?`manual|${c.specCaption}`:`vehicle|${st(_.applied?.vehicle)}`});t&&xe(t)},"aria-disabled":!S,className:["flex-1 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] transition-colors",S?"cursor-pointer bg-btn text-btn-ink hover:bg-fg hover:text-bg":"cursor-pointer border-2 border-dashed border-accent/50 text-accent/80 hover:border-accent hover:text-accent"].join(" "),style:S?void 0:{background:"color-mix(in oklab, var(--accent) 6%, transparent)"},children:["Add to Cart",u.setTotal!=null?` · ${Z(B,k)}`:""]}):a("button",{type:"button",disabled:!0,"aria-disabled":!0,className:"flex-1 cursor-not-allowed border-2 border-dashed border-fg-dim/20 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-fg-dim/40",children:Je}),a(bt,{slug:e.slug,name:e.name})]}),U&&x&&a(gt,{partNumbers:x.components.map(t=>t.partNumber),productSlug:e.slug},x.id),ue&&(()=>{const t=ve.filter(f=>f.chosen===null).map(f=>se(f.prompt).replace(/^Select\s+/i,""));if(C&&c.vehicleAnswersSpecs&&!r.fitmentSet&&t.push("vehicle fitment"),t.length===0)return null;const o=t.length===1?t[0]:t.length===2?`${t[0]} and ${t[1]}`:`${t.slice(0,-1).join(", ")}, and ${t.at(-1)}`;return n("p",{role:"alert",className:"-mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:["Please select ",o," first."]})})()]}),ie]})]})]})}function ut({facts:e}){const r=I();return e.length===0?null:a("div",{className:"border-b border-line pb-[26px]",children:a("dl",{className:"flex flex-col gap-2",children:e.map(s=>n("div",{className:"flex flex-wrap items-baseline gap-x-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em]",children:[n("dt",{className:"text-fg-dim",children:[r(s.label)," ·"]}),a("dd",{className:"font-semibold text-fg",children:s.value.label})]},s.key))})})}function te({row:e,onPick:r}){const s=I();if(e.values.length===0&&!e.empty)return null;const l=e.values.find(i=>i.value===e.chosen),d=l&&[l.label,l.note].filter(Boolean).join(" · ");return n("div",{className:"border-b border-line pb-[26px]",[Me]:e.key,children:[n("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:[s(e.label)," · ",a("span",{className:"text-accent",children:d??s(e.prompt)})]}),e.values.length===0?n("p",{className:"font-mono text-[length:var(--size-body,12px)] leading-relaxed tracking-[0.1em] text-fg-dim",children:[e.empty.text," ",a(Q,{href:e.empty.href,className:"text-accent hover:underline",children:e.empty.linkText})]}):e.display==="swatch"?a("div",{className:"flex flex-wrap gap-2",children:e.values.map(i=>{const p=i.value===e.chosen;return n("button",{type:"button",onClick:()=>r(e.key,i.value),"aria-pressed":p,className:["relative flex max-w-full items-center gap-3 border-2 px-3 py-3 text-left transition-colors",p?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"].join(" "),style:p?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[p&&a("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),a("span",{className:"block h-5 w-5 shrink-0 rounded-full border border-fg-dim",style:{background:i.swatch}}),a("span",{className:"block min-w-0 break-words font-mono text-[length:var(--size-label,12px)] font-bold uppercase tracking-[0.18em] text-fg",children:i.label})]},i.value)})}):a("div",{className:"flex flex-wrap gap-1.5",children:e.values.map(i=>{const p=i.value===e.chosen;return n("button",{type:"button",onClick:()=>r(e.key,i.value),"aria-pressed":p,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",p?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:p?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[p&&a("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),a("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:i.label}),i.note&&a("span",{className:"mt-1 block text-[length:var(--size-label,11px)] tracking-[0.12em] text-fg-dim",children:i.note})]},i.value)})})]})}function bt({slug:e,name:r}){const{has:s,toggle:l}=ze(),d=s(e);return a("button",{type:"button",title:d?"Saved":"Save","aria-label":d?`Remove ${r} from wishlist`:`Save ${r} to wishlist`,"aria-pressed":d,onClick:()=>l(e),className:["h-12 w-12 cursor-pointer border-2 bg-transparent transition-colors",d?"border-accent text-accent":"border-fg-dim/50 text-fg hover:border-accent hover:text-accent"].join(" "),children:d?"♥":"♡"})}function gt({partNumbers:e,productSlug:r}){const[s,l]=Te(""),{status:d,submit:i,reset:p}=Ie();function T(){i({partNumbers:e,email:s,productSlug:r})}return d==="sent"?a("p",{className:"-mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-accent",children:"We'll email you when it's back."}):a(Ee,{className:"-mt-1",email:s,onEmailChange:l,status:d,onResetVerdict:p,onSubmit:T,inputAriaLabel:"Email for the back-in-stock alert",submitLabel:"Notify me when back",buttonClassName:"cursor-pointer whitespace-nowrap border-2 border-btn px-4 font-mono text-[length:var(--size-label,11px)] font-bold uppercase tracking-[0.22em] text-btn transition-colors hover:bg-btn hover:text-btn-ink disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-btn",errorMessage:"Couldn't save that — please try again."})}export{ft as default};
+"use client";import{jsx as a,Fragment as b,jsxs as n}from"react/jsx-runtime";import Q from"next/link";import{BUY_ROW_CLASS as ye}from"./buy-row.js";import{useEffect as X,useRef as Ne,useState as Se}from"react";import{useCart as we}from"./CartContext.js";import Te from"./QuoteLink.js";import{useSiteTakesOrders as _e}from"./SiteRecordContext.js";import Re from"./EmailCaptureForm.js";import{useEnglish as I}from"./EnglishVariant.js";import Ee from"./QuantityStepper.js";import{MarkedLabel as $,heroView as Ce}from"./product-hero/hero-view.js";import Ae from"./ProductGallery.js";import{useRootIsDark as Le}from"efficient-shell/theme";import{useWishlist as Oe}from"./WishlistContext.js";import{useStockAlertSignup as ze}from"./useStockAlertSignup.js";import{SPARE_WORDS as Ie,productCartLine as $e}from"../lib/catalog/purchase.js";import{OPTION_ROW_ATTR as je}from"../lib/catalog/store-product.js";import{resolvingRowsAnswered as Me}from"../lib/catalog/product-options.js";import{STOCK_WORDS as Pe}from"../lib/content/stock-words.js";import{trackViewItem as De}from"../lib/google-tag.js";import{DEFAULT_HERO_LAYOUT as Fe,DEFAULT_HERO_RATIO as He,DEFAULT_HERO_TEXT_ALIGN as Be,parseHeroLayout as Ue,parseHeroRatio as Ve,parseHeroTextAlign as We}from"../lib/sections/hero-arrangement.js";import{DEFAULT_HERO_GALLERY_MODE as Ge,DEFAULT_HERO_IMAGE_FIT as Ke}from"../lib/sections/hero-gallery.js";import{ADD_TO_BASKET_ATTR as qe,MAX_SPARES as Ye,UNITS_PER_SET as Qe,formatPrice as J}from"../lib/commerce.js";import{UNPRICED_LABEL as Xe,formatSelectionPrice as Je,setPriceLabel as Ze}from"../lib/wheels/price-display.js";import{productIsDually as et,productIsTwoObjects as tt,setSuppressesRow as at}from"../lib/wheels/set-mode.js";import{CONTENT_CAP_GUTTER as Z}from"../lib/sections/content-cap-gutter.js";import{CardTemplateRows as nt}from"efficient-web-builder/render/components/CardRowContext";import rt from"./card-pieces/CardPrice.js";import{HeroPriceStateProvider as lt}from"./card-pieces/ProductCardState.js";const ot=4e3;function it(t){return t?[t.year,t.make,t.model,t.modification].join("-"):""}const st=[{}],ct=.72;function dt(t){const r=t.trim().split(/\s+/).filter(Boolean);if(r.length===0)return;const d=r.map((s,c)=>s.length+(r.length>1&&c===r.length-1?1:0));return`calc(100cqi / ${(Math.max(...d)*ct).toFixed(2)})`}function mt({product:t,selection:r,onLightbox:d,editing:s=!1,pricePlacement:c="top",showVehicleFitment:l=!0,heroLayout:p=Fe,imageRatio:w=He,textAlign:te=Be,showSpecTable:ae=!0,showPriceQuote:T=!0,galleryMode:ne=Ge,imageFit:re=Ke,trustBullets:le,nodeId:oe,priceTemplate:j}){const ie=I(),v=Ue(p),M=We(te),y=Ve(w),se=v==="imageRight"?`${100-y}fr ${y}fr`:`${y}fr ${100-y}fr`,{picked:ce,pick:P,qty:D,setQty:de,choice:h,setChoice:N,angleIdx:me,setAngleIdx:pe,showValidation:ue,setShowValidation:_,manualMode:F,vehicle:R,rows:H,facts:fe,part:x,outOfStock:B,offer:m,preOrder:E,canAddToCart:S,currency:k,price:f,set:U,msrpLabel:be}=r,i=Ce(t,r,s),C=et(t),he=tt(t),A=l?i.vehicle:null,ge=l?i.vehicleMemory:null,L=!Le({whenUnset:!0}),{addAndOpen:xe,warmCatalog:V}=we(),g=_e();X(()=>{!s&&g&&V(t.kind)},[s,g,t.kind,V]);const W=H.filter(e=>!E||e.values.length>0),G=W.filter(e=>e.role==="resolves"),O=W.filter(e=>e.role==="describes"&&!at(he,e.key)),K=O.findIndex(e=>e.chosen===null),q=(!A||!i.vehicleAnswersSpecs||r.fitmentSet)&&Me(H,E)?K===-1?O:O.slice(0,K+1):[],ve=[...G,...q],z=a(lt,{value:{kind:"hero",msrpLabel:be||null,amount:C?Ze(f,k):Je(f,k),unitLabel:f.priced?i.unitLabel:null,packBadge:f.setTotal!=null?`${m.quantityLabel}: ${J(U,k)}`:null},children:j?a(nt,{ownerId:oe??"",ownerType:"ProductHero",Template:j,rows:st,fallback:null,children:e=>e}):a(rt,{})}),Y=Ne(null);return X(()=>{s||Y.current===t.slug||(Y.current=t.slug,De({itemId:x?`${t.slug}|${x.id}`:t.slug,itemName:t.name,variant:i.metaValue,pricePerSet:f.setTotal??f.fromSetTotal??0,currency:k}))},[s,t.slug,t.name,i.metaValue,x,f,k]),n(b,{children:[a("nav",{className:`border-b border-line ${Z} pt-4 pb-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim max-view-tablet:px-[min(20px,var(--sf-site-gutter,40px))]`,style:L?void 0:{background:"var(--section-bg)"},children:t.crumbs.map((e,o)=>n("span",{children:[o>0&&n(b,{children:[a("span",{className:"mx-3 text-accent",children:"/"}),a("wbr",{})]}),e.href?a(Q,{href:e.href,className:"hover:text-fg",children:a($,{text:e.label})}):a("span",{className:"text-fg",children:a($,{text:e.label})})]},`${e.label}-${o}`))}),n("section",{"data-hero-layout":v,"data-hero-align":M,className:[`grid gap-10 ${Z} py-14 max-view-tablet:px-[min(20px,var(--sf-site-gutter,40px))] max-view-tablet:py-8`,v==="stacked"?"grid-cols-1":"[grid-template-columns:var(--hero-cols)] max-view-desktop:[grid-template-columns:minmax(0,1fr)]"].join(" "),style:{...L?{}:{background:"var(--section-bg)"},...v==="stacked"?{}:{"--hero-cols":se}},children:[a(Ae,{product:t,view:i,angleIdx:me,onSelect:pe,isLight:L,onLightbox:d,galleryMode:ne,imageFit:re,style:v==="imageRight"?{order:2}:void 0}),n("div",{className:["flex flex-col gap-7",M==="center"?"items-center text-center":""].filter(Boolean).join(" "),style:v==="imageRight"?{order:1}:void 0,children:[n("div",{className:"w-full [container-type:inline-size]",children:[n("div",{className:"mb-2.5 flex items-center gap-2.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.2em] text-accent",children:[a("span",{children:a($,{text:t.eyebrow})}),t.badge&&n(b,{children:[a("span",{children:"·"}),a("span",{children:t.badge})]})]}),a("h1",{className:"font-heading2 text-[length:min(min(var(--size-headingMedium,clamp(48px,5.5vw,84px)),var(--hero-name-fit,9999px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] leading-[0.92] tracking-[-0.035em]",style:{"--hero-name-fit":dt(i.heading)},children:(()=>{const e=i.heading.lastIndexOf(" ");if(e===-1)return i.heading;const o=i.heading.slice(0,e),u=i.heading.slice(e+1);return n(b,{children:[o," ",n("em",{className:"font-normal italic text-accent",children:[u,"."]})]})})()})]}),c!=="belowSpecs"&&T&&z,ge,G.map(e=>a(ee,{row:e,onPick:P},e.key)),E&&i.preOrder?n(b,{children:[c==="belowSpecs"&&T&&z,i.preOrder]}):n(b,{children:[A,q.map(e=>a(ee,{row:e,onPick:P},e.key)),ae&&a(pt,{facts:fe}),(m.packs.length>0||g&&(m.extra||m.spareCounts.length>0))&&n("div",{className:"border-b border-line pb-[26px]",children:[m.packs.length>0&&n(b,{children:[a("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:"How many"}),a("div",{className:"flex flex-wrap gap-1.5",children:m.packs.map(e=>n("button",{type:"button",onClick:()=>N(o=>({...o,unit:e.value})),"aria-pressed":h.unit===e.value,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",h.unit===e.value?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:h.unit===e.value?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[h.unit===e.value&&a("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),a("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:e.label})]},e.value))})]}),g&&m.extra&&n("label",{className:`${m.packs.length>0?"mt-3.5 ":""}flex cursor-pointer items-center gap-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.16em] text-fg`,children:[a("input",{type:"checkbox",checked:h.spares>0,onChange:e=>N(o=>({...o,spares:e.target.checked?Ye:0})),className:"h-4 w-4 cursor-pointer accent-[var(--accent)]"}),m.extra.label]}),g&&m.spareCounts.length>0&&n(b,{children:[a("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:Ie.howMany}),a("div",{className:"flex flex-col gap-1.5 sm:flex-row sm:flex-wrap",children:m.spareCounts.map(e=>{const o=e.value-Qe,u=h.spares===o;return n("button",{type:"button",onClick:()=>N(ke=>({...ke,spares:o})),"aria-pressed":u,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",u?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:u?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[u&&a("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),n("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:[e.value," · ",e.label]})]},e.value)})})]}),g&&m.spareSide&&n(b,{children:[a("div",{className:"mb-3.5 mt-[26px] font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:m.spareSide.label}),a("div",{className:"flex flex-wrap gap-1.5",children:m.spareSide.options.map(e=>{const o=h.spareSide===e.value;return n("button",{type:"button",onClick:()=>N(u=>({...u,spareSide:e.value})),"aria-pressed":o,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",o?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:o?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[o&&a("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),a("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:e.label})]},e.value)})})]})]}),c==="belowSpecs"&&T&&z,n("div",{className:ye,children:[g&&!(C&&!f.priced)&&a(Ee,{value:D,onChange:de,size:"large"}),!g||C&&!f.priced?a(Te,{className:"flex-1 cursor-pointer bg-btn px-6 py-4 text-center font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg"}):f.priced?B?a("button",{type:"button",disabled:!0,"aria-disabled":!0,className:"flex-1 cursor-not-allowed border-2 border-dashed border-fg-dim/20 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-fg-dim/40",children:Pe.outOfStock}):n("button",{type:"button",[qe]:"",onClick:()=>{if(!S){_(!0),window.setTimeout(()=>_(!1),ot);return}if(_(!1),s)return;const e=$e(t,x,ce,{choice:h,qty:D},{fitmentLabel:F?i.specCaption:R.appliedName?`For ${R.appliedName}`:"",fitmentKey:F?`manual|${i.specCaption}`:`vehicle|${it(R.applied?.vehicle)}`});e&&xe(e)},"aria-disabled":!S,className:["flex-1 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] transition-colors",S?"cursor-pointer bg-btn text-btn-ink hover:bg-fg hover:text-bg":"cursor-pointer border-2 border-dashed border-accent/50 text-accent/80 hover:border-accent hover:text-accent"].join(" "),style:S?void 0:{background:"color-mix(in oklab, var(--accent) 6%, transparent)"},children:["Add to Cart",f.setTotal!=null?` · ${J(U,k)}`:""]}):a("button",{type:"button",disabled:!0,"aria-disabled":!0,className:"flex-1 cursor-not-allowed border-2 border-dashed border-fg-dim/20 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-fg-dim/40",children:Xe}),a(ut,{slug:t.slug,name:t.name})]}),B&&x&&a(ft,{partNumbers:x.components.map(e=>e.partNumber),productSlug:t.slug},x.id),ue&&(()=>{const e=ve.filter(u=>u.chosen===null).map(u=>ie(u.prompt).replace(/^Select\s+/i,""));if(A&&i.vehicleAnswersSpecs&&!r.fitmentSet&&e.push("vehicle fitment"),e.length===0)return null;const o=e.length===1?e[0]:e.length===2?`${e[0]} and ${e[1]}`:`${e.slice(0,-1).join(", ")}, and ${e.at(-1)}`;return n("p",{role:"alert",className:"-mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:["Please select ",o," first."]})})()]}),le]})]})]})}function pt({facts:t}){const r=I();return t.length===0?null:a("div",{className:"border-b border-line pb-[26px]",children:a("dl",{className:"flex flex-col gap-2",children:t.map(d=>n("div",{className:"flex flex-wrap items-baseline gap-x-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em]",children:[n("dt",{className:"text-fg-dim",children:[r(d.label)," ·"]}),a("dd",{className:"font-semibold text-fg",children:d.value.label})]},d.key))})})}function ee({row:t,onPick:r}){const d=I();if(t.values.length===0&&!t.empty)return null;const s=t.values.find(l=>l.value===t.chosen),c=s&&[s.label,s.note].filter(Boolean).join(" · ");return n("div",{className:"border-b border-line pb-[26px]",[je]:t.key,children:[n("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:[d(t.label)," · ",a("span",{className:"text-accent",children:c??d(t.prompt)})]}),t.values.length===0?n("p",{className:"font-mono text-[length:var(--size-body,12px)] leading-relaxed tracking-[0.1em] text-fg-dim",children:[t.empty.text," ",a(Q,{href:t.empty.href,className:"text-accent hover:underline",children:t.empty.linkText})]}):t.display==="swatch"?a("div",{className:"flex flex-wrap gap-2",children:t.values.map(l=>{const p=l.value===t.chosen;return n("button",{type:"button",onClick:()=>r(t.key,l.value),"aria-pressed":p,className:["relative flex max-w-full items-center gap-3 border-2 px-3 py-3 text-left transition-colors",p?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"].join(" "),style:p?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[p&&a("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),a("span",{className:"block h-5 w-5 shrink-0 rounded-full border border-fg-dim",style:{background:l.swatch}}),a("span",{className:"block min-w-0 break-words font-mono text-[length:var(--size-label,12px)] font-bold uppercase tracking-[0.18em] text-fg",children:l.label})]},l.value)})}):a("div",{className:"flex flex-wrap gap-1.5",children:t.values.map(l=>{const p=l.value===t.chosen;return n("button",{type:"button",onClick:()=>r(t.key,l.value),"aria-pressed":p,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",p?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:p?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[p&&a("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),a("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:l.label}),l.note&&a("span",{className:"mt-1 block text-[length:var(--size-label,11px)] tracking-[0.12em] text-fg-dim",children:l.note})]},l.value)})})]})}function ut({slug:t,name:r}){const{has:d,toggle:s}=Oe(),c=d(t);return a("button",{type:"button",title:c?"Saved":"Save","aria-label":c?`Remove ${r} from wishlist`:`Save ${r} to wishlist`,"aria-pressed":c,onClick:()=>s(t),className:["h-12 w-12 cursor-pointer border-2 bg-transparent transition-colors",c?"border-accent text-accent":"border-fg-dim/50 text-fg hover:border-accent hover:text-accent"].join(" "),children:c?"♥":"♡"})}function ft({partNumbers:t,productSlug:r}){const[d,s]=Se(""),{status:c,submit:l,reset:p}=ze();function w(){l({partNumbers:t,email:d,productSlug:r})}return c==="sent"?a("p",{className:"-mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-accent",children:"We'll email you when it's back."}):a(Re,{className:"-mt-1",email:d,onEmailChange:s,status:c,onResetVerdict:p,onSubmit:w,inputAriaLabel:"Email for the back-in-stock alert",submitLabel:"Notify me when back",buttonClassName:"cursor-pointer whitespace-nowrap border-2 border-btn px-4 font-mono text-[length:var(--size-label,11px)] font-bold uppercase tracking-[0.22em] text-btn transition-colors hover:bg-btn hover:text-btn-ink disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-btn",errorMessage:"Couldn't save that — please try again."})}export{mt as default};

package/dist/render/components/ProductRef.js

@@ -1 +1 @@
-"use client";import{jsx as l}from"react/jsx-runtime";import{createContext as c,useContext as d,useEffect as g,useState as f}from"react";import m from"./ProductCard.js";import{loadProductCatalog as h}from"./useProductCatalog.js";import{say as u}from"efficient-web-builder/format/lib/editor-words";const s=c({wheels:[],loading:!1,live:!1});function p(e,t){return e.find(r=>r.designCode===t)??e.find(r=>r.slug===t)}function S({wheels:e,children:t}){return l(s.Provider,{value:{wheels:e??[],loading:!1,live:!0},children:t})}function b({children:e}){const[t,r]=f([]),[i,a]=f(!0);return g(()=>{let n=!1;return h().then(o=>{n||(r(o),a(!1))}).catch(()=>{n||a(!1)}),()=>{n=!0}},[]),l(s.Provider,{value:{wheels:t,loading:i,live:!1},children:e})}function v({code:e,finish:t,wheel:r}){const{wheels:i,loading:a,live:n}=d(s),o=r??(e?p(i,e):void 0);return o?l(m,{wheel:o,variant:"catalog",defaultFinish:t},t??""):n?null:l("div",{className:"sf-card flex aspect-square w-full items-center justify-center bg-surface-2 p-4 text-center",children:l("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:a?u("Loading…"):e||u("Set a design code")})})}export{b as ProductCatalogProvider,S as SectionWheelsProvider,v as default,p as wheelForCode};
+"use client";import{jsx as a}from"react/jsx-runtime";import{createContext as c,useContext as d,useEffect as g,useState as u}from"react";import m from"./ProductCard.js";import{loadProductCatalog as h}from"./useProductCatalog.js";import{say as f}from"efficient-web-builder/format/lib/editor-words";const i=c({wheels:[],loading:!1,live:!1});function p(e,t){return e.find(r=>r.designCode===t)??e.find(r=>r.slug===t)}function S({wheels:e,children:t}){return a(i.Provider,{value:{wheels:e??[],loading:!1,live:!0},children:t})}function b({children:e}){const[t,r]=u([]),[s,o]=u(!0);return g(()=>{let n=!1;return h().then(l=>{n||(r(l),o(!1))}).catch(()=>{n||o(!1)}),()=>{n=!0}},[]),a(i.Provider,{value:{wheels:t,loading:s,live:!1},children:e})}function v({code:e,finish:t,wheel:r}){const{wheels:s,loading:o,live:n}=d(i),l=r??(e?p(s,e):void 0);return l?a(m,{wheel:l,variant:"catalog",defaultFinish:t},`${l.slug}:${t??""}`):n?null:a("div",{className:"sf-card flex aspect-square w-full items-center justify-center bg-surface-2 p-4 text-center",children:a("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:o?f("Loading…"):e||f("Set a design code")})})}export{b as ProductCatalogProvider,S as SectionWheelsProvider,v as default,p as wheelForCode};

package/dist/render/components/card-pieces/CardPrice.d.ts

@@ -1,7 +1,15 @@
+import type { PartStyles } from "efficient-web-builder/render/lib/document/part-styles";
 export interface CardPriceSettings {
     show?: boolean;
     quoteSets?: boolean;
     setTotal?: boolean;
     wasFollowsSize?: boolean;
 }
-export default function CardPrice({ show, ...settings }: CardPriceSettings): import("react").JSX.Element;
+export interface CardPriceRegion {
+    nodeId?: string;
+    partStyles?: PartStyles;
+    editing: boolean;
+}
+export default function CardPrice({ show, region, ...settings }: CardPriceSettings & {
+    region?: CardPriceRegion;
+}): import("react").JSX.Element;

package/dist/render/components/card-pieces/CardPrice.js

@@ -1 +1 @@
-"use client";import{jsx as c,jsxs as m,Fragment as _}from"react/jsx-runtime";import{formatPrice as w}from"../../lib/commerce.js";import{setLabel as x}from"../../lib/wheels/variants.js";import{wheelCardPriceLine as u}from"../../lib/wheels/set-mode.js";import{EACH_UNIT as T,formatSelectionPrice as E,formatSelectionWasPrice as C,formatWheelPrice as d,formatWheelWasPrice as W,FROM_PREFIX as f,priceIn as g,resolveWheelPrice as p,SET_QUOTE_LABEL as y}from"../../lib/wheels/price-display.js";import{CARD_TEXT_SIZE as h,CardRow as P}from"./card-row.js";import{useProductCardState as F}from"./ProductCardState.js";function L(r,n){if(r.kind==="tyre"){const s=p(g(r.tyre.prices,r.currency),null);return{was:null,amount:d(s,r.currency,f),note:s.priced?T:null}}const{wheel:l,currency:e,price:t,sel:o,isSet:S}=r,i=p(l.prices[e],l.msrpPrices?.[e]),a=n.setTotal&&t.priced&&t.setTotal!=null&&o.selectedVariant?`${x(o.selectedVariant)} · ${w(t.setTotal,e)}`:null;return S&&n.quoteSets?{was:null,amount:i.priced?u(d(i,e,f),!0):y,note:a}:{was:n.wasFollowsSize?C(t,e):W(i,e),amount:u(E(t,e),t.priced),note:a}}function j({show:r=!0,...n}){const l=F(),{was:e,amount:t,note:o}=L(l,n);return m(_,{children:[c(P,{children:r?m("div",{className:`mt-2 font-mono ${h.labelLarge}`,children:[e&&c("span",{className:"mr-2 text-fg-dim line-through",children:e}),t]}):null}),c(P,{children:r&&o?c("div",{className:`mt-[2px] font-mono ${h.labelSmall} tracking-[0.08em] text-fg-dim`,children:o}):null})]})}export{j as default};
+"use client";import{jsx as n,jsxs as c,Fragment as b}from"react/jsx-runtime";import P from"efficient-web-builder/render/components/TextRegionRun";import{SectionTextParts as S}from"efficient-web-builder/render/lib/document/editing-bridges";import{TEXT_REGION_ATTR as T}from"efficient-web-builder/format/lib/sections/text-regions";import{formatPrice as v}from"../../lib/commerce.js";import{setLabel as y}from"../../lib/wheels/variants.js";import{wheelCardPriceLine as d}from"../../lib/wheels/set-mode.js";import{EACH_UNIT as N,formatSelectionPrice as _,formatSelectionWasPrice as w,formatWheelPrice as p,formatWheelWasPrice as L,FROM_PREFIX as u,priceIn as k,resolveWheelPrice as f,SET_QUOTE_LABEL as E}from"../../lib/wheels/price-display.js";import{CARD_TEXT_SIZE as h,CardRow as x}from"./card-row.js";import{useHeroPriceStateOrNull as R,useProductCardState as I}from"./ProductCardState.js";function C(e,t){if(e.kind==="tyre"){const m=f(k(e.tyre.prices,e.currency),null);return{was:null,amount:p(m,e.currency,u),note:m.priced?N:null}}const{wheel:o,currency:r,price:i,sel:l,isSet:g}=e,a=f(o.prices[r],o.msrpPrices?.[r]),s=t.setTotal&&i.priced&&i.setTotal!=null&&l.selectedVariant?`${y(l.selectedVariant)} · ${v(i.setTotal,r)}`:null;return g&&t.quoteSets?{was:null,amount:a.priced?d(p(a,r,u),!0):E,note:s}:{was:t.wasFollowsSize?w(i,r):L(a,r),amount:d(_(i,r),i.priced),note:s}}function W({state:e,region:t}){const o=!!t?.editing,r=c("div",{className:"flex items-baseline gap-5 border-t border-line pt-[18px]",children:[e.msrpLabel&&n("div",{className:"font-mono text-[length:var(--size-label,15px)] text-fg-dim line-through",children:e.msrpLabel}),n("div",{className:"font-heading2 text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))] font-bold leading-none tracking-[-0.01em] text-fg",...o?{[T]:"price"}:{},children:n(P,{region:"price",partStyles:t?.partStyles,children:e.amount})}),e.unitLabel&&n("div",{className:"font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:e.unitLabel}),e.packBadge&&n("div",{className:"ml-auto border border-accent px-3 py-2 font-mono text-[length:var(--size-label,13px)] font-bold uppercase tracking-[0.18em] text-accent",style:{background:"color-mix(in oklab, var(--accent) 14%, transparent)"},children:e.packBadge})]});return!o||!t?.nodeId?r:n(S,{nodeId:t.nodeId,sectionType:"ProductPrice",partStyles:t.partStyles,children:r})}function z({show:e=!0,region:t,...o}){const r=R();return r?n(W,{state:r,region:t}):n(F,{show:e,...o})}function F({show:e,...t}){const o=I(),{was:r,amount:i,note:l}=C(o,t);return c(b,{children:[n(x,{children:e?c("div",{className:`mt-2 font-mono ${h.labelLarge}`,children:[r&&n("span",{className:"mr-2 text-fg-dim line-through",children:r}),i]}):null}),n(x,{children:e&&l?n("div",{className:`mt-[2px] font-mono ${h.labelSmall} tracking-[0.08em] text-fg-dim`,children:l}):null})]})}export{z as default};

package/dist/render/components/card-pieces/ClippedPictures.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from "react";
+export declare function ClippedPictures({ clipRef, pictures, }: {
+    clipRef?: Ref<HTMLDivElement>;
+    pictures: readonly {
+        src: string;
+        sizes?: string;
+        onLoad: () => void;
+        onError: () => void;
+    }[];
+}): import("react").JSX.Element;

package/dist/render/components/card-pieces/ClippedPictures.js

@@ -0,0 +1 @@
+"use client";import{jsx as s}from"react/jsx-runtime";import i from"next/image";function t({clipRef:r,pictures:o}){return s("div",{ref:r,className:"pointer-events-none absolute h-px w-px overflow-hidden opacity-0","aria-hidden":!0,children:o.map(e=>s(i,{src:e.src,alt:"",width:e.sizes?1e3:16,height:e.sizes?1e3:16,sizes:e.sizes,className:"absolute inset-0",loading:"lazy",onLoad:e.onLoad,onError:e.onError},e.src))})}export{t as ClippedPictures};

package/dist/render/components/card-pieces/HostPart.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from "react";
-export default function HostPart({ label, editing, children }: {
+export default function HostPart({ label, editing, onHero, children, }: {
     label: string;
     editing: boolean;
+    onHero?: boolean;
     children: ReactNode;
 }): import("react").JSX.Element | null;

package/dist/render/components/card-pieces/HostPart.js

@@ -1 +1 @@
-"use client";import{Fragment as o,jsx as r}from"react/jsx-runtime";import{say as s}from"efficient-web-builder/format/lib/editor-words";import{useProductCardStateOrNull as i}from"./ProductCardState.js";function n({label:t,editing:a,children:e}){return i()?r(o,{children:e}):a?r("div",{"data-host-part-sample":"",className:"opacity-60",children:s(t)}):null}export{n as default};
+"use client";import{Fragment as l,jsx as r}from"react/jsx-runtime";import{say as i}from"efficient-web-builder/format/lib/editor-words";import{useHeroPriceStateOrNull as n,useProductCardStateOrNull as u}from"./ProductCardState.js";function m({label:t,editing:e,onHero:a=!1,children:o}){const s=n();return u()||a&&s?r(l,{children:o}):e?r("div",{"data-host-part-sample":"",className:"opacity-60",children:i(t)}):null}export{m as default};

package/dist/render/components/card-pieces/ProductCardState.d.ts

@@ -36,6 +36,18 @@ export interface TyreCardState {
     readonly editing: boolean;
 }
 export type ProductCardState = WheelCardState | TyreCardState;
+export interface HeroPriceState {
+    readonly kind: "hero";
+    readonly msrpLabel: string | null;
+    readonly amount: string;
+    readonly unitLabel: string | null;
+    readonly packBadge: string | null;
+}
+export declare function useHeroPriceStateOrNull(): HeroPriceState | null;
+export declare function HeroPriceStateProvider({ value, children }: {
+    value: HeroPriceState;
+    children: ReactNode;
+}): import("react").JSX.Element;
 export declare function useProductCardState(): ProductCardState;
 export declare function useProductCardStateOrNull(): ProductCardState | null;
 export declare function useWheelCardState(): WheelCardState;

package/dist/render/components/card-pieces/ProductCardState.js

@@ -1 +1 @@
-"use client";import{jsx as v}from"react/jsx-runtime";import{createContext as z,useCallback as A,useContext as P,useMemo as W,useState as y}from"react";import{useCurrency as h}from"../CurrencyContext.js";import{useTyreDetail as b}from"../useTyreDetail.js";import{usePlpCardSelection as B}from"../wheels-plp/usePlpCardSelection.js";import{tyrePagePath as N}from"../../lib/tyres/tyre-page-path.js";import{canOrderTyreVariant as T}from"../../lib/tyres/tyre-purchase.js";import{resolveSelectionPrice as j}from"../../lib/wheels/price-display.js";import{setBuildLabel as E,setIsWide as L,summarySetBuild as R}from"../../lib/wheels/set-mode.js";const c=z(null);function V(){const e=P(c);if(!e)throw new Error("A product card piece was drawn outside a product card (no ProductCardState).");return e}function K(){return P(c)}function Q(){const e=V();if(e.kind!=="wheel")throw new Error("A wheel card piece was drawn on a tyre card.");return e}const _=[];function X({wheel:e,colours:i=_,defaultFinish:u,editing:l=!1,children:a}){const{currency:t}=h(),r=B(e,i,u),[d,f]=y(!1),s=R(e),n={kind:"wheel",wheel:e,sel:r,currency:t,price:j(e,r.selectedVariant,t,1),isSet:L(s),setWords:E(s),editing:l,notifyOpen:d,setNotifyOpen:f};return v(c.Provider,{value:n,children:a})}function Y({tyre:e,currency:i,editing:u=!1,children:l}){const{currency:a}=h(),{slug:t}=e,r=N(t),[d,f]=y(!1),s=A(()=>{t&&f(!0)},[t]),{state:n,tyre:m}=b(t??null,d),o=W(()=>m?.variants??[],[m]),[x,w]=y(null),O=o.length===1?o[0].size:null,C=x??O,p=o.find(k=>k.size===C),S=n==="ready",g={kind:"tyre",tyre:e,currency:i,activeCurrency:a,pagePath:r,arm:s,detailState:n,detail:m,variants:o,chosen:C,setSize:w,variant:p,canAdd:p!=null&&T(p,a),detailReady:S,unsellable:!r||n==="error"||S&&o.length===0,editing:u};return v(c.Provider,{value:g,children:l})}export{Y as TyreCardStateProvider,X as WheelCardStateProvider,V as useProductCardState,K as useProductCardStateOrNull,Q as useWheelCardState};
+"use client";import{jsx as P}from"react/jsx-runtime";import{createContext as z,useCallback as A,useContext as S,useMemo as N,useState as v}from"react";import{useCurrency as C}from"../CurrencyContext.js";import{useTyreDetail as W}from"../useTyreDetail.js";import{usePlpCardSelection as b}from"../wheels-plp/usePlpCardSelection.js";import{tyrePagePath as B}from"../../lib/tyres/tyre-page-path.js";import{canOrderTyreVariant as T}from"../../lib/tyres/tyre-purchase.js";import{resolveSelectionPrice as j}from"../../lib/wheels/price-display.js";import{setBuildLabel as E,setIsWide as H,summarySetBuild as L}from"../../lib/wheels/set-mode.js";const r=z(null);function K(){const e=S(r);return e?.kind==="hero"?e:null}function Q({value:e,children:n}){return P(r.Provider,{value:e,children:n})}function R(){const e=S(r);if(!e||e.kind==="hero")throw new Error("A product card piece was drawn outside a product card (no ProductCardState).");return e}function X(){const e=S(r);return e?.kind==="hero"?null:e}function Y(){const e=R();if(e.kind!=="wheel")throw new Error("A wheel card piece was drawn on a tyre card.");return e}const V=[];function Z({wheel:e,colours:n=V,defaultFinish:u,editing:l=!1,children:c}){const{currency:t}=C(),o=b(e,n,u),[d,f]=v(!1),i=L(e),a={kind:"wheel",wheel:e,sel:o,currency:t,price:j(e,o.selectedVariant,t,1),isSet:H(i),setWords:E(i),editing:l,notifyOpen:d,setNotifyOpen:f};return P(r.Provider,{value:a,children:c})}function $({tyre:e,currency:n,editing:u=!1,children:l}){const{currency:c}=C(),{slug:t}=e,o=B(t),[d,f]=v(!1),i=A(()=>{t&&f(!0)},[t]),{state:a,tyre:p}=W(t??null,d),s=N(()=>p?.variants??[],[p]),[x,w]=v(null),O=s.length===1?s[0].size:null,y=x??O,m=s.find(g=>g.size===y),h=a==="ready",k={kind:"tyre",tyre:e,currency:n,activeCurrency:c,pagePath:o,arm:i,detailState:a,detail:p,variants:s,chosen:y,setSize:w,variant:m,canAdd:m!=null&&T(m,c),detailReady:h,unsellable:!o||a==="error"||h&&s.length===0,editing:u};return P(r.Provider,{value:k,children:l})}export{Q as HeroPriceStateProvider,$ as TyreCardStateProvider,Z as WheelCardStateProvider,K as useHeroPriceStateOrNull,R as useProductCardState,X as useProductCardStateOrNull,Y as useWheelCardState};

package/dist/render/components/card-pieces/useHeldCardPicture.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+export declare function useHeldCardPicture({ src, second, alt, sizes, failed, onFailed, near, holdEmpty, }: {
+    src: string | null;
+    second?: string | null;
+    alt: string;
+    sizes: string;
+    failed: ReadonlySet<string>;
+    onFailed: (url: string) => void;
+    near: boolean;
+    holdEmpty?: boolean;
+}): {
+    src: string | null;
+    alt: string;
+    second: string | null;
+    trial: ReactNode;
+};

package/dist/render/components/card-pieces/useHeldCardPicture.js

@@ -0,0 +1 @@
+"use client";import{jsx as R}from"react/jsx-runtime";import{useEffect as U,useRef as i,useState as f}from"react";import{ClippedPictures as q}from"./ClippedPictures.js";import{decodePhotoAt as B,STAGE_HOLD_LIMIT_MS as J,useStagePhotoHold as K}from"../product-hero/stage-photo.js";import{holdSignedUrl as A}from"../../lib/wheels/signed-url.js";function Y({src:e,second:M=null,alt:m,sizes:S,failed:w,onFailed:C,near:o,holdEmpty:I=!1}){A(e),A(M);const[O]=f(e),[p,k]=f(!1);!p&&e!==O&&k(!0);const s=i(e),L=i(new Map),u=i(new Map);e&&(L.current.set(e,m),u.current.set(e,M));const[T,_]=f([]),l=i(new Map),b=t=>{for(const n of l.current.get(t)??[])n();l.current.delete(t),_(n=>n.filter(c=>c!==t))},x=i(null);x.current=o?e:null;const E=t=>B(t,S).catch(n=>{const c=x.current;if(t!==c&&(!c||t!==u.current.get(c)))throw n;return new Promise(G=>{l.current.set(t,[...l.current.get(t)??[],G]),_(P=>P.includes(t)?P:[...P,t])})}),y=async t=>{const n=u.current.get(t);await Promise.all([E(t),n?E(n):void 0])},g=!e&&I&&!!s.current&&!w.has(s.current),[D,H]=f(!1);U(()=>{if(!g){H(!1);return}const t=setTimeout(()=>H(!0),J);return()=>clearTimeout(t)},[g]);const a=e??(g&&!D?s.current:null),j=K(p&&o&&a?[a]:[],o?a??void 0:void 0,y),d=o?j.drawn:a??void 0,F=!s.current&&p&&o&&!!d&&!j.settled,r=d&&!w.has(d)&&!F?d:null;s.current=r;const v=T.length>0?R(q,{pictures:T.map(t=>({src:t,sizes:S,onLoad:()=>b(t),onError:()=>{C(t),b(t)}}))}):null;if(!r)return{src:null,alt:m,second:null,trial:v};const h=u.current.get(r)??null;return{src:r,alt:L.current.get(r)??m,second:h&&!w.has(h)?h:null,trial:v}}export{Y as useHeldCardPicture};

package/dist/render/components/checkout/CheckoutPageClient.d.ts

@@ -1,6 +1,7 @@
 import { type PayFirstResult } from "../../lib/checkout/pay-first.js";
 import { type CheckoutProps } from "./checkout-state.js";
 export default function CheckoutPageClient(props: CheckoutProps): import("react").JSX.Element;
-export declare function PayFirstResultView({ result }: {
+export declare function PayFirstResultView({ result, lostChangeNote }: {
     result: PayFirstResult;
+    lostChangeNote?: string | null;
 }): import("react").JSX.Element;