efficient-storefront-blocks 0.13.0 → 0.15.0

package/dist/chunks/chunk-MSHAAJSK.js

@@ -1,230 +0,0 @@
-import{$a as zi,$d as Lr,$f as qr,Aa as Pi,Ag as es,Ah as as,Be as _r,Bf as _n,Bg as ts,Cg as ns,Ch as Dn,Df as Mr,Dg as os,Dh as Bn,Ea as Ht,Ef as zr,Eh as Ce,Fb as xr,Fg as is,Fh as ls,Ga as _t,Gb as kr,Hd as Ve,Hg as rs,I as di,Ia as Je,Ja as ut,Jc as ue,Jh as Mn,K as Ft,Ka as Ei,Kc as Cr,Ke as Dr,Kh as ds,L as ci,Lc as Rr,Le as Br,Ma as Ii,Mf as Wr,Mh as zn,N as ee,Nb as ft,Nc as ze,Nh as Wn,O as Fe,Oa as Ni,Oh as Gn,P as pi,Ph as $n,Qa as Ae,Qc as Pr,Qh as cs,R as Rn,Re as $t,Rh as ps,Sa as Li,Sh as us,T as Be,Ta as Fi,Tb as ht,Th as fs,U as ui,Ua as Ai,Ue as We,V as fi,Va as Oi,Vc as zt,Vf as Gr,Wa as Hi,Wh as gs,Xa as _i,Xh as ms,Ya as Di,Z as hi,Za as Bi,Zd as Te,Zh as ys,_a as Mi,_d as Nr,ab as En,bb as Me,cc as Hn,cg as qt,ci as bs,db as Wi,di as ws,e as ai,fb as Gi,fc as Tr,fd as Er,fg as gt,gb as $i,gh as ss,h as Cn,hb as qi,he as Fr,hg as Ur,hi as Vt,ie as Gt,ig as mt,k as ct,ka as gi,kb as Vi,kg as jr,la as xe,m as pt,mb as Ki,mg as Yr,na as mi,nb as Ui,ng as Xr,oa as yi,ob as ji,od as Ir,og as Zr,p as li,pa as bi,pb as Yi,pg as Qr,qa as wi,qb as Dt,ra as Si,rb as Xi,sd as Wt,ta as qe,tb as In,ua as Ze,ub as Bt,va as vi,vb as Zi,wb as Qi,we as Ar,wg as Jr,xe as Or,ye as Hr}from"./chunk-I5J42GI3.js";import{$ as dr,A as er,Aa as br,B as tr,Ba as wr,C as nr,Ca as Sr,Fa as vr,La as ne,Ma as $r,Oa as Vr,Pa as Kr,S as or,T as ir,U as rr,V as sr,Y as ar,Z as Nn,_ as lr,aa as cr,d as xi,da as pr,e as ki,ea as Ln,f as Ti,g as Ci,h as ke,ha as ur,i as At,ia as Fn,j as Ot,ka as An,n as Qe,o as Pn,oa as fr,p as Ri,ta as On,ua as hr,wa as gr,y as Mt,ya as mr,z as Ji,za as yr}from"./chunk-BAXOL3AI.js";import{r as hs}from"./chunk-NQIIJI3Z.js";import{createContext as pl,useContext as ul}from"react";import{Fragment as hl,jsx as qn,jsxs as gl}from"react/jsx-runtime";var fl={mirrorHostStyles:!0,css:null,fontHrefs:[]},Ss=pl(fl);function Rf({value:e,children:t}){return qn(Ss.Provider,{value:e,children:t})}function Vn(){return ul(Ss)}function vs(){let{css:e,fontHrefs:t}=Vn();return gl(hl,{children:[t.map(o=>qn("link",{rel:"stylesheet",href:o},o)),e?qn("style",{"data-sf-canvas-css":"",children:e}):null]})}import{createContext as ml,useContext as yl}from"react";import{jsx as bl}from"react/jsx-runtime";var xs=ml(void 0);function Nf({metadata:e,children:t}){return bl(xs.Provider,{value:e,children:t})}var ks=()=>yl(xs);import{useCallback as xn,useEffect as $e,useState as lf}from"react";import{ExternalIcon as df}from"efficient-easel/icons";import{SettingsSwitch as cf}from"efficient-easel/panel";import{PagesIcon as pf,StylesIcon as uf}from"efficient-easel/rail";import{TreeRow as ff}from"efficient-easel/tree";import{useEasel as kl}from"efficient-easel/easel";function wl(e){return e.replace(/<[^>]+>/g," ").replace(/\s+/g," ").trim()}function Sl(e){let t=[],o=/<h([1-6])\b[^>]*>([\s\S]*?)<\/h\1>/gi,r;for(;r=o.exec(e);)t.push({level:Number(r[1]),text:wl(r[2])||"(empty)"});return t}var vl=new Set(["SubmitBuild"]),xl={AlloyWheelsListing:1,DocMasthead:1,AppointmentBooking:2,BookingBox:2,SubmitBox:2,Banner:2,BundleOffer:2,Cards:2,Chart:2,CheckoutCTA:2,CollectionCard:3,Collections:2,CompatibleTyres:2,ContactLocations:2,ContactRouting:2,DeliveryOptions:2,DetailRows:2,DocBody:2,EuTyreLabel:2,Events:2,FAQ:2,FeaturedCover:2,FitmentFinder:2,FitmentTable:2,FooterEmailSignup:4,FooterMenu:4,Footprint:2,Form:2,Gallery:2,GalleryB:2,GalleryItem:2,Integrations:2,IntroBleed:2,KeyFeatures:2,Logos:2,LongRead:2,Manifesto:2,Mockup:2,OrderSummary:2,PostCard:2,ProcessSteps:2,ProductGrid:2,Prose:2,RelatedProducts:2,ReviewForm:2,Reviews:2,SectionHeader:2,Series:2,SpecTable:2,Split:2,StatsParagraph:2,SubmitBuild:2,Subscribe:2,SubscribeBlogs:2,Testimonials:2,Timeline:2,TimelineTrack:2,TitleWithButtons:2,TyreFitment:2,TyreSizes:2};function Kn(e,t){let o=[];for(let r of e??[]){let a=r,s=a.props??{};switch(a.type){case"Heading":{let{text:l,hidden:p}=Ae(s.text);if(p)break;o.push({level:Number(s.level)||2,text:l||"(empty heading)"})}break;case"Hero":o.push({level:1,text:"Hero (brand headline)"});break;case"CustomHTML":o.push(...Sl(Ae(s.html).text));break;default:{let l=xl[a.type??""],p=Ae(s.title??s.heading),u=p.text.trim();if(!l||p.hidden)break;u?o.push({level:l,text:u}):vl.has(a.type??"")&&o.push({level:l,text:String(a.type)});break}}for(let l of ui(t,a.type??"")){let p=s[l];Array.isArray(p)&&o.push(...Kn(p,t))}}return o}import{jsx as et,jsxs as Kt}from"react/jsx-runtime";function Un(){let{appState:e,config:t}=kl(s=>s),o=e?.data,r=Kn(o?.content??[],t),a=r.filter(s=>s.level===1).length;return Kt("div",{className:"px-4 py-3 text-[13px] text-zinc-600",children:[Kt("div",{className:"mb-2 flex items-center justify-between text-[11px] font-semibold uppercase tracking-wide text-zinc-500",children:[et("span",{children:"Heading outline"}),et("span",{children:r.length})]}),a!==1&&et("div",{className:"mb-2 rounded bg-amber-50 px-2 py-1 text-[12px] text-amber-700",children:a===0?"No H1 \u2014 add one for SEO.":`${a} H1s \u2014 a page should have exactly one.`}),r.length===0?et("p",{className:"text-zinc-400",children:"No headings yet."}):et("ul",{className:"space-y-1",children:r.map((s,l)=>Kt("li",{className:"flex items-baseline gap-2",style:{paddingLeft:`${(s.level-1)*12}px`},children:[Kt("span",{className:"shrink-0 font-mono text-[11px] text-zinc-400",children:["H",s.level]}),et("span",{className:"truncate text-zinc-700",children:s.text})]},l))})]})}import{useCallback as Xc,useEffect as Ys,useMemo as Xs,useState as Ue}from"react";import{default as Ut,PanelHideButton as jn,PanelModeExit as Gf,PanelShowStrip as $f}from"efficient-easel/screen/components/SidePanelHead";import{useEasel as No}from"efficient-easel/easel";import{useEffect as xc,useRef as Us,useState as fn}from"react";import{useState as Cs}from"react";import{SettingsDefaultReset as Cl,SettingsField as Rl}from"efficient-easel/panel";import{jsx as yt,jsxs as Yn}from"react/jsx-runtime";function Tl(e){return e===1?"1 color theme":`${e} color themes`}function Ts({count:e,onCancel:t,onConfirm:o}){return yt("div",{className:"sf-cleardlg-veil",role:"dialog","aria-modal":"true","aria-labelledby":"sf-clear-colours-title",children:Yn("div",{className:"sf-cleardlg",children:[yt("h2",{id:"sf-clear-colours-title",className:"sf-cleardlg-title",children:"Clear this site\u2019s colors?"}),Yn("p",{className:"sf-cleardlg-body",children:["This site has ",Tl(e)," of its own. Clearing takes them away and puts back the four the shop supplies."]}),yt("p",{className:"sf-cleardlg-final",children:"This cannot be undone."}),Yn("div",{className:"sf-cleardlg-btns",children:[yt("button",{type:"button",onClick:t,className:"sf-cleardlg-btn",children:"Cancel"}),yt("button",{type:"button",onClick:o,className:"sf-cleardlg-btn sf-cleardlg-btn--danger",children:"Clear colors"})]})]})})}import{Fragment as Fl,jsx as Ge,jsxs as Rs}from"react/jsx-runtime";var Pl=Or("the row's whole content is an action; the gutter names a subject and this row has none \u2014 the button's label is the name GG, 2026-09-23");function El(){return Ge("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:Ge("path",{d:"M12 5v14M5 12h14"})})}var Il="Reset color",Nl={selected:0,themes:[]};function Ll(e){e(Nl)}function Xn({value:e,onChange:t}){let o=e?.themes??[],r=o.length===0,a=Mt(e),[s,l]=Cs(!1),[p,u]=Cs(null),m=(c,k)=>{t({...a,themes:a.themes.map((b,g)=>g===c?k:b)})},f=tr(a).accent,S=new Set(a.themes.map(c=>c.brandInk).filter(Boolean)),R=Ji.filter(c=>!S.has(c)).map(c=>er(f,c)),v=[...a.themes,...R],E=c=>{if(c<a.themes.length)return t({...a,selected:c});let k=[...a.themes,v[c]];t({...a,themes:k,selected:k.length-1})},N=()=>{let c=[...a.themes,{...nr(a.themes[a.selected])}];t({...a,themes:c,selected:c.length-1}),u(c.length-1)};return Rs(Fl,{children:[r?null:Ge(Rl,{label:Il,icon:Hr(Pl),labelId:"sf-theme-reset",action:Ge(Cl,{label:"all theme colors",changed:!0,onReset:()=>l(!0)})}),s&&Ge(Ts,{count:o.length,onCancel:()=>l(!1),onConfirm:()=>{l(!1),Ll(t)}}),Ge("div",{className:"sf-theme-list",role:"radiogroup","aria-label":"Theme",children:v.map((c,k)=>Ge(Rr,{index:k,colors:c,selected:k===a.selected,open:p===k&&k<a.themes.length,editable:k<a.themes.length,onPick:()=>E(k),onEdit:()=>u(b=>b===k?null:k),onChangeColors:b=>m(k,b)},k))}),Rs("button",{type:"button",onClick:N,className:"sf-theme-add",children:[Ge(El,{}),"Add new theme"]})]})}import{SettingsDefaultReset as Al,SettingsField as Ol}from"efficient-easel/panel";import{SquareIcon as Hl}from"efficient-easel/icons";import{jsx as jt}from"react/jsx-runtime";var _l="Applies to panels, cards, inputs and buttons. Round things \u2014 color swatches, switches, status dots \u2014 stay round.",Zn="Corners";function Qn({value:e,onChange:t,showHint:o=!0}){let r=e===null;return jt(Ol,{label:Zn,icon:jt(Hl,{}),value:r?void 0:`${e}px`,changed:!r,action:jt(Al,{label:Zn,changed:!r,detail:"the built-in corners",onReset:()=>t(null)}),hint:o?_l:void 0,children:jt(We,{min:Nn,max:lr,step:1,value:e??Nn,readout:!1,ariaLabel:Zn,onChange:t})})}import{SettingsDefaultReset as Dl,SettingsField as Bl,SettingsSegmented as Ml}from"efficient-easel/panel";import{ShadowIcon as zl}from"efficient-easel/icons";import{jsx as bt}from"react/jsx-runtime";var Jn={none:"None",soft:"Soft",lifted:"Lifted"},Wl="Applies to cards \u2014 products, brands, journal entries and filter cells. Round things like swatches and status dots are never shadowed.",Gl={none:"none",soft:"0 1px 1px rgba(20, 20, 22, 0.10), 0 2px 4px -1px rgba(20, 20, 22, 0.14)",lifted:"0 1px 2px rgba(20, 20, 22, 0.10), 0 4px 7px -2px rgba(20, 20, 22, 0.30)"},$l={labelsPx:90.25,widestLabelPx:34.6};function eo({value:e,onChange:t,showHint:o=!0}){let r=e===null,a=e??Ln;return bt(Bl,{label:"Card shadow",icon:bt(zl,{}),value:Jn[a],changed:!r,action:bt(Dl,{label:"Card shadow",changed:!r,detail:Jn[Ln],onReset:()=>t(null)}),hint:o?Wl:void 0,children:bt(Ml,{options:pr.map(s=>({id:s,label:Jn[s],icon:bt("span",{className:"sf-shadow-chip",style:{boxShadow:Gl[s]}})})),value:a,ariaLabel:"Card shadow",fit:$l,onChange:t})})}import{SettingsDefaultReset as ql,SettingsField as Vl}from"efficient-easel/panel";import{ShadowIcon as Kl}from"efficient-easel/icons";import{jsx as to}from"react/jsx-runtime";var Ul="Most useful on a dark theme, where a black shadow cannot be seen. Also used by the Lift hover, even with the card shadow off.";function no({value:e,onChange:t,showHint:o=!0}){let r=e===null;return to(Vl,{label:"Shadow color",icon:to(Kl,{}),changed:!r,action:Cr({value:e??"",inherited:r?An:void 0,onChange:t,label:"Shadow color",after:to(ql,{label:"Shadow color",changed:!r,detail:An,onReset:()=>t(null)})}),hint:o?Ul:void 0})}import{SettingsDefaultReset as jl,SettingsField as Yl}from"efficient-easel/panel";import{AlignSeparateIcon as Xl}from"efficient-easel/icons";import{jsx as Yt}from"react/jsx-runtime";var Zl="The space between the blocks inside a row, a grid or a box. Default means each one keeps the spacing it already has.",oo="Block gap",Ql=Fr.Grid;function io({value:e,onChange:t,showHint:o=!0}){let r=e===null;return Yt(Yl,{label:oo,labelId:"sf-block-gap",icon:Yt(Xl,{}),value:r?void 0:`${e}px`,changed:!r,action:Yt(jl,{label:oo,changed:!r,detail:"each block's own spacing",onReset:()=>t(null)}),hint:o?Zl:void 0,children:Yt(We,{min:Gt.min,max:Gt.max,step:Gt.step,value:r?Ql:e,readout:!1,ariaLabel:oo,onChange:t})})}import{SettingsDefaultReset as Jl,SettingsField as ed,SettingsSegmented as td}from"efficient-easel/panel";import{HoverIcon as nd}from"efficient-easel/icons";import{jsx as Xt}from"react/jsx-runtime";var ro={none:"None",lift:"Lift",highlight:"Highlight"},od="What a card does when a shopper points at it \u2014 or taps it, on a phone. Highlight is the effect your cards already use.";function so({value:e,onChange:t,showHint:o=!0}){let r=e===null,a=e??Fn;return Xt(ed,{label:"Hover effect",icon:Xt(nd,{}),value:ro[a],changed:!r,action:Xt(Jl,{label:"Hover effect",changed:!r,detail:ro[Fn],onReset:()=>t(null)}),hint:o?od:void 0,children:Xt(td,{options:ur.map(s=>({id:s,label:ro[s]})),value:a,ariaLabel:"Hover effect",onChange:t})})}import{SettingsDefaultReset as id,SettingsField as rd,SettingsSegmented as sd}from"efficient-easel/panel";import{ImageIcon as ad}from"efficient-easel/icons";import{jsx as Zt}from"react/jsx-runtime";var ao="Hero image",lo=[{followsWidth:!1,label:Hn.full},{followsWidth:!0,label:Hn.page}],ld="Whether the big picture at the top of a page runs edge to edge, or sits inside the page width. The words follow the page width either way.";function co({value:e,onChange:t,showHint:o=!0}){let r=e===null,a=e??!1;return Zt(rd,{label:ao,icon:Zt(ad,{}),value:lo.find(s=>s.followsWidth===a).label,changed:!r,action:Zt(id,{label:ao,changed:!r,detail:lo.find(s=>!s.followsWidth).label,onReset:()=>t(null)}),hint:o?ld:void 0,children:Zt(sd,{options:lo.map(s=>({id:s.followsWidth,label:s.label})),value:a,ariaLabel:ao,onChange:t})})}import{SettingsDefaultReset as dd,SettingsField as cd,SettingsSegmented as pd}from"efficient-easel/panel";import{DropIcon as ud}from"efficient-easel/icons";import{jsx as Qt}from"react/jsx-runtime";var po="Photography",uo=[{grayscale:!1,label:"As shot"},{grayscale:!0,label:"Black and white"}],fd="Black and white photographs return to color on hover. Wheels and tyres keep their real finish either way.";function fo({value:e,onChange:t,showHint:o=!0}){let r=e===null,a=e??!1;return Qt(cd,{label:po,icon:Qt(ud,{}),value:uo.find(s=>s.grayscale===a).label,changed:!r,action:Qt(dd,{label:po,changed:!r,detail:uo.find(s=>!s.grayscale).label,onReset:()=>t(null)}),hint:o?fd:void 0,children:Qt(pd,{options:uo.map(s=>({id:s.grayscale,label:s.label})),value:a,ariaLabel:po,onChange:t})})}import{SettingsDefaultReset as hd,SettingsField as gd}from"efficient-easel/panel";import{PaddingXIcon as md}from"efficient-easel/icons";import{jsx as Jt}from"react/jsx-runtime";var ho="Side space",go=ht.default,yd="The room left at the left and right edge of every page.";function mo({value:e,onChange:t,showHint:o=!0}){let r=e===null;return Jt(gd,{label:ho,labelId:"sf-side-space",icon:Jt(md,{}),value:`${e??go}px`,changed:!r,action:Jt(hd,{label:ho,changed:!r,detail:`${go}px`,onReset:()=>t(null)}),hint:o?yd:void 0,children:Jt(We,{min:ht.min,max:ht.max,step:ht.step,value:e??go,readout:!1,ariaLabel:ho,onChange:t})})}import{SettingsDefaultReset as bd,SettingsField as wd}from"efficient-easel/panel";import{WidthIcon as Sd}from"efficient-easel/icons";import{jsx as en}from"react/jsx-runtime";var yo="Content width",bo=ft.default,vd="The standard width every page on this site renders at.";function wo({value:e,onChange:t,showHint:o=!0}){let r=e===null;return en(wd,{label:yo,labelId:"sf-site-width",icon:en(Sd,{}),value:`${e??bo}px`,changed:!r,action:en(bd,{label:yo,changed:!r,detail:`${bo}px`,onReset:()=>t(null)}),hint:o?vd:void 0,children:en(We,{min:ft.min,max:ft.max,step:ft.step,value:e??bo,readout:!1,ariaLabel:yo,onChange:t})})}import{SettingsField as cn}from"efficient-easel/panel";import{AccentIcon as tc,CaseIcon as nc,StylesIcon as oc,TextLinesIcon as Gs,TextSizeIcon as xt,TextSmallIcon as ic,TypeIcon as rc,WeightIcon as sc}from"efficient-easel/icons";import{useEffect as sn,useId as Fd,useRef as vo,useState as xo}from"react";import{jsx as wt,jsxs as Ps}from"react/jsx-runtime";function Ke({label:e,onClear:t,what:o="override"}){return wt("button",{type:"button",className:"sf-part-mark",title:`Clear ${o}`,"aria-label":`Clear ${o}: ${e}`,onClick:t,children:wt(xd,{})})}function xd(){return Ps("svg",{width:"12",height:"12",viewBox:"0 0 16 16","aria-hidden":"true",children:[wt("circle",{className:"sf-part-mark-dot",cx:"8",cy:"8",r:"3",fill:"currentColor"}),Ps("g",{className:"sf-part-mark-arrow",fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",children:[wt("path",{d:"M13 8a5 5 0 1 1-1.6-3.7"}),wt("path",{d:"M13 2.5V5h-2.6"})]})]})}import{FieldSelect as _s,InspectorField as Ad}from"efficient-easel/fields";import{SettingsField as Ds,SettingsGroup as Od}from"efficient-easel/panel";import{InspectorUpLevel as an}from"efficient-easel/chrome";import{StylesIcon as Hd,TextColorIcon as _d,TypeIcon as Bs}from"efficient-easel/icons";import{useEasel as Dd}from"efficient-easel/easel";import{ColourSwatchRow as kd}from"efficient-easel/text-styles";import{jsx as Es}from"react/jsx-runtime";function Is({value:e,label:t,colors:o,onChange:r}){let a=e===null,s=e||void 0,l=o.find(u=>u.key===s),p=l?l.value:s&&/^#[0-9a-f]{6}$/i.test(s)?s:void 0;return Es("div",{className:"sf-part-ink",children:Es(kd,{value:s,hex:p,colours:o,label:t,followsWord:a?"Mixed":"Follows the style",anyWord:"Any color",onChange:u=>r(u===s&&l?null:u)})})}import{COPY_CELLS as tn,CopyBox as Td}from"efficient-easel/copy";import{PaddingYIcon as Cd,WidthIcon as Rd}from"efficient-easel/icons";import{jsx as So,jsxs as Nd}from"react/jsx-runtime";var Pd=["left","center","right","justify"],Ed=["bold","italic","underline","strike","link","sup","sub"],Id=["bullet","number"];function Ns({text:e,onTextChange:t,multiline:o,markup:r=!0,styled:a=!0,style:s,base:l,setValue:p,colors:u,placeholder:m,ariaLabel:f,head:S}){let R=Qi(s),v=s.size??l.sizePx,E=[{...tn.fontSize,value:s.size,styleValue:Math.round(l.sizePx),onChange:c=>p({size:c??null})},{...tn.lineHeight,value:R.lineHeight,styleValue:l.lineRatio,onChange:c=>p(c===void 0?{lineHeight:null,line:null}:{lineHeight:c})},{...tn.letterSpacing,scale:v,value:R.letterSpacingEm,styleValue:l.letterEm,onChange:c=>p(c===void 0?{letterSpacing:null,letter:null}:{letterSpacing:c})},{...tn.paragraphSpacing,value:s.paragraphSpacing,styleValue:0,onChange:c=>p({paragraphSpacing:c??null})},{key:"padding",name:"Padding",icon:So(Cd,{}),unit:"px",step:ji,shiftStep:10,min:Ki,max:Ui,value:s.padding,styleValue:l.paddingPx,onChange:c=>p({padding:c??null})},{key:"width",name:"Width",icon:So(Rd,{}),unit:"px",step:Xi,shiftStep:100,min:Yi,max:Dt,value:s.width,styleValue:l.widthPx,onChange:c=>p({width:c??null})}],N=r?[...Ed,...o?Id:[]]:[];return Nd("div",{className:"sf-part-textbox",children:[S,So(Td,{value:e,onChange:t,multiline:o,placeholder:m,ariaLabel:f,rules:Ei,tools:N,colors:r?u:[],align:a?{value:s.align??l.align,allow:Pd,onChange:c=>p({align:c})}:void 0,letterCase:a?{value:s.case??"",onChange:c=>p({case:c||null})}:void 0,cells:a?E:void 0})]})}function nn(e,t){let o=Hi(e);return o?.control==="textList"?t.rowKey===(o.itemKey??"text")?zr(o,t.index):null:_i(e)?.[t.rowKey]??null}function Ls(e,t,o){let r=e.node.props,{key:a,row:s}=Je(e.propKey),l=s?Mi(r,a,s,e.kind,t):Oi(r,a,e.kind,t);return l?(o(e.zone,e.index,{...e.node,props:l}),!0):!1}var Ld={CollectionCard:"product",FooterMenu:"menu",Gallery:"product",GalleryItem:"product",ProductGrid:"product",ProductHero:"product",SpecTable:"product",Events:"blog",FeaturedCover:"blog",LongRead:"blog",SubscribeBlogs:"blog"},Fs={product:"Synced from the product.",blog:"Synced from the blog post.",menu:"Synced from the site menu."},As="Open",Os={product:{type:"storefront-editor:open-product",needsSlug:!0},blog:{type:"storefront-editor:open-post",needsSlug:!0},menu:{type:"storefront-editor:open-menus",needsSlug:!1}};function St(e){let o=e?.source?.slug;return typeof o=="string"&&o.length>0?o:void 0}function on(e){return Ld[e]??null}import{Fragment as tt,jsx as C,jsxs as U}from"react/jsx-runtime";var Bd={400:"Regular",500:"Medium",600:"Semibold",700:"Bold"},Ms=[{key:"font",label:"Font",group:"Style"},{key:"color",label:"Color",group:"Style"}],Md=[...new Set(Ms.map(e=>e.group))],zd={font:C(Bs,{}),color:C(_d,{})};function vt(e){return e.kind==="role"?Ot[e.role]:e.kind==="custom"?"Custom":null}var Wd=e=>e.kind==="role"?`role:${e.role}`:e.kind;function Gd(e){let t=e.role;return t&&At.includes(t)?{kind:"role",role:t}:null}function $d(e,t){if(!e)return{kind:"unread"};let{faceRole:o,base:r}=e;if(t[o]===r.fontKey)return{kind:"role",role:o};let a=Object.keys(t).filter(s=>t[s]===r.fontKey);return a.length===1?{kind:"role",role:a[0]}:{kind:"custom"}}function ko(e,t,o,r){return Gd(In(e,t))??$d(o,r)}function zs(e,t,o,r){return vt(ko(e,t,o,r))}function To(e,t){if(!e.length)return null;let o=t(e[0]);return e.every(r=>t(r)===o)?o:null}function qd(e){return Object.values(e).filter(t=>t!==void 0).length}function Vd(e,t){let o=e.style[t];return t==="color"?o??"":o!==void 0?String(o):e.base.fontKey}function Kd({face:e,base:t,onPick:o}){let[r,a]=xo(!1),s=vo(null),l=vo(null),p=Fd();sn(()=>{if(!r)return;let f=S=>{s.current&&!s.current.contains(S.target)&&a(!1)};return document.addEventListener("mousedown",f),()=>document.removeEventListener("mousedown",f)},[r]);let u=e.kind==="role"?e.role:null,m=f=>{o(f),a(!1),l.current?.focus()};return U("div",{className:"sf-part-style-pick",ref:s,children:[U("button",{ref:l,type:"button",className:"sf-part-style-trigger","aria-expanded":r,"aria-controls":p,"aria-label":`Follows ${vt(e)??"no style"} \u2014 change`,onClick:()=>a(f=>!f),onKeyDown:f=>{f.key==="Escape"&&r&&(f.preventDefault(),a(!1))},children:[C("span",{className:"sf-part-style-name",style:{fontFamily:t?.fontKey?`var(${ke(t.fontKey)?.cssVar})`:void 0,fontWeight:t?.weight},children:vt(e)}),C("span",{className:"sf-part-style-sign","aria-hidden":"true"})]}),r&&U("div",{className:"sf-multi-menu sf-part-style-menu",id:p,role:"listbox",onKeyDown:f=>{f.key==="Escape"&&(f.preventDefault(),a(!1),l.current?.focus())},children:[U("button",{type:"button",role:"option","aria-selected":u===null,className:`sf-part-style-option${u===null?" is-on":""}`,onClick:()=>m(null),children:[C("span",{className:"sf-part-style-option-name",children:"No style"}),C("span",{className:"sf-note",children:"Section\u2019s own"})]}),At.map(f=>C("button",{type:"button",role:"option","aria-selected":u===f,className:`sf-part-style-option${u===f?" is-on":""}`,onClick:()=>m(f),children:C("span",{className:"sf-part-style-option-name",style:{fontFamily:`var(--font-role-${f})`},children:Ot[f]})},f))]})]})}var rn="";function Ud({face:e,base:t,onPick:o}){let r=e.kind==="role"?e.role:rn,a=[{label:"No style",value:rn},...At.map(s=>({label:Ot[s],value:s}))];return C(_s,{ariaLabel:"Style",value:r,options:a,inline:!0,onChange:s=>o(s===rn?null:s),renderOption:s=>s.value===rn?U(tt,{children:[C("span",{className:"es-fsel-label sf-part-style-keep",children:s.label}),C("span",{className:"sf-part-style-aside","aria-hidden":"true",children:"Section\u2019s own"})]}):C("span",{className:"es-fsel-label",style:{fontFamily:`var(--font-role-${s.value})`},children:s.label}),renderValue:()=>C("span",{style:{fontFamily:t?.fontKey?`var(${ke(t.fontKey)?.cssVar})`:void 0,fontWeight:t?.weight},children:vt(e)})})}function jd({parts:e,onEditStyle:t,onClearAll:o,onFollowStyle:r,kindLabel:a}){let l=To(e,S=>Wd(S.face))?e[0].face:null,p=l?vt(l):null,u=l&&l.kind!=="unread"?e[0].base:null,m=e.reduce((S,R)=>S+qd(R.style),0),f=u?ke(u.fontKey)?.label:void 0;return U("div",{className:`sf-part-style${m?" has-overrides":""}`,children:[C("div",{className:"sf-part-style-caption",children:"Style"}),e.length>1&&U("div",{className:"sf-part-style-count",children:[e.length," selected"]}),e.length===1&&a&&U("div",{className:"sf-part-style-count",children:[a," \xB7 every row"]}),p&&u?U(tt,{children:[r&&l?C(Kd,{face:l,base:u,onPick:r}):C("div",{className:"sf-part-style-name",style:{fontFamily:f?`var(${ke(u.fontKey)?.cssVar})`:void 0,fontWeight:u.weight},children:p}),C("div",{className:"sf-part-style-meta",children:[f,`${Math.round(u.sizePx)} px`,Bd[u.weight]].filter(Boolean).join(" \xB7 ")})]}):C("div",{className:"sf-part-style-name",children:"Mixed styles"}),U("div",{className:"sf-part-style-top",children:[p?m?U(tt,{children:[U("span",{className:"sf-part-chip",children:[m," changed"]}),C("button",{type:"button",className:"sf-part-link",onClick:o,children:"Clear"})]}):C("span",{className:"sf-part-style-state",children:"This text follows the site style."}):C("span",{className:"sf-part-style-state",children:"Changes apply to all selected."}),C("span",{className:"sf-part-style-gap"}),p&&t&&C("button",{type:"button",className:"sf-part-link",onClick:t,children:"Edit"})]})]})}function Yd({sectionName:e,onBack:t,textEditor:o,styleRow:r,children:a}){return U("div",{className:"sf-part-panel",children:[C(an,{inline:!0,name:e,onSelect:t}),o,r,a]})}function ln({source:e,slug:t}){let o=Wt(),r=Os[e],a=!r.needsSlug||!!t;return C("div",{className:"sf-note sf-note--source",children:U("p",{className:"es-field-hint sf-hint-keep",children:[Fs[e],a?U(tt,{children:[" ",C("button",{type:"button",className:"sf-source-open",onClick:()=>{r.type==="storefront-editor:open-menus"?o.send(r.type):t&&o.send(r.type,{slug:t})},children:As})]}):null]})})}var Hs=4,Xd=120;function Zd({region:e,sizePx:t,face:o,base:r,onFollowStyle:a,source:s,slug:l,onBack:p}){let u=e.follows;return U("div",{className:"sf-note",children:[C("p",{children:C("strong",{children:e.label})}),U("p",{children:["Its size follows Site styles \u25B8 ",u,t?` \u2014 ${Math.round(t)}px right now`:"","."]}),a?C(tt,{children:C(Ds,{label:"Style",icon:C(Hd,{}),hint:U(tt,{children:["Every ",e.label.toLowerCase()," in this section follows it. The face and the size change; the letter case is the section\u2019s own and stays as it is."]}),children:C(Ud,{face:o,base:r,onPick:a})})}):C("p",{className:"es-field-hint sf-hint-keep",children:"Only the size follows a site style. This section sets its own font, weight and letter case."}),s?C(ln,{source:s,slug:l}):null,C(an,{inline:!0,name:"Page",onSelect:p})]})}function Qd({onBack:e}){return U("div",{className:"sf-note",children:[C("p",{children:C("strong",{children:"This part is no longer here."})}),C("p",{children:"The section it belonged to has been changed or removed."}),C(an,{inline:!0,name:"Page",onSelect:e})]})}function Jd({onBack:e,partId:t,why:o}){return U("div",{className:"sf-note",children:[C("p",{children:C("strong",{children:"This part's settings did not open."})}),C("p",{children:"The words are still on your page and nothing has been lost. The editor could not work out which control belongs to them, which is a fault on our side. Go back and click the section to open its settings instead."}),C("p",{className:"sf-note-detail",children:U("code",{children:[t," \u2014 ",o]})}),C(an,{inline:!0,name:"Page",onSelect:e})]})}function Co({nodeId:e,propKey:t,onBack:o,onEditStyle:r}){let{getItemById:a,getSelectorForId:s,config:l}=Dd(I=>I),p=zt(),{partStyle:u}=_t(),{fonts:m}=ne(),[f,S]=xo({}),R=vo(null),v=a(e),E=s(e),N=v?l.components[v.type]:void 0,{key:c,row:k}=Je(t),b=N?.fields?.[c],g=k?nn(b,k):b,y=ut(e,t),T=v?.props??{},B=Li(g),te=_r(g),A=Gi(g),W=v?on(v.type):null,L=k?Di(T[c],k):T[c],X=!!k&&!(Array.isArray(T[c])&&k.index<T[c].length);sn(()=>{R.current?.querySelector(".es-copy [contenteditable='true'], .es-copy textarea, .sf-copybox textarea, .sf-copybox input")?.focus()},[y]);let[M,le]=xo(0);sn(()=>le(0),[y]);let F=!!v&&!X&&(!E||!g);sn(()=>{if(!F||M>=Hs)return;let I=setTimeout(()=>le(Q=>Q+1),Xd);return()=>clearTimeout(I)},[F,M]);let Z=F&&M<Hs;if(!v||X)return C(Qd,{onBack:o});let se=es(v.type),ge=se?Jr(se,t):null;if(se&&ge){let I=u?.partId===y?u:null,Q=se[ge],de=Q.writable===!0&&!!E,ye=ae=>{E&&p.replaceComponent(E.zone,E.index,{...v,props:Bt(T,t,"role",ae)})};return C(Zd,{region:Q,sizePx:I?.base.sizePx??null,face:ko(T,t,I,m),base:I?.base??null,onFollowStyle:de?ye:void 0,source:W,slug:St(T),onBack:o})}if(!E||!g)return Z?C("div",{className:"sf-note","aria-busy":"true"}):C(Jd,{onBack:o,partId:y,why:E?"no field":"no selector"});let Se=I=>{p.replaceComponent(E.zone,E.index,{...v,props:I})},Re=I=>{if(Ae(I).hidden!==Ae(L).hidden||!B){let de=k?Bi(T,c,k,I):{...T,[c]:I};de&&Se(de);return}Ls({node:v,propKey:t,kind:B,zone:E.zone,index:E.index},Ae(I).text,p.replaceComponent)},Le=L,fe=kr(v?.type,t),he=In(T,fe),ie=u?.partId===y?u:null,q=[{partKey:fe,face:ko(T,fe,ie,m),sizeGroup:ie?.sizeGroup??null,base:ie?.base??ec,style:he}],w=To(q,I=>I.sizeGroup),K=Pi(ie?.inks),$=(I,Q)=>{let de=T;for(let ye of q)de=Bt(de,ye.partKey,I,Q);Se(de)},ce=I=>$("role",I),ve=()=>{let I=T;for(let Q of q)I=Zi(I,Q.partKey);Se(I)},dt=I=>{let Q=T;for(let de of q)for(let[ye,ae]of Object.entries(I))Q=Bt(Q,de.partKey,ye,ae??null);Se(Q)},Lt=(I,Q)=>{let de=q.some(Ee=>Ee.style[I]!==void 0),ye=To(q,Ee=>Vd(Ee,I)),ae=ye===null,Xe=`sf-part-${e}-${t}-${I}`;return I==="color"?C(Is,{value:ae?null:String(ye),label:Q,colors:K,onChange:Ee=>$("color",Ee)},I):C(Ds,{label:Q,icon:zd[I],className:"sf-part-field",changed:de,htmlFor:Xe,action:de?C(Ke,{label:Q,onClear:()=>$(I,null)}):void 0,children:I==="font"?C(_s,{id:Xe,ariaLabel:Q,value:!ae&&ke(String(ye))?String(ye):void 0,placeholder:ae?"Mixed":"Site style",options:xi.map(Ee=>({label:Ee.label,value:Ee.key})),onChange:Ee=>$("font",Ee||null)}):null},I)},pe=B==="text"||B==="textarea",{text:Pe,hidden:me}=Ae(L),De=g?.[Ni]?.label??t,kn=U("div",{className:"sf-field-head",children:[C(Bs,{}),C("span",{className:"sf-field-label sf-field-label--inline",children:De}),pe&&C("button",{type:"button",className:"sf-field-eye","aria-pressed":me,"aria-label":me?`Show ${De} on the slide`:`Hide ${De} on the slide`,title:me?`Show ${De} on the slide`:`Hide ${De} on the slide`,onClick:()=>Re({text:Pe,hidden:!me}),children:me?C(Te,{name:"eye-off",size:14}):C(Te,{name:"eye",size:14})})]}),Tn=!te&&A;return U(Yd,{sectionName:N?.label??v.type,onBack:o,textEditor:U("div",{ref:R,className:"sf-part-text",children:[B?C(Ns,{text:Pe,onTextChange:I=>Re(pe?{text:I,hidden:me}:I),multiline:Fi(B),markup:B!=="plainText",styled:Tn,style:q[0].style,base:q[0].base,setValue:dt,colors:K.map(I=>({name:I.key,label:I.name,value:I.value})),placeholder:Ai(g),ariaLabel:De,head:kn}):C(Ad,{field:g,name:t,value:Le,onChange:Re,id:`sf-part-${e}-${t}`}),Tn&&B&&w===null&&C("p",{className:"es-field-hint sf-hint-keep",children:"Fixed size \u2014 the site\u2019s Text setting doesn\u2019t resize this."})]}),children:[W&&C(ln,{source:W,slug:St(T)}),Tn&&Md.map(I=>{let Q=Ms.filter(ae=>ae.group===I),de=Q.filter(ae=>q.some(Xe=>Xe.style[ae.key]!==void 0)).length,ye=`sf-part-g-${e}-${t}-${I.replace(/\W+/g,"-")}`;return U(Od,{id:ye,title:I,open:f[I]!==!0,onToggle:ae=>S(Xe=>({...Xe,[I]:!ae})),count:de,children:[C(jd,{parts:q,onEditStyle:r,onClearAll:ve,onFollowStyle:ce,kindLabel:xr[fe]}),Q.map(ae=>Lt(ae.key,ae.label))]},I)})]})}var ec={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:Dt};import{Fragment as Po,jsx as O,jsxs as dn}from"react/jsx-runtime";var ac=[{role:"heading",title:"Heading 1",group:"heading",step:"headingLarge",base:17,icon:O(xt,{})},{role:"heading2",title:"Heading 2",group:"heading",step:"headingMedium",base:15,icon:O(xt,{})},{role:"heading3",title:"Heading 3",group:"heading",step:"headingSmall",base:13,icon:O(xt,{})},{role:"accent",title:"Accent",step:"accent",base:15,icon:O(tc,{})},{role:"body",title:"Body",group:"body",step:"body",base:14,icon:O(Gs,{})},{role:"label",title:"Labels",group:"label",step:"label",base:11,icon:O(ic,{})}];var lc=9,nt=500,dc=100,cc=80,pc=4,uc=600,fc=700,hc=400,gc="0.18em";function mc({id:e,value:t,onChange:o}){return O("select",{id:e,className:"sf-select w-full min-w-0",value:t,onChange:r=>o(r.target.value),style:{fontFamily:`var(${ke(t)?.cssVar??"--font-body"})`},children:Ti().map(([r,a])=>O("optgroup",{label:ki[r],children:a.map(s=>O("option",{value:s.key,children:s.label},s.key))},r))})}function yc({label:e,icon:t,readout:o,min:r,max:a,step:s,value:l,onChange:p,action:u,hint:m}){return O(cn,{label:e,icon:t,value:o,action:u,hint:m,children:O("input",{type:"range",min:r,max:a,step:s,value:l,onChange:f=>p(Number(f.target.value)),className:"h-1 w-full cursor-pointer","aria-label":e})})}function Ro({label:e,icon:t,value:o,fallback:r,min:a,max:s,step:l,suffix:p="",hint:u,onChange:m}){let f=o===null;return O(yc,{label:e,icon:t,readout:f?"Auto":`${o}${p}`,min:a,max:s,step:l,value:f?r:o,onChange:m,action:f?null:O(Ke,{label:e,what:"change",onClear:()=>m(null)}),hint:u})}function Ws({label:e,icon:t,options:o,value:r,onChange:a,hint:s,action:l}){return O(cn,{label:e,icon:t,value:o.find(p=>p.value===r)?.label,hint:s,action:l,children:O("div",{className:"sf-rungs",children:o.map(p=>O("button",{type:"button","aria-pressed":p.value===r,onClick:()=>a(p.value),className:`sf-rung${p.value===r?" is-active":""}`,children:p.label},p.value))})})}var bc=[{value:"authored",label:"As designed"},{value:"sentence",label:"As typed"}],wc=[{value:"normal",label:"Normal"},{value:"tight",label:"Tight"},{value:"compressed",label:"Compressed"}];function Sc({fontKey:e,weight:t,fallbackWeight:o,onWeight:r}){let s=(t??o)>=uc,l=Ci(e),p=ke(e)?.label??"This face";return O(cn,{label:"Style",icon:O(oc,{}),value:s?"Bold":"Normal",hint:"Bold is the weight above \u2014 one value, two ways to set it.",children:dn("div",{className:"sf-rungs",children:[O("button",{type:"button","aria-pressed":s,"aria-label":"Bold",title:"Bold",onClick:()=>r(s?hc:fc),className:`sf-rung sf-rung--glyph${s?" is-active":""}`,style:{fontWeight:700},children:"B"}),O("button",{type:"button","aria-pressed":!1,"aria-label":"Italic",disabled:!0,title:l?"Italic is not saved yet \u2014 the theme row has no column for it (card 66162.b).":`${p} is loaded without an italic, so it cannot be set in italic. Slanting it would deform the letters rather than style them.`,className:"sf-rung sf-rung--glyph",style:{fontStyle:"italic"},children:"I"})]})})}function Eo({fonts:e,compression:t,headingTypography:o,openRole:r,onOpenRole:a,onFontChange:s,sizes:l,onSizeChange:p,onCompressionChange:u,onHeadingTypographyChange:m,livePx:f,savedRole:S=null}){let R=c=>m({...o,...c}),v=c=>c==="accent"?"weightStrong":c==="heading2"?"weight2":c==="heading3"?"weight3":"weight",E=c=>c==="heading2"?"case2":c==="heading3"?"case3":"case",N=gr(t);return O("div",{className:"sf-style-list",children:ac.map(c=>{let k=r===c.role;return O(Ir,{styleKey:c.role,label:c.title,icon:c.icon,value:ke(e[c.role])?.label??e[c.role],sampleStyle:vc(c,e,o,N),open:k,onToggle:()=>a(k?null:c.role),saved:S===c.role,children:k&&dn(Po,{children:[O(cn,{label:"Font",icon:O(rc,{}),htmlFor:`sf-font-${c.role}`,action:e[c.role]===Pn[c.role]?null:O(Ke,{label:"Font",what:"change",onClear:()=>s(c.role,Pn[c.role])}),children:O(mc,{id:`sf-font-${c.role}`,value:e[c.role],onChange:b=>s(c.role,b)})}),c.step&&p&&O(Ro,{label:"Size",icon:O(xt,{}),value:l[c.step],fallback:c.base*2,min:ir,max:rr,step:sr,suffix:"px",hint:l[c.step]===null?"Auto = this style states no size, and text following it keeps the size its section drew.":"The size a text takes when you set it to follow this style. Sections keep their own sizes.",onChange:b=>p(c.step,b)}),(Qe(c.role)||c.role==="accent")&&dn(Po,{children:[O(Ro,{label:"Weight",icon:O(sc,{}),value:o[v(c.role)],fallback:Qe(c.role)?nt:o.weight??nt,min:mr,max:yr,step:dc,hint:c.role==="accent"?"Auto = the accent phrase takes the heading's own weight.":void 0,onChange:b=>R({[v(c.role)]:b})}),O(Sc,{fontKey:e[c.role],weight:o[v(c.role)],fallbackWeight:Qe(c.role)?nt:o.weight??nt,onWeight:b=>R({[v(c.role)]:b})})]}),Qe(c.role)&&dn(Po,{children:[O(Ws,{label:"Line & text gap",icon:O(Gs,{}),options:wc,value:t,onChange:u,hint:N.lineHeight===void 0?"The built-in spacing.":`Line gap ${N.lineHeight} \xB7 text gap ${N.letterSpacing}em.`,action:t===On?null:O(Ke,{label:"Line & text gap",what:"change",onClear:()=>u(On)})}),O(Ws,{label:"Capitals",icon:O(nc,{}),options:bc,value:o[E(c.role)],onChange:b=>R({[E(c.role)]:b}),hint:"The only setting that changes a heading's capitals.",action:o[E(c.role)]==="authored"?null:O(Ke,{label:"Capitals",what:"change",onClear:()=>R({[E(c.role)]:"authored"})})}),O(Ro,{label:"Largest size",icon:O(xt,{}),value:o.maxPx,fallback:cc,min:br,max:wr,step:pc,suffix:"px",hint:"Caps the biggest heading on the site. Auto = each section's own.",onChange:b=>R({maxPx:b})})]})]})},c.role)})})}function vc(e,t,o,r){let a=Math.max(lc,e.base),s={fontFamily:`var(${ke(t[e.role])?.cssVar??"--font-body"})`,fontSize:`${a.toFixed(1)}px`,lineHeight:1.15};return Qe(e.role)?(s.fontWeight=o.weight??nt,s.textTransform=o.case==="sentence"?"none":"uppercase",r.letterSpacing!==void 0&&(s.letterSpacing=`${r.letterSpacing}em`)):e.role==="accent"?(s.fontWeight=o.weightStrong??o.weight??nt,r.letterSpacing!==void 0&&(s.letterSpacing=`${r.letterSpacing}em`)):e.role==="label"&&(s.textTransform="uppercase",s.letterSpacing=gc),s}import{SettingsTabs as kc}from"efficient-easel/panel";import{ContrastIcon as Tc,NoteIcon as Cc,SettingsIcon as Rc,TypeIcon as Pc}from"efficient-easel/icons";function $s(e){switch(e.status){case"saved":return null;case"failed":return{msg:"Not saved. Try again.",tone:"error"};case"skipped":switch(e.reason){case"empty":return null;case"no-token":return{msg:"Not saved. Reload the page.",tone:"error"};case"template":return{msg:"Templates keep their look. Press Done.",tone:"success"}}}}import{gotoPreviewSlide as dm,pinPreviewToBottom as qs,pinPreviewToSection as pn,previewFrame as Vs,scrollPreviewToSection as Ks,scrollPreviewToTop as Io}from"efficient-easel/screen/lib/puck/preview-dom";import{Fragment as kt,jsx as G,jsxs as it}from"react/jsx-runtime";var un="sf-site-styles-tabpanel",Lo=!1,Ec="Show hints";function Fo({shown:e,onChange:t}){return G("div",{className:"sf-hints",children:it("button",{type:"button","aria-pressed":e,onClick:()=>t(!e),className:`sf-rung sf-hints-toggle${e?" is-active":""}`,children:[G(Cc,{size:13}),Ec]})})}var js="text",ot=[{id:"basics",label:"Basics",icon:G(Rc,{}),htmlId:"sf-site-styles-tab-basics",panelId:un},{id:"theme",label:"Theme",icon:G(Tc,{}),htmlId:"sf-site-styles-tab-theme",panelId:un},{id:"text",label:"Text",icon:G(Pc,{}),htmlId:"sf-site-styles-tab-text",panelId:un}];function Ic({themeFromDocument:e,persist:t}){let{appState:o,dispatch:r}=No(m=>m),{theme:a,setTheme:s}=ne(),l=o.data,p=l.root?.props??{},u=m=>{if(e){let f={...p,theme:m};r({type:"replaceRoot",root:{...l.root,props:f},recordHistory:!0})}else s(m);t({selected_preset:m.selected,theme_presets:m.themes})};return G(Xn,{value:e?p.theme:a,onChange:u})}function Nc(e,t){let[o,r]=fn(null),a=Us(null),s=JSON.stringify(e),l=Us(t);return l.current=t,xc(()=>{if(a.current===null){a.current=s;return}if(a.current===s)return;a.current=s;let p=window.setTimeout(()=>r(l.current),700),u=window.setTimeout(()=>r(null),2200);return()=>{window.clearTimeout(p),window.clearTimeout(u)}},[s]),o}function Lc({themeFromDocument:e,persist:t}){let{appState:o,dispatch:r}=No(L=>L),[a,s]=fn(null),{fonts:l,setFonts:p,sizes:u,setSizes:m,headingCompression:f,setHeadingCompression:S,headingTypography:R,setHeadingTypography:v}=ne(),E=o.data,N=E.root?.props??{},c=e?Ri(N.fonts):l,k=e?or:u,b=e?hr(N.headingCompression):f,g=e?Sr(N.headingTypography):R,y=L=>r({type:"replaceRoot",root:{...E.root,props:{...N,...L}},recordHistory:!0}),T=Nc({curFonts:c,curCompression:b,curTypography:g},a);return G(Eo,{fonts:c,sizes:k,compression:b,headingTypography:g,openRole:a,onOpenRole:s,onFontChange:(L,X)=>{let M={...c,[L]:X};e?y({fonts:M}):p(M),t({heading_font:M.heading,body_font:M.body,accent_font:M.accent,label_font:M.label})},onSizeChange:e?void 0:(L,X)=>{let M={...k,[L]:X};m(M),t({heading_size_large_px:M.headingLarge,heading_size_medium_px:M.headingMedium,heading_size_small_px:M.headingSmall,accent_size_px:M.accent,body_size_px:M.body,label_size_px:M.label})},onCompressionChange:L=>{e?y({headingCompression:L}):S(L),t({heading_compression:L})},onHeadingTypographyChange:L=>{e?y({headingTypography:L}):v(L),t(vr(L))},livePx:Ac,savedRole:T})}var Fc={heading:"main h1, main h2",heading2:"main h1, main h2",heading3:"main h1, main h2",accent:"main h1 em, main h2 em",body:"main p",label:"main .mono-eyebrow"};function Ac(e){if(typeof document>"u")return null;let o=(Vs()?.contentDocument??document).querySelector(Fc[e]);if(!o)return null;let r=parseFloat(getComputedStyle(o).fontSize);return Number.isFinite(r)?r:null}function Oc({themeFromDocument:e,persist:t,showHint:o}){let{appState:r,dispatch:a}=No(v=>v),{cornerRadiusPx:s,setCornerRadiusPx:l}=ne(),p=r.data,u=p.root?.props??{},m=u.cornerRadiusPx===void 0?dr[ar(u.cornerStyle)]:cr(u.cornerRadiusPx),f=e?m:s,S=v=>a({type:"replaceRoot",root:{...p.root,props:{...u,...v}},recordHistory:!0});return G(Qn,{value:f,onChange:v=>{e?S({cornerRadiusPx:v}):l(v),t({corner_radius_px:v})},showHint:o})}function Hc(e){return{site_width:e}}function _c({persist:e,showHint:t}){let{siteWidth:o,setSiteWidth:r}=ne();return G(wo,{value:o,onChange:s=>{r(s),e(Hc(s),s===null)},showHint:t})}function Dc(e){return{block_gap:e}}function Bc(e){return{site_gutter:e}}function Mc({persist:e,showHint:t}){let{siteGutter:o,setSiteGutter:r}=ne();return G(mo,{value:o,onChange:s=>{r(s),e(Bc(s),s===null)},showHint:t})}function zc({persist:e,showHint:t}){let{blockGap:o,setBlockGap:r}=ne();return G(io,{value:o,onChange:s=>{r(s),e(Dc(s),s===null)},showHint:t})}function Wc({persist:e,showHint:t}){let{heroBackgroundFollowsWidth:o,setHeroBackgroundFollowsWidth:r}=ne();return G(co,{value:o,onChange:s=>{r(s),e({hero_background_follows_width:s},!0)},showHint:t})}function Gc({persist:e,showHint:t=!0}){return it(kt,{children:[G(_c,{persist:e,showHint:t}),G(Mc,{persist:e,showHint:t}),G(zc,{persist:e,showHint:t}),G(Wc,{persist:e,showHint:t})]})}function $c(e){return{card_shadow:e}}function qc(e){return e===null?{shadow_color:null}:{shadow_color:fr(e)}}function Vc(e){return{hover_effect:e}}function Kc({persist:e,showHint:t=!0}){let{cardShadow:o,setCardShadow:r,shadowColor:a,setShadowColor:s,hoverEffect:l,setHoverEffect:p}=ne();return it(kt,{children:[G(eo,{value:o,onChange:u=>{r(u),e($c(u),!0)},showHint:t}),G(no,{value:a,onChange:u=>{s(u),e(qc(u),u===null)},showHint:t}),G(so,{value:l,onChange:u=>{p(u),e(Vc(u),!0)},showHint:t})]})}function Uc(e){return{photography_grayscale:e}}function jc({persist:e,showHint:t}){let{photographyGrayscale:o,setPhotographyGrayscale:r}=ne();return G(fo,{value:o,onChange:s=>{r(s),e(Uc(s),!0)},showHint:t})}function Yc({persist:e,showHint:t=!0}){return G(kt,{children:G(jc,{persist:e,showHint:t})})}function rt(){let{websiteName:e}=ne();return e?.trim()||$r}function Tt({themeFromDocument:e=!1,tokenRef:t,siteId:o,onNotify:r,tab:a,onTabChange:s}){let{persist:l}=Pr({themeFromDocument:e,tokenRef:t,siteId:o,onResult:N=>{let c=$s(N);c&&r?.(c.msg,c.tone)}}),[p,u]=fn(ot[0].id),m=a!==void 0,f=m?a:p,S=m?s??(()=>{}):u,R=ot.find(N=>N.id===f)??ot[0],[v,E]=fn(Lo);return it(kt,{children:[G(kc,{items:ot,activeId:R.id,onSelect:S,ariaLabel:"Site styles"}),it("div",{id:un,role:"tabpanel","aria-labelledby":R.htmlId,children:[f==="basics"&&it(kt,{children:[G(Oc,{themeFromDocument:e,persist:l,showHint:v}),!e&&G(Kc,{persist:l,showHint:v}),!e&&G(Gc,{persist:l,showHint:v}),!e&&G(Yc,{persist:l,showHint:v}),G(Fo,{shown:v,onChange:E})]}),f==="theme"&&G(Ic,{themeFromDocument:e,persist:l}),f==="text"&&G(Lc,{themeFromDocument:e,persist:l})]})]})}import{InspectorIconButton as Zc}from"efficient-easel/chrome";import{AddIcon as Qc}from"efficient-easel/icons";import{PagesIcon as Jc}from"efficient-easel/rail";import{jsx as H,jsxs as be}from"react/jsx-runtime";var Zs="sf-editor-pages-collapsed-groups",ep=e=>e.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""),Qs=(e,t)=>{let o=ep(e)||"page";if(!t.has(o))return o;let r=2;for(;t.has(`${o}-${r}`);)r+=1;return`${o}-${r}`};function Ao({onNavigate:e,onClose:t,activeSurface:o,onPreviewSurface:r}){let a=ze().chrome?.pageRows,s=Wt(),{adapter:l,capabilities:p,ready:u,currentSlug:m}=ue(),f=rt(),[S,R]=Ue(null),[v,E]=Ue(""),[N,c]=Ue(!1),[k,b]=Ue(null),[g,y]=Ue(!1),[T,B]=Ue(""),te=Xc(async()=>{if(u)try{R(await l.listPages())}catch{R([])}},[l,u]);Ys(()=>{R(null),te()},[te]);let[A,W]=Ue(()=>{if(typeof window>"u")return new Set;try{let w=window.localStorage.getItem(Zs);return new Set(w?JSON.parse(w):[])}catch{return new Set}});Ys(()=>{try{window.localStorage.setItem(Zs,JSON.stringify([...A]))}catch{}},[A]);let L=w=>W(K=>{let $=new Set(K);return $.has(w)?$.delete(w):$.add(w),$}),X=Xs(()=>ns(S??[]),[S]),M=v.trim().toLowerCase(),le=w=>!M||w.toLowerCase().includes(M),F=w=>M?!0:!A.has(w),Z=Xs(()=>new Set((S??[]).map(w=>w.slug)),[S]),se=()=>{if(p.pageCreationInAdminForm){s.send("storefront-editor:new-page");return}B(""),b(null),y(!0)},ge=async()=>{let w=T.trim();if(!(!w||!u||N||!l.createPage)){c(!0),b(null);try{let K=await l.createPage({slug:Qs(w,Z),title:w,layout:{}});await te(),y(!1),B(""),e(K.slug)}catch{b("Couldn\u2019t add the page \u2014 please retry.")}finally{c(!1)}}},Se=async w=>{if(!(!u||N||!l.deletePage||(S??[]).length<=1)){c(!0);try{await l.deletePage(w.id);let K=(S??[]).filter($=>$.id!==w.id);R(K),b(null),w.slug===m&&K[0]&&e(K[0].slug)}catch{b("Couldn\u2019t delete the page \u2014 please retry.")}finally{c(!1)}}},Re=w=>s.send("storefront-editor:open-page",{slug:w}),Le=w=>{if(!le(w.label))return null;let K=!o&&w.slug===m,$=p.canDeletePagesInline&&(S??[]).length>1;return be("div",{className:`sf-row sf-prow ${K?"is-selected":""}`,onClick:()=>e(w.slug),children:[H("span",{className:"sf-chip",children:H(tp,{})}),H("span",{className:"sf-row-name",children:w.label}),ts(w)&&H("span",{className:"sf-badge-dynamic",children:"Dynamic"}),w.kind==="lightbox"&&H("span",{className:"sf-badge-lightbox",children:"Lightbox"}),w.draft&&H("span",{className:"sf-page-draft",children:"draft"}),p.pageCreationInAdminForm&&H("button",{type:"button",className:"sf-page-edit",title:`Edit \u201C${w.label}\u201D in the admin`,"aria-label":`Edit ${w.label} in the admin`,onClick:ce=>{ce.stopPropagation(),Re(w.slug)},children:H(Te,{name:"pencil",size:13,strokeWidth:1.7,rounded:!0})}),$&&H("button",{type:"button",className:"sf-page-edit sf-page-edit--danger",disabled:N,title:`Delete \u201C${w.label}\u201D`,"aria-label":`Delete ${w.label}`,onClick:ce=>{ce.stopPropagation(),Se(w)},children:H(Te,{name:"trash",size:13,strokeWidth:1.7,rounded:!0})})]},w.id)},fe=(w,K,$)=>{let ce=$.filter(Boolean);if(ce.length===0)return null;let ve=F(w);return be("div",{className:"sf-pgroup",children:[be("button",{type:"button",className:"sf-pgroup-head","aria-expanded":ve,onClick:()=>L(w),children:[H(Te,{name:"chevron-right",size:10,strokeWidth:2.6,rounded:!0,style:{transform:ve?"rotate(90deg)":"none",transition:"transform 0.14s"}}),H("span",{className:"sf-pgroup-label",children:K}),H("span",{className:"sf-pgroup-count",children:ce.length})]}),ve&&H("div",{className:"sf-pgroup-body",children:ce})]},w)},he=(a?.rows??[]).filter(w=>le(w.label)).map(w=>{let K=o===w.key;return be("div",{className:`sf-row sf-prow sf-prow--shop ${K?"is-selected":""}`,onClick:()=>r(w.key),title:`Preview the ${w.label} in the canvas`,children:[H("span",{className:"sf-chip",children:w.icon}),H("span",{className:"sf-row-name",children:w.label}),H("span",{className:"sf-badge-preview",children:"Preview"}),H("a",{className:"sf-page-edit",href:w.href,target:"_blank",rel:"noopener noreferrer",title:`Open the ${w.label} in a new tab`,"aria-label":`Open the ${w.label} in a new tab`,onClick:$=>$.stopPropagation(),children:H(Te,{name:"external-link",size:13,strokeWidth:1.7,rounded:!0})})]},w.key)}),ie=p.hasSiteSettings&&!!a,q=(()=>{if(S===null)return null;let w=[],K=!1;for(let $ of X)ie&&!K&&$.key.startsWith("system:")&&(w.push(fe("shop",a.title,he)),K=!0),w.push(fe($.key,$.label,$.rows.map(Le)));return ie&&!K&&w.push(fe("shop",a.title,he)),w})();return be("div",{className:"sf-pages",children:[H(Ut,{icon:H(Jc,{}),title:"Pages",context:f,actions:H(Zc,{label:"New page",onClick:se,children:H(Qc,{size:15})}),onHide:t}),be("div",{className:"sf-pages-search",children:[H(Te,{name:"search",size:14,rounded:!0}),H("input",{type:"search",className:"sf-pages-search-input",placeholder:"Search all pages\u2026",value:v,onChange:w=>E(w.target.value),"aria-label":"Search all pages"})]}),be("div",{className:"sf-pages-list sf-scroll",children:[k&&!g&&H("div",{className:"sf-note sf-note--error",role:"alert",children:k}),q===null?H("div",{className:"sf-note",children:"Loading\u2026"}):q.some(Boolean)?q:H("div",{className:"sf-note",children:v.trim()?"No pages match your search":"No pages yet"})]}),be("button",{type:"button",className:"sf-pages-new",onClick:se,children:[H("span",{className:"sf-plus",children:"+"}),"New page"]}),g&&H("div",{className:"fixed inset-0 z-[200] flex items-center justify-center bg-black/30 p-4",role:"dialog","aria-modal":"true","aria-labelledby":"sf-add-page-title",onClick:()=>y(!1),children:be("div",{className:"w-full max-w-sm rounded-lg bg-white p-5 shadow-xl",onClick:w=>w.stopPropagation(),children:[H("h2",{id:"sf-add-page-title",className:"text-[15px] font-semibold text-zinc-900",children:"Add a page"}),H("p",{className:"mt-1 text-[13px] leading-relaxed text-zinc-600",children:"Give the new template page a name. It starts blank \u2014 add sections once it opens."}),H("input",{autoFocus:!0,value:T,onChange:w=>B(w.target.value),onKeyDown:w=>{w.key==="Enter"&&ge(),w.key==="Escape"&&y(!1)},placeholder:"e.g. About",className:"mt-3 w-full rounded-md border border-zinc-300 px-3 py-2 text-[13px] text-zinc-900 outline-none focus:border-blue-500"}),T.trim()&&be("p",{className:"mt-1.5 text-[12px] text-zinc-400",children:["URL: /",Qs(T,Z)]}),k&&H("p",{className:"mt-2 text-[12px] text-red-600",role:"alert",children:k}),be("div",{className:"mt-4 flex justify-end gap-2",children:[H("button",{type:"button",onClick:()=>y(!1),className:"rounded-md border border-zinc-300 px-3 py-[7px] text-[13px] font-medium text-zinc-700 transition-colors hover:bg-zinc-100",children:"Cancel"}),H("button",{type:"button",onClick:()=>{ge()},disabled:N||!T.trim(),className:"rounded-md bg-blue-600 px-3 py-[7px] text-[13px] font-medium text-white transition-colors hover:bg-blue-700 disabled:opacity-60",children:N?"Adding\u2026":"Add page"})]})]})})]})}function tp(){return be("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[H("path",{d:"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"}),H("path",{d:"M14 3v5h5"})]})}import{DesktopIcon as np,PhoneIcon as op,TabletIcon as ip}from"efficient-easel/icons";import{jsx as Oo}from"react/jsx-runtime";var rp={desktop:Oo(np,{}),tablet:Oo(ip,{}),mobile:Oo(op,{})},Js=Lr.map(e=>({id:e,label:Nr[e],icon:rp[e]}));import{useState as pu}from"react";import{useEasel as uu}from"efficient-easel/easel";import{InspectorHead as fu,InspectorIconButton as ga}from"efficient-easel/chrome";import{DuplicateIcon as hu,TrashIcon as gu}from"efficient-easel/icons";import{panelFieldsOf as ea}from"efficient-easel/screen/lib/puck/panel-fields";import{BlockBannerIcon as sp,BlockBoxIcon as ap,BlockButtonIcon as lp,BlockDividerIcon as ta,BlockFooterIcon as na,BlockHeadingIcon as dp,BlockProductIcon as cp,BlockSocialIcon as pp,BlockTextIcon as up,ChatIcon as fp,GridIcon as hp,ImageIcon as gp,PageIcon as mp}from"efficient-easel/icons";import{Fragment as _,jsx as h,jsxs as D}from"react/jsx-runtime";var yp={header:D(_,{children:[h("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),h("path",{d:"M3 9.5h18"})]}),website:D(_,{children:[h("circle",{cx:"12",cy:"12",r:"9"}),h("path",{d:"M3 12h18M12 3c2.6 2.7 2.6 15.3 0 18M12 3c-2.6 2.7-2.6 15.3 0 18"})]}),social:D(_,{children:[h("circle",{cx:"6",cy:"12",r:"2.5"}),h("circle",{cx:"18",cy:"6",r:"2.5"}),h("circle",{cx:"18",cy:"18",r:"2.5"}),h("path",{d:"M8.2 10.8l7.6-3.6M8.2 13.2l7.6 3.6"})]}),ticker:D(_,{children:[h("rect",{x:"3",y:"8.5",width:"18",height:"7",rx:"2"}),h("path",{d:"M6 12h3.5M11.5 12h2M15.5 12h2.5"})]}),FooterLogo:D(_,{children:[h("path",{d:"M4 15.5h6M4 18h4"}),h("path",{d:"M14 8.5l3 7 3-7"})]}),FooterMenu:h("path",{d:"M6 7h12M6 11h12M6 15h8M6 19h8"}),FooterGroup:D(_,{children:[h("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",strokeDasharray:"3 2.5"}),h("path",{d:"M8 9h8M8 13h8M8 16h5"})]}),FooterText:h("path",{d:"M5 7h14M5 12h14M5 17h9"}),FooterEmailSignup:D(_,{children:[h("rect",{x:"3",y:"6",width:"18",height:"12",rx:"2"}),h("path",{d:"M3.5 7l8.5 6 8.5-6"})]}),SearchBlock:D(_,{children:[h("circle",{cx:"11",cy:"11",r:"6"}),h("path",{d:"M20 20l-4.2-4.2"})]}),CartBlock:is,CountrySwitchBlock:D(_,{children:[h("circle",{cx:"12",cy:"12",r:"8.5"}),h("path",{d:"M3.5 12h17M12 3.5c2.6 2.4 3.6 5.2 3.6 8.5s-1 6.1-3.6 8.5M12 3.5c-2.6 2.4-3.6 5.2-3.6 8.5s1 6.1 3.6 8.5"})]}),LegalLineBlock:D(_,{children:[h("path",{d:"M3 9h18"}),h("path",{d:"M3 14h8M14 14h2M18 14h3"})]}),Hero:D(_,{children:[h("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),h("path",{d:"M7 13.5h7M7 16.5h10"})]}),HeroSlide:D(_,{children:[h("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),h("path",{d:"M7 15h6M16 9.5h.01M9.5 12l-2.5 3"})]}),HeroSingle:D(_,{children:[h("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),h("path",{d:"M10.5 8.5l4 2.5-4 2.5z"}),h("path",{d:"M7 17h7"})]}),Collections:D(_,{children:[h("rect",{x:"3",y:"5",width:"4.6",height:"14",rx:"1.3"}),h("rect",{x:"9.7",y:"5",width:"4.6",height:"14",rx:"1.3"}),h("rect",{x:"16.4",y:"5",width:"4.6",height:"14",rx:"1.3"})]}),CollectionCard:D(_,{children:[h("rect",{x:"6",y:"4",width:"12",height:"16",rx:"2"}),h("path",{d:"M9 15h6M9 17.5h4"})]}),AlloyWheelsListing:D(_,{children:[h("path",{d:"M3 5h5M3 9h5M3 13h5M3 17h5"}),h("rect",{x:"11.5",y:"5",width:"4.2",height:"5",rx:"1"}),h("rect",{x:"17.3",y:"5",width:"4.2",height:"5",rx:"1"}),h("rect",{x:"11.5",y:"12",width:"4.2",height:"5",rx:"1"}),h("rect",{x:"17.3",y:"12",width:"4.2",height:"5",rx:"1"})]}),CatalogFilterBar:D(_,{children:[h("path",{d:"M3 7h9M15.5 7H21"}),h("circle",{cx:"13.5",cy:"7",r:"1.7"}),h("path",{d:"M3 12h4M10.5 12H21"}),h("circle",{cx:"8.5",cy:"12",r:"1.7"}),h("path",{d:"M3 17h9M15.5 17H21"}),h("circle",{cx:"13.5",cy:"17",r:"1.7"})]}),ProductGrid:D(_,{children:[h("rect",{x:"3",y:"5",width:"4.8",height:"6",rx:"1"}),h("rect",{x:"9.6",y:"5",width:"4.8",height:"6",rx:"1"}),h("rect",{x:"16.2",y:"5",width:"4.8",height:"6",rx:"1"}),h("rect",{x:"3",y:"13",width:"4.8",height:"6",rx:"1"}),h("rect",{x:"9.6",y:"13",width:"4.8",height:"6",rx:"1"}),h("rect",{x:"16.2",y:"13",width:"4.8",height:"6",rx:"1"})]}),RelatedProducts:D(_,{children:[h("path",{d:"M3 5h10"}),h("rect",{x:"3",y:"9.5",width:"5",height:"9",rx:"1"}),h("rect",{x:"9.5",y:"9.5",width:"5",height:"9",rx:"1"}),h("rect",{x:"16",y:"9.5",width:"5",height:"9",rx:"1"})]}),Gallery:D(_,{children:[h("rect",{x:"3",y:"4",width:"11",height:"16",rx:"2"}),h("rect",{x:"15.5",y:"4",width:"5.5",height:"7.5",rx:"1.5"}),h("rect",{x:"15.5",y:"12.5",width:"5.5",height:"7.5",rx:"1.5"})]}),GalleryB:D(_,{children:[h("rect",{x:"3.5",y:"4",width:"7.5",height:"7.5",rx:"1.5"}),h("rect",{x:"13",y:"4",width:"7.5",height:"7.5",rx:"1.5"}),h("rect",{x:"3.5",y:"12.5",width:"7.5",height:"7.5",rx:"1.5"}),h("rect",{x:"13",y:"12.5",width:"7.5",height:"7.5",rx:"1.5"})]}),GalleryItem:D(_,{children:[h("rect",{x:"4",y:"5",width:"16",height:"14",rx:"2"}),h("circle",{cx:"9",cy:"10",r:"1.6"}),h("path",{d:"M20 15.5l-4.5-4L7 19"})]}),Events:D(_,{children:[h("rect",{x:"4",y:"5",width:"16",height:"15",rx:"2"}),h("path",{d:"M4 9.5h16M8.5 3v4M15.5 3v4M8 14h2M14 14h2"})]}),PostCard:D(_,{children:[h("rect",{x:"4",y:"3.5",width:"16",height:"17",rx:"2"}),h("rect",{x:"6.5",y:"6",width:"11",height:"6",rx:"1"}),h("path",{d:"M6.5 14.5h11M6.5 17.5h7"})]}),Manifesto:D(_,{children:[h("path",{d:"M7 8h3.2v4c0 1.6-1 2.6-3 3.2"}),h("path",{d:"M14 8h3.2v4c0 1.6-1 2.6-3 3.2"})]}),Stats:D(_,{children:[h("path",{d:"M3.5 20h17"}),h("path",{d:"M6 20v-7M11 20V7M16 20v-5M20.5 20v-9"})]}),Logos:D(_,{children:[h("circle",{cx:"6",cy:"12",r:"2.6"}),h("rect",{x:"10",y:"9.4",width:"5.2",height:"5.2",rx:"1.2"}),h("path",{d:"M19 9.2l2.4 5h-4.8z"})]}),Ticker:D(_,{children:[h("rect",{x:"3",y:"8.5",width:"18",height:"7",rx:"2"}),h("path",{d:"M6 12h3.5M11.5 12h2M15.5 12h2.5"})]}),SectionHeader:D(_,{children:[h("rect",{x:"3.5",y:"6",width:"5",height:"5",rx:"1.2"}),h("path",{d:"M11 8.5h9M3.5 15.5h17"})]}),IntroBleed:D(_,{children:[h("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),h("path",{d:"M3 13.5h18M7 16.8h6"})]}),Split:D(_,{children:[h("rect",{x:"3",y:"5",width:"8",height:"14",rx:"1.5"}),h("path",{d:"M14 8.5h6M14 12h6M14 15.5h4"})]}),Eyebrow:D(_,{children:[h("path",{d:"M4 8.5h4.5M11 8.5h9"}),h("path",{d:"M4 14.5h16"})]}),HeroGroup:D(_,{children:[h("rect",{x:"3.5",y:"4.5",width:"17",height:"15",rx:"2"}),h("path",{d:"M7 9h8M7 12.5h10M7 16h6"})]}),Form:D(_,{children:[h("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),h("path",{d:"M6.5 9h11M6.5 12.5h11"}),h("rect",{x:"6.5",y:"15",width:"6.5",height:"2.6",rx:"1.3"})]}),LogoBlock:h(_,{children:h("path",{d:"M12 3.5l7.5 3.2v5.1c0 4.2-3.2 7.1-7.5 8.7-4.3-1.6-7.5-4.5-7.5-8.7V6.7z"})}),Spacer:D(_,{children:[h("path",{d:"M12 4v6M9.5 6.5L12 4l2.5 2.5M12 20v-6M9.5 17.5L12 20l2.5-2.5"}),h("path",{d:"M5 13h14",strokeDasharray:"2 2.5"})]}),ContactRouting:D(_,{children:[h("rect",{x:"3",y:"4",width:"5",height:"5",rx:"1"}),h("rect",{x:"9.5",y:"4",width:"5",height:"5",rx:"1"}),h("rect",{x:"16",y:"4",width:"5",height:"5",rx:"1"}),h("path",{d:"M4 13.5h11M4 17.5h7"}),h("path",{d:"M17 15l3 2-3 2"})]}),CustomHTML:h("path",{d:"M9 8l-4 4 4 4M15 8l4 4-4 4"})},bp=h("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2.5"}),wp={footer:na,Footer:na,Divider:ta,FooterDivider:ta,Banner:sp,Flex:ap,FooterSocial:pp,page:mp,chat:fp,Heading:dp,Text:up,ImageBlock:gp,ButtonBlock:lp,Grid:hp,ProductRef:cp},Sp={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial",SiteHeader:"header",SiteFooter:"footer"};function je({type:e,size:t=16,className:o}){let r=Sp[e]??e,a=wp[r];return a?h(a,{size:t,className:o}):h("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",className:o,"aria-hidden":"true",children:yp[r]??bp})}import{useEffect as vp,useId as xp,useState as kp}from"react";import{SettingsField as oa,SettingsSwitch as Tp}from"efficient-easel/panel";import{EyeIcon as Cp,TypeIcon as Rp}from"efficient-easel/icons";import{Fragment as Np,jsx as we,jsxs as Lp}from"react/jsx-runtime";var Pp="Chat with us",Ep="We usually reply within a few minutes",Ip="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function Ho({label:e,value:t,placeholder:o,onCommit:r,multiline:a=!1}){let[s,l]=kp(t);vp(()=>l(t),[t]);let p=()=>{s!==t&&r(s)};return we(oa,{label:e,icon:we(Rp,{}),children:a?we("textarea",{value:s,placeholder:o,rows:3,onChange:u=>l(u.target.value),onBlur:p,"aria-label":e}):we("input",{type:"text",value:s,placeholder:o,onChange:u=>l(u.target.value),onBlur:p,onKeyDown:u=>{u.key==="Enter"&&u.currentTarget.blur()},"aria-label":e,autoComplete:"off"})})}function _o(){let{chat:e,setChat:t}=qt(),o=xp();return Lp(Np,{children:[we(oa,{label:"Show the chat bubble",labelId:o,icon:we(Cp,{}),action:we(Tp,{checked:e.enabled,onChange:r=>t({enabled:r}),ariaLabelledBy:o}),hint:e.enabled?"The floating chat bubble shows in the corner of every page.":"The chat bubble is hidden across the whole site."}),we($t,{label:"Wording"}),we(Ho,{label:"Title",value:e.title,placeholder:Pp,onCommit:r=>t({title:r})}),we(Ho,{label:"Subtitle",value:e.subtitle,placeholder:Ep,onCommit:r=>t({subtitle:r})}),we(Ho,{label:"Greeting message",value:e.greeting,placeholder:Ip,onCommit:r=>t({greeting:r}),multiline:!0}),we("p",{className:"es-field-hint sf-hint-keep",children:"Leave a field blank to use the built-in wording."})]})}import{useEffect as Fp,useId as ia,useState as ra}from"react";import{SettingsField as Ap}from"efficient-easel/panel";import{Fragment as Do,jsx as Ye,jsxs as sa}from"react/jsx-runtime";var Op={instagram:"instagram.com/yourshop",facebook:"facebook.com/yourshop",tiktok:"tiktok.com/@yourshop",youtube:"youtube.com/@yourshop",x:"x.com/yourshop",linkedin:"linkedin.com/company/yourshop",pinterest:"pinterest.com/yourshop",whatsapp:"wa.me/61400000000"};function Hp({platform:e}){let{rows:t,saveLink:o}=gt(),{value:r,error:a}=t[e],[s,l]=ra(r),[p,u]=ra(!1),m=ia(),f=ia();Fp(()=>l(r),[r]);let S=async()=>{if(s.trim()===r){s!==r&&l(r);return}u(!0),await o(e,s),u(!1)},R=Kr[e];return sa(Do,{children:[Ye(Ap,{label:R,htmlFor:m,icon:Ye(rs,{platform:e,iconStyle:"outline",size:18}),children:Ye("input",{id:m,type:"text",inputMode:"url",value:s,placeholder:Op[e],onChange:v=>l(v.target.value),onBlur:()=>{S()},onKeyDown:v=>{v.key==="Enter"&&v.currentTarget.blur(),v.key==="Escape"&&(l(r),v.currentTarget.blur())},"aria-invalid":a?!0:void 0,"aria-describedby":a?f:void 0,"aria-busy":p||void 0,autoComplete:"off",spellCheck:!1})}),a&&Ye("p",{id:f,className:"sf-note sf-note--error",role:"alert",children:a})]})}function Bo({unavailable:e}){let{canSave:t}=gt();return!t&&e?Ye(Do,{children:e}):sa(Do,{children:[Ye("p",{className:"es-field-hint sf-hint-keep",children:"Paste a link to each profile. A platform left empty shows nothing on the site."}),Vr.map(o=>Ye(Hp,{platform:o},o))]})}import{useId as _p,useMemo as Dp}from"react";import{useEasel as Bp}from"efficient-easel/easel";import{SettingsField as Mp,SettingsSwitch as zp}from"efficient-easel/panel";import{EyeIcon as Wp}from"efficient-easel/icons";import{jsx as st,jsxs as $p}from"react/jsx-runtime";var Gp="root:default-zone";function Mo({heroId:e}){let{appState:t,dispatch:o}=Bp(f=>f),r=t.data.content??[],a=r.findIndex(f=>f.props.id===e),s=a>=0?r[a]:null,l=s?s.props.showTicker??!0:!0,p=Dp(()=>{let f=s?.props.tickerItems;return Array.isArray(f)?f:as.map(S=>({text:S}))},[s]),u=_p();if(!s)return st("p",{className:"sf-note",children:"This ticker\u2019s hero is no longer on the page."});let m=f=>o({type:"replace",destinationZone:Gp,destinationIndex:a,data:{...s,props:{...s.props,...f}}});return $p("div",{children:[st($t,{label:"Ticker"}),st(Mp,{label:"Show ticker",labelId:u,icon:st(Wp,{}),action:st(zp,{checked:l,onChange:f=>m({showTicker:f}),ariaLabelledBy:u})}),st(Mr,{label:_n.label,icon:_n.icon,items:p,placeholder:"item",onChange:f=>m({tickerItems:f}),markup:!0})]})}import{useCallback as qp,useEffect as Vp,useRef as Kp,useState as at}from"react";import{createPortal as Up}from"react-dom";import{InspectorIconButton as jp}from"efficient-easel/chrome";import{CopyToPageIcon as Yp}from"efficient-easel/icons";import{cloneNodeWithFreshIds as aa,docToNode as Ey,nodeToDoc as Iy}from"efficient-easel/screen/lib/puck/section-doc";import{Fragment as la,jsx as Ie,jsxs as hn}from"react/jsx-runtime";function zo({node:e,currentSlug:t,siteId:o,tokenRef:r,runAuthed:a,onNotify:s}){let[l,p]=at(!1),[u,m]=at(null),f=ze(),[S,R]=at(!1),[v,E]=at(null),N=Kp(null),[c,k]=at(null),[b,g]=at(null),y=qp(async()=>{if(f.usesBridgedToken&&!r.current){R(!0);return}try{m(await ct(f).pages.list(o?{siteId:o}:void 0))}catch{R(!0)}},[r,o,f]),T=()=>{if(l){p(!1);return}let A=N.current?.getBoundingClientRect();A&&k({top:A.bottom+6,right:Math.max(8,window.innerWidth-A.right)}),g(N.current?.closest(".sf-editor")??document.body),m(null),R(!1),y(),p(!0)};Vp(()=>{if(!l)return;let A=W=>{W.key==="Escape"&&p(!1)};return window.addEventListener("keydown",A),()=>window.removeEventListener("keydown",A)},[l]);let B=(u??[]).filter(A=>A.slug!==t),te=async A=>{if(v)return;E(A.slug);let W=aa(e),L=f.documentHooks?.storedNode?.(W)??W,X=ct(f).pages,M=await a(async()=>{let le=await X.load({id:A.id});if(!le)throw new Error(`Page "${A.slug}" no longer exists.`);let F=le.layout??{},Z=Array.isArray(F.content)?[...F.content]:[],se=Z.findIndex(ge=>ge?.type===ee);Z.splice(se===-1?Z.length:se,0,L),await X.save(A.id,{layout:{root:{},zones:{},...F,content:Z}},{version:le.version,clientId:""})});E(null),p(!1),s?.(M?`Duplicated to \u201C${A.label}\u201D`:"Couldn\u2019t duplicate the section \u2014 please retry",M?"success":"error")};return hn(la,{children:[Ie(jp,{buttonRef:N,label:"Duplicate to another page",hasPopup:"menu",expanded:l,onClick:T,children:Ie(Yp,{size:15})}),l&&c&&b&&Up(hn(la,{children:[Ie("div",{className:"sf-dupmenu-backdrop",onClick:()=>p(!1)}),hn("div",{className:"sf-dupmenu",role:"menu",style:{top:c.top,right:c.right},children:[Ie("div",{className:"sf-dupmenu-head",children:"Duplicate to page\u2026"}),S?Ie("div",{className:"sf-dupmenu-empty",children:"Couldn\u2019t load pages"}):u===null?Ie("div",{className:"sf-dupmenu-empty",children:"Loading\u2026"}):B.length===0?Ie("div",{className:"sf-dupmenu-empty",children:"No other pages"}):B.map(A=>hn("button",{type:"button",role:"menuitem",className:"sf-dupmenu-item",disabled:v!==null,onClick:()=>te(A),children:[Ie("span",{className:"sf-dupmenu-name",children:A.label}),v===A.slug?Ie("span",{className:"sf-note",children:"Copying\u2026"}):A.draft&&Ie("span",{className:"sf-note",children:"draft"})]},A.id))]})]}),b)]})}import{ScreenPartsProvider as Gy,sameInspectorMode as $y,SELECTION_MODE as da,useScreenParts as qy,useScreenBlockLook as Vy,useScreenBlockRules as Ky,useScreenBridges as Uy,useScreenCanvasFrame as jy,useScreenDevices as Yy,useScreenDocumentPass as Xy,useScreenInspectorPanel as Zy,useScreenLeftView as Qy,useScreenOwnerName as Jy,useScreenPinned as eb,useStandaloneScreenBridges as tb}from"efficient-easel/screen/lib/screen-parts";import{SettingsDrill as Xp}from"efficient-easel/panel";import{jsx as Ct,jsxs as Jp}from"react/jsx-runtime";var Zp="Not shown on the page";function Qp({part:e,onOpen:t}){return Ct(Xp,{name:e.label,preview:e.offPage?Zp:e.preview||"Empty",offPage:e.offPage,status:e.hidden?Ct("span",{className:"sf-entry-eye",role:"img","aria-label":"Hidden on the page",children:Ct(Te,{name:"eye-off",size:14})}):void 0,onOpen:()=>t(e.key)})}function ca({parts:e,onOpen:t}){let o=e.filter(r=>!r.identifier);return o.length?Jp("div",{className:"sf-entries",children:[Ct("h3",{className:"sf-entries-head",children:"Text"}),o.map(r=>Ct(Qp,{part:r,onOpen:t},r.key))]}):null}import{useState as nu}from"react";import{createNode as ou,newId as iu}from"efficient-easel/data";import{useEasel as ru}from"efficient-easel/easel";var gn="Flex",eu={FooterMenu:"MenuBlock",FooterEmailSignup:"EmailFormBlock",FooterSocial:"SocialLogosBlock"},tu=e=>{let{id:t,...o}=e;return o},pa=e=>typeof e=="string"?e:"";function ua(e,t){let o=e.props??{},r=eu[e.type];if(r)return[t(r,tu(o))];switch(e.type){case"FooterLogo":{let a=t("LogoBlock",o.reverse?{reverse:o.reverse}:{}),s=pa(o.tagline).trim();return s?[a,t("Text",{text:s,tone:"dim",align:o.align==="center"?"center":"left"})]:[a]}case"FooterText":return[t("Text",{text:pa(o.text),tone:typeof o.tone=="string"?o.tone:"default"})];case"FooterDivider":return[t("Divider")];case"FooterGroup":{let a=Array.isArray(o.blocks)?o.blocks:[];return[t(gn,{direction:o.direction==="horizontal"?"row":"column",content:a.flatMap(s=>ua(s,t))})]}default:return[]}}function mn(e,t,o){let a=(e&&Array.isArray(e.props?.blocks)?e.props.blocks:[]).flatMap(p=>{let u=ua(p,t);return u.length<=1?u:[t(gn,{direction:"column",content:u})]}),s=t(gn,{direction:"row",wrap:!0,share:"equal",content:a}),l=t(gn,{direction:"column",content:[t("LegalLineBlock")]});return bi(xe,o,[s,l])}import{jsx as yn,jsxs as fa}from"react/jsx-runtime";function Wo(){let{appState:e,dispatch:t,config:o}=ru(f=>f),{readOnly:r}=ue(),[a,s]=nu(!1),l=e.data.content;if(r||l.some(f=>f.type===xe))return null;let p=l.find(f=>f.type===ee)??null,u=(f,S)=>ou(o,f,S);return fa("div",{className:"sf-box-footer-switch",children:[yn("p",{className:"sf-box-footer-switch-text",children:"Build this footer out of Boxes and blocks, like a page: the same menus, signup, social links and logo, with the copyright as a Legal Line. Your current footer is kept."}),a?fa("div",{className:"sf-box-footer-switch-row",children:[yn("button",{type:"button",className:"es-btn-primary",onClick:()=>{let f=mn(p,u,iu(xe));t({type:"setData",data:S=>({...S,content:[...Si(S.content,f)]}),recordHistory:!0}),s(!1)},children:"Switch now"}),yn("button",{type:"button",className:"es-btn-ghost",onClick:()=>s(!1),children:"Cancel"})]}):yn("button",{type:"button",className:"es-btn-ghost",onClick:()=>s(!0),children:"Switch to Box footer"})]})}import{useState as su}from"react";import{useSelectedFields as au}from"efficient-easel/easel";import{Inspector as lu,planFields as du}from"efficient-easel/fields";import{jsx as ha}from"react/jsx-runtime";var Go=new Map,cu=Object.fromEntries(Wr.map(e=>{let t=Dr[e];return[e,ha(t,{},e)]}));function $o({entries:e}){let{id:t,fields:o,values:r,readOnly:a,onChange:s}=au(),[l,p]=su(()=>Go.get(t)),u=Go.get(t),m=du(o).buckets,f=u&&m.includes(u)?u:l&&m.includes(l)?l:m[0],S=f===void 0||Br(m,f)!==!0;return ha(lu,{fields:o,values:r,onChange:s,readOnly:a,tab:f,onTab:R=>{Go.set(t,R),p(R)},tabIcons:cu,idPrefix:t,ariaLabel:"Section settings",children:S?e:null})}import{SettingsSwitch as mu}from"efficient-easel/panel";import{Fragment as qo,jsx as z,jsxs as Oe}from"react/jsx-runtime";var ma=da,Vo={kind:"header"},Ko={kind:"website"},ya={kind:"chat"},ba={kind:"social"},lt="Part";function yu(e,t,o){let r=e.describeNode(t);return{name:o,kindLabel:r?`${lt} of ${r.label}`:lt}}function wa({what:e}){return Oe("div",{className:"sf-note",children:[z("p",{children:Oe("strong",{children:[e," settings belong to a website."]})}),Oe("p",{children:["A template is a blueprint \u2014 it has no website of its own, so there is nothing here to change. Each website created from this template sets its own ",e.toLowerCase()," afterwards."]})]})}var bu={header:{name:"Header",kindLabel:"Site settings",icon:"header",render:(e,t)=>{let o=t.hostPanels?.header;return o?z(o,{placeholderMode:t.capabilities.placeholderFrames,tokenRef:t.tokenRef,siteId:t.siteId,websiteName:t.websiteName,onOpenWebsiteSettings:t.onOpenWebsiteSettings,onAuthExpired:()=>t.notifyParent("storefront-editor:auth-expired")}):null}},website:{name:"Appearance",kindLabel:"Site settings",icon:"website",render:(e,t)=>z(Tt,{themeFromDocument:!t.capabilities.hasSiteTheme,tokenRef:t.tokenRef,siteId:t.siteId,onNotify:t.onNotify})},chat:{name:"Live chat",kindLabel:"Site settings",icon:"chat",render:()=>z(_o,{})},social:{name:"Social links",kindLabel:"Site settings",icon:"social",render:()=>z(Bo,{unavailable:z(wa,{what:"Social link"})})},ticker:{name:mt,kindLabel:lt,icon:"ticker",head:(e,t)=>e.kind==="ticker"?yu(t,e.heroId,mt):null,render:e=>z(Mo,{heroId:e.kind==="ticker"?e.heroId:""})},part:{name:lt,kindLabel:lt,icon:"Text",head:(e,t)=>{if(e.kind!=="part")return null;let o=t.describeNode(e.nodeId);if(!o)return null;let{key:r,row:a}=Je(e.propKey),s=a?nn(o.fields[r],a):o.fields[r],l=zi(qi($i(s??{},r)),a);return{name:t.styleNameOfPart(e.nodeId,e.propKey)??l,kindLabel:`${lt} of ${o.label}`}},render:(e,t)=>e.kind==="part"?z(Co,{nodeId:e.nodeId,propKey:e.propKey,onBack:()=>t.onSelectNode(e.nodeId),onEditStyle:t.onOpenSiteStyles}):null}},wu=new Set(["header","website","chat"]);function Su(e,t){if(e==="puck")return null;let o=bu[e];return wu.has(e)&&!t.hasSiteSettings?{...o,kindLabel:"Not part of a template",render:()=>z(wa,{what:o.name})}:o}function Uo({mode:e,onOpenWebsiteSettings:t,onOpenSiteStyles:o,onSelectNode:r,hideNodeActions:a=!1,onNotify:s,onHidePanel:l}){let{capabilities:p,tokenRef:u,notifyParent:m,currentSlug:f,siteId:S,runAuthed:R}=ue(),{websiteName:v,fonts:E}=ne(),{partStyle:N}=_t(),c=zt(),{select:k}=Ht(),{selectedItem:b,getItemById:g,getSelectorForId:y,config:T,appState:B}=uu(pe=>pe),te=ea(T,b?{type:b.type,props:b.props}:null),A=pe=>T.components[pe]?.label??pe,W=b?y(b.props.id):void 0,L=Su(e.kind,p),X=ze(),M=X.chrome?.panels?.chromePage,le={capabilities:p,tokenRef:u,hostPanels:X.chrome?.panels,describeNode:pe=>{let Pe=g(pe);if(!Pe)return null;let me=T.components[Pe.type];return{type:Pe.type,label:me?.label??Pe.type,fields:me?.fields??{}}},styleNameOfPart:(pe,Pe)=>{let me=g(pe);if(!me)return null;let De=ut(pe,Pe),kn=N?.partId===De?N:null;return zs(me.props,Pe,kn,E)},siteId:S,websiteName:v??null,notifyParent:m,onNotify:s,onOpenWebsiteSettings:t,onOpenSiteStyles:o,onSelectNode:r},F=L?.head?.(e,le)??null,Z=F?.name??(L?L.name:b?A(b.type):"Page settings"),se=F?.kindLabel??(L?L.kindLabel:b?W&&W.zone!==Be?"Block":"Section":"Page"),ge=L?L.icon:b?b.type:"page",Se=L?null:b?T.components[b.type]?.fields??null:T.root?.fields??null,Re=Se?Gr(Se):2,Le=e.kind==="puck"&&b?on(b.type):null,fe=!!b&&!!W&&W.zone===Be&&b.type!==ee&&b.type!==Fe,he=Ft(B?.data,b),ie=()=>{he||W&&c.duplicateComponent(W.zone,W.index)},q=()=>{W&&(c.removeComponent(W.zone,W.index),c.select(null))},w=b?T.components[b.type]?.defaultProps?.previewHover:void 0,K=e.kind==="puck"&&!!b&&!!W&&w!==void 0,$=K&&b.props.previewHover===!0,ce=()=>{!b||!W||c.replaceComponent(W.zone,W.index,{...b,props:{...b.props,previewHover:!$}})},[ve,dt]=pu(Lo);return Oe("div",{className:`es-sidepanel es-sidepanel--right sf-panel sf-panel--right${ve||!(!L&&!!b)?"":" sf-hints-folded"}`,children:[z(fu,{icon:z(je,{type:ge,size:15}),name:Z,kind:se,actions:!a&&e.kind==="puck"&&b&&b.type!==ee?Oe(qo,{children:[z(ga,{label:"Duplicate section",title:he??void 0,disabled:he!==null,onClick:ie,children:z(hu,{size:15})}),fe&&p.hasSiteSettings&&z(zo,{node:b,currentSlug:f,siteId:S??void 0,tokenRef:u,runAuthed:R,onNotify:s}),z(ga,{label:"Remove section",danger:!0,onClick:q,children:z(gu,{size:15})}),l?z(jn,{side:"right",onHide:l,divider:!0}):null]}):l?z(jn,{side:"right",onHide:l}):void 0}),K&&Oe("div",{className:"sf-preview-pin",children:[Oe("div",{className:"sf-preview-pin-text",children:[z("span",{className:"sf-preview-pin-label",children:"Preview hover state"}),z("span",{className:"sf-preview-pin-hint",children:"not shown live"})]}),z(mu,{checked:$,onChange:ce,ariaLabel:"Preview hover state"})]}),z(Ar,{tier:Re,children:z("div",{className:"sf-insp-body sf-scroll",children:L?L.render(e,le):b?Oe(qo,{children:[z(Er,{children:z($o,{entries:z(ca,{parts:Vi(te??T.components[b.type]?.fields,b.props),onOpen:pe=>k(ut(b.props.id,pe))})})}),b.type===ee&&p.hasSiteSettings&&z(Wo,{}),Le&&z(ln,{source:Le,slug:St(b?.props)}),z(Fo,{shown:ve,onChange:dt})]}):Oe(qo,{children:[z($o,{}),f===Ve&&p.hasSiteSettings&&M&&z(M,{})]})})})]})}import{Fragment as Ta,jsx as n,jsxs as d}from"react/jsx-runtime";var oe={dark:"var(--sf-thumb-bar-dark)",soft:"var(--sf-thumb-bar-light)",accent:"var(--sf-thumb-accent)",tint:"var(--sf-thumb-accent-tint)",block:"var(--sf-thumb-block)",line:"var(--sf-thumb-border)",card:"var(--sf-thumb-card)"},jo="repeating-linear-gradient(135deg,var(--sf-thumb-hatch1) 0,var(--sf-thumb-hatch1) 5px,var(--sf-thumb-hatch2) 5px,var(--sf-thumb-hatch2) 10px)";function x({w:e,h:t,tone:o="dark",r=2,style:a}){return n("div",{style:{width:e,height:t,borderRadius:r,background:oe[o],flex:"none",...a}})}var vu={Hero:"hero",HeroSingle:"herosingle",IntroBleed:"intro",Collections:"collections",AlloyWheelsListing:"wheelslisting",CatalogFilterBar:"catalogfilterbar",ProductGrid:"productgrid",BrandStrip:"brandstrip",FitmentFinder:"fitmentfinder",Gallery:"gallery",GalleryB:"gallerygrid",SpecStrip:"specstrip",ProductHero:"producthero",SpecTable:"spectable",ProcessSteps:"processsteps",DetailRows:"detailrows",FitmentTable:"fitmenttable",CompatibleTyres:"compatibletyres",TyreSizes:"tyresizes",TyreFitment:"tyrefitment",EuTyreLabel:"eutyrelabel",RelatedProducts:"productgrid",BundleOffer:"bundleoffer",OrderSummary:"ordersummary",DeliveryOptions:"deliveryoptions",PaymentBadges:"paymentbadges",CheckoutCTA:"checkoutcta",Manifesto:"manifesto",ParagraphsA:"paragraphs",Prose:"prose",StatsParagraph:"statsparagraph",Chart:"chart",Mockup:"mockup",Footprint:"footprint",Timeline:"timeline",TimelineTrack:"timelinetrack",TitleWithButtons:"titlewithbuttons",Split:"split",Cards:"cards",FAQ:"faq",Testimonials:"testimonials",Masthead:"masthead",Breadcrumb:"breadcrumb",CategoryBar:"categorybar",FeaturedCover:"featuredcover",LongRead:"longread",Series:"series",Subscribe:"subscribe",SubscribeBlogs:"subscribe",Events:"events",DocMasthead:"docmasthead",DocTabs:"doctabs",DocBody:"docbody",DocMetaCards:"docmetacards",Banner:"banner",Stats:"stats",KeyFeatures:"keyfeatures",Logos:"logos",Ticker:"ticker",Reviews:"reviews",SubmitBuild:"submitbuild",ReviewForm:"reviewform",Form:"form",AppointmentBooking:"appointmentbooking",ContactRouting:"contact",ContactLocations:"contactlocations",Header:"header",Footer:"footer",SectionHeader:"sectionheader",Grid:"grid",Flex:"blanksection",Spacer:"spacer",Divider:"divider",CustomHTML:"customhtml",Heading:"heading",Text:"text",ImageBlock:"image",ButtonBlock:"button",MenuBlock:"menu",EmailFormBlock:"emailform",SocialLogosBlock:"sociallogos",LegalLineBlock:"legalline",SearchBlock:"search",CartBlock:"cart",CountrySwitchBlock:"countryswitch"},P={position:"absolute",inset:0},i={ink:"var(--sf-thumb-ink)",ink2:"var(--sf-thumb-ink-2)",inkSoft:"var(--sf-thumb-ink-soft)",inkSoft2:"var(--sf-thumb-ink-soft-2)",paper:"var(--sf-thumb-paper)",paper2:"var(--sf-thumb-paper-2)",warm:"var(--sf-thumb-warm)",rust:"var(--sf-thumb-rust)",onInk:"var(--sf-thumb-on-ink)",text:"var(--sf-thumb-scene-text)",muted:"var(--sf-thumb-scene-muted)",rule:"var(--sf-thumb-scene-rule)",mark1:"var(--sf-thumb-mark-1)",mark2:"var(--sf-thumb-mark-2)",card:"var(--sf-thumb-card)",scrim:"var(--sf-thumb-scrim)"},Y=(e,t,o=160)=>({background:`linear-gradient(${o}deg,${e},${t})`});function _e({size:e,style:t}){let o=Math.max(2,Math.round(e*.13)),r=(a,s,l)=>({position:"absolute",inset:a,background:s,borderRadius:o,...l?{mixBlendMode:l}:null});return d("span",{style:{position:"absolute",display:"block",width:e,height:e,...t},children:[n("span",{style:r("8% 26% 30% 6%",i.mark1)}),n("span",{style:r("26% 6% 8% 30%",i.mark2,"multiply")})]})}function Pt({children:e}){return n("span",{style:{fontSize:"4.64cqw",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:i.muted},children:e})}function Sa({over:e,overTone:t,head:o,headSize:r=11.5,cta:a,ctaBg:s,ctaFg:l,tone:p}){return d(Ta,{children:[e&&n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:t},children:e}),n("span",{style:{fontSize:r,lineHeight:1.15,fontWeight:700,maxWidth:"78%",color:p},children:o}),a&&n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,marginTop:2,background:s,color:l},children:a})]})}function Yo({name:e,price:t}){return d("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[n("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",...Y(i.paper,i.paper2,150)},children:n(_e,{size:34,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("span",{style:{fontSize:"3.65cqw",fontWeight:600,color:i.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:t})]})}function He({k:e,v:t,ok:o}){return d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,padding:"3.5px 2px",borderBottom:`1px solid ${i.rule}`,fontSize:"3.98cqw",color:i.muted},children:[n("span",{children:e}),d("span",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("b",{style:{color:i.text,fontWeight:700},children:t}),o&&n("span",{style:{color:i.rust,fontWeight:700},children:"\u2713"})]})]})}function V({title:e,children:t}){return d("div",{style:{...P,background:i.card,padding:"9px 10px",display:"flex",flexDirection:"column",gap:6},children:[n(Pt,{children:e}),t]})}function va({size:e=14}){return n("span",{style:{width:e,height:e,borderRadius:"50%",flex:"none",display:"block",background:`linear-gradient(150deg,${i.mark1},${i.mark2})`}})}function Xo({filled:e=5,size:t=6}){return d("span",{style:{fontSize:t,letterSpacing:"0.06em",color:i.rust,lineHeight:1},children:["\u2605".repeat(e),n("span",{style:{color:i.mark1},children:"\u2605".repeat(5-e)})]})}function Rt({n:e,label:t,tone:o=i.text}){return d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("b",{style:{fontSize:"8.16cqw",lineHeight:1,color:o},children:e}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",opacity:.62,color:o},children:t})]})}function re({children:e,w:t}){return n("span",{style:{fontSize:"3.98cqw",lineHeight:1.45,color:i.muted,width:t,display:"block"},children:e})}function bn({label:e,w:t="100%",filled:o}){return d("div",{style:{width:t,display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:i.muted},children:e}),n("span",{style:{height:9,borderRadius:3,border:`1px solid ${i.rule}`,background:o?i.paper:i.card}})]})}function xa({children:e}){return n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:i.text,color:i.onInk},children:e})}var xu={wheelslisting:n(V,{title:"All wheels",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Ridge 19","20\xD79 +12","$365"],["Ridge 29","18\xD79 +20","$410"],["Ridge 39","17\xD78 \u221210","$455"]].map(([e,t,o])=>d("div",{style:{display:"flex",alignItems:"center",gap:6},children:[n("span",{style:{width:20,height:15,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",...Y(i.paper,i.paper2,150)},children:n(_e,{size:12,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("b",{style:{flex:1,fontSize:"4.31cqw",color:i.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:t}),n("b",{style:{fontSize:"4.31cqw",color:i.text,width:26,textAlign:"right"},children:o})]},e))})}),catalogfilterbar:d("div",{style:{...P,background:i.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[d("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[["20 inch","6\xD7139.7","Black"].map(e=>d("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"4px 7px",borderRadius:99,background:i.text,color:i.onInk,display:"flex",gap:4,alignItems:"center"},children:[e,n("span",{style:{opacity:.6},children:"\u2715"})]},e)),n("span",{style:{fontSize:"3.65cqw",color:i.rust,fontWeight:700},children:"Clear"})]}),d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"128 results"}),n("span",{style:{fontSize:"3.65cqw",color:i.muted,border:`1px solid ${i.rule}`,borderRadius:3,padding:"3px 6px"},children:"Sort: Price \u25BE"})]})]}),fitmentfinder:d("div",{style:{...P,padding:"10px 12px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center",...Y(i.ink,i.inkSoft)},children:[n("span",{style:{fontSize:"5.31cqw",fontWeight:700,color:i.onInk},children:"Will it fit your rig?"}),d("div",{style:{display:"flex",gap:4},children:[["2021","Toyota","Hilux"].map(e=>d("span",{style:{flex:1,fontSize:"3.65cqw",color:i.text,background:i.card,borderRadius:3,padding:"5px 6px",display:"flex",justifyContent:"space-between"},children:[e," ",n("span",{style:{color:i.muted},children:"\u25BE"})]},e)),n("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.08em",background:i.warm,color:i.ink,borderRadius:3,padding:"5px 7px"},children:"GO"})]})]}),compatibletyres:n(V,{title:"Tyres that suit",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Ridge Grappler","$489"],["Trail Grappler","$525"],["Terra Grappler","$438"]].map(([e,t])=>d("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[n("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",background:i.ink},children:n("span",{style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%,-50%)",width:26,height:26,borderRadius:"50%",border:`5px solid ${i.mark2}`,boxSizing:"border-box"}})}),n("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:i.text,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:e}),n("span",{style:{fontSize:"3.32cqw",color:i.muted},children:t})]},e))})}),tyresizes:n(V,{title:"Available sizes",children:n("div",{style:{flex:1,display:"flex",flexWrap:"wrap",gap:4,alignContent:"center"},children:["265/65R17","285/70R17","265/60R18","275/55R20"].map((e,t)=>n("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"5px 7px",borderRadius:3,border:`1px solid ${t===0?i.rust:i.rule}`,color:t===0?i.rust:i.text,background:t===0?i.paper:i.card},children:e},e))})}),tyrefitment:d(V,{title:"Will it fit your car?",children:[n("div",{style:{display:"flex",gap:3},children:["Make","Model","Year","Trim"].map(e=>d("span",{style:{flex:1,minWidth:0,fontSize:"3.32cqw",color:i.muted,background:i.paper,border:`1px solid ${i.rule}`,borderRadius:3,padding:"4px 5px",display:"flex",justifyContent:"space-between",gap:2,overflow:"hidden",whiteSpace:"nowrap"},children:[e," ",n("span",{style:{color:i.muted},children:"\u25BE"})]},e))}),n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2,justifyContent:"center",minHeight:0},children:[["265/65R17","Fits",!0],["285/70R17","Not your size",!1]].map(([e,t,o])=>d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",gap:6,borderTop:`1px solid ${i.rule}`,paddingTop:3},children:[n("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:i.text},children:e}),n("span",{style:{fontSize:"3.32cqw",fontWeight:o?700:400,letterSpacing:"0.06em",color:o?i.warm:i.muted},children:t})]},e))})]}),eutyrelabel:d("div",{style:{...P,background:i.card,padding:"9px 11px",display:"flex",gap:8,alignItems:"center"},children:[n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1.5},children:[["A","42%"],["B","56%"],["C","70%"],["D","84%"]].map(([e,t],o)=>d("div",{style:{display:"flex",alignItems:"center",gap:3},children:[n("span",{style:{width:t,height:6,borderRadius:"0 2px 2px 0",background:o===1?i.rust:i.mark1}}),n("span",{style:{fontSize:"3.32cqw",fontWeight:700,color:o===1?i.rust:i.muted},children:e})]},e))}),d("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:3,alignItems:"center"},children:[n("b",{style:{fontSize:"6.63cqw",lineHeight:1,color:i.text},children:"72"}),n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",color:i.muted},children:"dB"})]})]}),bundleoffer:d("div",{style:{...P,background:i.paper,padding:"9px 11px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n(Pt,{children:"Buy it with"}),d("div",{style:{display:"flex",alignItems:"center",gap:5},children:[[0,1].map(e=>n("span",{style:{width:26,height:22,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",background:i.card},children:n(_e,{size:17,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})},e)),n("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:i.muted},children:"+"}),d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1},children:[n("span",{style:{fontSize:"3.65cqw",color:i.muted,textDecoration:"line-through"},children:"$1,024"}),n("b",{style:{fontSize:"6.02cqw",color:i.rust,lineHeight:1},children:"$899"})]})]})]}),checkoutcta:d("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,...Y(i.ink,i.ink2)},children:[d("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",color:i.warm,fontWeight:700},children:"READY TO ORDER"}),n("b",{style:{fontSize:"6.63cqw",color:i.onInk,lineHeight:1},children:"$1,956"}),n("span",{style:{fontSize:"3.65cqw",color:i.onInk,opacity:.65},children:"4 items \xB7 fitted free"})]}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"6px 10px",borderRadius:2,background:i.warm,color:i.ink,flex:"none"},children:"CHECKOUT"})]}),contact:n(V,{title:"Who do you need?",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Fitment help","the workshop"],["Order status","the front desk"],["Trade accounts","sales"]].map(([e,t])=>d("div",{style:{display:"flex",alignItems:"center",gap:5},children:[n("b",{style:{flex:1,fontSize:"4.31cqw",color:i.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:t}),n("span",{style:{fontSize:"4.64cqw",color:i.rust,lineHeight:1},children:"\u203A"})]},e))})}),contactlocations:n(V,{title:"Find us",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["Brisbane","7 Kerry Rd","Mon\u2013Sat"],["Townsville","12 Enterprise","Mon\u2013Fri"]].map(([e,t,o])=>d("div",{style:{border:`1px solid ${i.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[n("b",{style:{fontSize:"4.31cqw",color:i.text},children:e}),n("span",{style:{fontSize:"3.32cqw",color:i.muted},children:t}),n("span",{style:{fontSize:"3.32cqw",color:i.rust,fontWeight:700},children:o})]},e))})}),form:n(V,{title:"Send us a message",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[d("div",{style:{display:"flex",gap:5},children:[n(bn,{label:"Name"}),n(bn,{label:"Email"})]}),n(bn,{label:"Message",filled:!0}),n(xa,{children:"SEND"})]})}),appointmentbooking:n(V,{title:"Book a fitting",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("div",{style:{display:"flex",gap:3},children:["Mon","Tue","Wed","Thu"].map((e,t)=>n("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",fontWeight:t===2?700:500,padding:"4px 0",borderRadius:3,background:t===2?i.text:i.paper,color:t===2?i.onInk:i.muted},children:e},e))}),n("div",{style:{display:"flex",gap:3},children:["8:00","10:30","13:00","15:30"].map((e,t)=>n("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",padding:"4px 0",borderRadius:3,border:`1px solid ${t===1?i.rust:i.rule}`,color:t===1?i.rust:i.muted,background:t===3?i.paper:i.card,textDecoration:t===3?"line-through":"none"},children:e},e))})]})}),reviewform:n(V,{title:"Leave a review",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n(Xo,{filled:4,size:14}),n(bn,{label:"Your review",filled:!0}),n(xa,{children:"POST"})]})}),submitbuild:n(V,{title:"Show us your build",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:3,border:`1px dashed ${i.mark1}`,borderRadius:5,background:i.paper},children:[n("span",{style:{fontSize:"6.63cqw",lineHeight:1,color:i.rust,fontWeight:300},children:"+"}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"Drop a photo of your rig"})]})}),masthead:d("div",{style:{...P,background:i.paper,display:"flex",flexDirection:"column",justifyContent:"center",padding:"0 13px",gap:5},children:[n("span",{style:{height:1.5,background:i.text}}),n("span",{style:{fontSize:"7.65cqw",fontWeight:800,letterSpacing:"0.02em",color:i.text,lineHeight:1},children:"THE TRACK"}),d("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"3.65cqw",letterSpacing:"0.1em",textTransform:"uppercase",color:i.muted},children:[n("span",{children:"Issue 14"}),n("span",{children:"Spring 2026"})]}),n("span",{style:{height:1,background:i.rule}})]}),featuredcover:d("div",{style:{...P,overflow:"hidden",...Y(i.ink,i.inkSoft2)},children:[n(_e,{size:92,style:{right:-18,top:-14}}),n("div",{style:{position:"absolute",inset:0,background:`linear-gradient(0deg,${i.scrim},transparent 62%)`}}),d("div",{style:{position:"absolute",left:12,right:12,bottom:11,display:"flex",flexDirection:"column",gap:3},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:i.warm},children:"FEATURE"}),n("span",{style:{fontSize:"6.16cqw",lineHeight:1.15,fontWeight:700,color:i.onInk},children:"Four days on the Madigan Line"})]})]}),longread:d("div",{style:{...P,background:i.card,padding:"10px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.14em",fontWeight:700,color:i.rust},children:"12 MIN READ"}),n("span",{style:{fontSize:"6.02cqw",lineHeight:1.15,fontWeight:700,color:i.text},children:"What breaks first, and why"}),n(re,{children:"Every failure starts in the same place \u2014 not the rim, not"}),n(re,{w:"62%",children:"the tyre, but the bolt nobody re-torqued."})]}),series:n(V,{title:"Recurring columns",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Shed Notes","Monthly"],["Track Tested","Fortnightly"],["Reader Rigs","Weekly"]].map(([e,t])=>d("div",{style:{display:"flex",alignItems:"center",gap:6},children:[n("span",{style:{width:3,height:12,borderRadius:2,background:i.rust,flex:"none"}}),n("b",{style:{flex:1,fontSize:"4.64cqw",color:i.text},children:e}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:i.muted},children:t})]},e))})}),events:n(V,{title:"Latest posts",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[[i.inkSoft,i.inkSoft2,"Madigan Line, four days"],[i.rust,i.warm,"Why offset beats width"]].map(([e,t,o])=>d("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("span",{style:{width:24,height:18,borderRadius:3,flex:"none",...Y(e,t,150)}}),d("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("b",{style:{fontSize:"4.31cqw",color:i.text},children:o}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"4 Sep \xB7 Shed Notes"})]})]},o))})}),docmasthead:d("div",{style:{...P,background:i.card,padding:"12px 14px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:i.muted},children:"POLICY"}),n("span",{style:{fontSize:"6.49cqw",fontWeight:700,color:i.text,lineHeight:1.1},children:"Returns & refunds"}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"Version 3 \xB7 Updated 4 Sep 2026"}),n("span",{style:{height:2,width:26,background:i.rust,borderRadius:1}})]}),docbody:n("div",{style:{...P,background:i.card,padding:"9px 13px",display:"flex",flexDirection:"column",gap:3,justifyContent:"center"},children:[["1.","You may return an unfitted wheel within 30 days."],["2.","Fitted wheels are covered by the structural warranty."],["3.","Freight on a change of mind is yours."]].map(([e,t])=>d("div",{style:{display:"flex",gap:5},children:[n("b",{style:{fontSize:"3.98cqw",color:i.rust,flex:"none"},children:e}),n(re,{children:t})]},e))}),docmetacards:n(V,{title:"At a glance",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["30 days","To return"],["5 years","Structural"],["Free","Fitting"],["48 hrs","Dispatch"]].map(([e,t])=>d("div",{style:{border:`1px solid ${i.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[n("b",{style:{fontSize:"5.31cqw",color:i.text,lineHeight:1},children:e}),n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:i.muted},children:t})]},t))})}),doctabs:d("div",{style:{...P,background:i.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:0,padding:"0 11px"},children:[n("div",{style:{display:"flex",gap:0},children:["Returns","Warranty","Shipping"].map((e,t)=>n("span",{style:{fontSize:"3.98cqw",fontWeight:t===0?700:500,padding:"5px 8px",color:t===0?i.text:i.muted,background:t===0?i.paper:"transparent",borderRadius:"4px 4px 0 0",border:`1px solid ${t===0?i.rule:"transparent"}`,borderBottom:"none"},children:e},e))}),n("span",{style:{height:1,background:i.rule}}),d("div",{style:{paddingTop:6,display:"flex",flexDirection:"column",gap:2},children:[n(re,{children:"Unfitted wheels come back within 30 days, no questions."}),n(re,{w:"58%",children:"Freight on a change of mind is yours."})]})]}),paragraphs:d("div",{style:{...P,background:i.card,padding:"11px 14px",display:"flex",gap:10,alignItems:"center"},children:[n("span",{style:{flex:1,fontSize:"5.86cqw",lineHeight:1.2,fontWeight:700,color:i.text},children:"The right wheel is the boring one."}),d("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[n(re,{children:"Forged, correctly offset, rated for what you actually"}),n(re,{children:"carry. Everything else is a photograph."})]})]}),keyfeatures:n(V,{title:"Key features",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:["Flow-formed barrel","1250 kg per corner","Hub-centric fit"].map(e=>d("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("span",{style:{fontSize:"4.64cqw",color:i.rust,fontWeight:700,lineHeight:1},children:"\u2713"}),n("span",{style:{fontSize:"4.31cqw",color:i.text},children:e})]},e))})}),statsparagraph:d("div",{style:{...P,background:i.paper,padding:"10px 12px",display:"flex",gap:10,alignItems:"center"},children:[d("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:5},children:[n(Rt,{n:"27k",label:"Rigs"}),n(Rt,{n:"4.9",label:"Rating"})]}),d("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[n(re,{children:"Twelve years of fitting the same three questions, and the"}),n(re,{children:"answer has not moved: load rating, offset, then looks."})]})]}),chart:d(V,{title:"Load vs weight",children:[n("div",{style:{flex:1,display:"flex",alignItems:"flex-end",gap:5,paddingBottom:2},children:[38,62,84,71,96].map((e,t)=>n("span",{style:{flex:1,height:`${e}%`,borderRadius:"2px 2px 0 0",background:t===4?i.rust:i.mark1}},t))}),n("span",{style:{height:1,background:i.rule,marginTop:-4}})]}),mockup:n("div",{style:{...P,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",...Y(i.inkSoft,i.ink)},children:d("div",{style:{width:"72%",height:"74%",borderRadius:4,overflow:"hidden",background:i.card,boxShadow:`0 6px 14px ${i.scrim}`},children:[n("div",{style:{height:9,background:i.paper,display:"flex",alignItems:"center",gap:2,padding:"0 4px"},children:[0,1,2].map(e=>n("span",{style:{width:2.5,height:2.5,borderRadius:"50%",background:i.mark1}},e))}),d("div",{style:{padding:5,display:"flex",flexDirection:"column",gap:3},children:[n("span",{style:{height:4,width:"56%",borderRadius:1,background:i.mark2}}),n("span",{style:{height:14,borderRadius:2,...Y(i.paper,i.paper2,150)}}),n("span",{style:{height:3,width:"38%",borderRadius:1,background:i.rust}})]})]})}),manifesto:n("div",{style:{...P,overflow:"hidden",display:"flex",alignItems:"center",padding:"0 16px",...Y(i.ink,i.ink2)},children:d("span",{style:{fontSize:"6.63cqw",lineHeight:1.2,fontWeight:700,color:i.onInk},children:["We build for the ",n("span",{style:{color:i.warm},children:"last"})," ten percent of the track."]})}),timeline:n(V,{title:"Our story",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",gap:6,paddingLeft:4},children:[["1998","One shed, one lathe."],["2009","First forged rim."],["2024","27,000 rigs on."]].map(([e,t],o)=>d("div",{style:{display:"flex",gap:7,alignItems:"flex-start",position:"relative"},children:[o<2&&n("span",{style:{position:"absolute",left:3,top:8,bottom:-8,width:1,background:i.rule}}),n("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",marginTop:1,background:i.rust,zIndex:1}}),d("div",{style:{display:"flex",flexDirection:"column",gap:0,minWidth:0},children:[n("b",{style:{fontSize:"4.64cqw",color:i.text},children:e}),n(re,{children:t})]})]},e))})}),timelinetrack:d("div",{style:{...P,padding:"0 12px",display:"flex",flexDirection:"column",gap:10,justifyContent:"center",...Y(i.ink,i.inkSoft)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:i.warm},children:"Milestones"}),d("div",{style:{position:"relative",display:"flex",justifyContent:"space-between",paddingTop:7},children:[n("span",{style:{position:"absolute",left:0,right:0,top:3,height:1,background:i.mark2,opacity:.55}}),["1998","2009","2016","2024"].map((e,t)=>d("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:3,position:"relative"},children:[n("span",{style:{position:"absolute",top:-7,width:6,height:6,borderRadius:"50%",background:t===3?i.warm:i.mark1}}),n("span",{style:{fontSize:"4.31cqw",fontWeight:700,color:t===3?i.warm:i.onInk,opacity:t===3?1:.75},children:e})]},e))]})]}),footprint:d("div",{style:{...P,overflow:"hidden",...Y(i.paper,i.paper2,150)},children:[n("span",{style:{position:"absolute",left:"8%",top:"18%",width:"62%",height:"64%",borderRadius:"48% 52% 40% 60% / 55% 45% 55% 45%",background:i.mark1,opacity:.75}}),n("span",{style:{position:"absolute",left:"52%",top:"52%",width:"34%",height:"34%",borderRadius:"58% 42% 55% 45% / 45% 58% 42% 55%",background:i.mark2,opacity:.55}}),[["26%","38%"],["44%","58%"],["62%","34%"]].map(([e,t])=>n("span",{style:{position:"absolute",left:e,top:t,width:7,height:7,borderRadius:"50% 50% 50% 0",transform:"rotate(-45deg)",background:i.rust}},e)),n("span",{style:{position:"absolute",left:11,bottom:9,fontSize:"4.64cqw",fontWeight:700,color:i.text},children:"3 fitting bays"})]}),banner:d("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,background:i.rust},children:[d("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[n("b",{style:{fontSize:"6.02cqw",color:i.onInk},children:"End of season \xB7 20% off"}),n("span",{style:{fontSize:"3.98cqw",color:i.onInk,opacity:.8},children:"Fitted free, this month only."})]}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:i.onInk,color:i.text,flex:"none"},children:"SHOP"})]}),titlewithbuttons:d("div",{style:{...P,background:i.paper,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:7,padding:"0 14px",textAlign:"center"},children:[n("span",{style:{fontSize:"6.49cqw",lineHeight:1.15,fontWeight:700,color:i.text},children:"Not sure what fits?"}),d("div",{style:{display:"flex",gap:5},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:i.text,color:i.onInk},children:"FIND MY FIT"}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,border:`1px solid ${i.text}`,color:i.text},children:"CALL US"})]})]}),ticker:n("div",{style:{...P,overflow:"hidden",background:i.ink,display:"flex",alignItems:"center"},children:n("span",{style:{whiteSpace:"nowrap",fontSize:"6.29cqw",fontWeight:800,letterSpacing:"0.06em",color:i.warm,marginLeft:-14},children:"FREE FITTING \xB7 48HR DISPATCH \xB7 FREE FITTING \xB7 48HR DISPATCH"})}),breadcrumb:n("div",{style:{...P,background:i.card,display:"flex",alignItems:"center",padding:"0 13px"},children:d("span",{style:{fontSize:"4.64cqw",color:i.muted},children:["Home ",n("span",{style:{opacity:.5},children:"/"})," Wheels ",n("span",{style:{opacity:.5},children:"/"})," ",n("span",{style:{color:i.text,fontWeight:700},children:"20 inch"})]})}),categorybar:d("div",{style:{...P,background:i.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[n("div",{style:{display:"flex",gap:5},children:["All","Wheels","Tyres","Lift"].map((e,t)=>n("span",{style:{fontSize:"3.98cqw",fontWeight:t===0?700:500,padding:"4px 7px",borderRadius:99,background:t===0?i.text:i.paper,color:t===0?i.onInk:i.muted},children:e},e))}),n("span",{style:{height:1,background:i.rule}})]}),intro:d("div",{style:{...P,overflow:"hidden",background:i.card},children:[n("div",{style:{position:"absolute",inset:0,...Y(i.ink,i.inkSoft2)}}),n(_e,{size:64,style:{right:8,top:6}}),d("div",{style:{position:"absolute",left:16,right:16,bottom:8,top:"46%",background:i.paper,borderRadius:6,padding:"8px 11px",display:"flex",flexDirection:"column",gap:2,boxShadow:`0 -4px 10px ${i.scrim}`},children:[n("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:i.text},children:"Since 1998"}),n(re,{children:"One shed, one lathe, one idea."}),n(re,{w:"66%",children:"It turned out to be right."})]})]}),gallerygrid:n(V,{title:"From our customers",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,1fr)",gap:4,minHeight:0},children:[[i.rust,i.warm],[i.inkSoft,i.ink],[i.paper2,i.mark2],[i.ink,i.inkSoft2],[i.warm,i.paper2],[i.mark2,i.inkSoft]].map(([e,t],o)=>n("div",{style:{borderRadius:3,...Y(e,t,140+o*22)}},o))})}),gallery:d(V,{title:"Gallery",children:[n("div",{style:{display:"flex",gap:8,alignItems:"center",marginTop:-2},children:["On the truck","Studio","Close-ups"].map((e,t)=>n("span",{style:{fontSize:"3.98cqw",fontWeight:t===0?700:500,color:t===0?i.text:i.muted,borderBottom:`1.5px solid ${t===0?i.rust:"transparent"}`,paddingBottom:2},children:e},e))}),n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:4,minHeight:0},children:[[i.rust,i.warm],[i.ink,i.inkSoft],[i.paper2,i.mark2]].map(([e,t],o)=>n("div",{style:{borderRadius:3,...Y(e,t,150+o*20)}},o))})]}),ordersummary:d(V,{title:"Order summary",children:[d("div",{style:{display:"flex",gap:6,alignItems:"center",paddingBottom:4},children:[n("span",{style:{width:26,height:26,borderRadius:4,position:"relative",overflow:"hidden",flex:"none",...Y(i.paper,i.paper2,150)},children:n(_e,{size:18,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),d("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("b",{style:{fontSize:"4.31cqw",color:i.text},children:"Ridge Grappler"}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"20\xD79 +12 \xB7 qty 4"})]})]}),d("div",{style:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(He,{k:"Subtotal",v:"$1,956"}),n(He,{k:"Fitting",v:"Free"}),d("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:5,fontSize:"4.64cqw"},children:[n("b",{style:{color:i.text},children:"Total"}),n("b",{style:{color:i.text,fontSize:"6.02cqw"},children:"$1,956"})]})]})]}),deliveryoptions:n(V,{title:"Delivery",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Standard","3\u20135 days","Free",!0],["Express","Next day","$19",!1]].map(([e,t,o,r])=>d("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"5px 6px",borderRadius:4,border:`1px solid ${r?i.rust:i.rule}`,background:r?i.paper:i.card},children:[n("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",border:`1.5px solid ${r?i.rust:i.mark1}`,background:r?i.rust:"transparent"}}),n("span",{style:{flex:1,fontSize:"4.31cqw",fontWeight:600,color:i.text},children:e}),n("span",{style:{fontSize:"3.98cqw",color:i.muted},children:t}),n("b",{style:{fontSize:"4.31cqw",color:i.text},children:o})]},e))})}),paymentbadges:d("div",{style:{...P,background:i.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[n(Pt,{children:"Ways to pay"}),n("div",{style:{display:"flex",gap:5},children:[["VISA",i.ink],["MC",i.rust],["AMEX",i.inkSoft],["PayPal",i.ink2]].map(([e,t])=>n("span",{style:{flex:1,textAlign:"center",fontSize:"3.65cqw",fontWeight:800,letterSpacing:"0.06em",color:i.onInk,borderRadius:3,padding:"6px 0",background:t},children:e},e))})]}),stats:d("div",{style:{...P,padding:"10px 12px",display:"flex",flexDirection:"column",gap:9,justifyContent:"center",...Y(i.ink,i.ink2)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:i.warm},children:"By the numbers"}),d("div",{style:{display:"flex",gap:8},children:[n(Rt,{n:"27k",label:"Rigs fitted",tone:i.onInk}),n(Rt,{n:"12",label:"Years",tone:i.onInk}),n(Rt,{n:"4.9",label:"Avg rating",tone:i.warm})]})]}),testimonials:d("div",{style:{...P,overflow:"hidden",background:i.paper,padding:"10px 11px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center"},children:[n("span",{style:{position:"absolute",right:10,top:2,fontSize:"22.4cqw",lineHeight:1,fontWeight:800,color:i.rust,opacity:.16},children:"\u201D"}),n(Xo,{filled:5,size:7}),n("span",{style:{position:"relative",fontSize:"5.31cqw",lineHeight:1.35,color:i.text,fontWeight:600},children:"\u201CTook them out to the Simpson and back. Not one chip.\u201D"}),d("div",{style:{display:"flex",alignItems:"center",gap:5},children:[n(va,{}),n("span",{style:{fontSize:"3.98cqw",color:i.muted},children:"Dave M. \xB7 Hilux N80"})]})]}),reviews:d(V,{title:"Reviews",children:[n("div",{style:{display:"flex",gap:4,height:22},children:[[i.inkSoft,i.inkSoft2],[i.rust,i.warm],[i.ink,i.inkSoft],[i.mark2,i.mark1]].map(([e,t],o)=>n("div",{style:{flex:1,borderRadius:3,...Y(e,t,140+o*15)}},o))}),n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Dave M.",5,"Not one chip after the Simpson."],["Sara K.",4,"Fitted in an hour, no fuss."]].map(([e,t,o])=>d("div",{style:{display:"flex",gap:5,alignItems:"flex-start"},children:[n(va,{size:12}),d("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[d("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[n("b",{style:{fontSize:"3.98cqw",color:i.text},children:e}),n(Xo,{filled:t})]}),n(re,{children:o})]})]},e))})]}),logos:d("div",{style:{...P,display:"flex",flexDirection:"column",gap:9,justifyContent:"center",padding:"0 12px",...Y(i.ink,i.inkSoft)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:i.warm},children:"As fitted by"}),n("div",{style:{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:8},children:["ARB","TJM","IRONMAN","OPPOSITE"].map(e=>n("span",{style:{textAlign:"center",fontSize:"4.31cqw",fontWeight:800,letterSpacing:"0.08em",color:i.onInk,opacity:.82},children:e},e))})]}),prose:d("div",{style:{...P,background:i.paper,padding:"11px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("span",{style:{fontSize:"5.86cqw",fontWeight:700,color:i.text},children:"Why offset matters"}),d("div",{style:{display:"flex",gap:6},children:[n("span",{style:{fontSize:"15.3cqw",lineHeight:.78,fontWeight:800,color:i.rust,marginTop:1},children:"T"}),d("div",{style:{display:"flex",flexDirection:"column"},children:[n(re,{children:"he number on the back of your wheel decides whether the"}),n(re,{w:"76%",children:"tyre sits under the guard or an inch outside it."})]})]})]}),cards:n(V,{title:"What you get",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Fitted free","In store, same day."],["5 yr cover","Structural, no fine print."],["Swap it","30 days, any reason."]].map(([e,t])=>d("div",{style:{border:`1px solid ${i.rule}`,borderRadius:4,padding:6,display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{width:11,height:11,borderRadius:3,background:i.rust,opacity:.9}}),n("b",{style:{fontSize:"3.98cqw",color:i.text},children:e}),n(re,{children:t})]},e))})}),faq:n(V,{title:"Questions",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[["Will these fit my Hilux?",!0],["Do you fit them for me?",!1],["What if I pick wrong?",!1]].map(([e,t])=>d("div",{style:{borderBottom:`1px solid ${i.rule}`,padding:"4px 2px"},children:[d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6},children:[n("b",{style:{fontSize:"4.31cqw",color:i.text},children:e}),n("span",{style:{fontSize:"4.64cqw",color:i.muted,lineHeight:1},children:t?"\u2212":"+"})]}),t&&n(re,{w:"90%",children:"Use the fitment finder \u2014 it reads your build, not just the model."})]},e))})}),hero:d("div",{style:{...P,overflow:"hidden",...Y(i.ink,i.ink2)},children:[n("div",{style:{...P,background:`linear-gradient(90deg,${i.scrim},transparent 70%)`}}),n("div",{style:{position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",padding:"12px 14px",gap:5},children:n(Sa,{over:"NEW \xB7 SUMMER",overTone:i.warm,head:"Built for the worst road you own",cta:"SHOP ALL",ctaBg:i.warm,ctaFg:i.ink,tone:i.onInk})}),n(_e,{size:104,style:{right:-24,bottom:-30}})]}),herosingle:d("div",{style:{...P,display:"flex",background:i.paper,overflow:"hidden"},children:[n("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:n(Sa,{over:"ALL-TERRAIN",overTone:i.rust,head:"Grip that does not ask",headSize:12,cta:"EXPLORE",ctaBg:i.text,ctaFg:i.onInk,tone:i.text})}),n("div",{style:{flex:1,position:"relative",...Y(i.inkSoft,i.inkSoft2)},children:n(_e,{size:74,style:{right:-14,top:16}})})]}),productgrid:n(V,{title:"Best sellers",children:d("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[n(Yo,{name:"Ridge 19",price:"$365"}),n(Yo,{name:"Ridge 29",price:"$410"}),n(Yo,{name:"Ridge 39",price:"$455"})]})}),collections:n(V,{title:"Shop by category",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Wheels",i.inkSoft,i.inkSoft2],["Tyres",i.rust,i.warm],["Lift kits",i.ink,i.inkSoft]].map(([e,t,o])=>n("div",{style:{borderRadius:4,display:"flex",alignItems:"flex-end",padding:5,color:i.onInk,...Y(t,o)},children:n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.04em"},children:e})},e))})}),producthero:d("div",{style:{...P,display:"flex",background:i.card,overflow:"hidden"},children:[n("div",{style:{flex:1.1,position:"relative",...Y(i.paper,i.paper2,150)},children:n(_e,{size:78,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),d("div",{style:{flex:1,padding:"10px 10px 10px 8px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:i.rust},children:"NITTO"}),n("b",{style:{fontSize:"6.29cqw",color:i.text},children:"Ridge Grappler"}),n("span",{style:{fontSize:"6.63cqw",fontWeight:700,color:i.text},children:"$489"}),n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,background:i.text,color:i.onInk},children:"ADD TO CART"})]})]}),spectable:n(V,{title:"Specifications",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(He,{k:"Diameter",v:'20"'}),n(He,{k:"Width",v:"9.0J"}),n(He,{k:"Offset",v:"+12"}),n(He,{k:"Load",v:"1250 kg"})]})}),fitmenttable:n(V,{title:"Will it fit?",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(He,{k:"Hilux N80",v:"20\xD79 +12",ok:!0}),n(He,{k:"Ranger PX3",v:"20\xD79 +12",ok:!0}),n(He,{k:"LC79",v:"17\xD78 \u221210",ok:!0})]})}),brandstrip:d("div",{style:{...P,background:i.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[n(Pt,{children:"Brands we carry"}),n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:["NITTO","BFG","FUEL","TOYO"].map(e=>n("span",{style:{fontSize:"4.64cqw",fontWeight:800,letterSpacing:"0.1em",color:i.mark2},children:e},e))})]}),processsteps:d("div",{style:{...P,background:i.paper,padding:10,display:"flex",flexDirection:"column",gap:7,justifyContent:"center"},children:[n(Pt,{children:"How it works"}),n("div",{style:{display:"flex",gap:6},children:["Pick your rig","Match the fit","We fit it"].map((e,t)=>d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{width:11,height:11,borderRadius:"50%",background:i.text,color:i.onInk,fontSize:"3.98cqw",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700},children:t+1}),n("span",{style:{fontSize:"3.98cqw",color:i.text,fontWeight:600},children:e})]},e))})]}),detailrows:n("div",{style:{...P,background:i.card,display:"flex",flexDirection:"column",overflow:"hidden"},children:[["Forged, not cast","Half the weight, twice the road.",!1],["Fits your load","Rated to 1250 kg a corner.",!0]].map(([e,t,o])=>{let r=n("div",{style:{flex:1,...Y(o?i.rust:i.inkSoft,o?i.warm:i.inkSoft2)}},"art"),a=d("div",{style:{flex:1.1,padding:8,display:"flex",flexDirection:"column",gap:2,justifyContent:"center"},children:[n("b",{style:{fontSize:"4.64cqw",color:i.text},children:e}),n("span",{style:{fontSize:"3.98cqw",color:i.muted,lineHeight:1.3},children:t})]},"tx");return n("div",{style:{flex:1,display:"flex",minHeight:0},children:o?[a,r]:[r,a]},e)})}),specstrip:n("div",{style:{...P,background:i.ink,color:i.onInk,display:"flex",alignItems:"center",justifyContent:"space-around",padding:"0 8px"},children:[["5 yr","Warranty"],["Free","Fitting"],["48 hr","Dispatch"]].map(([e,t])=>d("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:[n("b",{style:{fontSize:"5.69cqw",letterSpacing:"0.02em"},children:e}),n("span",{style:{fontSize:"3.65cqw",color:i.mark2,letterSpacing:"0.1em",textTransform:"uppercase"},children:t})]},t))})},ka={subscribe:d("div",{style:{...P,padding:13,display:"flex",flexDirection:"column"},children:[d("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[d("div",{style:{display:"flex",alignItems:"center",gap:6},children:[n(x,{w:8,h:8,r:2,tone:"accent"}),n(x,{w:38,h:7,r:3,tone:"dark"}),n(x,{w:16,h:7,r:3,tone:"accent"})]}),n(x,{w:38,h:4,r:2,tone:"soft"})]}),n("div",{style:{height:1,background:oe.line,marginBottom:10}}),d("div",{style:{flex:1,display:"flex",gap:10,border:`1px solid ${oe.line}`,borderRadius:7,padding:10},children:[d("div",{style:{flex:1.1,display:"flex",flexDirection:"column",justifyContent:"center",gap:5},children:[n(x,{w:"46%",h:3,r:2,tone:"accent"}),n(x,{w:"84%",h:8,r:4,tone:"dark"}),n(x,{w:"56%",h:8,r:4,tone:"accent"}),n(x,{w:"96%",h:3,r:2,tone:"soft",style:{marginTop:2}}),d("div",{style:{display:"flex",gap:5,marginTop:4},children:[n("div",{style:{flex:1,height:13,borderRadius:5,border:`1px solid ${oe.line}`,background:oe.block}}),n(x,{w:34,h:13,r:5,tone:"accent"})]})]}),d("div",{style:{flex:1,background:oe.block,borderRadius:6,padding:8,display:"flex",flexDirection:"column",gap:6},children:[n(x,{w:"52%",h:4,r:2,tone:"accent"}),Array.from({length:3}).map((e,t)=>d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,borderTop:t?`1px solid ${oe.line}`:"none",paddingTop:t?4:0},children:[n(x,{w:34,h:4,r:2,tone:"dark"}),n(x,{w:16,h:3,r:2,tone:"soft"})]},t))]})]})]}),split:d("div",{style:{...P,display:"flex"},children:[n("div",{style:{width:"44%",background:jo}}),d("div",{style:{flex:1,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[n(x,{w:"44%",h:5,r:3,tone:"accent"}),n(x,{w:"88%",h:8,r:4,tone:"dark"}),n(x,{w:"70%",h:8,r:4,tone:"dark"}),n(x,{w:"94%",h:5,r:2,tone:"soft",style:{marginTop:2}}),n(x,{w:"80%",h:5,r:2,tone:"soft"}),n(x,{w:"40%",h:13,r:6,tone:"accent",style:{marginTop:5}})]})]}),sectionheader:d(Ta,{children:[n(x,{w:"18%",h:6,r:3,tone:"accent",style:{position:"absolute",top:15,right:16}}),d("div",{style:{...P,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:10},children:[d("div",{style:{display:"flex",alignItems:"center",gap:9},children:[n(x,{w:16,h:16,r:4,tone:"accent"}),n(x,{w:"20%",h:9,r:4,tone:"dark"})]}),n(x,{w:"62%",h:10,r:5,tone:"dark"}),n(x,{w:"42%",h:6,r:3,tone:"soft"})]})]}),header:n("div",{style:{...P,padding:14,display:"flex",flexDirection:"column",justifyContent:"center"},children:d("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[n(x,{w:"22%",h:12,r:4,tone:"dark"}),d("div",{style:{display:"flex",gap:9,alignItems:"center"},children:[n(x,{w:26,h:6,r:3,tone:"soft"}),n(x,{w:26,h:6,r:3,tone:"soft"}),n(x,{w:26,h:6,r:3,tone:"soft"}),n(x,{w:18,h:14,r:5,tone:"accent"})]})]})}),footer:d("div",{style:{...P,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:12},children:[d("div",{style:{display:"flex",gap:14},children:[d("div",{style:{flex:1.4,display:"flex",flexDirection:"column",gap:6},children:[n(x,{w:"60%",h:9,r:4,tone:"dark"}),n(x,{w:"90%",h:5,r:2,tone:"soft"}),n(x,{w:"70%",h:5,r:2,tone:"soft"})]}),[0,1].map(e=>d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:6},children:[n(x,{w:"50%",h:6,r:3,tone:"dark"}),n(x,{w:"80%",h:5,r:2,tone:"soft"}),n(x,{w:"66%",h:5,r:2,tone:"soft"})]},e))]}),n("div",{style:{height:1,background:oe.line}}),d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n(x,{w:"30%",h:5,r:2,tone:"soft"}),n(x,{w:"16%",h:5,r:2,tone:"soft"})]})]}),grid:n("div",{style:{...P,padding:14,display:"grid",gridTemplateColumns:"1fr 1fr",gridTemplateRows:"1fr 1fr",gap:9},children:Array.from({length:4}).map((e,t)=>n("div",{style:{borderRadius:6,background:oe.block}},t))}),blanksection:n("div",{style:{...P,padding:14,display:"flex"},children:d("div",{style:{flex:1,border:`1px dashed ${oe.line}`,borderRadius:7,display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:[n(x,{w:14,h:2,r:1,tone:"tint"}),n(x,{w:2,h:14,r:1,tone:"tint",style:{position:"absolute"}})]})}),spacer:d("div",{style:{...P,padding:14,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[n(x,{w:"100%",h:6,r:3,tone:"soft"}),n(x,{w:16,h:22,r:3,tone:"block",style:{alignSelf:"center"}}),n(x,{w:"100%",h:6,r:3,tone:"soft"})]}),divider:n("div",{style:{...P,padding:14,display:"flex",alignItems:"center"},children:n(x,{w:"100%",h:3,r:2,tone:"dark"})}),customhtml:d("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"center",gap:8,background:jo},children:[n(x,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(-14deg)"}}),n(x,{w:16,h:10,r:3,tone:"accent"}),n(x,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(14deg)"}})]}),heading:n("div",{style:{...P,padding:14,display:"flex",alignItems:"center"},children:n(x,{w:"64%",h:13,r:4,tone:"dark"})}),text:d("div",{style:{...P,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[n(x,{w:"100%",h:6,r:3,tone:"soft"}),n(x,{w:"96%",h:6,r:3,tone:"soft"}),n(x,{w:"100%",h:6,r:3,tone:"soft"}),n(x,{w:"58%",h:6,r:3,tone:"soft"})]}),image:n("div",{style:{position:"absolute",inset:14,borderRadius:7,background:jo}}),button:n("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"center"},children:n(x,{w:"34%",h:16,r:8,tone:"accent"})}),menu:d("div",{style:{...P,padding:"14px 22%",display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[n(x,{w:"48%",h:7,r:3,tone:"dark"}),n(x,{w:"82%",h:5,r:2,tone:"soft"}),n(x,{w:"66%",h:5,r:2,tone:"soft"}),n(x,{w:"74%",h:5,r:2,tone:"soft"}),n(x,{w:"58%",h:5,r:2,tone:"soft"})]}),emailform:d("div",{style:{...P,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[n(x,{w:"56%",h:8,r:3,tone:"dark"}),d("div",{style:{display:"flex",gap:6},children:[n("div",{style:{flex:1,height:16,borderRadius:5,border:`1px solid ${oe.line}`}}),n(x,{w:"30%",h:16,r:5,tone:"accent"})]})]}),sociallogos:n("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"center",gap:9},children:[0,1,2,3].map(e=>n(x,{w:16,h:16,r:8,tone:"dark"},e))}),search:n("div",{style:{...P,padding:"0 18%",display:"flex",alignItems:"center"},children:d("div",{style:{flex:1,height:22,borderRadius:11,border:`1px solid ${oe.line}`,display:"flex",alignItems:"center",gap:7,padding:"0 9px"},children:[n("div",{style:{width:9,height:9,borderRadius:5,border:`2px solid ${oe.dark}`}}),n(x,{w:"46%",h:5,r:2,tone:"soft"})]})}),cart:d("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"center",gap:7},children:[n("div",{style:{width:22,height:18,borderRadius:"3px 3px 6px 6px",border:`2px solid ${oe.dark}`}}),n("div",{style:{padding:"2px 6px",borderRadius:6,border:`1.5px solid ${oe.dark}`},children:n(x,{w:7,h:7,r:2,tone:"dark"})})]}),countryswitch:d("div",{style:{...P,padding:14,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:5},children:[d("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",border:`1px solid ${oe.line}`},children:[n(x,{w:22,h:6,r:2,tone:"dark"}),n(x,{w:6,h:4,r:1,tone:"soft"})]}),d("div",{style:{width:"46%",display:"flex",flexDirection:"column",gap:4,padding:6,border:`1px solid ${oe.line}`},children:[n(x,{w:"80%",h:4,r:2,tone:"accent"}),n(x,{w:"64%",h:4,r:2,tone:"soft"}),n(x,{w:"72%",h:4,r:2,tone:"soft"})]})]}),legalline:d("div",{style:{...P,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[n("div",{style:{height:1,background:oe.line}}),d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n(x,{w:"38%",h:5,r:2,tone:"soft"}),d("div",{style:{display:"flex",gap:5},children:[n(x,{w:14,h:5,r:2,tone:"soft"}),n(x,{w:14,h:5,r:2,tone:"soft"}),n(x,{w:14,h:5,r:2,tone:"soft"})]})]})]}),fallback:n("div",{style:{position:"absolute",inset:14,borderRadius:8,background:oe.block}})};function Zo({type:e}){let t=vu[e]??"",o=xu[t]??ka[t]??ka.fallback;return n("div",{className:"sf-thumb","aria-hidden":"true",style:{position:"absolute",inset:0,background:"var(--sf-thumb-thumb-bg)",pointerEvents:"none",containerType:"inline-size"},children:o})}import{StylesIcon as ku}from"efficient-easel/rail";import{jsx as Et,jsxs as Tu}from"react/jsx-runtime";function Qo({tokenRef:e,siteId:t,onClose:o,onNotify:r,tab:a,onTabChange:s}){let l=rt();return Tu("div",{className:"sf-styles",children:[Et(Ut,{icon:Et(ku,{}),title:"Site styles",context:Et("span",{title:`${l} \u2014 renamed in the Console: Storefront \u25B8 Sites \u25B8 Settings.`,children:l}),onHide:o}),Et("div",{className:"sf-insp-body sf-scroll",children:Et(Tt,{tokenRef:e,siteId:t,onNotify:r,tab:a,onTabChange:s})})]})}import{jsx as Ca}from"react/jsx-runtime";var Cu="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z";function Jo({size:e=15,className:t,strokeWidth:o=1.7}){return Ca("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:t,"aria-hidden":"true",focusable:"false",children:Ca("path",{d:Cu})})}import{useEffect as ti,useRef as Ru}from"react";var ei="sf-editor-footer-return";function yw(e){if(!(typeof window>"u"))try{window.sessionStorage.setItem(ei,e)}catch{}}function Ra(){if(typeof window>"u")return null;try{return window.sessionStorage.getItem(ei)}catch{return null}}function Pa(){if(!(typeof window>"u"))try{window.sessionStorage.removeItem(ei)}catch{}}function Ea(e,t){let{currentSlug:o,siteId:r,navigate:a,footerOriginSlug:s}=ue(),{selected:l}=e,p=e.data?.content??[],u=t.refreshes,m=o===Ve,{editFooter:f}=qr(),S=Ru(null);ti(()=>{let E=l?.props.id;m&&typeof E=="string"&&(S.current?.(),S.current=pn(E))},[l?.props.id,m]);let R=E=>{S.current?.(),S.current=pn(E)};return ti(()=>{if(!m||!s)return;let E=p.find(N=>N.type===ee)?.props?.id;if(E)return S.current?.(),S.current=pn(String(E)),()=>{S.current?.(),S.current=null}},[m,s,u]),ti(()=>{if(!(m||!Ra()))return qs(()=>Pa())},[]),{pinnedSource:m,holdCanvasOn:m?R:void 0,editPinnedSource:()=>f?f():a({kind:"page",slug:Ve,siteId:r??void 0})}}import{Fragment as Ia,useEffect as Na,useRef as ni}from"react";import{useTreeDrag as La}from"efficient-easel/drag";import{ImageIcon as Pu,TextLinesIcon as Eu,TrashIcon as Fa}from"efficient-easel/icons";import{Subtree as Aa,TreeRow as It,TreeRowAction as Oa,TreeSeam as Ha}from"efficient-easel/tree";import{Fragment as Fu,jsx as j,jsxs as Ne}from"react/jsx-runtime";var Sn="ContactLocations";function Iu({size:e=13}){return Ne("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[j("circle",{cx:"12",cy:"12",r:"9"}),j("path",{d:"M3 12h18M12 3c2.6 2.6 2.6 15.4 0 18M12 3c-2.6 2.6-2.6 15.4 0 18"})]})}function Nu({size:e=13}){return Ne("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[j("path",{d:"M12 21s6-5 6-10a6 6 0 10-12 0c0 5 6 10 6 10z"}),j("circle",{cx:"12",cy:"11",r:"2"})]})}function Lu({size:e=13}){return Ne("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[j("path",{d:"M9 4 3 6.5v13L9 17l6 3 6-2.5v-13L15 7z"}),j("path",{d:"M9 4v13M15 7v13"})]})}var wn=e=>({parentId:`locations-${e}`,slot:"groups"}),oi=(e,t)=>({parentId:`locations-${e}`,slot:`cities:${t}`});function _a(e,t){let{readOnly:o,selected:r}=t,a=t.data?.content??[],s=e.kind===ma.kind,l=ni(null);Na(()=>{let g=r?.type===Sn?String(r.props.id):null;g&&g!==l.current&&Ce({level:"groups"}),l.current=g},[r?.props.id]);let{selectedLocationPartId:p,setSelectedLocationPartId:u,setSelectHandler:m}=Yr(),f=ls(),S=(g,y)=>{let T=a[g];T&&t.replace(g,{type:T.type,props:{...T.props,locations:y}})},R=g=>{let y=a[g]?.props?.locations;return Array.isArray(y)?y:[]},v=La({keyOf:g=>`group:${g.si}:${g.index}`,readOnly:!!o,canDrop:(g,y)=>y.parentId===wn(g.si).parentId&&y.slot==="groups",onDrop:(g,y)=>{S(g.si,Gn(R(g.si),g.index,y.index)),f.level==="city"&&Ce({level:"groups"})},onStep:(g,y)=>{S(g.si,Gn(R(g.si),g.index,y<0?g.index-1:g.index+2)),f.level==="city"&&Ce({level:"groups"})}}),E=La({keyOf:g=>`city:${g.si}:${g.group}:${g.index}`,readOnly:!!o,canDrop:(g,y)=>y.parentId===wn(g.si).parentId&&y.slot.startsWith("cities:"),onDrop:(g,y)=>{let T=y.slot.slice(7);S(g.si,$n(R(g.si),g.group,g.index,T,y.index)),Ce({level:"group",key:T})},onStep:(g,y)=>{S(g.si,$n(R(g.si),g.group,g.index,g.group,y<0?g.index-1:g.index+2)),f.level==="city"&&Ce({level:"group",key:g.group})}}),N=ni(a);N.current=a;let c=ni(()=>{});Na(()=>{m(g=>{let y=Zr(g);if(!y)return;let T=N.current.findIndex(B=>B.props?.id===y.nodeId);T<0||c.current(T,{level:y.part,index:y.index})})},[m]);let k=(g,y)=>{l.current=a[g]?.props?.id??null,t.select(g),Ce(y),e.reveal();let T=a[g]?.props?.id;typeof T=="string"&&(y.level==="image"||y.level==="map")?u(Xr(T,y.index,y.level)):u(null),typeof T=="string"&&t.scrollTo(T)};return c.current=k,{renderLocationTree:(g,y,{rowClick:T,isCollapsed:B,toggleCollapse:te})=>{let A=R(y),W=zn(A),L=String(g.props.id),X=s&&r?.props.id===L,M=F=>j(Ha,{...o?{}:v.seam({place:{...wn(y),index:F}})},`seam:${L}:groups:${F}`),le=(F,Z)=>j(Ha,{...o?{}:E.seam({place:{...oi(y,F),index:Z}})},`seam:${L}:cities:${F}:${Z}`);return Ne(Fu,{children:[j(It,{icon:j(Eu,{size:13}),name:"Texts",onSelect:()=>k(y,{level:"texts"}),selected:X&&f.level==="texts",rowProps:{onClick:T(()=>k(y,{level:"texts"}))}}),W.map((F,Z)=>{let se=`${L}::grp::${F.key}`,ge=B(se),Se=X&&f.level==="group"&&f.key===F.key,Re=ds(F.key,F.name),Le={...oi(y,F.key),index:F.cards.length},fe=E.row({item:{si:y,group:F.key,index:-1},place:Le,into:Le,canDrag:!1},{onClick:T(()=>k(y,{level:"group",key:F.key}))}),he=v.row({item:{si:y,index:Z},place:{...wn(y),index:Z}},fe.rowProps);return Ne(Ia,{children:[Z===0&&M(0),j(It,{icon:j(Iu,{size:13}),name:Re,onSelect:()=>k(y,{level:"group",key:F.key}),selected:Se,draggable:he.draggable,dragging:he.dragging,drop:he.drop??fe.drop,fold:{open:!ge,label:"group",onToggle:()=>te(se)},actions:j(Oa,{kind:"delete",label:`Delete ${Re} group (${F.cards.length} ${F.cards.length===1?"city":"cities"})`,onClick:()=>{S(y,us(A,F.key)),Ce({level:"groups"})},children:j(Fa,{size:15})}),rowProps:he.rowProps,children:j("span",{className:"es-group-count",children:F.cards.length})}),!ge&&Ne(Aa,{children:[F.cards.map((ie,q)=>{let w=Wn(A,F.key,q),K=X&&f.level==="city"&&f.index===w,$=String(ie?.name??"")||"City",ce=`${L}::city::${Mn(ie)}`,ve=B(ce),{rowProps:dt,...Lt}=E.row({item:{si:y,group:F.key,index:q},place:{...oi(y,F.key),index:q}},{onClick:T(()=>k(y,{level:"city",index:w}))});return Ne(Ia,{children:[q===0&&le(F.key,0),j(It,{icon:j(Nu,{size:13}),name:$,onSelect:()=>k(y,{level:"city",index:w}),selected:K,...Lt,fold:{open:!ve,label:$,onToggle:()=>te(ce)},actions:j(Oa,{kind:"delete",label:`Delete ${$}`,onClick:()=>{S(y,fs(A,F.key,q)),Ce({level:"group",key:F.key})},children:j(Fa,{size:15})}),rowProps:dt}),!ve&&Ne(Aa,{children:[j(It,{icon:j(Pu,{size:13}),name:"Image",onSelect:()=>k(y,{level:"image",index:w}),selected:X&&f.level==="image"&&f.index===w,rowProps:{onClick:T(()=>k(y,{level:"image",index:w}))}}),j(It,{icon:j(Lu,{size:13}),name:"Map",onSelect:()=>k(y,{level:"map",index:w}),selected:X&&f.level==="map"&&f.index===w,rowProps:{onClick:T(()=>k(y,{level:"map",index:w}))}})]}),le(F.key,q+1)]},Mn(ie))}),Ne("button",{type:"button",className:"sf-add-card",onClick:()=>{let ie=cs(A,F.key);S(y,ie);let q=zn(ie).find(w=>w.key===F.key);Ce(q&&q.cards.length?{level:"city",index:Wn(ie,F.key,q.cards.length-1)}:{level:"group",key:F.key})},children:[j("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add city"]})]}),M(Z+1)]},se)}),Ne("button",{type:"button",className:"sf-add-card",onClick:()=>{let{cards:F,key:Z}=ps(A);S(y,F),k(y,{level:"group",key:Z})},children:[j("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add group"]})]})},sectionPressed:g=>{g?.type===Sn&&Ce({level:"groups"})}}}import{useEffect as _u,useRef as Du}from"react";import{createNode as Bu,newId as Mu}from"efficient-easel/data";import{useEaselApi as zu}from"efficient-easel/easel";import{resetForDocumentSwitch as Au,saveStatusForNewDocument as Ou,saveStatusOf as Hu}from"efficient-easel/screen/lib/document-switch";function Da(e){return!e.docId||e.saveStatus==="saving"?!1:e.seededDocId!==e.docId}function Ba(e,t){let{capabilities:o,currentSlug:r,docId:a,data:s,saveStatus:l}=ue(),{hasSiteSettings:p,hasPinnedChrome:u}=o,m=r===Ve,f=zu().getState,S=Du(null);_u(()=>{if(!Da({docId:a,saveStatus:l,seededDocId:S.current})||(S.current=a,!u))return;let R=f().appState.data,v=R.content,E=s?.content??[],N=(g,y)=>g.some(T=>T?.type===y);if(!p){let g=new Set(Rn(v)),y=g.size?v.filter(B=>!g.has(B.props.id)):v;g.size&&e.setDocument({...R,content:y});let T=pi(y,E);if(T.includes(ee)){let B=y.length,te=e.insertSection(ee,B);e.replaceComponent(Be,B,{type:ee,props:{id:te,blocks:Bn()}})}T.includes(Fe)&&e.insertNode(Be,0,Dn());return}if(m){let g=wi(v);if(g!==v&&e.setDocument({...R,content:[...g]}),!g.find(T=>T.type===ee)&&!N(E,ee)&&!N(g,xe)&&!N(E,xe)){let T=(te,A)=>Bu(t,te,A),B={type:ee,props:{blocks:Bn()}};e.insertNode(Be,g.length,mn(B,T,Mu(xe)))}return}let c=v.filter(g=>g.type!==ee),k=new Set(Rn(c)),b=k.size?c.filter(g=>!k.has(g.props.id)):c;b.length!==v.length&&e.setDocument({...R,content:b}),!N(b,Fe)&&!N(E,Fe)&&e.insertNode(Be,0,Dn())},[a,l,s,f,e,p,u,m])}import{useEffect as Wa,useState as Ga}from"react";var vn=new Map;async function Wu(e,t){try{return(await ct().site.get({siteId:t})).slug?.trim()||null}catch(o){return console.warn("[editor-site-slug] could not resolve the site slug",o),null}}function Ma(e,t){let o=vn.get(t);return o||(o=Wu(e,t),vn.set(t,o),o.catch(()=>{vn.get(t)===o&&vn.delete(t)})),o}var Gu=/^(localhost|(?:[a-z0-9-]+\.)+localhost|127(?:\.\d{1,3}){3}|0\.0\.0\.0|\[::1\]|::1)$/i;function ii(e){return!!e&&Gu.test(e)}function za(e){let{pageSlug:t,siteSlug:o,hostname:r}=e,a=t===Tr?"/":`/${encodeURIComponent(t)}`;if(!ii(r))return a;let s=o?.trim();return s?`${a}?site=${encodeURIComponent(s)}`:a}function $a(e){let{pageSlug:t,siteId:o,token:r}=e,[a,s]=Ga(null),[l,p]=Ga(null),u=hs();Wa(()=>p(u?new URL(u).hostname:window.location.hostname),[u]),Wa(()=>{if(!ii(l)||!o||!r){s(null);return}let f=!1;return Ma(r,o).then(S=>{f||s(S)}),()=>{f=!0}},[l,o,r]);let m=za({pageSlug:t,siteSlug:a,hostname:l});return u?`${u}${m}`:m}import{buildPaletteSections as $u,categoryLabel as qu,matchesQuery as Vu,paletteWithoutPinned as Ku,pinnedSection as Uu}from"efficient-easel/screen/lib/puck/palette-sections";var ju={openers:{label:"Hero & intros",icon:"image"},shop:{label:"Shop & galleries",icon:"bag"},product:{label:"Product page",icon:"box"},checkout:{label:"Checkout & ordering",icon:"bag"},about:{label:"About & brand story",icon:"book"},content:{label:"Text & content",icon:"type"},proof:{label:"Stats & social proof",icon:"star"},promo:{label:"Promotions & sign-ups",icon:"sparkles"},blog:{label:"Blog & journal",icon:"newspaper"},navigation:{label:"Navigation & wayfinding",icon:"bookmark"},legal:{label:"Legal & documents",icon:"file"},contact:{label:"Contact, FAQ & forms",icon:"mail"},structure:{label:"Layout, structure & embeds",icon:"grid"}};function qa(e){return ju[e]?.label}var Va=ai;function Ka(e,t){let o=e.props;if(e.type==="FooterMenu"){let r=o.menu;return o.heading||r?.name||"Menu"}if(e.type==="FooterText"){let r=typeof o.text=="string"?o.text.trim():"";return r?r.length>28?`${r.slice(0,28)}\u2026`:r:"Text"}return e.type==="FooterEmailSignup"?o.heading||"Email signup":t(e.type)}var Ua="sf-editor-left-view";function ja(){if(typeof window>"u")return"pages";try{let e=window.localStorage.getItem(Ua);return e==="sections"||e==="styles"||e==="media"?e:"pages"}catch{return"pages"}}function Ya(e){if(!(typeof window>"u"))try{window.localStorage.setItem(Ua,e)}catch{}}function Xa(e,t,o=!1){return e==="styles"&&!t||e==="media"&&!o?"sections":e}function Za(e,t){return e?"sections":t}var Yu=new Set(["BookingBox","SubmitBox"]);function Qa(e){return typeof e=="string"&&Yu.has(e)}import{EaselCanvas as nf}from"efficient-easel/easel";import{useEffect as el,useLayoutEffect as Qu}from"react";var Xu=String.raw`(function (doc) {
-  if (doc.__sfFitWords) return;
-  var win = doc.defaultView;
-  var SELECTOR = "h1,h2,h3,h4,h5,h6,[class*='font-heading'],[class*='font-display']";
-  var MIN_SCALE = 0.3, MIN_PX = 16, SLACK = 1;
-
-  function measure(el) {
-    var widest = 0, current = 0, last = null, split = false, lastBlock = null;
-    function blockOf(n) {
-      for (var p = n.parentElement; p && p !== el; p = p.parentElement) {
-        var d = win.getComputedStyle(p).display;
-        if (d.indexOf("inline") !== 0 && d !== "contents") return p;
-      }
-      return el;
-    }
-    function close() { if (current > widest) widest = current; current = 0; last = null; }
-    var walker = doc.createTreeWalker(el, 5), range = doc.createRange(), node;
-    while ((node = walker.nextNode())) {
-      if (node.nodeType === 1) {
-        if (node.tagName === "BR" || node.tagName === "WBR") close();
-        continue;
-      }
-      var block = blockOf(node);
-      if (block !== lastBlock) close();
-      lastBlock = block;
-      var re = /(\S+)|(\s+)/g, m;
-      while ((m = re.exec(node.data))) {
-        if (m[2]) { close(); continue; }
-        range.setStart(node, m.index);
-        range.setEnd(node, m.index + m[0].length);
-        var rects = range.getClientRects();
-        for (var i = 0; i < rects.length; i++) {
-          var r = rects[i];
-          if (r.width <= 0) continue;
-          current += r.width;
-          if (last && r.top > last.top + last.height / 2) split = true;
-          last = r;
-        }
-      }
-    }
-    close();
-    return { widest: widest, split: split };
-  }
-
-  function lineWidth(el) {
-    var cs = win.getComputedStyle(el);
-    return el.getBoundingClientRect().width - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight)
-      - parseFloat(cs.borderLeftWidth) - parseFloat(cs.borderRightWidth);
-  }
-
-  // ⚠️ THE HEADING ELEMENT IS NEVER TOUCHED — no style="", no data-*. This
-  // runs before React hydrates, and React 19 in development reports ANY
-  // attribute that differs from what it rendered ("a tree hydrated but some
-  // attributes didn't match"): first our inline font-size on the hero (which
-  // React owns via --heading-size), then, when that moved to a data-sf-fit
-  // attribute, the attribute itself. So the fitted size lives only in this
-  // script's own stylesheet, in <head>, addressed to each heading by its
-  // POSITION (":root>*:nth-child(2)>…"). A position goes stale when the page's
-  // structure changes, so the rules are rewritten in the MutationObserver
-  // callback, which runs before the next paint. !important so the size also
-  // beats a part's own inline size.
-  var head = doc.head || doc.documentElement;
-  var fitEl = doc.createElement("style");
-  fitEl.id = "storefront-fit-words-sizes";
-  head.appendChild(fitEl);
-  var fitted = new Map(); // heading -> fitted size, e.g. "43.8px"
-
-  function pathOf(el) {
-    var parts = [];
-    for (var e = el; e && e.parentElement; e = e.parentElement) {
-      var i = 1, s = e;
-      while ((s = s.previousElementSibling)) i++;
-      parts.unshift("*:nth-child(" + i + ")");
-    }
-    return ":root>" + parts.join(">");
-  }
-  function writeRules() {
-    var css = "";
-    fitted.forEach(function (size, el) {
-      if (!el.isConnected) { fitted.delete(el); return; }
-      css += pathOf(el) + "{font-size:" + size + " !important}";
-    });
-    if (fitEl.textContent !== css) fitEl.textContent = css;
-  }
-
-  function unfit(el) {
-    if (fitted.delete(el)) writeRules();
-  }
-
-  function fits(el) {
-    var m = measure(el);
-    return !m.split && m.widest <= lineWidth(el) + SLACK;
-  }
-
-  function fit(el) {
-    unfit(el);
-    if (lineWidth(el) <= 0) return; // hidden, or not laid out yet
-    if (fits(el)) return;
-    var set = parseFloat(win.getComputedStyle(el).fontSize);
-    if (!set) return;
-    var floor = Math.max(set * MIN_SCALE, MIN_PX);
-    if (floor >= set) return;
-    function size(px) { return Math.floor(px * 10) / 10 + "px"; }
-    // The SEARCH tries sizes on the element's own style and then puts that
-    // attribute back byte for byte (or removes it, if it had none), so nothing
-    // is left for React to see. A trial in a stylesheet instead restyles the
-    // whole page per step: a full pass on the Hartes home took 75–160ms at 4x
-    // CPU that way.
-    var hadStyle = el.hasAttribute("style"), origStyle = el.getAttribute("style");
-    function attempt(px) { el.style.setProperty("font-size", size(px), "important"); }
-    function done() { if (hadStyle) el.setAttribute("style", origStyle); else el.removeAttribute("style"); }
-    attempt(floor);
-    if (!fits(el)) { done(); return; } // even the floor does not fit: leave it as set
-    var lo = floor, hi = set;
-    for (var i = 0; i < 8; i++) {
-      var mid = (lo + hi) / 2;
-      attempt(mid);
-      if (fits(el)) lo = mid; else hi = mid;
-    }
-    done();
-    fitted.set(el, size(lo));
-    writeRules();
-  }
-
-  // What each heading measured right after we last fitted it, so the
-  // ResizeObserver below can tell a real change (a font swap, a rotate, a
-  // container that moved) from the size change our own write just caused.
-  var seen = new WeakMap();
-  function remember(el) {
-    var b = el.getBoundingClientRect();
-    seen.set(el, b.width + "x" + b.height);
-  }
-  function fitAndRemember(el) { fit(el); remember(el); }
-
-  // ⚠️ A ResizeObserver, NOT fonts.ready or a resize event, and the reason is
-  // WHEN it runs: after layout, BEFORE paint. The web font arriving re-wraps a
-  // fitted heading, and fonts.ready resolves only after that frame is painted —
-  // measured on the Hartes hero: a 42px jump in 2 of 3 loads. A size change
-  // reported here is fitted in the same frame, so the broken state is never
-  // drawn. It also covers a container that resizes.
-  var ro = new win.ResizeObserver(function (entries) {
-    for (var i = 0; i < entries.length; i++) {
-      var el = entries[i].target;
-      var b = el.getBoundingClientRect();
-      if (seen.get(el) === b.width + "x" + b.height) continue; // our own write
-      fitAndRemember(el);
-    }
-  });
-  function watch(el) { if (!seen.has(el)) { remember(el); ro.observe(el); } }
-
-  function fitAll() {
-    var els = doc.querySelectorAll(SELECTOR);
-    for (var i = 0; i < els.length; i++) { fitAndRemember(els[i]); watch(els[i]); }
-  }
-
-  var queued = 0, all = false, touched = new Set();
-  function run() {
-    queued = 0;
-    if (all) { all = false; touched.clear(); fitAll(); return; }
-    var els = Array.from(touched);
-    touched.clear();
-    for (var i = 0; i < els.length; i++) if (els[i].isConnected) { fitAndRemember(els[i]); watch(els[i]); }
-  }
-  function schedule() { if (!queued) queued = win.requestAnimationFrame(run); }
-  function scheduleAll() { all = true; schedule(); }
-
-  fitAll();
-  // A backstop only: a font that changes widths without changing any
-  // heading's box is not seen by the ResizeObserver.
-  if (doc.fonts && doc.fonts.ready) doc.fonts.ready.then(scheduleAll, function () {});
-
-  // …and the viewport WIDTH, which the ResizeObserver cannot stand in for: a
-  // heading sized to its own text (fit-content, a flex item) keeps the SAME box
-  // when the phone turns to 844, so nothing reports a change and it would stay
-  // shrunk. The probe's rotate check caught exactly that.
-  var lastWidth = win.innerWidth;
-  function onResize() {
-    if (win.innerWidth === lastWidth) return; // a phone's toolbar changing HEIGHT is not our business
-    lastWidth = win.innerWidth;
-    scheduleAll();
-  }
-  win.addEventListener("resize", onResize);
-
-  var mo = new win.MutationObserver(function (records) {
-    // Positions first: a node added or removed anywhere can shift the
-    // nth-child path of a fitted heading, and this callback runs before paint.
-    if (fitted.size) {
-      for (var q = 0; q < records.length; q++) if (records[q].type === "childList") { writeRules(); break; }
-    }
-    for (var i = 0; i < records.length; i++) {
-      var r = records[i];
-      var target = r.target.nodeType === 1 ? r.target : r.target.parentElement;
-      var own = target && target.closest(SELECTOR);
-      if (own) touched.add(own);
-      for (var j = 0; j < r.addedNodes.length; j++) {
-        var n = r.addedNodes[j];
-        if (n.nodeType !== 1) continue;
-        if (n.matches(SELECTOR)) touched.add(n);
-        var inner = n.querySelectorAll(SELECTOR);
-        for (var k = 0; k < inner.length; k++) touched.add(inner[k]);
-      }
-    }
-    if (touched.size) schedule();
-  });
-  mo.observe(doc.body, { childList: true, subtree: true, characterData: true });
-
-  doc.__sfFitWords = function stop() {
-    win.removeEventListener("resize", onResize);
-    ro.disconnect();
-    mo.disconnect();
-    if (queued) win.cancelAnimationFrame(queued);
-    fitted.clear();
-    fitEl.remove();
-    delete doc.__sfFitWords;
-  };
-  // For the probe and for debugging: which headings are fitted, at what size,
-  // and the sheet that holds it (disable it to read a heading's set size).
-  doc.__sfFitWords.fitted = fitted;
-  doc.__sfFitWords.sheet = fitEl;
-})(document);`,Zu="storefront-fit-words";function Ja(e){let t=e.createElement("script");return t.id=Zu,t.textContent=Xu,(e.head??e.documentElement).appendChild(t),()=>{e.__sfFitWords?.(),t.remove()}}import{Fragment as ef,jsx as tl,jsxs as tf}from"react/jsx-runtime";var Ju=`
-[${En}][${En}] { cursor: text; }
-[${Me}][${Me}][${Me}] {
-  outline: 1px solid ${ss.accent};
-  outline-offset: 2px;
-}
-[${Me}][${Me}]:has([${Me}]),
-[data-puck-overlay-portal][data-puck-overlay-portal]:has([${Me}]) {
-  outline: none;
-}
-`;function ri({children:e,document:t}){let{theme:o,themeMode:r,themeSwitchShown:a}=ne(),s=Mt(o);return el(()=>{if(t)return bs(t,{mode:r,switchShown:a})},[t,r,a]),el(()=>{if(t)return ws(t,s)},[t,s]),Qu(()=>{if(t)return Ja(t)},[t]),tf(ef,{children:[tl(vs,{}),tl("style",{children:Ju}),e]})}import{Fragment as nl,jsx as si}from"react/jsx-runtime";function of({children:e,componentId:t}){let{selectedPartId:o}=Ht();return Wi(o,t)?si(nl,{}):si(nl,{children:e})}function ol(e){let{mirrorHostStyles:t}=Vn(),o=ks();return si(nf,{...e,metadata:e.metadata??o,height:"fill",mirrorStyles:t,frameWrapper:ri,overlay:of})}var il={Hero:"Full-screen opener with rotating slides.",HeroSingle:"Full-screen image or video with a headline.",IntroBleed:"Full-bleed intro image the next section scrolls over.",Collections:"Product collections in a tidy grid.",AlloyWheelsListing:"A full product-listing page: filter rail, sortable card grid and pagination, from the live catalog. Choose which product types it shows.",CatalogFilterBar:"Filters the collection grids below it \u2014 a sticky row of Pills (the default), or Columns, one per filter you switch on.",ProductGrid:"Hand-picked products in a tidy grid.",FitmentFinder:"A vehicle picker \u2014 make, model, year and trim resolve the OEM stock fitment live.",Gallery:"Two image galleries with tabs and filters.",GalleryB:"Customer photos in a card grid with a click-to-open lightbox.",SpecStrip:"A thin one-line spec strip \u2014 small-caps items spread across the width, as a dark band or a bare hairline row.",ProductHero:"A product hero \u2014 image beside price, bullets and a buy button.",SpecTable:"A spec sheet \u2014 labeled rows of product specifications.",ProcessSteps:"A heading over columns of image, title, blurb and specs.",DetailRows:"Repeating full-width rows \u2014 eyebrow, title and copy beside a numbered close-up image, alternating sides each row.",FitmentTable:"A fitment table \u2014 per-size bolt patterns, offsets and load ratings, filterable by diameter.",CompatibleTyres:"The current product's compatible tyres \u2014 image, size, key specs and price per tyre, with an inquiry link. Display only.",RelatedProducts:"The current product's related items in a tidy row \u2014 the product page's built-in 'Pair with' cross-sell.",OrderSummary:"A display order-summary panel \u2014 items, totals and a note.",DeliveryOptions:"Delivery tiers as cards \u2014 name, window and price, one highlighted.",PaymentBadges:"A payment-methods trust strip with reassurance lines.",CheckoutCTA:"A centered 'ready to order?' headline with the checkout button.",Manifesto:"A bold brand statement beside a full-height image, with a stat strip.",ParagraphsA:"An editorial text panel with a stat strip and founders' note.",StatsParagraph:"An editorial heading and paragraph over a row of theme-color-accented stat cards.",Chart:"A titled chart \u2014 bars, line or donut \u2014 drawn from your own labeled data points.",Mockup:"A headline beside a stylized product-UI mockup card \u2014 spec sheet, fitment, portal, kanban and more.",Prose:"A plain editorial text section \u2014 eyebrow, heading and body copy.",Timeline:"An editorial aside beside a rail-marked timeline of dated entries.",TimelineTrack:"A horizontal year track of milestones \u2014 company history or roadmap.",Footprint:"A world map of your locations with a legend \u2014 designed here, sold worldwide.",TitleWithButtons:"A big headline beside a stack of call-to-action buttons.",Split:"Side-by-side image and text in two columns.",Cards:"A heading over a grid of free-text title-and-blurb cards.",FAQ:"A frequently-asked-questions accordion with a header.",Testimonials:"Customer quotes in a grid \u2014 the quote, a name and a role.",Masthead:"A journal issue header with a lead statement and contents.",Breadcrumb:"A slim trail showing where the reader is (Home / Journal\u2026).",CategoryBar:"A sticky row of category tabs with counts and links.",FeaturedCover:"A featured article \u2014 big cover image beside a headline and dek.",LongRead:"A long-form article spread with a pull-quote and cover image.",Series:"A section heading over a grid of column cards.",Subscribe:"A newsletter signup beside a list of recent issues.",SubscribeBlogs:"A newsletter signup beside your latest blog posts, pulled live.",Events:"Latest journal posts in a three-card row.",DocMasthead:"A document header \u2014 headline, metadata and standfirst.",DocTabs:"A sticky tab bar to switch between documents.",DocBody:"Long-form document body with an 'On this page' contents list.",DocMetaCards:"A three-up meta strip for the foot of a document.",Banner:"Wide promo strip with background image.",Stats:"Highlight key numbers \u2014 years, designs.",KeyFeatures:"A theme-color chip and heading over a grid of short feature labels.",Logos:"A row of partner or brand logos.",Ticker:"A scrolling marquee of short phrases, full width.",Reviews:"Approved customer reviews in a star-rated card grid, pulled live.",SubmitBuild:"A 'Show us yours.' headline with a photo-submission form.",ReviewForm:"A write-a-review form \u2014 submissions wait for your approval before they show.",ContactRouting:"Pick who to reach, then a form that routes the message.",ContactLocations:"Your locations as a city gallery plus address and map cards.",SectionHeader:"A numbered section title with optional link.",Grid:"Multi-column container for blocks.",Flex:"An empty section. Add whatever you want inside.",Spacer:"Vertical breathing room between sections.",Divider:"A thin horizontal rule between sections.",CustomHTML:"Drop in your own sanitized HTML.",Heading:"A single heading line.",Text:"A paragraph of body copy.",ImageBlock:"A standalone image, at the width you set.",ButtonBlock:"A call-to-action button."};var rf="Save your page changes first";function rl(e){return e.hasTrustedConsole?e.canCreatePlatformTemplate?!e.capabilities.canPublish||!e.capabilities.hasSiteSettings?{visible:!1,hiddenReason:"not-a-site-page"}:e.siteId?e.hasUnsavedEdits?{visible:!0,enabled:!1,disabledReason:rf}:{visible:!0,enabled:!0}:{visible:!1,hiddenReason:"no-site"}:{visible:!1,hiddenReason:"not-operator"}:{visible:!1,hiddenReason:"no-console"}}var sl="storefront-editor:save-as-template";function al(e,{nodeDefaults:t,newNodeId:o,sectionLabel:r,blockIsOffered:a}){let s=li(e);return s?s(t,o):vi(e)&&a(pt)&&a(Ze)?{type:pt,props:{...t(pt),id:o(pt),direction:"column",name:`${r(e)} section`,content:[{type:Ze,props:{...t(Ze),id:o(Ze),...qe[e]?.headStyle?{headStyle:qe[e].headStyle}:{},...qe[e]?.headRowGap?{rowGap:qe[e].headRowGap}:{},...qe[e]?.headDescriptionSize?{descriptionSize:qe[e].headDescriptionSize}:{},...Vt(e)!==Vt(Ze)?{eyebrowLook:Vt(e)}:{}}},{type:e,props:{...t(e),id:o(e),headPlacement:"own-box"}}]}}:fi[e]?.fixed===!0?{type:e,props:{...t(e),id:o(e),layout:"boxes"}}:null}import{useEffect as sf,useState as af}from"react";function ll(){let e=ze().chrome?.products?.list,[t,o]=af(null);return sf(()=>{if(!e)return;let r=!1;return e().then(a=>{r||o(a)}),()=>{r=!0}},[e]),t}import{jsx as J,jsxs as Nt}from"react/jsx-runtime";function cl({mode:e,open:t}){let{setSelectedHeroId:o,setSelectHandler:r}=jr(),a=e,s=a.kind==="ticker"?a.heroId:null,l=xn(p=>{if(!p)return;t({kind:"ticker",heroId:p}),Ks(p)},[t]);return $e(()=>{o(s)},[s,o]),$e(()=>{r(l)},[r,l]),{partRows:(p,{rowClick:u})=>{let m=String(p.props.id);return p.type==="Hero"&&J(ff,{icon:J(je,{type:"ticker",size:13}),name:mt,onSelect:()=>l(m),selected:s===m,rowProps:{onClick:u(()=>l(m))}})}}}function hf(){let{adapter:e,capabilities:t,currentSlug:o,siteId:r,hasUnsavedEdits:a,bridgeCapabilities:s,notifyParent:l,token:p}=ue(),{hasPreviewLink:u}=t,m=rl({hasTrustedConsole:!!p,canCreatePlatformTemplate:s.canCreatePlatformTemplate,capabilities:t,siteId:r,hasUnsavedEdits:a}),f=xn(()=>{!r||!o||l(sl,{siteId:r,slug:o})},[l,r,o]),S=$a({pageSlug:o,siteId:r,token:p}),R=e.previewHref?.(o)??S;return{barLead:()=>m.visible&&Nt("button",{type:"button",className:"es-btn-ghost",disabled:!m.enabled,title:m.enabled?"Save this website as a platform template":m.disabledReason,onClick:f,children:["Save as Template",J(Jo,{})]}),barTrail:()=>u&&o&&Nt("a",{className:"es-btn-ghost",href:R,target:"_blank",rel:"noopener noreferrer",title:"Preview the live site (opens in a new tab)","aria-label":"Preview the live site in a new tab",children:["Preview",J(df,{size:15})]})}}function gf(){return Nt("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",children:[J("path",{d:"M12 3a9 9 0 0 0 0 18 2.3 2.3 0 0 0 2.3-2.3c0-.55-.22-1.05-.57-1.42-.34-.37-.56-.87-.56-1.43A2.35 2.35 0 0 1 15.6 13.5H18a3 3 0 0 0 3-3c0-4.14-4-7.5-9-7.5z"}),J("circle",{cx:"7.7",cy:"11.3",r:"1.05",fill:"currentColor",stroke:"none"}),J("circle",{cx:"12",cy:"8",r:"1.05",fill:"currentColor",stroke:"none"}),J("circle",{cx:"16",cy:"11",r:"1.05",fill:"currentColor",stroke:"none"})]})}function mf(e,t){let{capabilities:o,templateId:r,siteId:a,tokenRef:s,navigate:l}=ue(),{hasSiteTheme:p,explainsSiteSettings:u}=o,m=k=>t.setView(k),[f,S]=lf(ot[0].id),{surface:R,setSurface:v}=Ur(),E=()=>{if(p){m("styles"),t.reveal(),Io();return}e.show(Ko),e.reveal(),Io()},N={id:"pages",label:"Pages",icon:J(pf,{}),panel:({onHide:k})=>J(Ao,{activeSurface:R,onPreviewSurface:v,onNavigate:b=>{v(null),l(r?{kind:"template",id:r,pageSlug:b}:{kind:"page",slug:b,siteId:a??void 0})},onClose:k})},c=[];return!p&&u&&c.push({id:"appearance",label:"Appearance",icon:J(gf,{}),active:e.kind==="website",onSelect:E}),p&&c.push({id:"styles",label:"Site styles",icon:J(uf,{}),panel:({onHide:k,notify:b})=>J(Qo,{tokenRef:s,siteId:a??void 0,onClose:k,onNotify:b,tab:f,onTabChange:S})}),{railLead:[N],railTrail:c,resolveLeftView:(k,b)=>Xa(k,p,b),openSettings:E,openStyles:()=>{S(js),m("styles")}}}function yf(e,t,o,r){let{kind:a,open:s}=e,{selected:l,zoneOf:p}=t,u=Ea(t,o);$e(()=>{ms(l?.type==="BookingBox"&&l.props.region==="confirm"?ys(p(String(l.props.id))):null)},[l?.props.id]);let m=_a(e,t),{capabilities:{hasSiteSettings:f}}=ue(),{setSelected:S,setSelectHandler:R}=ne(),{chat:v,setChat:E,setSelected:N,setSelectHandler:c}=qt(),k=a==="header";$e(()=>{S(k)},[k,S]),$e(()=>{R(()=>s(Vo))},[R,s]);let b=xn(()=>s(ya),[s]),g=a==="chat";$e(()=>{N(g)},[g,N]),$e(()=>{c(b)},[c,b]);let{setOpenHandler:y}=gt(),T=xn(()=>s(ba),[s]);$e(()=>{y(T)},[y,T]);let B=cl(e),te=hf(),A=mf(e,r),W=o.device;return{...u,...B,...te,...A,treeFoot:()=>J("div",{className:"sf-tree-tool",children:J(Un,{})}),hasOwnRows:L=>L.type===Sn,ownRows:m.renderLocationTree,sectionPressed:m.sectionPressed,wrap:L=>J(Qr.Provider,{value:!0,children:J(os.Provider,{value:W,children:L})}),addPanelRow:L=>f?Nt("div",{className:"sf-addside-sitewide",children:[J("span",{className:"sf-addside-sitewide-glyph","aria-hidden":"true",children:J(je,{type:"chat",size:16})}),Nt("button",{type:"button",className:"sf-addside-sitewide-name",onClick:()=>{L(),b()},children:["Live chat",J("span",{className:"sf-addside-sitewide-desc",children:"A chat bubble on every page"})]}),J(cf,{checked:v.enabled,onChange:X=>E({enabled:X}),ariaLabel:"Show the chat bubble on the whole site"})]}):void 0}}var bf={isLockedBlock:Qa,duplicateBlocked:Ft,nestDepth:(e,t,o)=>t===di?ci(e,o):0,newSectionNode:al,canAddTo:gs,blockIsOffered:hi},wf={labelAtLevel:Cn,descriptions:il,categoryLabel:qa,firstSection:Va,blockRowName:Ka,plainText:Ii,Icon:je,Thumbnail:Zo,useProducts:ll},Sf={desktop:2e3,tablet:800,mobile:390},dl="desktop",vf={options:Js,initial:dl,fluid:dl,widths:Sf},xf={read:ja,write:e=>Ya(e),forSelection:(e,t)=>Za(e,t)},kf={first:Fe,last:ee,firstGroup:gi,lastGroup:xe,isSectionGroup:mi,sectionGroupZone:yi,panelOf:e=>e===Fe?Vo:null};function Tf(e){return{...cl(e),openSettings:()=>e.show(Ko)}}var _v={useOwnerName:rt,useBridges:yf,useStandaloneBridges:Tf,useDocumentPass:Ba,blockRules:bf,blockLook:wf,devices:vf,leftView:xf,pinned:kf,Canvas:ol,Inspector:Uo};export{yw as a,Ra as b,Pa as c,Lo as d,Fo as e,Ey as f,Iy as g,Hu as h,Ma as i,Rf as j,Nf as k,_v as l};