efficient-storefront-blocks 0.12.0 → 0.14.0

package/dist/chunks/chunk-7LORPJCG.js

@@ -0,0 +1,230 @@
+import{$a as yi,$d as lr,$f as vr,Aa as ii,Ag as Fr,Ah as Hr,Be as ur,Bf as Dn,Bg as Ar,Cg as Lr,Ch as zn,Df as gr,Dg as Dr,Dh as On,Ea as Lt,Ef as yr,Eh as ve,Fb as Ji,Fg as zr,Fh as Mr,Ga as Dt,Gb as er,Hd as Ve,Hg as Or,I as Bo,Ia as et,Ja as ut,Jc as ce,Jh as _n,K as Nt,Ka as ri,Kc as nr,Ke as fr,Kh as Br,L as Wo,Lc as or,Le as mr,Ma as ai,Mf as br,Mh as Hn,N as ee,Nb as ft,Nc as $e,Nh as Mn,O as Ae,Oa as si,Oh as Bn,P as $o,Ph as Wn,Qa as Le,Qc as ir,Qh as Wr,R as Cn,Re as Wt,Rh as $r,Sa as li,Sh as jr,T as Be,Ta as ci,Tb as mt,Th as qr,U as jo,Ua as di,Ue as je,V as qo,Va as pi,Vc as Ht,Vf as xr,Wa as hi,Wh as Kr,Xa as ui,Xh as Vr,Ya as fi,Z as Go,Za as mi,Zd as we,Zh as Ur,_a as gi,_d as sr,ab as In,bb as We,cc as Ln,cg as $t,ci as Yr,db as bi,di as Xr,e as Ho,fb as xi,fc as tr,fd as rr,fg as gt,gb as wi,gh as _r,h as kn,hb as vi,he as cr,hg as Cr,hi as jt,ie as Bt,ig as yt,k as pt,ka as Ko,kb as Si,kg as Tr,la as be,m as ht,mb as ki,mg as Ir,na as Vo,nb as Ci,ng as Er,oa as Uo,ob as Ti,od as ar,og as Rr,p as Mo,pa as Yo,pb as Ii,pg as Pr,qa as Xo,qb as zt,ra as Zo,rb as Ei,sd as Mt,ta as Ke,tb as En,ua as Qe,ub as Ot,va as Qo,vb as Ri,wb as Pi,we as dr,wg as Nr,xe as pr,ye as hr}from"./chunk-AVM4NCES.js";import{$ as Bi,A as Fi,Aa as Yi,B as Ai,Ba as Xi,C as Li,Ca as Zi,Fa as Qi,La as te,Ma as wr,Oa as Sr,Pa as kr,S as Di,T as zi,U as Oi,V as _i,Y as Hi,Z as Rn,_ as Mi,aa as Wi,d as Jo,da as $i,e as ei,ea as Pn,f as ti,g as ni,h as xe,ha as ji,i as Ft,ia as Nn,j as At,ka as Fn,n as Je,o as Tn,oa as qi,p as oi,ta as An,ua as Gi,wa as Ki,y as _t,ya as Vi,z as Ni,za as Ui}from"./chunk-MWOOPV76.js";import{r as Gr}from"./chunk-F3PA63EP.js";import{jsx as $n,Fragment as fl,jsxs as ml}from"react/jsx-runtime";import{createContext as gl,useContext as yl}from"react";var bl={mirrorHostStyles:!0,css:null,fontHrefs:[]},Zr=gl(bl);function Wu({value:e,children:t}){return $n(Zr.Provider,{value:e,children:t})}function jn(){return yl(Zr)}function Qr(){let{css:e,fontHrefs:t}=jn();return ml(fl,{children:[t.map(i=>$n("link",{rel:"stylesheet",href:i},i)),e?$n("style",{"data-sf-canvas-css":"",children:e}):null]})}import{jsx as xl}from"react/jsx-runtime";import{createContext as wl,useContext as vl}from"react";var Jr=wl(void 0);function Gu({metadata:e,children:t}){return xl(Jr.Provider,{value:e,children:t})}var ea=()=>vl(Jr);import{jsx as Q,jsxs as Pt}from"react/jsx-runtime";import{useCallback as vn,useEffect as Ge,useState as vu}from"react";import{ExternalIcon as Su}from"efficient-easel/icons";import{Tooltip as ku}from"efficient-shell/ui";import{SettingsSwitch as Cu}from"efficient-easel/panel";import{PagesIcon as Tu,StylesIcon as Iu}from"efficient-easel/rail";import{TreeRow as Eu}from"efficient-easel/tree";import{jsx as tt,jsxs as qt}from"react/jsx-runtime";import{useEasel as Il}from"efficient-easel/easel";function Sl(e){return e.replace(/<[^>]+>/g," ").replace(/\s+/g," ").trim()}function kl(e){let t=[],i=/<h([1-6])\b[^>]*>([\s\S]*?)<\/h\1>/gi,r;for(;r=i.exec(e);)t.push({level:Number(r[1]),text:Sl(r[2])||"(empty)"});return t}var Cl=new Set(["SubmitBuild"]),Tl={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 qn(e,t){let i=[];for(let r of e??[]){let s=r,a=s.props??{};switch(s.type){case"Heading":{let{text:l,hidden:p}=Le(a.text);if(p)break;i.push({level:Number(a.level)||2,text:l||"(empty heading)"})}break;case"Hero":i.push({level:1,text:"Hero (brand headline)"});break;case"CustomHTML":i.push(...kl(Le(a.html).text));break;default:{let l=Tl[s.type??""],p=Le(a.title??a.heading),f=p.text.trim();if(!l||p.hidden)break;f?i.push({level:l,text:f}):Cl.has(s.type??"")&&i.push({level:l,text:String(s.type)});break}}for(let l of jo(t,s.type??"")){let p=a[l];Array.isArray(p)&&i.push(...qn(p,t))}}return i}function ta(){let{appState:e,config:t}=Il(a=>a),i=e?.data,r=qn(i?.content??[],t),s=r.filter(a=>a.level===1).length;return qt("div",{className:"px-4 py-3 text-[13px] text-zinc-600",children:[qt("div",{className:"mb-2 flex items-center justify-between text-[11px] font-semibold uppercase tracking-wide text-zinc-500",children:[tt("span",{children:"Heading outline"}),tt("span",{children:r.length})]}),s!==1&&tt("div",{className:"mb-2 rounded bg-amber-50 px-2 py-1 text-[12px] text-amber-700",children:s===0?"No H1 \u2014 add one for SEO.":`${s} H1s \u2014 a page should have exactly one.`}),r.length===0?tt("p",{className:"text-zinc-400",children:"No headings yet."}):tt("ul",{className:"space-y-1",children:r.map((a,l)=>qt("li",{className:"flex items-baseline gap-2",style:{paddingLeft:`${(a.level-1)*12}px`},children:[qt("span",{className:"shrink-0 font-mono text-[11px] text-zinc-400",children:["H",a.level]}),tt("span",{className:"truncate text-zinc-700",children:a.text})]},l))})]})}import{jsx as L,jsxs as Ie,Fragment as ip}from"react/jsx-runtime";import{useCallback as rp,useEffect as Ba,useId as ap,useMemo as Wa,useState as Ye}from"react";import{default as Gt,PanelHideButton as Gn,PanelModeExit as tf,PanelShowStrip as nf}from"efficient-easel/screen/components/SidePanelHead";import{jsx as B,jsxs as at,Fragment as St}from"react/jsx-runtime";import{useEasel as go}from"efficient-easel/easel";import{useEffect as Nd,useRef as Ha,useState as pn}from"react";import{jsx as qe,jsxs as ia,Fragment as Nl}from"react/jsx-runtime";import{useState as ra}from"react";import{SettingsDefaultReset as Fl,SettingsField as Al}from"efficient-easel/panel";import{jsxs as Kn,jsx as Vn,Fragment as El}from"react/jsx-runtime";import{Button as na,Dialog as Rl}from"efficient-shell/ui";function Pl(e){return e===1?"1 color theme":`${e} color themes`}function oa({count:e,onCancel:t,onConfirm:i}){return Kn(Rl,{open:!0,onClose:t,role:"alertdialog",size:"sm",title:"Clear this site\u2019s colors?",footer:Kn(El,{children:[Vn(na,{variant:"secondary",onClick:t,children:"Cancel"}),Vn(na,{variant:"danger",onClick:i,children:"Clear colors"})]}),children:[Kn("p",{children:["This site has ",Pl(e)," of its own. Clearing takes them away and puts back the four the shop supplies."]}),Vn("p",{className:"mt-2 font-medium",children:"This cannot be undone."})]})}var Ll=pr("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 Dl(){return qe("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:qe("path",{d:"M12 5v14M5 12h14"})})}var zl="Reset color",Ol={selected:0,themes:[]};function _l(e){e(Ol)}function aa({value:e,onChange:t}){let i=e?.themes??[],r=i.length===0,s=_t(e),[a,l]=ra(!1),[p,f]=ra(null),y=(h,S)=>{t({...s,themes:s.themes.map((d,g)=>g===h?S:d)})},u=Ai(s).accent,b=new Set(s.themes.map(h=>h.brandInk).filter(Boolean)),C=Ni.filter(h=>!b.has(h)).map(h=>Fi(u,h)),w=[...s.themes,...C],P=h=>{if(h<s.themes.length)return t({...s,selected:h});let S=[...s.themes,w[h]];t({...s,themes:S,selected:S.length-1})},A=()=>{let h=[...s.themes,{...Li(s.themes[s.selected])}];t({...s,themes:h,selected:h.length-1}),f(h.length-1)};return ia(Nl,{children:[r?null:qe(Al,{label:zl,icon:hr(Ll),labelId:"sf-theme-reset",action:qe(Fl,{label:"all theme colors",changed:!0,onReset:()=>l(!0)})}),a&&qe(oa,{count:i.length,onCancel:()=>l(!1),onConfirm:()=>{l(!1),_l(t)}}),qe("div",{className:"sf-theme-list",role:"radiogroup","aria-label":"Theme",children:w.map((h,S)=>qe(or,{index:S,colors:h,selected:S===s.selected,open:p===S&&S<s.themes.length,editable:S<s.themes.length,onPick:()=>P(S),onEdit:()=>f(d=>d===S?null:S),onChangeColors:d=>y(S,d)},S))}),ia("button",{type:"button",onClick:A,className:"sf-theme-add",children:[qe(Dl,{}),"Add new theme"]})]})}import{jsx as Kt}from"react/jsx-runtime";import{SettingsDefaultReset as Hl,SettingsField as Ml}from"efficient-easel/panel";import{SquareIcon as Bl}from"efficient-easel/icons";var Wl="Applies to panels, cards, inputs and buttons. Round things \u2014 color swatches, switches, status dots \u2014 stay round.",Un="Corners";function sa({value:e,onChange:t,showHint:i=!0}){let r=e===null;return Kt(Ml,{label:Un,icon:Kt(Bl,{}),value:r?void 0:`${e}px`,changed:!r,action:Kt(Hl,{label:Un,changed:!r,detail:"the built-in corners",onReset:()=>t(null)}),hint:i?Wl:void 0,children:Kt(je,{min:Rn,max:Mi,step:1,value:e??Rn,readout:!1,ariaLabel:Un,onChange:t})})}import{jsx as bt}from"react/jsx-runtime";import{SettingsDefaultReset as $l,SettingsField as jl,SettingsSegmented as ql}from"efficient-easel/panel";import{ShadowIcon as Gl}from"efficient-easel/icons";var Yn={none:"None",soft:"Soft",lifted:"Lifted"},Kl="Applies to cards \u2014 products, brands, journal entries and filter cells. Round things like swatches and status dots are never shadowed.",Vl={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)"},Ul={labelsPx:90.25,widestLabelPx:34.6};function la({value:e,onChange:t,showHint:i=!0}){let r=e===null,s=e??Pn;return bt(jl,{label:"Card shadow",icon:bt(Gl,{}),value:Yn[s],changed:!r,action:bt($l,{label:"Card shadow",changed:!r,detail:Yn[Pn],onReset:()=>t(null)}),hint:i?Kl:void 0,children:bt(ql,{options:$i.map(a=>({id:a,label:Yn[a],icon:bt("span",{className:"sf-shadow-chip",style:{boxShadow:Vl[a]}})})),value:s,ariaLabel:"Card shadow",fit:Ul,onChange:t})})}import{jsx as Xn}from"react/jsx-runtime";import{SettingsDefaultReset as Yl,SettingsField as Xl}from"efficient-easel/panel";import{ShadowIcon as Zl}from"efficient-easel/icons";var Ql="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 ca({value:e,onChange:t,showHint:i=!0}){let r=e===null;return Xn(Xl,{label:"Shadow color",icon:Xn(Zl,{}),changed:!r,action:nr({value:e??"",inherited:r?Fn:void 0,onChange:t,label:"Shadow color",after:Xn(Yl,{label:"Shadow color",changed:!r,detail:Fn,onReset:()=>t(null)})}),hint:i?Ql:void 0})}import{jsx as Vt}from"react/jsx-runtime";import{SettingsDefaultReset as Jl,SettingsField as ec}from"efficient-easel/panel";import{AlignSeparateIcon as tc}from"efficient-easel/icons";var nc="The space between the blocks inside a row, a grid or a box. Default means each one keeps the spacing it already has.",Zn="Block gap",oc=cr.Grid;function da({value:e,onChange:t,showHint:i=!0}){let r=e===null;return Vt(ec,{label:Zn,labelId:"sf-block-gap",icon:Vt(tc,{}),value:r?void 0:`${e}px`,changed:!r,action:Vt(Jl,{label:Zn,changed:!r,detail:"each block's own spacing",onReset:()=>t(null)}),hint:i?nc:void 0,children:Vt(je,{min:Bt.min,max:Bt.max,step:Bt.step,value:r?oc:e,readout:!1,ariaLabel:Zn,onChange:t})})}import{jsx as Ut}from"react/jsx-runtime";import{SettingsDefaultReset as ic,SettingsField as rc,SettingsSegmented as ac}from"efficient-easel/panel";import{HoverIcon as sc}from"efficient-easel/icons";var Qn={none:"None",lift:"Lift",highlight:"Highlight"},lc="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 pa({value:e,onChange:t,showHint:i=!0}){let r=e===null,s=e??Nn;return Ut(rc,{label:"Hover effect",icon:Ut(sc,{}),value:Qn[s],changed:!r,action:Ut(ic,{label:"Hover effect",changed:!r,detail:Qn[Nn],onReset:()=>t(null)}),hint:i?lc:void 0,children:Ut(ac,{options:ji.map(a=>({id:a,label:Qn[a]})),value:s,ariaLabel:"Hover effect",onChange:t})})}import{jsx as Yt}from"react/jsx-runtime";import{SettingsDefaultReset as cc,SettingsField as dc,SettingsSegmented as pc}from"efficient-easel/panel";import{ImageIcon as hc}from"efficient-easel/icons";var Jn="Hero image",eo=[{followsWidth:!1,label:Ln.full},{followsWidth:!0,label:Ln.page}],uc="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 ha({value:e,onChange:t,showHint:i=!0}){let r=e===null,s=e??!1;return Yt(dc,{label:Jn,icon:Yt(hc,{}),value:eo.find(a=>a.followsWidth===s).label,changed:!r,action:Yt(cc,{label:Jn,changed:!r,detail:eo.find(a=>!a.followsWidth).label,onReset:()=>t(null)}),hint:i?uc:void 0,children:Yt(pc,{options:eo.map(a=>({id:a.followsWidth,label:a.label})),value:s,ariaLabel:Jn,onChange:t})})}import{jsx as Xt}from"react/jsx-runtime";import{SettingsDefaultReset as fc,SettingsField as mc,SettingsSegmented as gc}from"efficient-easel/panel";import{DropIcon as yc}from"efficient-easel/icons";var to="Photography",no=[{grayscale:!1,label:"As shot"},{grayscale:!0,label:"Black and white"}],bc="Black and white photographs return to color on hover. Wheels and tyres keep their real finish either way.";function ua({value:e,onChange:t,showHint:i=!0}){let r=e===null,s=e??!1;return Xt(mc,{label:to,icon:Xt(yc,{}),value:no.find(a=>a.grayscale===s).label,changed:!r,action:Xt(fc,{label:to,changed:!r,detail:no.find(a=>!a.grayscale).label,onReset:()=>t(null)}),hint:i?bc:void 0,children:Xt(gc,{options:no.map(a=>({id:a.grayscale,label:a.label})),value:s,ariaLabel:to,onChange:t})})}import{jsx as Zt}from"react/jsx-runtime";import{SettingsDefaultReset as xc,SettingsField as wc}from"efficient-easel/panel";import{PaddingXIcon as vc}from"efficient-easel/icons";var oo="Side space",io=mt.default,Sc="The room left at the left and right edge of every page.";function fa({value:e,onChange:t,showHint:i=!0}){let r=e===null;return Zt(wc,{label:oo,labelId:"sf-side-space",icon:Zt(vc,{}),value:`${e??io}px`,changed:!r,action:Zt(xc,{label:oo,changed:!r,detail:`${io}px`,onReset:()=>t(null)}),hint:i?Sc:void 0,children:Zt(je,{min:mt.min,max:mt.max,step:mt.step,value:e??io,readout:!1,ariaLabel:oo,onChange:t})})}import{jsx as Qt}from"react/jsx-runtime";import{SettingsDefaultReset as kc,SettingsField as Cc}from"efficient-easel/panel";import{WidthIcon as Tc}from"efficient-easel/icons";var ro="Content width",ao=ft.default,Ic="The standard width every page on this site renders at.";function ma({value:e,onChange:t,showHint:i=!0}){let r=e===null;return Qt(Cc,{label:ro,labelId:"sf-site-width",icon:Qt(Tc,{}),value:`${e??ao}px`,changed:!r,action:Qt(kc,{label:ro,changed:!r,detail:`${ao}px`,onReset:()=>t(null)}),hint:i?Ic:void 0,children:Qt(je,{min:ft.min,max:ft.max,step:ft.step,value:e??ao,readout:!1,ariaLabel:ro,onChange:t})})}import{jsx as D,jsxs as sn,Fragment as uo}from"react/jsx-runtime";import{FieldSelect as ld}from"efficient-easel/fields";import{SettingsField as ln}from"efficient-easel/panel";import{AccentIcon as cd,CaseIcon as dd,StylesIcon as pd,TextLinesIcon as Aa,TextSizeIcon as vt,TextSmallIcon as hd,TypeIcon as ud,WeightIcon as fd}from"efficient-easel/icons";import{jsx as k,jsxs as K,Fragment as ot}from"react/jsx-runtime";import{useEffect as on,useId as Hc,useRef as lo,useState as co}from"react";import{jsx as nt,jsxs as ga}from"react/jsx-runtime";import{Tooltip as Ec}from"efficient-shell/ui";function Ue({label:e,onClear:t,what:i="override"}){return nt(Ec,{content:`Clear ${i}`,children:nt("button",{type:"button",className:"sf-part-mark","aria-label":`Clear ${i}: ${e}`,onClick:t,children:nt(Rc,{})})})}function Rc(){return ga("svg",{width:"12",height:"12",viewBox:"0 0 16 16","aria-hidden":"true",children:[nt("circle",{className:"sf-part-mark-dot",cx:"8",cy:"8",r:"3",fill:"currentColor"}),ga("g",{className:"sf-part-mark-arrow",fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",children:[nt("path",{d:"M13 8a5 5 0 1 1-1.6-3.7"}),nt("path",{d:"M13 2.5V5h-2.6"})]})]})}import{FieldSelect as Ta,InspectorField as Mc}from"efficient-easel/fields";import{SettingsField as Ia,SettingsGroup as Bc}from"efficient-easel/panel";import{InspectorUpLevel as rn}from"efficient-easel/chrome";import{StylesIcon as Wc,TextColorIcon as $c,TypeIcon as Ea}from"efficient-easel/icons";import{useEasel as jc}from"efficient-easel/easel";import{Tooltip as qc}from"efficient-shell/ui";import{jsx as ya}from"react/jsx-runtime";import{ColourSwatchRow as Pc}from"efficient-easel/text-styles";function ba({value:e,label:t,colors:i,onChange:r}){let s=e===null,a=e||void 0,l=i.find(f=>f.key===a),p=l?l.value:a&&/^#[0-9a-f]{6}$/i.test(a)?a:void 0;return ya("div",{className:"sf-part-ink",children:ya(Pc,{value:a,hex:p,colours:i,label:t,followsWord:s?"Mixed":"Follows the style",anyWord:"Any color",onChange:f=>r(f===a&&l?null:f)})})}import{jsx as so,jsxs as Nc}from"react/jsx-runtime";import{COPY_CELLS as Jt,CopyBox as Fc}from"efficient-easel/copy";import{PaddingYIcon as Ac,WidthIcon as Lc}from"efficient-easel/icons";var Dc=["left","center","right","justify"],zc=["bold","italic","underline","strike","link","sup","sub"],Oc=["bullet","number"];function xa({text:e,onTextChange:t,multiline:i,markup:r=!0,styled:s=!0,style:a,base:l,setValue:p,colors:f,placeholder:y,ariaLabel:u,head:b}){let C=Pi(a),w=a.size??l.sizePx,P=[{...Jt.fontSize,value:a.size,styleValue:Math.round(l.sizePx),onChange:h=>p({size:h??null})},{...Jt.lineHeight,value:C.lineHeight,styleValue:l.lineRatio,onChange:h=>p(h===void 0?{lineHeight:null,line:null}:{lineHeight:h})},{...Jt.letterSpacing,scale:w,value:C.letterSpacingEm,styleValue:l.letterEm,onChange:h=>p(h===void 0?{letterSpacing:null,letter:null}:{letterSpacing:h})},{...Jt.paragraphSpacing,value:a.paragraphSpacing,styleValue:0,onChange:h=>p({paragraphSpacing:h??null})},{key:"padding",name:"Padding",icon:so(Ac,{}),unit:"px",step:Ti,shiftStep:10,min:ki,max:Ci,value:a.padding,styleValue:l.paddingPx,onChange:h=>p({padding:h??null})},{key:"width",name:"Width",icon:so(Lc,{}),unit:"px",step:Ei,shiftStep:100,min:Ii,max:zt,value:a.width,styleValue:l.widthPx,onChange:h=>p({width:h??null})}],A=r?[...zc,...i?Oc:[]]:[];return Nc("div",{className:"sf-part-textbox",children:[b,so(Fc,{value:e,onChange:t,multiline:i,placeholder:y,ariaLabel:u,rules:ri,tools:A,colors:r?f:[],align:s?{value:a.align??l.align,allow:Dc,onChange:h=>p({align:h})}:void 0,letterCase:s?{value:a.case??"",onChange:h=>p({case:h||null})}:void 0,cells:s?P:void 0})]})}function en(e,t){let i=hi(e);return i?.control==="textList"?t.rowKey===(i.itemKey??"text")?yr(i,t.index):null:ui(e)?.[t.rowKey]??null}function wa(e,t,i){let r=e.node.props,{key:s,row:a}=et(e.propKey),l=a?gi(r,s,a,e.kind,t):pi(r,s,e.kind,t);return l?(i(e.zone,e.index,{...e.node,props:l}),!0):!1}var _c={CollectionCard:"product",FooterMenu:"menu",Gallery:"product",GalleryItem:"product",ProductGrid:"product",ProductHero:"product",SpecTable:"product",Events:"blog",FeaturedCover:"blog",LongRead:"blog",SubscribeBlogs:"blog"},va={product:"Synced from the product.",blog:"Synced from the blog post.",menu:"Synced from the site menu."},Sa="Open",ka={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 xt(e){let t=e?.source?.slug;return typeof t=="string"&&t.length>0?t:void 0}function tn(e){return _c[e]??null}var Gc={400:"Regular",500:"Medium",600:"Semibold",700:"Bold"},Ra=[{key:"font",label:"Font",group:"Style"},{key:"color",label:"Color",group:"Style"}],Kc=[...new Set(Ra.map(e=>e.group))],Vc={font:k(Ea,{}),color:k($c,{})};function wt(e){return e.kind==="role"?At[e.role]:e.kind==="custom"?"Custom":null}var Uc=e=>e.kind==="role"?`role:${e.role}`:e.kind;function Yc(e){let t=e.role;return t&&Ft.includes(t)?{kind:"role",role:t}:null}function Xc(e,t){if(!e)return{kind:"unread"};let{faceRole:i,base:r}=e;if(t[i]===r.fontKey)return{kind:"role",role:i};let s=Object.keys(t).filter(a=>t[a]===r.fontKey);return s.length===1?{kind:"role",role:s[0]}:{kind:"custom"}}function po(e,t,i,r){return Yc(En(e,t))??Xc(i,r)}function Pa(e,t,i,r){return wt(po(e,t,i,r))}function ho(e,t){if(!e.length)return null;let i=t(e[0]);return e.every(r=>t(r)===i)?i:null}function Zc(e){return Object.values(e).filter(t=>t!==void 0).length}function Qc(e,t){let i=e.style[t];return t==="color"?i??"":i!==void 0?String(i):e.base.fontKey}function Jc({face:e,base:t,onPick:i}){let[r,s]=co(!1),a=lo(null),l=lo(null),p=Hc();on(()=>{if(!r)return;let u=b=>{a.current&&!a.current.contains(b.target)&&s(!1)};return document.addEventListener("mousedown",u),()=>document.removeEventListener("mousedown",u)},[r]);let f=e.kind==="role"?e.role:null,y=u=>{i(u),s(!1),l.current?.focus()};return K("div",{className:"sf-part-style-pick",ref:a,children:[K("button",{ref:l,type:"button",className:"sf-part-style-trigger","aria-expanded":r,"aria-controls":p,"aria-label":`Follows ${wt(e)??"no style"} \u2014 change`,onClick:()=>s(u=>!u),onKeyDown:u=>{u.key==="Escape"&&r&&(u.preventDefault(),s(!1))},children:[k("span",{className:"sf-part-style-name",style:{fontFamily:t?.fontKey?`var(${xe(t.fontKey)?.cssVar})`:void 0,fontWeight:t?.weight},children:wt(e)}),k("span",{className:"sf-part-style-sign","aria-hidden":"true"})]}),r&&K("div",{className:"sf-multi-menu sf-part-style-menu",id:p,role:"listbox",onKeyDown:u=>{u.key==="Escape"&&(u.preventDefault(),s(!1),l.current?.focus())},children:[K("button",{type:"button",role:"option","aria-selected":f===null,className:`sf-part-style-option${f===null?" is-on":""}`,onClick:()=>y(null),children:[k("span",{className:"sf-part-style-option-name",children:"No style"}),k("span",{className:"sf-note",children:"Section\u2019s own"})]}),Ft.map(u=>k("button",{type:"button",role:"option","aria-selected":f===u,className:`sf-part-style-option${f===u?" is-on":""}`,onClick:()=>y(u),children:k("span",{className:"sf-part-style-option-name",style:{fontFamily:`var(--font-role-${u})`},children:At[u]})},u))]})]})}var nn="";function ed({face:e,base:t,onPick:i}){let r=e.kind==="role"?e.role:nn,s=[{label:"No style",value:nn},...Ft.map(a=>({label:At[a],value:a}))];return k(Ta,{ariaLabel:"Style",value:r,options:s,inline:!0,onChange:a=>i(a===nn?null:a),renderOption:a=>a.value===nn?K(ot,{children:[k("span",{className:"es-fsel-label sf-part-style-keep",children:a.label}),k("span",{className:"sf-part-style-aside","aria-hidden":"true",children:"Section\u2019s own"})]}):k("span",{className:"es-fsel-label",style:{fontFamily:`var(--font-role-${a.value})`},children:a.label}),renderValue:()=>k("span",{style:{fontFamily:t?.fontKey?`var(${xe(t.fontKey)?.cssVar})`:void 0,fontWeight:t?.weight},children:wt(e)})})}function td({parts:e,onEditStyle:t,onClearAll:i,onFollowStyle:r,kindLabel:s}){let a=ho(e,u=>Uc(u.face))?e[0].face:null,l=a?wt(a):null,p=a&&a.kind!=="unread"?e[0].base:null,f=e.reduce((u,b)=>u+Zc(b.style),0),y=p?xe(p.fontKey)?.label:void 0;return K("div",{className:`sf-part-style${f?" has-overrides":""}`,children:[k("div",{className:"sf-part-style-caption",children:"Style"}),e.length>1&&K("div",{className:"sf-part-style-count",children:[e.length," selected"]}),e.length===1&&s&&K("div",{className:"sf-part-style-count",children:[s," \xB7 every row"]}),l&&p?K(ot,{children:[r&&a?k(Jc,{face:a,base:p,onPick:r}):k("div",{className:"sf-part-style-name",style:{fontFamily:y?`var(${xe(p.fontKey)?.cssVar})`:void 0,fontWeight:p.weight},children:l}),k("div",{className:"sf-part-style-meta",children:[y,`${Math.round(p.sizePx)} px`,Gc[p.weight]].filter(Boolean).join(" \xB7 ")})]}):k("div",{className:"sf-part-style-name",children:"Mixed styles"}),K("div",{className:"sf-part-style-top",children:[l?f?K(ot,{children:[K("span",{className:"sf-part-chip",children:[f," changed"]}),k("button",{type:"button",className:"sf-part-link",onClick:i,children:"Clear"})]}):k("span",{className:"sf-part-style-state",children:"This text follows the site style."}):k("span",{className:"sf-part-style-state",children:"Changes apply to all selected."}),k("span",{className:"sf-part-style-gap"}),l&&t&&k("button",{type:"button",className:"sf-part-link",onClick:t,children:"Edit"})]})]})}function nd({sectionName:e,onBack:t,textEditor:i,styleRow:r,children:s}){return K("div",{className:"sf-part-panel",children:[k(rn,{inline:!0,name:e,onSelect:t}),i,r,s]})}function an({source:e,slug:t}){let i=Mt(),r=ka[e],s=!r.needsSlug||!!t;return k("div",{className:"sf-note sf-note--source",children:K("p",{className:"es-field-hint sf-hint-keep",children:[va[e],s?K(ot,{children:[" ",k("button",{type:"button",className:"sf-source-open",onClick:()=>{r.type==="storefront-editor:open-menus"?i.send(r.type):t&&i.send(r.type,{slug:t})},children:Sa})]}):null]})})}var Ca=4,od=120;function id({region:e,sizePx:t,face:i,base:r,onFollowStyle:s,source:a,slug:l,onBack:p}){let f=e.follows;return K("div",{className:"sf-note",children:[k("p",{children:k("strong",{children:e.label})}),K("p",{children:["Its size follows Site styles \u25B8 ",f,t?` \u2014 ${Math.round(t)}px right now`:"","."]}),s?k(ot,{children:k(Ia,{label:"Style",icon:k(Wc,{}),hint:K(ot,{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:k(ed,{face:i,base:r,onPick:s})})}):k("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."}),a?k(an,{source:a,slug:l}):null,k(rn,{inline:!0,name:"Page",onSelect:p})]})}function rd({onBack:e}){return K("div",{className:"sf-note",children:[k("p",{children:k("strong",{children:"This part is no longer here."})}),k("p",{children:"The section it belonged to has been changed or removed."}),k(rn,{inline:!0,name:"Page",onSelect:e})]})}function ad({onBack:e,partId:t,why:i}){return K("div",{className:"sf-note",children:[k("p",{children:k("strong",{children:"This part's settings did not open."})}),k("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."}),k("p",{className:"sf-note-detail",children:K("code",{children:[t," \u2014 ",i]})}),k(rn,{inline:!0,name:"Page",onSelect:e})]})}function Na({nodeId:e,propKey:t,onBack:i,onEditStyle:r}){let{getItemById:s,getSelectorForId:a,config:l}=jc(R=>R),p=Ht(),{partStyle:f}=Dt(),{fonts:y}=te(),[u,b]=co({}),C=lo(null),w=s(e),P=a(e),A=w?l.components[w.type]:void 0,{key:h,row:S}=et(t),d=A?.fields?.[h],g=S?en(d,S):d,E=ut(e,t),N=w?.props??{},T=li(g),G=ur(g),W=xi(g),_=w?tn(w.type):null,H=S?fi(N[h],S):N[h],re=!!S&&!(Array.isArray(N[h])&&S.index<N[h].length);on(()=>{C.current?.querySelector(".es-copy [contenteditable='true'], .es-copy textarea, .sf-copybox textarea, .sf-copybox input")?.focus()},[E]);let[se,F]=co(0);on(()=>F(0),[E]);let Z=!!w&&!re&&(!P||!g);on(()=>{if(!Z||se>=Ca)return;let R=setTimeout(()=>F(Y=>Y+1),od);return()=>clearTimeout(R)},[Z,se]);let ye=Z&&se<Ca;if(!w||re)return k(rd,{onBack:i});let ue=Fr(w.type),Re=ue?Nr(ue,t):null;if(ue&&Re){let R=f?.partId===E?f:null,Y=ue[Re],fe=Y.writable===!0&&!!P,me=ae=>{P&&p.replaceComponent(P.zone,P.index,{...w,props:Ot(N,t,"role",ae)})};return k(id,{region:Y,sizePx:R?.base.sizePx??null,face:po(N,t,R,y),base:R?.base??null,onFollowStyle:fe?me:void 0,source:_,slug:xt(N),onBack:i})}if(!P||!g)return ye?k("div",{className:"sf-note","aria-busy":"true"}):k(ad,{onBack:i,partId:E,why:P?"no field":"no selector"});let de=R=>{p.replaceComponent(P.zone,P.index,{...w,props:R})},ke=R=>{if(Le(R).hidden!==Le(H).hidden||!T){let Y=S?mi(N,h,S,R):{...N,[h]:R};Y&&de(Y);return}wa({node:w,propKey:t,kind:T,zone:P.zone,index:P.index},Le(R).text,p.replaceComponent)},Pe=H,pe=er(w?.type,t),oe=En(N,pe),J=f?.partId===E?f:null,j=[{partKey:pe,face:po(N,pe,J,y),sizeGroup:J?.sizeGroup??null,base:J?.base??sd,style:oe}],Ne=ho(j,R=>R.sizeGroup),x=ii(J?.inks),$=(R,Y)=>{let fe=N;for(let me of j)fe=Ot(fe,me.partKey,R,Y);de(fe)},U=R=>$("role",R),le=()=>{let R=N;for(let Y of j)R=Ri(R,Y.partKey);de(R)},Fe=R=>{let Y=N;for(let fe of j)for(let[me,ae]of Object.entries(R))Y=Ot(Y,fe.partKey,me,ae??null);de(Y)},he=(R,Y)=>{let fe=j.some(Te=>Te.style[R]!==void 0),me=ho(j,Te=>Qc(Te,R)),ae=me===null,Ze=`sf-part-${e}-${t}-${R}`;return R==="color"?k(ba,{value:ae?null:String(me),label:Y,colors:x,onChange:Te=>$("color",Te)},R):k(Ia,{label:Y,icon:Vc[R],className:"sf-part-field",changed:fe,htmlFor:Ze,action:fe?k(Ue,{label:Y,onClear:()=>$(R,null)}):void 0,children:R==="font"?k(Ta,{id:Ze,ariaLabel:Y,value:!ae&&xe(String(me))?String(me):void 0,placeholder:ae?"Mixed":"Site style",options:Jo.map(Te=>({label:Te.label,value:Te.key})),onChange:Te=>$("font",Te||null)}):null},R)},Ce=T==="text"||T==="textarea",{text:_e,hidden:He}=Le(H),Me=g?.[si]?.label??t,ul=K("div",{className:"sf-field-head",children:[k(Ea,{}),k("span",{className:"sf-field-label sf-field-label--inline",children:Me}),Ce&&k(qc,{content:He?`Show ${Me} on the slide`:`Hide ${Me} on the slide`,children:k("button",{type:"button",className:"sf-field-eye","aria-pressed":He,"aria-label":He?`Show ${Me} on the slide`:`Hide ${Me} on the slide`,onClick:()=>ke({text:_e,hidden:!He}),children:He?k(we,{name:"eye-off",size:14}):k(we,{name:"eye",size:14})})})]}),Sn=!G&&W;return K(nd,{sectionName:A?.label??w.type,onBack:i,textEditor:K("div",{ref:C,className:"sf-part-text",children:[T?k(xa,{text:_e,onTextChange:R=>ke(Ce?{text:R,hidden:He}:R),multiline:ci(T),markup:T!=="plainText",styled:Sn,style:j[0].style,base:j[0].base,setValue:Fe,colors:x.map(R=>({name:R.key,label:R.name,value:R.value})),placeholder:di(g),ariaLabel:Me,head:ul}):k(Mc,{field:g,name:t,value:Pe,onChange:ke,id:`sf-part-${e}-${t}`}),Sn&&T&&Ne===null&&k("p",{className:"es-field-hint sf-hint-keep",children:"Fixed size \u2014 the site\u2019s Text setting doesn\u2019t resize this."})]}),children:[_&&k(an,{source:_,slug:xt(N)}),Sn&&Kc.map(R=>{let Y=Ra.filter(ae=>ae.group===R),fe=Y.filter(ae=>j.some(Ze=>Ze.style[ae.key]!==void 0)).length,me=`sf-part-g-${e}-${t}-${R.replace(/\W+/g,"-")}`;return K(Bc,{id:me,title:R,open:u[R]!==!0,onToggle:ae=>b(Ze=>({...Ze,[R]:!ae})),count:fe,children:[k(td,{parts:j,onEditStyle:r,onClearAll:le,onFollowStyle:U,kindLabel:Ji[pe]}),Y.map(ae=>he(ae.key,ae.label))]},R)})]})}var sd={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:zt};var md=[{role:"heading",title:"Heading 1",group:"heading",step:"headingLarge",base:17,icon:D(vt,{})},{role:"heading2",title:"Heading 2",group:"heading",step:"headingMedium",base:15,icon:D(vt,{})},{role:"heading3",title:"Heading 3",group:"heading",step:"headingSmall",base:13,icon:D(vt,{})},{role:"accent",title:"Accent",step:"accent",base:15,icon:D(cd,{})},{role:"body",title:"Body",group:"body",step:"body",base:14,icon:D(Aa,{})},{role:"label",title:"Labels",group:"label",step:"label",base:11,icon:D(hd,{})}];var gd=9,it=500,yd=100,bd=80,xd=4,wd=600,vd=700,Sd=400,kd="0.18em";function Cd({id:e,value:t,onChange:i}){let r=ti().flatMap(([a,l])=>l.map(p=>({label:p.label,value:p.key,group:ei[a]}))),s=(a,l)=>D("span",{style:{fontFamily:`var(${xe(a)?.cssVar??"--font-body"})`},children:l});return D(ld,{id:e,value:t,onChange:i,options:r,renderOption:a=>s(a.value,a.label),renderValue:a=>a?s(a.value,a.label):null})}function Td({label:e,icon:t,readout:i,min:r,max:s,step:a,value:l,onChange:p,action:f,hint:y}){return D(ln,{label:e,icon:t,value:i,action:f,hint:y,children:D("input",{type:"range",min:r,max:s,step:a,value:l,onChange:u=>p(Number(u.target.value)),className:"h-1 w-full cursor-pointer","aria-label":e})})}function fo({label:e,icon:t,value:i,fallback:r,min:s,max:a,step:l,suffix:p="",hint:f,onChange:y}){let u=i===null;return D(Td,{label:e,icon:t,readout:u?"Auto":`${i}${p}`,min:s,max:a,step:l,value:u?r:i,onChange:y,action:u?null:D(Ue,{label:e,what:"change",onClear:()=>y(null)}),hint:f})}function Fa({label:e,icon:t,options:i,value:r,onChange:s,hint:a,action:l}){return D(ln,{label:e,icon:t,value:i.find(p=>p.value===r)?.label,hint:a,action:l,children:D("div",{className:"sf-rungs",children:i.map(p=>D("button",{type:"button","aria-pressed":p.value===r,onClick:()=>s(p.value),className:`sf-rung${p.value===r?" is-active":""}`,children:p.label},p.value))})})}var Id=[{value:"authored",label:"As designed"},{value:"sentence",label:"As typed"}],Ed=[{value:"normal",label:"Normal"},{value:"tight",label:"Tight"},{value:"compressed",label:"Compressed"}];function Rd({fontKey:e,weight:t,fallbackWeight:i,onWeight:r}){let s=(t??i)>=wd,a=ni(e),l=xe(e)?.label??"This face";return D(ln,{label:"Style",icon:D(pd,{}),value:s?"Bold":"Normal",hint:"Bold is the weight above \u2014 one value, two ways to set it.",children:sn("div",{className:"sf-rungs",children:[D("button",{type:"button","aria-pressed":s,"aria-label":"Bold",title:"Bold",onClick:()=>r(s?Sd:vd),className:`sf-rung sf-rung--glyph${s?" is-active":""}`,style:{fontWeight:700},children:"B"}),D("button",{type:"button","aria-pressed":!1,"aria-label":"Italic",disabled:!0,title:a?"Italic is not saved yet \u2014 the theme row has no column for it (card 66162.b).":`${l} 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 La({fonts:e,compression:t,headingTypography:i,openRole:r,onOpenRole:s,onFontChange:a,sizes:l,onSizeChange:p,onCompressionChange:f,onHeadingTypographyChange:y,livePx:u,savedRole:b=null}){let C=h=>y({...i,...h}),w=h=>h==="accent"?"weightStrong":h==="heading2"?"weight2":h==="heading3"?"weight3":"weight",P=h=>h==="heading2"?"case2":h==="heading3"?"case3":"case",A=Ki(t);return D("div",{className:"sf-style-list",children:md.map(h=>{let S=r===h.role;return D(ar,{styleKey:h.role,label:h.title,icon:h.icon,value:xe(e[h.role])?.label??e[h.role],sampleStyle:Pd(h,e,i,A),open:S,onToggle:()=>s(S?null:h.role),saved:b===h.role,children:S&&sn(uo,{children:[D(ln,{label:"Font",icon:D(ud,{}),htmlFor:`sf-font-${h.role}`,action:e[h.role]===Tn[h.role]?null:D(Ue,{label:"Font",what:"change",onClear:()=>a(h.role,Tn[h.role])}),children:D(Cd,{id:`sf-font-${h.role}`,value:e[h.role],onChange:d=>a(h.role,d)})}),h.step&&p&&D(fo,{label:"Size",icon:D(vt,{}),value:l[h.step],fallback:h.base*2,min:zi,max:Oi,step:_i,suffix:"px",hint:l[h.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:d=>p(h.step,d)}),(Je(h.role)||h.role==="accent")&&sn(uo,{children:[D(fo,{label:"Weight",icon:D(fd,{}),value:i[w(h.role)],fallback:Je(h.role)?it:i.weight??it,min:Vi,max:Ui,step:yd,hint:h.role==="accent"?"Auto = the accent phrase takes the heading's own weight.":void 0,onChange:d=>C({[w(h.role)]:d})}),D(Rd,{fontKey:e[h.role],weight:i[w(h.role)],fallbackWeight:Je(h.role)?it:i.weight??it,onWeight:d=>C({[w(h.role)]:d})})]}),Je(h.role)&&sn(uo,{children:[D(Fa,{label:"Line & text gap",icon:D(Aa,{}),options:Ed,value:t,onChange:f,hint:A.lineHeight===void 0?"The built-in spacing.":`Line gap ${A.lineHeight} \xB7 text gap ${A.letterSpacing}em.`,action:t===An?null:D(Ue,{label:"Line & text gap",what:"change",onClear:()=>f(An)})}),D(Fa,{label:"Capitals",icon:D(dd,{}),options:Id,value:i[P(h.role)],onChange:d=>C({[P(h.role)]:d}),hint:"The only setting that changes a heading's capitals.",action:i[P(h.role)]==="authored"?null:D(Ue,{label:"Capitals",what:"change",onClear:()=>C({[P(h.role)]:"authored"})})}),D(fo,{label:"Largest size",icon:D(vt,{}),value:i.maxPx,fallback:bd,min:Yi,max:Xi,step:xd,suffix:"px",hint:"Caps the biggest heading on the site. Auto = each section's own.",onChange:d=>C({maxPx:d})})]})]})},h.role)})})}function Pd(e,t,i,r){let s=Math.max(gd,e.base),a={fontFamily:`var(${xe(t[e.role])?.cssVar??"--font-body"})`,fontSize:`${s.toFixed(1)}px`,lineHeight:1.15};return Je(e.role)?(a.fontWeight=i.weight??it,a.textTransform=i.case==="sentence"?"none":"uppercase",r.letterSpacing!==void 0&&(a.letterSpacing=`${r.letterSpacing}em`)):e.role==="accent"?(a.fontWeight=i.weightStrong??i.weight??it,r.letterSpacing!==void 0&&(a.letterSpacing=`${r.letterSpacing}em`)):e.role==="label"&&(a.textTransform="uppercase",a.letterSpacing=kd),a}import{SettingsTabs as Fd}from"efficient-easel/panel";import{ContrastIcon as Ad,NoteIcon as Ld,SettingsIcon as Dd,TypeIcon as zd}from"efficient-easel/icons";function Da(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 Cg,pinPreviewToBottom as za,pinPreviewToSection as cn,previewFrame as Oa,scrollPreviewToSection as _a,scrollPreviewToTop as mo}from"efficient-easel/screen/lib/puck/preview-dom";var dn="sf-site-styles-tabpanel",yo=!1,Od="Show hints";function bo({shown:e,onChange:t}){return B("div",{className:"sf-hints",children:at("button",{type:"button","aria-pressed":e,onClick:()=>t(!e),className:`sf-rung sf-hints-toggle${e?" is-active":""}`,children:[B(Ld,{size:13}),Od]})})}var Ma="text",rt=[{id:"basics",label:"Basics",icon:B(Dd,{}),htmlId:"sf-site-styles-tab-basics",panelId:dn},{id:"theme",label:"Theme",icon:B(Ad,{}),htmlId:"sf-site-styles-tab-theme",panelId:dn},{id:"text",label:"Text",icon:B(zd,{}),htmlId:"sf-site-styles-tab-text",panelId:dn}];function _d({themeFromDocument:e,persist:t}){let{appState:i,dispatch:r}=go(y=>y),{theme:s,setTheme:a}=te(),l=i.data,p=l.root?.props??{},f=y=>{if(e){let u={...p,theme:y};r({type:"replaceRoot",root:{...l.root,props:u},recordHistory:!0})}else a(y);t({selected_preset:y.selected,theme_presets:y.themes})};return B(aa,{value:e?p.theme:s,onChange:f})}function Hd(e,t){let[i,r]=pn(null),s=Ha(null),a=JSON.stringify(e),l=Ha(t);return l.current=t,Nd(()=>{if(s.current===null){s.current=a;return}if(s.current===a)return;s.current=a;let p=window.setTimeout(()=>r(l.current),700),f=window.setTimeout(()=>r(null),2200);return()=>{window.clearTimeout(p),window.clearTimeout(f)}},[a]),i}function Md({themeFromDocument:e,persist:t}){let{appState:i,dispatch:r}=go(T=>T),[s,a]=pn(null),{fonts:l,setFonts:p,sizes:f,setSizes:y,headingCompression:u,setHeadingCompression:b,headingTypography:C,setHeadingTypography:w}=te(),P=i.data,A=P.root?.props??{},h=e?oi(A.fonts):l,S=e?Di:f,d=e?Gi(A.headingCompression):u,g=e?Zi(A.headingTypography):C,E=T=>r({type:"replaceRoot",root:{...P.root,props:{...A,...T}},recordHistory:!0}),N=Hd({curFonts:h,curCompression:d,curTypography:g},s);return B(La,{fonts:h,sizes:S,compression:d,headingTypography:g,openRole:s,onOpenRole:a,onFontChange:(T,G)=>{let W={...h,[T]:G};e?E({fonts:W}):p(W),t({heading_font:W.heading,body_font:W.body,accent_font:W.accent,label_font:W.label})},onSizeChange:e?void 0:(T,G)=>{let W={...S,[T]:G};y(W),t({heading_size_large_px:W.headingLarge,heading_size_medium_px:W.headingMedium,heading_size_small_px:W.headingSmall,accent_size_px:W.accent,body_size_px:W.body,label_size_px:W.label})},onCompressionChange:T=>{e?E({headingCompression:T}):b(T),t({heading_compression:T})},onHeadingTypographyChange:T=>{e?E({headingTypography:T}):w(T),t(Qi(T))},livePx:Wd,savedRole:N})}var Bd={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 Wd(e){if(typeof document>"u")return null;let t=(Oa()?.contentDocument??document).querySelector(Bd[e]);if(!t)return null;let i=parseFloat(getComputedStyle(t).fontSize);return Number.isFinite(i)?i:null}function $d({themeFromDocument:e,persist:t,showHint:i}){let{appState:r,dispatch:s}=go(C=>C),{cornerRadiusPx:a,setCornerRadiusPx:l}=te(),p=r.data,f=p.root?.props??{},y=f.cornerRadiusPx===void 0?Bi[Hi(f.cornerStyle)]:Wi(f.cornerRadiusPx),u=e?y:a,b=C=>s({type:"replaceRoot",root:{...p.root,props:{...f,...C}},recordHistory:!0});return B(sa,{value:u,onChange:C=>{e?b({cornerRadiusPx:C}):l(C),t({corner_radius_px:C})},showHint:i})}function jd(e){return{site_width:e}}function qd({persist:e,showHint:t}){let{siteWidth:i,setSiteWidth:r}=te();return B(ma,{value:i,onChange:s=>{r(s),e(jd(s),s===null)},showHint:t})}function Gd(e){return{block_gap:e}}function Kd(e){return{site_gutter:e}}function Vd({persist:e,showHint:t}){let{siteGutter:i,setSiteGutter:r}=te();return B(fa,{value:i,onChange:s=>{r(s),e(Kd(s),s===null)},showHint:t})}function Ud({persist:e,showHint:t}){let{blockGap:i,setBlockGap:r}=te();return B(da,{value:i,onChange:s=>{r(s),e(Gd(s),s===null)},showHint:t})}function Yd({persist:e,showHint:t}){let{heroBackgroundFollowsWidth:i,setHeroBackgroundFollowsWidth:r}=te();return B(ha,{value:i,onChange:s=>{r(s),e({hero_background_follows_width:s},!0)},showHint:t})}function Xd({persist:e,showHint:t=!0}){return at(St,{children:[B(qd,{persist:e,showHint:t}),B(Vd,{persist:e,showHint:t}),B(Ud,{persist:e,showHint:t}),B(Yd,{persist:e,showHint:t})]})}function Zd(e){return{card_shadow:e}}function Qd(e){return e===null?{shadow_color:null}:{shadow_color:qi(e)}}function Jd(e){return{hover_effect:e}}function ep({persist:e,showHint:t=!0}){let{cardShadow:i,setCardShadow:r,shadowColor:s,setShadowColor:a,hoverEffect:l,setHoverEffect:p}=te();return at(St,{children:[B(la,{value:i,onChange:f=>{r(f),e(Zd(f),!0)},showHint:t}),B(ca,{value:s,onChange:f=>{a(f),e(Qd(f),f===null)},showHint:t}),B(pa,{value:l,onChange:f=>{p(f),e(Jd(f),!0)},showHint:t})]})}function tp(e){return{photography_grayscale:e}}function np({persist:e,showHint:t}){let{photographyGrayscale:i,setPhotographyGrayscale:r}=te();return B(ua,{value:i,onChange:s=>{r(s),e(tp(s),!0)},showHint:t})}function op({persist:e,showHint:t=!0}){return B(St,{children:B(np,{persist:e,showHint:t})})}function st(){let{websiteName:e}=te();return e?.trim()||wr}function hn({themeFromDocument:e=!1,tokenRef:t,siteId:i,onNotify:r,tab:s,onTabChange:a}){let{persist:l}=ir({themeFromDocument:e,tokenRef:t,siteId:i,onResult:A=>{let h=Da(A);h&&r?.(h.msg,h.tone)}}),[p,f]=pn(rt[0].id),y=s!==void 0,u=y?s:p,b=y?a??(()=>{}):f,C=rt.find(A=>A.id===u)??rt[0],[w,P]=pn(yo);return at(St,{children:[B(Fd,{items:rt,activeId:C.id,onSelect:b,ariaLabel:"Site styles"}),at("div",{id:dn,role:"tabpanel","aria-labelledby":C.htmlId,children:[u==="basics"&&at(St,{children:[B($d,{themeFromDocument:e,persist:l,showHint:w}),!e&&B(ep,{persist:l,showHint:w}),!e&&B(Xd,{persist:l,showHint:w}),!e&&B(op,{persist:l,showHint:w}),B(bo,{shown:w,onChange:P})]}),u==="theme"&&B(_d,{themeFromDocument:e,persist:l}),u==="text"&&B(Md,{themeFromDocument:e,persist:l})]})]})}import{InspectorIconButton as sp}from"efficient-easel/chrome";import{Button as $a,Dialog as lp,FormField as cp,Input as dp,Tooltip as xo}from"efficient-shell/ui";import{AddIcon as pp}from"efficient-easel/icons";import{PagesIcon as hp}from"efficient-easel/rail";var ja="sf-editor-pages-collapsed-groups",up=e=>e.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""),qa=(e,t)=>{let i=up(e)||"page";if(!t.has(i))return i;let r=2;for(;t.has(`${i}-${r}`);)r+=1;return`${i}-${r}`};function Ga({onNavigate:e,onClose:t,activeSurface:i,onPreviewSurface:r}){let s=$e().chrome?.pageRows,a=Mt(),{adapter:l,capabilities:p,ready:f,currentSlug:y}=ce(),u=st(),[b,C]=Ye(null),[w,P]=Ye(""),[A,h]=Ye(!1),[S,d]=Ye(null),[g,E]=Ye(!1),[N,T]=Ye(""),G=ap(),W=rp(async()=>{if(f)try{C(await l.listPages())}catch{C([])}},[l,f]);Ba(()=>{C(null),W()},[W]);let[_,H]=Ye(()=>{if(typeof window>"u")return new Set;try{let x=window.localStorage.getItem(ja);return new Set(x?JSON.parse(x):[])}catch{return new Set}});Ba(()=>{try{window.localStorage.setItem(ja,JSON.stringify([..._]))}catch{}},[_]);let re=x=>H($=>{let U=new Set($);return U.has(x)?U.delete(x):U.add(x),U}),se=Wa(()=>Lr(b??[]),[b]),F=w.trim().toLowerCase(),Z=x=>!F||x.toLowerCase().includes(F),ye=x=>F?!0:!_.has(x),ue=Wa(()=>new Set((b??[]).map(x=>x.slug)),[b]),Re=()=>{if(p.pageCreationInAdminForm){a.send("storefront-editor:new-page");return}T(""),d(null),E(!0)},de=async()=>{let x=N.trim();if(!(!x||!f||A||!l.createPage)){h(!0),d(null);try{let $=await l.createPage({slug:qa(x,ue),title:x,layout:{}});await W(),E(!1),T(""),e($.slug)}catch{d("Couldn\u2019t add the page \u2014 please retry.")}finally{h(!1)}}},ke=async x=>{if(!(!f||A||!l.deletePage||(b??[]).length<=1)){h(!0);try{await l.deletePage(x.id);let $=(b??[]).filter(U=>U.id!==x.id);C($),d(null),x.slug===y&&$[0]&&e($[0].slug)}catch{d("Couldn\u2019t delete the page \u2014 please retry.")}finally{h(!1)}}},Pe=x=>a.send("storefront-editor:open-page",{slug:x}),pe=x=>{if(!Z(x.label))return null;let $=!i&&x.slug===y,U=p.canDeletePagesInline&&(b??[]).length>1;return Ie("div",{className:`sf-row sf-prow ${$?"is-selected":""}`,onClick:()=>e(x.slug),children:[L("span",{className:"sf-chip",children:L(fp,{})}),L("span",{className:"sf-row-name",children:x.label}),Ar(x)&&L("span",{className:"sf-badge-dynamic",children:"Dynamic"}),x.kind==="lightbox"&&L("span",{className:"sf-badge-lightbox",children:"Lightbox"}),x.draft&&L("span",{className:"sf-page-draft",children:"draft"}),p.pageCreationInAdminForm&&L(xo,{content:`Edit \u201C${x.label}\u201D in the admin`,children:L("button",{type:"button",className:"sf-page-edit","aria-label":`Edit ${x.label} in the admin`,onClick:le=>{le.stopPropagation(),Pe(x.slug)},children:L(we,{name:"pencil",size:13,strokeWidth:1.7,rounded:!0})})}),U&&L(xo,{content:`Delete \u201C${x.label}\u201D`,children:L("button",{type:"button",className:"sf-page-edit sf-page-edit--danger",disabled:A,"aria-label":`Delete ${x.label}`,onClick:le=>{le.stopPropagation(),ke(x)},children:L(we,{name:"trash",size:13,strokeWidth:1.7,rounded:!0})})})]},x.id)},oe=(x,$,U)=>{let le=U.filter(Boolean);if(le.length===0)return null;let Fe=ye(x);return Ie("div",{className:"sf-pgroup",children:[Ie("button",{type:"button",className:"sf-pgroup-head","aria-expanded":Fe,onClick:()=>re(x),children:[L(we,{name:"chevron-right",size:10,strokeWidth:2.6,rounded:!0,style:{transform:Fe?"rotate(90deg)":"none",transition:"transform 0.14s"}}),L("span",{className:"sf-pgroup-label",children:$}),L("span",{className:"sf-pgroup-count",children:le.length})]}),Fe&&L("div",{className:"sf-pgroup-body",children:le})]},x)},J=(s?.rows??[]).filter(x=>Z(x.label)).map(x=>{let $=i===x.key;return Ie("div",{className:`sf-row sf-prow sf-prow--shop ${$?"is-selected":""}`,onClick:()=>r(x.key),children:[L("span",{className:"sf-chip",children:x.icon}),L("span",{className:"sf-row-name",children:x.label}),L("span",{className:"sf-badge-preview",children:"Preview"}),L(xo,{content:`Open the ${x.label} in a new tab`,children:L("a",{className:"sf-page-edit",href:x.href,target:"_blank",rel:"noopener noreferrer","aria-label":`Open the ${x.label} in a new tab`,onClick:U=>U.stopPropagation(),children:L(we,{name:"external-link",size:13,strokeWidth:1.7,rounded:!0})})})]},x.key)}),j=p.hasSiteSettings&&!!s,Ne=(()=>{if(b===null)return null;let x=[],$=!1;for(let U of se)j&&!$&&U.key.startsWith("system:")&&(x.push(oe("shop",s.title,J)),$=!0),x.push(oe(U.key,U.label,U.rows.map(pe)));return j&&!$&&x.push(oe("shop",s.title,J)),x})();return Ie("div",{className:"sf-pages",children:[L(Gt,{icon:L(hp,{}),title:"Pages",context:u,actions:L(sp,{label:"New page",onClick:Re,children:L(pp,{size:15})}),onHide:t}),Ie("div",{className:"sf-pages-search",children:[L(we,{name:"search",size:14,rounded:!0}),L("input",{type:"search",className:"sf-pages-search-input",placeholder:"Search all pages\u2026",value:w,onChange:x=>P(x.target.value),"aria-label":"Search all pages"})]}),Ie("div",{className:"sf-pages-list sf-scroll",children:[S&&!g&&L("div",{className:"sf-note sf-note--error",role:"alert",children:S}),Ne===null?L("div",{className:"sf-note",children:"Loading\u2026"}):Ne.some(Boolean)?Ne:L("div",{className:"sf-note",children:w.trim()?"No pages match your search":"No pages yet"})]}),Ie("button",{type:"button",className:"sf-pages-new",onClick:Re,children:[L("span",{className:"sf-plus",children:"+"}),"New page"]}),L(lp,{open:g,onClose:()=>E(!1),size:"sm",title:"Add a page",description:"Give the new template page a name. It starts blank \u2014 add sections once it opens.",footer:Ie(ip,{children:[L($a,{variant:"secondary",onClick:()=>E(!1),children:"Cancel"}),L($a,{onClick:()=>{de()},disabled:A||!N.trim(),loading:A,children:A?"Adding\u2026":"Add page"})]}),children:L(cp,{label:"Page name",htmlFor:G,hint:N.trim()?`URL: /${qa(N,ue)}`:void 0,error:S??void 0,children:L(dp,{id:G,value:N,invalid:!!S,onChange:x=>T(x.target.value),onKeyDown:x=>{x.key==="Enter"&&de()},placeholder:"e.g. About"})})})]})}function fp(){return Ie("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:[L("path",{d:"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"}),L("path",{d:"M14 3v5h5"})]})}import{jsx as wo}from"react/jsx-runtime";import{DesktopIcon as mp,PhoneIcon as gp,TabletIcon as yp}from"efficient-easel/icons";var bp={desktop:wo(mp,{}),tablet:wo(yp,{}),mobile:wo(gp,{})},Ka=lr.map(e=>({id:e,label:sr[e],icon:bp[e]}));import{jsxs as De,jsx as M,Fragment as Io}from"react/jsx-runtime";import{useState as Th}from"react";import{useEasel as Ih}from"efficient-easel/easel";import{InspectorHead as Eh,InspectorIconButton as hs}from"efficient-easel/chrome";import{DuplicateIcon as Rh,TrashIcon as Ph}from"efficient-easel/icons";import{panelFieldsOf as Va}from"efficient-easel/screen/lib/puck/panel-fields";import{jsx as m,Fragment as z,jsxs as O}from"react/jsx-runtime";import{BlockBannerIcon as xp,BlockBoxIcon as wp,BlockButtonIcon as vp,BlockDividerIcon as Ua,BlockFooterIcon as Ya,BlockHeadingIcon as Sp,BlockProductIcon as kp,BlockSocialIcon as Cp,BlockTextIcon as Tp,ChatIcon as Ip,GridIcon as Ep,ImageIcon as Rp,PageIcon as Pp}from"efficient-easel/icons";var Np={header:O(z,{children:[m("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),m("path",{d:"M3 9.5h18"})]}),website:O(z,{children:[m("circle",{cx:"12",cy:"12",r:"9"}),m("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:O(z,{children:[m("circle",{cx:"6",cy:"12",r:"2.5"}),m("circle",{cx:"18",cy:"6",r:"2.5"}),m("circle",{cx:"18",cy:"18",r:"2.5"}),m("path",{d:"M8.2 10.8l7.6-3.6M8.2 13.2l7.6 3.6"})]}),ticker:O(z,{children:[m("rect",{x:"3",y:"8.5",width:"18",height:"7",rx:"2"}),m("path",{d:"M6 12h3.5M11.5 12h2M15.5 12h2.5"})]}),FooterLogo:O(z,{children:[m("path",{d:"M4 15.5h6M4 18h4"}),m("path",{d:"M14 8.5l3 7 3-7"})]}),FooterMenu:m("path",{d:"M6 7h12M6 11h12M6 15h8M6 19h8"}),FooterGroup:O(z,{children:[m("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",strokeDasharray:"3 2.5"}),m("path",{d:"M8 9h8M8 13h8M8 16h5"})]}),FooterText:m("path",{d:"M5 7h14M5 12h14M5 17h9"}),FooterEmailSignup:O(z,{children:[m("rect",{x:"3",y:"6",width:"18",height:"12",rx:"2"}),m("path",{d:"M3.5 7l8.5 6 8.5-6"})]}),SearchBlock:O(z,{children:[m("circle",{cx:"11",cy:"11",r:"6"}),m("path",{d:"M20 20l-4.2-4.2"})]}),CartBlock:zr,CountrySwitchBlock:O(z,{children:[m("circle",{cx:"12",cy:"12",r:"8.5"}),m("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:O(z,{children:[m("path",{d:"M3 9h18"}),m("path",{d:"M3 14h8M14 14h2M18 14h3"})]}),Hero:O(z,{children:[m("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),m("path",{d:"M7 13.5h7M7 16.5h10"})]}),HeroSlide:O(z,{children:[m("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),m("path",{d:"M7 15h6M16 9.5h.01M9.5 12l-2.5 3"})]}),HeroSingle:O(z,{children:[m("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),m("path",{d:"M10.5 8.5l4 2.5-4 2.5z"}),m("path",{d:"M7 17h7"})]}),Collections:O(z,{children:[m("rect",{x:"3",y:"5",width:"4.6",height:"14",rx:"1.3"}),m("rect",{x:"9.7",y:"5",width:"4.6",height:"14",rx:"1.3"}),m("rect",{x:"16.4",y:"5",width:"4.6",height:"14",rx:"1.3"})]}),CollectionCard:O(z,{children:[m("rect",{x:"6",y:"4",width:"12",height:"16",rx:"2"}),m("path",{d:"M9 15h6M9 17.5h4"})]}),AlloyWheelsListing:O(z,{children:[m("path",{d:"M3 5h5M3 9h5M3 13h5M3 17h5"}),m("rect",{x:"11.5",y:"5",width:"4.2",height:"5",rx:"1"}),m("rect",{x:"17.3",y:"5",width:"4.2",height:"5",rx:"1"}),m("rect",{x:"11.5",y:"12",width:"4.2",height:"5",rx:"1"}),m("rect",{x:"17.3",y:"12",width:"4.2",height:"5",rx:"1"})]}),CatalogFilterBar:O(z,{children:[m("path",{d:"M3 7h9M15.5 7H21"}),m("circle",{cx:"13.5",cy:"7",r:"1.7"}),m("path",{d:"M3 12h4M10.5 12H21"}),m("circle",{cx:"8.5",cy:"12",r:"1.7"}),m("path",{d:"M3 17h9M15.5 17H21"}),m("circle",{cx:"13.5",cy:"17",r:"1.7"})]}),ProductGrid:O(z,{children:[m("rect",{x:"3",y:"5",width:"4.8",height:"6",rx:"1"}),m("rect",{x:"9.6",y:"5",width:"4.8",height:"6",rx:"1"}),m("rect",{x:"16.2",y:"5",width:"4.8",height:"6",rx:"1"}),m("rect",{x:"3",y:"13",width:"4.8",height:"6",rx:"1"}),m("rect",{x:"9.6",y:"13",width:"4.8",height:"6",rx:"1"}),m("rect",{x:"16.2",y:"13",width:"4.8",height:"6",rx:"1"})]}),RelatedProducts:O(z,{children:[m("path",{d:"M3 5h10"}),m("rect",{x:"3",y:"9.5",width:"5",height:"9",rx:"1"}),m("rect",{x:"9.5",y:"9.5",width:"5",height:"9",rx:"1"}),m("rect",{x:"16",y:"9.5",width:"5",height:"9",rx:"1"})]}),Gallery:O(z,{children:[m("rect",{x:"3",y:"4",width:"11",height:"16",rx:"2"}),m("rect",{x:"15.5",y:"4",width:"5.5",height:"7.5",rx:"1.5"}),m("rect",{x:"15.5",y:"12.5",width:"5.5",height:"7.5",rx:"1.5"})]}),GalleryB:O(z,{children:[m("rect",{x:"3.5",y:"4",width:"7.5",height:"7.5",rx:"1.5"}),m("rect",{x:"13",y:"4",width:"7.5",height:"7.5",rx:"1.5"}),m("rect",{x:"3.5",y:"12.5",width:"7.5",height:"7.5",rx:"1.5"}),m("rect",{x:"13",y:"12.5",width:"7.5",height:"7.5",rx:"1.5"})]}),GalleryItem:O(z,{children:[m("rect",{x:"4",y:"5",width:"16",height:"14",rx:"2"}),m("circle",{cx:"9",cy:"10",r:"1.6"}),m("path",{d:"M20 15.5l-4.5-4L7 19"})]}),Events:O(z,{children:[m("rect",{x:"4",y:"5",width:"16",height:"15",rx:"2"}),m("path",{d:"M4 9.5h16M8.5 3v4M15.5 3v4M8 14h2M14 14h2"})]}),PostCard:O(z,{children:[m("rect",{x:"4",y:"3.5",width:"16",height:"17",rx:"2"}),m("rect",{x:"6.5",y:"6",width:"11",height:"6",rx:"1"}),m("path",{d:"M6.5 14.5h11M6.5 17.5h7"})]}),Manifesto:O(z,{children:[m("path",{d:"M7 8h3.2v4c0 1.6-1 2.6-3 3.2"}),m("path",{d:"M14 8h3.2v4c0 1.6-1 2.6-3 3.2"})]}),Stats:O(z,{children:[m("path",{d:"M3.5 20h17"}),m("path",{d:"M6 20v-7M11 20V7M16 20v-5M20.5 20v-9"})]}),Logos:O(z,{children:[m("circle",{cx:"6",cy:"12",r:"2.6"}),m("rect",{x:"10",y:"9.4",width:"5.2",height:"5.2",rx:"1.2"}),m("path",{d:"M19 9.2l2.4 5h-4.8z"})]}),Ticker:O(z,{children:[m("rect",{x:"3",y:"8.5",width:"18",height:"7",rx:"2"}),m("path",{d:"M6 12h3.5M11.5 12h2M15.5 12h2.5"})]}),SectionHeader:O(z,{children:[m("rect",{x:"3.5",y:"6",width:"5",height:"5",rx:"1.2"}),m("path",{d:"M11 8.5h9M3.5 15.5h17"})]}),IntroBleed:O(z,{children:[m("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),m("path",{d:"M3 13.5h18M7 16.8h6"})]}),Split:O(z,{children:[m("rect",{x:"3",y:"5",width:"8",height:"14",rx:"1.5"}),m("path",{d:"M14 8.5h6M14 12h6M14 15.5h4"})]}),Eyebrow:O(z,{children:[m("path",{d:"M4 8.5h4.5M11 8.5h9"}),m("path",{d:"M4 14.5h16"})]}),HeroGroup:O(z,{children:[m("rect",{x:"3.5",y:"4.5",width:"17",height:"15",rx:"2"}),m("path",{d:"M7 9h8M7 12.5h10M7 16h6"})]}),Form:O(z,{children:[m("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),m("path",{d:"M6.5 9h11M6.5 12.5h11"}),m("rect",{x:"6.5",y:"15",width:"6.5",height:"2.6",rx:"1.3"})]}),LogoBlock:m(z,{children:m("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:O(z,{children:[m("path",{d:"M12 4v6M9.5 6.5L12 4l2.5 2.5M12 20v-6M9.5 17.5L12 20l2.5-2.5"}),m("path",{d:"M5 13h14",strokeDasharray:"2 2.5"})]}),ContactRouting:O(z,{children:[m("rect",{x:"3",y:"4",width:"5",height:"5",rx:"1"}),m("rect",{x:"9.5",y:"4",width:"5",height:"5",rx:"1"}),m("rect",{x:"16",y:"4",width:"5",height:"5",rx:"1"}),m("path",{d:"M4 13.5h11M4 17.5h7"}),m("path",{d:"M17 15l3 2-3 2"})]}),CustomHTML:m("path",{d:"M9 8l-4 4 4 4M15 8l4 4-4 4"})},Fp=m("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2.5"}),Ap={footer:Ya,Footer:Ya,Divider:Ua,FooterDivider:Ua,Banner:xp,Flex:wp,FooterSocial:Cp,page:Pp,chat:Ip,Heading:Sp,Text:Tp,ImageBlock:Rp,ButtonBlock:vp,Grid:Ep,ProductRef:kp},Lp={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial",SiteHeader:"header",SiteFooter:"footer"};function lt({type:e,size:t=16,className:i}){let r=Lp[e]??e,s=Ap[r];return s?m(s,{size:t,className:i}):m("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",className:i,"aria-hidden":"true",children:Np[r]??Fp})}import{jsx as ge,Fragment as Dp,jsxs as zp}from"react/jsx-runtime";import{useEffect as Op,useId as _p,useState as Hp}from"react";import{SettingsField as Xa,SettingsSwitch as Mp}from"efficient-easel/panel";import{EyeIcon as Bp,TypeIcon as Wp}from"efficient-easel/icons";var $p="Chat with us",jp="We usually reply within a few minutes",qp="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function vo({label:e,value:t,placeholder:i,onCommit:r,multiline:s=!1}){let[a,l]=Hp(t);Op(()=>l(t),[t]);let p=()=>{a!==t&&r(a)};return ge(Xa,{label:e,icon:ge(Wp,{}),children:s?ge("textarea",{value:a,placeholder:i,rows:3,onChange:f=>l(f.target.value),onBlur:p,"aria-label":e}):ge("input",{type:"text",value:a,placeholder:i,onChange:f=>l(f.target.value),onBlur:p,onKeyDown:f=>{f.key==="Enter"&&f.currentTarget.blur()},"aria-label":e,autoComplete:"off"})})}function Za(){let{chat:e,setChat:t}=$t(),i=_p();return zp(Dp,{children:[ge(Xa,{label:"Show the chat bubble",labelId:i,icon:ge(Bp,{}),action:ge(Mp,{checked:e.enabled,onChange:r=>t({enabled:r}),ariaLabelledBy:i}),hint:e.enabled?"The floating chat bubble shows in the corner of every page.":"The chat bubble is hidden across the whole site."}),ge(Wt,{label:"Wording"}),ge(vo,{label:"Title",value:e.title,placeholder:$p,onCommit:r=>t({title:r})}),ge(vo,{label:"Subtitle",value:e.subtitle,placeholder:jp,onCommit:r=>t({subtitle:r})}),ge(vo,{label:"Greeting message",value:e.greeting,placeholder:qp,onCommit:r=>t({greeting:r}),multiline:!0}),ge("p",{className:"es-field-hint sf-hint-keep",children:"Leave a field blank to use the built-in wording."})]})}import{jsx as Xe,Fragment as So,jsxs as es}from"react/jsx-runtime";import{useEffect as Gp,useId as Qa,useState as Ja}from"react";import{SettingsField as Kp}from"efficient-easel/panel";var Vp={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 Up({platform:e}){let{rows:t,saveLink:i}=gt(),{value:r,error:s}=t[e],[a,l]=Ja(r),[p,f]=Ja(!1),y=Qa(),u=Qa();Gp(()=>l(r),[r]);let b=async()=>{if(a.trim()===r){a!==r&&l(r);return}f(!0),await i(e,a),f(!1)},C=kr[e];return es(So,{children:[Xe(Kp,{label:C,htmlFor:y,icon:Xe(Or,{platform:e,iconStyle:"outline",size:18}),children:Xe("input",{id:y,type:"text",inputMode:"url",value:a,placeholder:Vp[e],onChange:w=>l(w.target.value),onBlur:()=>{b()},onKeyDown:w=>{w.key==="Enter"&&w.currentTarget.blur(),w.key==="Escape"&&(l(r),w.currentTarget.blur())},"aria-invalid":s?!0:void 0,"aria-describedby":s?u:void 0,"aria-busy":p||void 0,autoComplete:"off",spellCheck:!1})}),s&&Xe("p",{id:u,className:"sf-note sf-note--error",role:"alert",children:s})]})}function ts({unavailable:e}){let{canSave:t}=gt();return!t&&e?Xe(So,{children:e}):es(So,{children:[Xe("p",{className:"es-field-hint sf-hint-keep",children:"Paste a link to each profile. A platform left empty shows nothing on the site."}),Sr.map(i=>Xe(Up,{platform:i},i))]})}import{jsx as ct,jsxs as Yp}from"react/jsx-runtime";import{useId as Xp,useMemo as Zp}from"react";import{useEasel as Qp}from"efficient-easel/easel";import{SettingsField as Jp,SettingsSwitch as eh}from"efficient-easel/panel";import{EyeIcon as th}from"efficient-easel/icons";var nh="root:default-zone";function ns({heroId:e}){let{appState:t,dispatch:i}=Qp(u=>u),r=t.data.content??[],s=r.findIndex(u=>u.props.id===e),a=s>=0?r[s]:null,l=a?a.props.showTicker??!0:!0,p=Zp(()=>{let u=a?.props.tickerItems;return Array.isArray(u)?u:Hr.map(b=>({text:b}))},[a]),f=Xp();if(!a)return ct("p",{className:"sf-note",children:"This ticker\u2019s hero is no longer on the page."});let y=u=>i({type:"replace",destinationZone:nh,destinationIndex:s,data:{...a,props:{...a.props,...u}}});return Yp("div",{children:[ct(Wt,{label:"Ticker"}),ct(Jp,{label:"Show ticker",labelId:f,icon:ct(th,{}),action:ct(eh,{checked:l,onChange:u=>y({showTicker:u}),ariaLabelledBy:f})}),ct(gr,{label:Dn.label,icon:Dn.icon,items:p,placeholder:"item",onChange:u=>y({tickerItems:u}),markup:!0})]})}import{jsx as Se,jsxs as ko,Fragment as oh}from"react/jsx-runtime";import{useCallback as ih,useRef as rh,useState as kt}from"react";import{InspectorIconButton as ah}from"efficient-easel/chrome";import{PopupMenu as sh,PopupMenuItem as lh,PopupMenuLabel as un}from"efficient-shell/ui";import{CopyToPageIcon as ch}from"efficient-easel/icons";import{cloneNodeWithFreshIds as os,docToNode as jy,nodeToDoc as qy}from"efficient-easel/screen/lib/puck/section-doc";function is({node:e,currentSlug:t,siteId:i,tokenRef:r,runAuthed:s,onNotify:a}){let[l,p]=kt(!1),[f,y]=kt(null),u=$e(),[b,C]=kt(!1),[w,P]=kt(null),A=rh(null),[h,S]=kt(null),d=ih(async()=>{if(u.usesBridgedToken&&!r.current){C(!0);return}try{y(await pt(u).pages.list(i?{siteId:i}:void 0))}catch{C(!0)}},[r,i,u]),g=()=>{if(l){p(!1);return}let T=A.current?.getBoundingClientRect();T&&S({top:T.bottom+6,right:Math.max(8,window.innerWidth-T.right)}),y(null),C(!1),d(),p(!0)},E=(f??[]).filter(T=>T.slug!==t),N=async T=>{if(w)return;P(T.slug);let G=os(e),W=u.documentHooks?.storedNode?.(G)??G,_=pt(u).pages,H=await s(async()=>{let re=await _.load({id:T.id});if(!re)throw new Error(`Page "${T.slug}" no longer exists.`);let se=re.layout??{},F=Array.isArray(se.content)?[...se.content]:[],Z=F.findIndex(ye=>ye?.type===ee);F.splice(Z===-1?F.length:Z,0,W),await _.save(T.id,{layout:{root:{},zones:{},...se,content:F}},{version:re.version,clientId:""})});P(null),p(!1),a?.(H?`Duplicated to \u201C${T.label}\u201D`:"Couldn\u2019t duplicate the section \u2014 please retry",H?"success":"error")};return ko(oh,{children:[Se("span",{"data-menu-toggle":!0,style:{display:"contents"},children:Se(ah,{buttonRef:A,label:"Duplicate to another page",hasPopup:"menu",expanded:l,onClick:g,children:Se(ch,{size:15})})}),l&&h&&Se(sh,{portal:!0,style:{top:h.top,right:h.right},onClose:()=>p(!1),children:ko("div",{role:"menu","aria-label":"Duplicate to page",children:[Se(un,{children:"Duplicate to page\u2026"}),b?Se(un,{children:"Couldn\u2019t load pages"}):f===null?Se(un,{children:"Loading\u2026"}):E.length===0?Se(un,{children:"No other pages"}):E.map(T=>ko(lh,{role:"menuitem",disabled:w!==null,onClick:()=>{N(T)},children:[Se("span",{className:"min-w-0 flex-1 truncate",children:T.label}),w===T.slug?Se("span",{className:"shrink-0 text-xs",children:"Copying\u2026"}):T.draft&&Se("span",{className:"shrink-0 text-xs",children:"draft"})]},T.id))]})})]})}import{ScreenPartsProvider as ob,sameInspectorMode as ib,SELECTION_MODE as rs,useScreenParts as rb,useScreenBlockLook as ab,useScreenBlockRules as sb,useScreenBridges as lb,useScreenCanvasFrame as cb,useScreenDevices as db,useScreenDocumentPass as pb,useScreenInspectorPanel as hb,useScreenLeftView as ub,useScreenOwnerName as fb,useScreenPinned as mb,useStandaloneScreenBridges as gb}from"efficient-easel/screen/lib/screen-parts";import{jsx as Ct,jsxs as dh}from"react/jsx-runtime";import{SettingsDrill as ph}from"efficient-easel/panel";var hh="Not shown on the page";function uh({part:e,onOpen:t}){return Ct(ph,{name:e.label,preview:e.offPage?hh: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(we,{name:"eye-off",size:14})}):void 0,onOpen:()=>t(e.key)})}function as({parts:e,onOpen:t}){let i=e.filter(r=>!r.identifier);return i.length?dh("div",{className:"sf-entries",children:[Ct("h3",{className:"sf-entries-head",children:"Text"}),i.map(r=>Ct(uh,{part:r,onOpen:t},r.key))]}):null}import{jsx as gn,jsxs as cs}from"react/jsx-runtime";import{useState as gh}from"react";import{createNode as yh,newId as bh}from"efficient-easel/data";import{useEasel as xh}from"efficient-easel/easel";var fn="Flex",fh={FooterMenu:"MenuBlock",FooterEmailSignup:"EmailFormBlock",FooterSocial:"SocialLogosBlock"},mh=e=>{let{id:t,...i}=e;return i},ss=e=>typeof e=="string"?e:"";function ls(e,t){let i=e.props??{},r=fh[e.type];if(r)return[t(r,mh(i))];switch(e.type){case"FooterLogo":{let s=t("LogoBlock",i.reverse?{reverse:i.reverse}:{}),a=ss(i.tagline).trim();return a?[s,t("Text",{text:a,tone:"dim",align:i.align==="center"?"center":"left"})]:[s]}case"FooterText":return[t("Text",{text:ss(i.text),tone:typeof i.tone=="string"?i.tone:"default"})];case"FooterDivider":return[t("Divider")];case"FooterGroup":{let s=Array.isArray(i.blocks)?i.blocks:[];return[t(fn,{direction:i.direction==="horizontal"?"row":"column",content:s.flatMap(a=>ls(a,t))})]}default:return[]}}function mn(e,t,i){let r=(e&&Array.isArray(e.props?.blocks)?e.props.blocks:[]).flatMap(l=>{let p=ls(l,t);return p.length<=1?p:[t(fn,{direction:"column",content:p})]}),s=t(fn,{direction:"row",wrap:!0,share:"equal",content:r}),a=t(fn,{direction:"column",content:[t("LegalLineBlock")]});return Yo(be,i,[s,a])}function ds(){let{appState:e,dispatch:t,config:i}=xh(u=>u),{readOnly:r}=ce(),[s,a]=gh(!1),l=e.data.content;if(r||l.some(u=>u.type===be))return null;let p=l.find(u=>u.type===ee)??null,f=(u,b)=>yh(i,u,b),y=()=>{let u=mn(p,f,bh(be));t({type:"setData",data:b=>({...b,content:[...Zo(b.content,u)]}),recordHistory:!0}),a(!1)};return cs("div",{className:"sf-box-footer-switch",children:[gn("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."}),s?cs("div",{className:"sf-box-footer-switch-row",children:[gn("button",{type:"button",className:"es-btn-primary",onClick:y,children:"Switch now"}),gn("button",{type:"button",className:"es-btn-ghost",onClick:()=>a(!1),children:"Cancel"})]}):gn("button",{type:"button",className:"es-btn-ghost",onClick:()=>a(!0),children:"Switch to Box footer"})]})}import{jsx as ps}from"react/jsx-runtime";import{useState as wh}from"react";import{useSelectedFields as vh}from"efficient-easel/easel";import{Inspector as Sh,planFields as kh}from"efficient-easel/fields";var Co=new Map,Ch=Object.fromEntries(br.map(e=>{let t=fr[e];return[e,ps(t,{},e)]}));function To({entries:e}){let{id:t,fields:i,values:r,readOnly:s,onChange:a}=vh(),[l,p]=wh(()=>Co.get(t)),f=Co.get(t),y=kh(i).buckets,u=f&&y.includes(f)?f:l&&y.includes(l)?l:y[0],b=u===void 0||mr(y,u)!==!0;return ps(Sh,{fields:i,values:r,onChange:a,readOnly:s,tab:u,onTab:C=>{Co.set(t,C),p(C)},tabIcons:Ch,idPrefix:t,ariaLabel:"Section settings",children:b?e:null})}import{SettingsSwitch as Nh}from"efficient-easel/panel";var us=rs,Eo={kind:"header"},Ro={kind:"website"},fs={kind:"chat"},ms={kind:"social"},dt="Part";function Fh(e,t,i){let r=e.describeNode(t);return{name:i,kindLabel:r?`${dt} of ${r.label}`:dt}}function gs({what:e}){return De("div",{className:"sf-note",children:[M("p",{children:De("strong",{children:[e," settings belong to a website."]})}),De("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 Ah={header:{name:"Header",kindLabel:"Site settings",icon:"header",render:(e,t)=>{let i=t.hostPanels?.header;return i?M(i,{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)=>M(hn,{themeFromDocument:!t.capabilities.hasSiteTheme,tokenRef:t.tokenRef,siteId:t.siteId,onNotify:t.onNotify})},chat:{name:"Live chat",kindLabel:"Site settings",icon:"chat",render:()=>M(Za,{})},social:{name:"Social links",kindLabel:"Site settings",icon:"social",render:()=>M(ts,{unavailable:M(gs,{what:"Social link"})})},ticker:{name:yt,kindLabel:dt,icon:"ticker",head:(e,t)=>e.kind==="ticker"?Fh(t,e.heroId,yt):null,render:e=>M(ns,{heroId:e.kind==="ticker"?e.heroId:""})},part:{name:dt,kindLabel:dt,icon:"Text",head:(e,t)=>{if(e.kind!=="part")return null;let i=t.describeNode(e.nodeId);if(!i)return null;let{key:r,row:s}=et(e.propKey),a=s?en(i.fields[r],s):i.fields[r],l=yi(vi(wi(a??{},r)),s);return{name:t.styleNameOfPart(e.nodeId,e.propKey)??l,kindLabel:`${dt} of ${i.label}`}},render:(e,t)=>e.kind==="part"?M(Na,{nodeId:e.nodeId,propKey:e.propKey,onBack:()=>t.onSelectNode(e.nodeId),onEditStyle:t.onOpenSiteStyles}):null}},Lh=new Set(["header","website","chat"]);function Dh(e,t){if(e==="puck")return null;let i=Ah[e];return Lh.has(e)&&!t.hasSiteSettings?{...i,kindLabel:"Not part of a template",render:()=>M(gs,{what:i.name})}:i}function ys({mode:e,onOpenWebsiteSettings:t,onOpenSiteStyles:i,onSelectNode:r,hideNodeActions:s=!1,onNotify:a,onHidePanel:l}){let{capabilities:p,tokenRef:f,notifyParent:y,currentSlug:u,siteId:b,runAuthed:C}=ce(),{websiteName:w,fonts:P}=te(),{partStyle:A}=Dt(),h=Ht(),{select:S}=Lt(),{selectedItem:d,getItemById:g,getSelectorForId:E,config:N,appState:T}=Ih(he=>he),G=Va(N,d?{type:d.type,props:d.props}:null),W=he=>N.components[he]?.label??he,_=d?E(d.props.id):void 0,H=Dh(e.kind,p),re=$e(),se=re.chrome?.panels?.chromePage,F={capabilities:p,tokenRef:f,hostPanels:re.chrome?.panels,describeNode:he=>{let Ce=g(he);if(!Ce)return null;let _e=N.components[Ce.type];return{type:Ce.type,label:_e?.label??Ce.type,fields:_e?.fields??{}}},styleNameOfPart:(he,Ce)=>{let _e=g(he);if(!_e)return null;let He=ut(he,Ce),Me=A?.partId===He?A:null;return Pa(_e.props,Ce,Me,P)},siteId:b,websiteName:w??null,notifyParent:y,onNotify:a,onOpenWebsiteSettings:t,onOpenSiteStyles:i,onSelectNode:r},Z=H?.head?.(e,F)??null,ye=Z?.name??(H?H.name:d?W(d.type):"Page settings"),ue=Z?.kindLabel??(H?H.kindLabel:d?_&&_.zone!==Be?"Block":"Section":"Page"),Re=H?H.icon:d?d.type:"page",de=H?null:d?N.components[d.type]?.fields??null:N.root?.fields??null,ke=de?xr(de):2,Pe=e.kind==="puck"&&d?tn(d.type):null,pe=!!d&&!!_&&_.zone===Be&&d.type!==ee&&d.type!==Ae,oe=Nt(T?.data,d),J=()=>{oe||_&&h.duplicateComponent(_.zone,_.index)},j=()=>{_&&(h.removeComponent(_.zone,_.index),h.select(null))},Ne=d?N.components[d.type]?.defaultProps?.previewHover:void 0,x=e.kind==="puck"&&!!d&&!!_&&Ne!==void 0,$=x&&d.props.previewHover===!0,U=()=>{!d||!_||h.replaceComponent(_.zone,_.index,{...d,props:{...d.props,previewHover:!$}})},[le,Fe]=Th(yo);return De("div",{className:`es-sidepanel es-sidepanel--right sf-panel sf-panel--right${le||!(!H&&d)?"":" sf-hints-folded"}`,children:[M(Eh,{icon:M(lt,{type:Re,size:15}),name:ye,kind:ue,actions:!s&&e.kind==="puck"&&d&&d.type!==ee?De(Io,{children:[M(hs,{label:"Duplicate section",title:oe??void 0,disabled:oe!==null,onClick:J,children:M(Rh,{size:15})}),pe&&p.hasSiteSettings&&M(is,{node:d,currentSlug:u,siteId:b??void 0,tokenRef:f,runAuthed:C,onNotify:a}),M(hs,{label:"Remove section",danger:!0,onClick:j,children:M(Ph,{size:15})}),l?M(Gn,{side:"right",onHide:l,divider:!0}):null]}):l?M(Gn,{side:"right",onHide:l}):void 0}),x&&De("div",{className:"sf-preview-pin",children:[De("div",{className:"sf-preview-pin-text",children:[M("span",{className:"sf-preview-pin-label",children:"Preview hover state"}),M("span",{className:"sf-preview-pin-hint",children:"not shown live"})]}),M(Nh,{checked:$,onChange:U,ariaLabel:"Preview hover state"})]}),M(dr,{tier:ke,children:M("div",{className:"sf-insp-body sf-scroll",children:H?H.render(e,F):d?De(Io,{children:[M(rr,{children:M(To,{entries:M(as,{parts:Si(G??N.components[d.type]?.fields,d.props),onOpen:he=>S(ut(d.props.id,he))})})}),d.type===ee&&p.hasSiteSettings&&M(ds,{}),Pe&&M(an,{source:Pe,slug:xt(d?.props)}),M(bo,{shown:le,onChange:Fe})]}):De(Io,{children:[M(To,{}),u===Ve&&p.hasSiteSettings&&se&&M(se,{})]})})})]})}import{jsx as n,jsxs as c,Fragment as Ss}from"react/jsx-runtime";var ne={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)"},Po="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 v({w:e,h:t,tone:i="dark",r=2,style:s}){return n("div",{style:{width:e,height:t,borderRadius:r,background:ne[i],flex:"none",...s}})}var zh={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"},I={position:"absolute",inset:0},o={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)"},X=(e,t,i=160)=>({background:`linear-gradient(${i}deg,${e},${t})`});function Oe({size:e,style:t}){let i=Math.max(2,Math.round(e*.13)),r=(s,a,l)=>({position:"absolute",inset:s,background:a,borderRadius:i,...l?{mixBlendMode:l}:null});return c("span",{style:{position:"absolute",display:"block",width:e,height:e,...t},children:[n("span",{style:r("8% 26% 30% 6%",o.mark1)}),n("span",{style:r("26% 6% 8% 30%",o.mark2,"multiply")})]})}function It({children:e}){return n("span",{style:{fontSize:"4.64cqw",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:o.muted},children:e})}function bs({over:e,overTone:t,head:i,headSize:r=11.5,cta:s,ctaBg:a,ctaFg:l,tone:p}){return c(Ss,{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:i}),s&&n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,marginTop:2,background:a,color:l},children:s})]})}function No({name:e,price:t}){return c("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[n("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",...X(o.paper,o.paper2,150)},children:n(Oe,{size:34,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("span",{style:{fontSize:"3.65cqw",fontWeight:600,color:o.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:o.muted},children:t})]})}function ze({k:e,v:t,ok:i}){return c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,padding:"3.5px 2px",borderBottom:`1px solid ${o.rule}`,fontSize:"3.98cqw",color:o.muted},children:[n("span",{children:e}),c("span",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("b",{style:{color:o.text,fontWeight:700},children:t}),i&&n("span",{style:{color:o.rust,fontWeight:700},children:"\u2713"})]})]})}function q({title:e,children:t}){return c("div",{style:{...I,background:o.card,padding:"9px 10px",display:"flex",flexDirection:"column",gap:6},children:[n(It,{children:e}),t]})}function xs({size:e=14}){return n("span",{style:{width:e,height:e,borderRadius:"50%",flex:"none",display:"block",background:`linear-gradient(150deg,${o.mark1},${o.mark2})`}})}function Fo({filled:e=5,size:t=6}){return c("span",{style:{fontSize:t,letterSpacing:"0.06em",color:o.rust,lineHeight:1},children:["\u2605".repeat(e),n("span",{style:{color:o.mark1},children:"\u2605".repeat(5-e)})]})}function Tt({n:e,label:t,tone:i=o.text}){return c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("b",{style:{fontSize:"8.16cqw",lineHeight:1,color:i},children:e}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",opacity:.62,color:i},children:t})]})}function ie({children:e,w:t}){return n("span",{style:{fontSize:"3.98cqw",lineHeight:1.45,color:o.muted,width:t,display:"block"},children:e})}function yn({label:e,w:t="100%",filled:i}){return c("div",{style:{width:t,display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:o.muted},children:e}),n("span",{style:{height:9,borderRadius:3,border:`1px solid ${o.rule}`,background:i?o.paper:o.card}})]})}function ws({children:e}){return n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:o.text,color:o.onInk},children:e})}var Oh={wheelslisting:n(q,{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,i])=>c("div",{style:{display:"flex",alignItems:"center",gap:6},children:[n("span",{style:{width:20,height:15,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",...X(o.paper,o.paper2,150)},children:n(Oe,{size:12,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("b",{style:{flex:1,fontSize:"4.31cqw",color:o.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:o.muted},children:t}),n("b",{style:{fontSize:"4.31cqw",color:o.text,width:26,textAlign:"right"},children:i})]},e))})}),catalogfilterbar:c("div",{style:{...I,background:o.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[c("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[["20 inch","6\xD7139.7","Black"].map(e=>c("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"4px 7px",borderRadius:99,background:o.text,color:o.onInk,display:"flex",gap:4,alignItems:"center"},children:[e,n("span",{style:{opacity:.6},children:"\u2715"})]},e)),n("span",{style:{fontSize:"3.65cqw",color:o.rust,fontWeight:700},children:"Clear"})]}),c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n("span",{style:{fontSize:"3.65cqw",color:o.muted},children:"128 results"}),n("span",{style:{fontSize:"3.65cqw",color:o.muted,border:`1px solid ${o.rule}`,borderRadius:3,padding:"3px 6px"},children:"Sort: Price \u25BE"})]})]}),fitmentfinder:c("div",{style:{...I,padding:"10px 12px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center",...X(o.ink,o.inkSoft)},children:[n("span",{style:{fontSize:"5.31cqw",fontWeight:700,color:o.onInk},children:"Will it fit your rig?"}),c("div",{style:{display:"flex",gap:4},children:[["2021","Toyota","Hilux"].map(e=>c("span",{style:{flex:1,fontSize:"3.65cqw",color:o.text,background:o.card,borderRadius:3,padding:"5px 6px",display:"flex",justifyContent:"space-between"},children:[e," ",n("span",{style:{color:o.muted},children:"\u25BE"})]},e)),n("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.08em",background:o.warm,color:o.ink,borderRadius:3,padding:"5px 7px"},children:"GO"})]})]}),compatibletyres:n(q,{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])=>c("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:o.ink},children:n("span",{style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%,-50%)",width:26,height:26,borderRadius:"50%",border:`5px solid ${o.mark2}`,boxSizing:"border-box"}})}),n("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:o.text,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:e}),n("span",{style:{fontSize:"3.32cqw",color:o.muted},children:t})]},e))})}),tyresizes:n(q,{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?o.rust:o.rule}`,color:t===0?o.rust:o.text,background:t===0?o.paper:o.card},children:e},e))})}),tyrefitment:c(q,{title:"Will it fit your car?",children:[n("div",{style:{display:"flex",gap:3},children:["Make","Model","Year","Trim"].map(e=>c("span",{style:{flex:1,minWidth:0,fontSize:"3.32cqw",color:o.muted,background:o.paper,border:`1px solid ${o.rule}`,borderRadius:3,padding:"4px 5px",display:"flex",justifyContent:"space-between",gap:2,overflow:"hidden",whiteSpace:"nowrap"},children:[e," ",n("span",{style:{color:o.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,i])=>c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",gap:6,borderTop:`1px solid ${o.rule}`,paddingTop:3},children:[n("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:o.text},children:e}),n("span",{style:{fontSize:"3.32cqw",fontWeight:i?700:400,letterSpacing:"0.06em",color:i?o.warm:o.muted},children:t})]},e))})]}),eutyrelabel:c("div",{style:{...I,background:o.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],i)=>c("div",{style:{display:"flex",alignItems:"center",gap:3},children:[n("span",{style:{width:t,height:6,borderRadius:"0 2px 2px 0",background:i===1?o.rust:o.mark1}}),n("span",{style:{fontSize:"3.32cqw",fontWeight:700,color:i===1?o.rust:o.muted},children:e})]},e))}),c("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:3,alignItems:"center"},children:[n("b",{style:{fontSize:"6.63cqw",lineHeight:1,color:o.text},children:"72"}),n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",color:o.muted},children:"dB"})]})]}),bundleoffer:c("div",{style:{...I,background:o.paper,padding:"9px 11px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n(It,{children:"Buy it with"}),c("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:o.card},children:n(Oe,{size:17,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})},e)),n("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:o.muted},children:"+"}),c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1},children:[n("span",{style:{fontSize:"3.65cqw",color:o.muted,textDecoration:"line-through"},children:"$1,024"}),n("b",{style:{fontSize:"6.02cqw",color:o.rust,lineHeight:1},children:"$899"})]})]})]}),checkoutcta:c("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,...X(o.ink,o.ink2)},children:[c("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",color:o.warm,fontWeight:700},children:"READY TO ORDER"}),n("b",{style:{fontSize:"6.63cqw",color:o.onInk,lineHeight:1},children:"$1,956"}),n("span",{style:{fontSize:"3.65cqw",color:o.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:o.warm,color:o.ink,flex:"none"},children:"CHECKOUT"})]}),contact:n(q,{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])=>c("div",{style:{display:"flex",alignItems:"center",gap:5},children:[n("b",{style:{flex:1,fontSize:"4.31cqw",color:o.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:o.muted},children:t}),n("span",{style:{fontSize:"4.64cqw",color:o.rust,lineHeight:1},children:"\u203A"})]},e))})}),contactlocations:n(q,{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,i])=>c("div",{style:{border:`1px solid ${o.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[n("b",{style:{fontSize:"4.31cqw",color:o.text},children:e}),n("span",{style:{fontSize:"3.32cqw",color:o.muted},children:t}),n("span",{style:{fontSize:"3.32cqw",color:o.rust,fontWeight:700},children:i})]},e))})}),form:n(q,{title:"Send us a message",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[c("div",{style:{display:"flex",gap:5},children:[n(yn,{label:"Name"}),n(yn,{label:"Email"})]}),n(yn,{label:"Message",filled:!0}),n(ws,{children:"SEND"})]})}),appointmentbooking:n(q,{title:"Book a fitting",children:c("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?o.text:o.paper,color:t===2?o.onInk:o.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?o.rust:o.rule}`,color:t===1?o.rust:o.muted,background:t===3?o.paper:o.card,textDecoration:t===3?"line-through":"none"},children:e},e))})]})}),reviewform:n(q,{title:"Leave a review",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n(Fo,{filled:4,size:14}),n(yn,{label:"Your review",filled:!0}),n(ws,{children:"POST"})]})}),submitbuild:n(q,{title:"Show us your build",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:3,border:`1px dashed ${o.mark1}`,borderRadius:5,background:o.paper},children:[n("span",{style:{fontSize:"6.63cqw",lineHeight:1,color:o.rust,fontWeight:300},children:"+"}),n("span",{style:{fontSize:"3.65cqw",color:o.muted},children:"Drop a photo of your rig"})]})}),masthead:c("div",{style:{...I,background:o.paper,display:"flex",flexDirection:"column",justifyContent:"center",padding:"0 13px",gap:5},children:[n("span",{style:{height:1.5,background:o.text}}),n("span",{style:{fontSize:"7.65cqw",fontWeight:800,letterSpacing:"0.02em",color:o.text,lineHeight:1},children:"THE TRACK"}),c("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"3.65cqw",letterSpacing:"0.1em",textTransform:"uppercase",color:o.muted},children:[n("span",{children:"Issue 14"}),n("span",{children:"Spring 2026"})]}),n("span",{style:{height:1,background:o.rule}})]}),featuredcover:c("div",{style:{...I,overflow:"hidden",...X(o.ink,o.inkSoft2)},children:[n(Oe,{size:92,style:{right:-18,top:-14}}),n("div",{style:{position:"absolute",inset:0,background:`linear-gradient(0deg,${o.scrim},transparent 62%)`}}),c("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:o.warm},children:"FEATURE"}),n("span",{style:{fontSize:"6.16cqw",lineHeight:1.15,fontWeight:700,color:o.onInk},children:"Four days on the Madigan Line"})]})]}),longread:c("div",{style:{...I,background:o.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:o.rust},children:"12 MIN READ"}),n("span",{style:{fontSize:"6.02cqw",lineHeight:1.15,fontWeight:700,color:o.text},children:"What breaks first, and why"}),n(ie,{children:"Every failure starts in the same place \u2014 not the rim, not"}),n(ie,{w:"62%",children:"the tyre, but the bolt nobody re-torqued."})]}),series:n(q,{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])=>c("div",{style:{display:"flex",alignItems:"center",gap:6},children:[n("span",{style:{width:3,height:12,borderRadius:2,background:o.rust,flex:"none"}}),n("b",{style:{flex:1,fontSize:"4.64cqw",color:o.text},children:e}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:o.muted},children:t})]},e))})}),events:n(q,{title:"Latest posts",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[[o.inkSoft,o.inkSoft2,"Madigan Line, four days"],[o.rust,o.warm,"Why offset beats width"]].map(([e,t,i])=>c("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("span",{style:{width:24,height:18,borderRadius:3,flex:"none",...X(e,t,150)}}),c("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("b",{style:{fontSize:"4.31cqw",color:o.text},children:i}),n("span",{style:{fontSize:"3.65cqw",color:o.muted},children:"4 Sep \xB7 Shed Notes"})]})]},i))})}),docmasthead:c("div",{style:{...I,background:o.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:o.muted},children:"POLICY"}),n("span",{style:{fontSize:"6.49cqw",fontWeight:700,color:o.text,lineHeight:1.1},children:"Returns & refunds"}),n("span",{style:{fontSize:"3.65cqw",color:o.muted},children:"Version 3 \xB7 Updated 4 Sep 2026"}),n("span",{style:{height:2,width:26,background:o.rust,borderRadius:1}})]}),docbody:n("div",{style:{...I,background:o.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])=>c("div",{style:{display:"flex",gap:5},children:[n("b",{style:{fontSize:"3.98cqw",color:o.rust,flex:"none"},children:e}),n(ie,{children:t})]},e))}),docmetacards:n(q,{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])=>c("div",{style:{border:`1px solid ${o.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[n("b",{style:{fontSize:"5.31cqw",color:o.text,lineHeight:1},children:e}),n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:o.muted},children:t})]},t))})}),doctabs:c("div",{style:{...I,background:o.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?o.text:o.muted,background:t===0?o.paper:"transparent",borderRadius:"4px 4px 0 0",border:`1px solid ${t===0?o.rule:"transparent"}`,borderBottom:"none"},children:e},e))}),n("span",{style:{height:1,background:o.rule}}),c("div",{style:{paddingTop:6,display:"flex",flexDirection:"column",gap:2},children:[n(ie,{children:"Unfitted wheels come back within 30 days, no questions."}),n(ie,{w:"58%",children:"Freight on a change of mind is yours."})]})]}),paragraphs:c("div",{style:{...I,background:o.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:o.text},children:"The right wheel is the boring one."}),c("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[n(ie,{children:"Forged, correctly offset, rated for what you actually"}),n(ie,{children:"carry. Everything else is a photograph."})]})]}),keyfeatures:n(q,{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=>c("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("span",{style:{fontSize:"4.64cqw",color:o.rust,fontWeight:700,lineHeight:1},children:"\u2713"}),n("span",{style:{fontSize:"4.31cqw",color:o.text},children:e})]},e))})}),statsparagraph:c("div",{style:{...I,background:o.paper,padding:"10px 12px",display:"flex",gap:10,alignItems:"center"},children:[c("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:5},children:[n(Tt,{n:"27k",label:"Rigs"}),n(Tt,{n:"4.9",label:"Rating"})]}),c("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[n(ie,{children:"Twelve years of fitting the same three questions, and the"}),n(ie,{children:"answer has not moved: load rating, offset, then looks."})]})]}),chart:c(q,{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?o.rust:o.mark1}},t))}),n("span",{style:{height:1,background:o.rule,marginTop:-4}})]}),mockup:n("div",{style:{...I,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",...X(o.inkSoft,o.ink)},children:c("div",{style:{width:"72%",height:"74%",borderRadius:4,overflow:"hidden",background:o.card,boxShadow:`0 6px 14px ${o.scrim}`},children:[n("div",{style:{height:9,background:o.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:o.mark1}},e))}),c("div",{style:{padding:5,display:"flex",flexDirection:"column",gap:3},children:[n("span",{style:{height:4,width:"56%",borderRadius:1,background:o.mark2}}),n("span",{style:{height:14,borderRadius:2,...X(o.paper,o.paper2,150)}}),n("span",{style:{height:3,width:"38%",borderRadius:1,background:o.rust}})]})]})}),manifesto:n("div",{style:{...I,overflow:"hidden",display:"flex",alignItems:"center",padding:"0 16px",...X(o.ink,o.ink2)},children:c("span",{style:{fontSize:"6.63cqw",lineHeight:1.2,fontWeight:700,color:o.onInk},children:["We build for the ",n("span",{style:{color:o.warm},children:"last"})," ten percent of the track."]})}),timeline:n(q,{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],i)=>c("div",{style:{display:"flex",gap:7,alignItems:"flex-start",position:"relative"},children:[i<2&&n("span",{style:{position:"absolute",left:3,top:8,bottom:-8,width:1,background:o.rule}}),n("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",marginTop:1,background:o.rust,zIndex:1}}),c("div",{style:{display:"flex",flexDirection:"column",gap:0,minWidth:0},children:[n("b",{style:{fontSize:"4.64cqw",color:o.text},children:e}),n(ie,{children:t})]})]},e))})}),timelinetrack:c("div",{style:{...I,padding:"0 12px",display:"flex",flexDirection:"column",gap:10,justifyContent:"center",...X(o.ink,o.inkSoft)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:o.warm},children:"Milestones"}),c("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:o.mark2,opacity:.55}}),["1998","2009","2016","2024"].map((e,t)=>c("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?o.warm:o.mark1}}),n("span",{style:{fontSize:"4.31cqw",fontWeight:700,color:t===3?o.warm:o.onInk,opacity:t===3?1:.75},children:e})]},e))]})]}),footprint:c("div",{style:{...I,overflow:"hidden",...X(o.paper,o.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:o.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:o.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:o.rust}},e)),n("span",{style:{position:"absolute",left:11,bottom:9,fontSize:"4.64cqw",fontWeight:700,color:o.text},children:"3 fitting bays"})]}),banner:c("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,background:o.rust},children:[c("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[n("b",{style:{fontSize:"6.02cqw",color:o.onInk},children:"End of season \xB7 20% off"}),n("span",{style:{fontSize:"3.98cqw",color:o.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:o.onInk,color:o.text,flex:"none"},children:"SHOP"})]}),titlewithbuttons:c("div",{style:{...I,background:o.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:o.text},children:"Not sure what fits?"}),c("div",{style:{display:"flex",gap:5},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:o.text,color:o.onInk},children:"FIND MY FIT"}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,border:`1px solid ${o.text}`,color:o.text},children:"CALL US"})]})]}),ticker:n("div",{style:{...I,overflow:"hidden",background:o.ink,display:"flex",alignItems:"center"},children:n("span",{style:{whiteSpace:"nowrap",fontSize:"6.29cqw",fontWeight:800,letterSpacing:"0.06em",color:o.warm,marginLeft:-14},children:"FREE FITTING \xB7 48HR DISPATCH \xB7 FREE FITTING \xB7 48HR DISPATCH"})}),breadcrumb:n("div",{style:{...I,background:o.card,display:"flex",alignItems:"center",padding:"0 13px"},children:c("span",{style:{fontSize:"4.64cqw",color:o.muted},children:["Home ",n("span",{style:{opacity:.5},children:"/"})," Wheels ",n("span",{style:{opacity:.5},children:"/"})," ",n("span",{style:{color:o.text,fontWeight:700},children:"20 inch"})]})}),categorybar:c("div",{style:{...I,background:o.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?o.text:o.paper,color:t===0?o.onInk:o.muted},children:e},e))}),n("span",{style:{height:1,background:o.rule}})]}),intro:c("div",{style:{...I,overflow:"hidden",background:o.card},children:[n("div",{style:{position:"absolute",inset:0,...X(o.ink,o.inkSoft2)}}),n(Oe,{size:64,style:{right:8,top:6}}),c("div",{style:{position:"absolute",left:16,right:16,bottom:8,top:"46%",background:o.paper,borderRadius:6,padding:"8px 11px",display:"flex",flexDirection:"column",gap:2,boxShadow:`0 -4px 10px ${o.scrim}`},children:[n("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:o.text},children:"Since 1998"}),n(ie,{children:"One shed, one lathe, one idea."}),n(ie,{w:"66%",children:"It turned out to be right."})]})]}),gallerygrid:n(q,{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:[[o.rust,o.warm],[o.inkSoft,o.ink],[o.paper2,o.mark2],[o.ink,o.inkSoft2],[o.warm,o.paper2],[o.mark2,o.inkSoft]].map(([e,t],i)=>n("div",{style:{borderRadius:3,...X(e,t,140+i*22)}},i))})}),gallery:c(q,{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?o.text:o.muted,borderBottom:`1.5px solid ${t===0?o.rust:"transparent"}`,paddingBottom:2},children:e},e))}),n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:4,minHeight:0},children:[[o.rust,o.warm],[o.ink,o.inkSoft],[o.paper2,o.mark2]].map(([e,t],i)=>n("div",{style:{borderRadius:3,...X(e,t,150+i*20)}},i))})]}),ordersummary:c(q,{title:"Order summary",children:[c("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",...X(o.paper,o.paper2,150)},children:n(Oe,{size:18,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),c("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("b",{style:{fontSize:"4.31cqw",color:o.text},children:"Ridge Grappler"}),n("span",{style:{fontSize:"3.65cqw",color:o.muted},children:"20\xD79 +12 \xB7 qty 4"})]})]}),c("div",{style:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(ze,{k:"Subtotal",v:"$1,956"}),n(ze,{k:"Fitting",v:"Free"}),c("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:5,fontSize:"4.64cqw"},children:[n("b",{style:{color:o.text},children:"Total"}),n("b",{style:{color:o.text,fontSize:"6.02cqw"},children:"$1,956"})]})]})]}),deliveryoptions:n(q,{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,i,r])=>c("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"5px 6px",borderRadius:4,border:`1px solid ${r?o.rust:o.rule}`,background:r?o.paper:o.card},children:[n("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",border:`1.5px solid ${r?o.rust:o.mark1}`,background:r?o.rust:"transparent"}}),n("span",{style:{flex:1,fontSize:"4.31cqw",fontWeight:600,color:o.text},children:e}),n("span",{style:{fontSize:"3.98cqw",color:o.muted},children:t}),n("b",{style:{fontSize:"4.31cqw",color:o.text},children:i})]},e))})}),paymentbadges:c("div",{style:{...I,background:o.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[n(It,{children:"Ways to pay"}),n("div",{style:{display:"flex",gap:5},children:[["VISA",o.ink],["MC",o.rust],["AMEX",o.inkSoft],["PayPal",o.ink2]].map(([e,t])=>n("span",{style:{flex:1,textAlign:"center",fontSize:"3.65cqw",fontWeight:800,letterSpacing:"0.06em",color:o.onInk,borderRadius:3,padding:"6px 0",background:t},children:e},e))})]}),stats:c("div",{style:{...I,padding:"10px 12px",display:"flex",flexDirection:"column",gap:9,justifyContent:"center",...X(o.ink,o.ink2)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:o.warm},children:"By the numbers"}),c("div",{style:{display:"flex",gap:8},children:[n(Tt,{n:"27k",label:"Rigs fitted",tone:o.onInk}),n(Tt,{n:"12",label:"Years",tone:o.onInk}),n(Tt,{n:"4.9",label:"Avg rating",tone:o.warm})]})]}),testimonials:c("div",{style:{...I,overflow:"hidden",background:o.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:o.rust,opacity:.16},children:"\u201D"}),n(Fo,{filled:5,size:7}),n("span",{style:{position:"relative",fontSize:"5.31cqw",lineHeight:1.35,color:o.text,fontWeight:600},children:"\u201CTook them out to the Simpson and back. Not one chip.\u201D"}),c("div",{style:{display:"flex",alignItems:"center",gap:5},children:[n(xs,{}),n("span",{style:{fontSize:"3.98cqw",color:o.muted},children:"Dave M. \xB7 Hilux N80"})]})]}),reviews:c(q,{title:"Reviews",children:[n("div",{style:{display:"flex",gap:4,height:22},children:[[o.inkSoft,o.inkSoft2],[o.rust,o.warm],[o.ink,o.inkSoft],[o.mark2,o.mark1]].map(([e,t],i)=>n("div",{style:{flex:1,borderRadius:3,...X(e,t,140+i*15)}},i))}),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,i])=>c("div",{style:{display:"flex",gap:5,alignItems:"flex-start"},children:[n(xs,{size:12}),c("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[c("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[n("b",{style:{fontSize:"3.98cqw",color:o.text},children:e}),n(Fo,{filled:t})]}),n(ie,{children:i})]})]},e))})]}),logos:c("div",{style:{...I,display:"flex",flexDirection:"column",gap:9,justifyContent:"center",padding:"0 12px",...X(o.ink,o.inkSoft)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:o.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:o.onInk,opacity:.82},children:e},e))})]}),prose:c("div",{style:{...I,background:o.paper,padding:"11px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("span",{style:{fontSize:"5.86cqw",fontWeight:700,color:o.text},children:"Why offset matters"}),c("div",{style:{display:"flex",gap:6},children:[n("span",{style:{fontSize:"15.3cqw",lineHeight:.78,fontWeight:800,color:o.rust,marginTop:1},children:"T"}),c("div",{style:{display:"flex",flexDirection:"column"},children:[n(ie,{children:"he number on the back of your wheel decides whether the"}),n(ie,{w:"76%",children:"tyre sits under the guard or an inch outside it."})]})]})]}),cards:n(q,{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])=>c("div",{style:{border:`1px solid ${o.rule}`,borderRadius:4,padding:6,display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{width:11,height:11,borderRadius:3,background:o.rust,opacity:.9}}),n("b",{style:{fontSize:"3.98cqw",color:o.text},children:e}),n(ie,{children:t})]},e))})}),faq:n(q,{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])=>c("div",{style:{borderBottom:`1px solid ${o.rule}`,padding:"4px 2px"},children:[c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6},children:[n("b",{style:{fontSize:"4.31cqw",color:o.text},children:e}),n("span",{style:{fontSize:"4.64cqw",color:o.muted,lineHeight:1},children:t?"\u2212":"+"})]}),t&&n(ie,{w:"90%",children:"Use the fitment finder \u2014 it reads your build, not just the model."})]},e))})}),hero:c("div",{style:{...I,overflow:"hidden",...X(o.ink,o.ink2)},children:[n("div",{style:{...I,background:`linear-gradient(90deg,${o.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(bs,{over:"NEW \xB7 SUMMER",overTone:o.warm,head:"Built for the worst road you own",cta:"SHOP ALL",ctaBg:o.warm,ctaFg:o.ink,tone:o.onInk})}),n(Oe,{size:104,style:{right:-24,bottom:-30}})]}),herosingle:c("div",{style:{...I,display:"flex",background:o.paper,overflow:"hidden"},children:[n("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:n(bs,{over:"ALL-TERRAIN",overTone:o.rust,head:"Grip that does not ask",headSize:12,cta:"EXPLORE",ctaBg:o.text,ctaFg:o.onInk,tone:o.text})}),n("div",{style:{flex:1,position:"relative",...X(o.inkSoft,o.inkSoft2)},children:n(Oe,{size:74,style:{right:-14,top:16}})})]}),productgrid:n(q,{title:"Best sellers",children:c("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[n(No,{name:"Ridge 19",price:"$365"}),n(No,{name:"Ridge 29",price:"$410"}),n(No,{name:"Ridge 39",price:"$455"})]})}),collections:n(q,{title:"Shop by category",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Wheels",o.inkSoft,o.inkSoft2],["Tyres",o.rust,o.warm],["Lift kits",o.ink,o.inkSoft]].map(([e,t,i])=>n("div",{style:{borderRadius:4,display:"flex",alignItems:"flex-end",padding:5,color:o.onInk,...X(t,i)},children:n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.04em"},children:e})},e))})}),producthero:c("div",{style:{...I,display:"flex",background:o.card,overflow:"hidden"},children:[n("div",{style:{flex:1.1,position:"relative",...X(o.paper,o.paper2,150)},children:n(Oe,{size:78,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),c("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:o.rust},children:"NITTO"}),n("b",{style:{fontSize:"6.29cqw",color:o.text},children:"Ridge Grappler"}),n("span",{style:{fontSize:"6.63cqw",fontWeight:700,color:o.text},children:"$489"}),n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,background:o.text,color:o.onInk},children:"ADD TO CART"})]})]}),spectable:n(q,{title:"Specifications",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(ze,{k:"Diameter",v:'20"'}),n(ze,{k:"Width",v:"9.0J"}),n(ze,{k:"Offset",v:"+12"}),n(ze,{k:"Load",v:"1250 kg"})]})}),fitmenttable:n(q,{title:"Will it fit?",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(ze,{k:"Hilux N80",v:"20\xD79 +12",ok:!0}),n(ze,{k:"Ranger PX3",v:"20\xD79 +12",ok:!0}),n(ze,{k:"LC79",v:"17\xD78 \u221210",ok:!0})]})}),brandstrip:c("div",{style:{...I,background:o.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[n(It,{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:o.mark2},children:e},e))})]}),processsteps:c("div",{style:{...I,background:o.paper,padding:10,display:"flex",flexDirection:"column",gap:7,justifyContent:"center"},children:[n(It,{children:"How it works"}),n("div",{style:{display:"flex",gap:6},children:["Pick your rig","Match the fit","We fit it"].map((e,t)=>c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{width:11,height:11,borderRadius:"50%",background:o.text,color:o.onInk,fontSize:"3.98cqw",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700},children:t+1}),n("span",{style:{fontSize:"3.98cqw",color:o.text,fontWeight:600},children:e})]},e))})]}),detailrows:n("div",{style:{...I,background:o.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,i])=>{let r=n("div",{style:{flex:1,...X(i?o.rust:o.inkSoft,i?o.warm:o.inkSoft2)}},"art"),s=c("div",{style:{flex:1.1,padding:8,display:"flex",flexDirection:"column",gap:2,justifyContent:"center"},children:[n("b",{style:{fontSize:"4.64cqw",color:o.text},children:e}),n("span",{style:{fontSize:"3.98cqw",color:o.muted,lineHeight:1.3},children:t})]},"tx");return n("div",{style:{flex:1,display:"flex",minHeight:0},children:i?[s,r]:[r,s]},e)})}),specstrip:n("div",{style:{...I,background:o.ink,color:o.onInk,display:"flex",alignItems:"center",justifyContent:"space-around",padding:"0 8px"},children:[["5 yr","Warranty"],["Free","Fitting"],["48 hr","Dispatch"]].map(([e,t])=>c("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:o.mark2,letterSpacing:"0.1em",textTransform:"uppercase"},children:t})]},t))})},vs={subscribe:c("div",{style:{...I,padding:13,display:"flex",flexDirection:"column"},children:[c("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[c("div",{style:{display:"flex",alignItems:"center",gap:6},children:[n(v,{w:8,h:8,r:2,tone:"accent"}),n(v,{w:38,h:7,r:3,tone:"dark"}),n(v,{w:16,h:7,r:3,tone:"accent"})]}),n(v,{w:38,h:4,r:2,tone:"soft"})]}),n("div",{style:{height:1,background:ne.line,marginBottom:10}}),c("div",{style:{flex:1,display:"flex",gap:10,border:`1px solid ${ne.line}`,borderRadius:7,padding:10},children:[c("div",{style:{flex:1.1,display:"flex",flexDirection:"column",justifyContent:"center",gap:5},children:[n(v,{w:"46%",h:3,r:2,tone:"accent"}),n(v,{w:"84%",h:8,r:4,tone:"dark"}),n(v,{w:"56%",h:8,r:4,tone:"accent"}),n(v,{w:"96%",h:3,r:2,tone:"soft",style:{marginTop:2}}),c("div",{style:{display:"flex",gap:5,marginTop:4},children:[n("div",{style:{flex:1,height:13,borderRadius:5,border:`1px solid ${ne.line}`,background:ne.block}}),n(v,{w:34,h:13,r:5,tone:"accent"})]})]}),c("div",{style:{flex:1,background:ne.block,borderRadius:6,padding:8,display:"flex",flexDirection:"column",gap:6},children:[n(v,{w:"52%",h:4,r:2,tone:"accent"}),Array.from({length:3}).map((e,t)=>c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,borderTop:t?`1px solid ${ne.line}`:"none",paddingTop:t?4:0},children:[n(v,{w:34,h:4,r:2,tone:"dark"}),n(v,{w:16,h:3,r:2,tone:"soft"})]},t))]})]})]}),split:c("div",{style:{...I,display:"flex"},children:[n("div",{style:{width:"44%",background:Po}}),c("div",{style:{flex:1,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[n(v,{w:"44%",h:5,r:3,tone:"accent"}),n(v,{w:"88%",h:8,r:4,tone:"dark"}),n(v,{w:"70%",h:8,r:4,tone:"dark"}),n(v,{w:"94%",h:5,r:2,tone:"soft",style:{marginTop:2}}),n(v,{w:"80%",h:5,r:2,tone:"soft"}),n(v,{w:"40%",h:13,r:6,tone:"accent",style:{marginTop:5}})]})]}),sectionheader:c(Ss,{children:[n(v,{w:"18%",h:6,r:3,tone:"accent",style:{position:"absolute",top:15,right:16}}),c("div",{style:{...I,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:10},children:[c("div",{style:{display:"flex",alignItems:"center",gap:9},children:[n(v,{w:16,h:16,r:4,tone:"accent"}),n(v,{w:"20%",h:9,r:4,tone:"dark"})]}),n(v,{w:"62%",h:10,r:5,tone:"dark"}),n(v,{w:"42%",h:6,r:3,tone:"soft"})]})]}),header:n("div",{style:{...I,padding:14,display:"flex",flexDirection:"column",justifyContent:"center"},children:c("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[n(v,{w:"22%",h:12,r:4,tone:"dark"}),c("div",{style:{display:"flex",gap:9,alignItems:"center"},children:[n(v,{w:26,h:6,r:3,tone:"soft"}),n(v,{w:26,h:6,r:3,tone:"soft"}),n(v,{w:26,h:6,r:3,tone:"soft"}),n(v,{w:18,h:14,r:5,tone:"accent"})]})]})}),footer:c("div",{style:{...I,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:12},children:[c("div",{style:{display:"flex",gap:14},children:[c("div",{style:{flex:1.4,display:"flex",flexDirection:"column",gap:6},children:[n(v,{w:"60%",h:9,r:4,tone:"dark"}),n(v,{w:"90%",h:5,r:2,tone:"soft"}),n(v,{w:"70%",h:5,r:2,tone:"soft"})]}),[0,1].map(e=>c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:6},children:[n(v,{w:"50%",h:6,r:3,tone:"dark"}),n(v,{w:"80%",h:5,r:2,tone:"soft"}),n(v,{w:"66%",h:5,r:2,tone:"soft"})]},e))]}),n("div",{style:{height:1,background:ne.line}}),c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n(v,{w:"30%",h:5,r:2,tone:"soft"}),n(v,{w:"16%",h:5,r:2,tone:"soft"})]})]}),grid:n("div",{style:{...I,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:ne.block}},t))}),blanksection:n("div",{style:{...I,padding:14,display:"flex"},children:c("div",{style:{flex:1,border:`1px dashed ${ne.line}`,borderRadius:7,display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:[n(v,{w:14,h:2,r:1,tone:"tint"}),n(v,{w:2,h:14,r:1,tone:"tint",style:{position:"absolute"}})]})}),spacer:c("div",{style:{...I,padding:14,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[n(v,{w:"100%",h:6,r:3,tone:"soft"}),n(v,{w:16,h:22,r:3,tone:"block",style:{alignSelf:"center"}}),n(v,{w:"100%",h:6,r:3,tone:"soft"})]}),divider:n("div",{style:{...I,padding:14,display:"flex",alignItems:"center"},children:n(v,{w:"100%",h:3,r:2,tone:"dark"})}),customhtml:c("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"center",gap:8,background:Po},children:[n(v,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(-14deg)"}}),n(v,{w:16,h:10,r:3,tone:"accent"}),n(v,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(14deg)"}})]}),heading:n("div",{style:{...I,padding:14,display:"flex",alignItems:"center"},children:n(v,{w:"64%",h:13,r:4,tone:"dark"})}),text:c("div",{style:{...I,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[n(v,{w:"100%",h:6,r:3,tone:"soft"}),n(v,{w:"96%",h:6,r:3,tone:"soft"}),n(v,{w:"100%",h:6,r:3,tone:"soft"}),n(v,{w:"58%",h:6,r:3,tone:"soft"})]}),image:n("div",{style:{position:"absolute",inset:14,borderRadius:7,background:Po}}),button:n("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"center"},children:n(v,{w:"34%",h:16,r:8,tone:"accent"})}),menu:c("div",{style:{...I,padding:"14px 22%",display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[n(v,{w:"48%",h:7,r:3,tone:"dark"}),n(v,{w:"82%",h:5,r:2,tone:"soft"}),n(v,{w:"66%",h:5,r:2,tone:"soft"}),n(v,{w:"74%",h:5,r:2,tone:"soft"}),n(v,{w:"58%",h:5,r:2,tone:"soft"})]}),emailform:c("div",{style:{...I,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[n(v,{w:"56%",h:8,r:3,tone:"dark"}),c("div",{style:{display:"flex",gap:6},children:[n("div",{style:{flex:1,height:16,borderRadius:5,border:`1px solid ${ne.line}`}}),n(v,{w:"30%",h:16,r:5,tone:"accent"})]})]}),sociallogos:n("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"center",gap:9},children:[0,1,2,3].map(e=>n(v,{w:16,h:16,r:8,tone:"dark"},e))}),search:n("div",{style:{...I,padding:"0 18%",display:"flex",alignItems:"center"},children:c("div",{style:{flex:1,height:22,borderRadius:11,border:`1px solid ${ne.line}`,display:"flex",alignItems:"center",gap:7,padding:"0 9px"},children:[n("div",{style:{width:9,height:9,borderRadius:5,border:`2px solid ${ne.dark}`}}),n(v,{w:"46%",h:5,r:2,tone:"soft"})]})}),cart:c("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"center",gap:7},children:[n("div",{style:{width:22,height:18,borderRadius:"3px 3px 6px 6px",border:`2px solid ${ne.dark}`}}),n("div",{style:{padding:"2px 6px",borderRadius:6,border:`1.5px solid ${ne.dark}`},children:n(v,{w:7,h:7,r:2,tone:"dark"})})]}),countryswitch:c("div",{style:{...I,padding:14,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:5},children:[c("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",border:`1px solid ${ne.line}`},children:[n(v,{w:22,h:6,r:2,tone:"dark"}),n(v,{w:6,h:4,r:1,tone:"soft"})]}),c("div",{style:{width:"46%",display:"flex",flexDirection:"column",gap:4,padding:6,border:`1px solid ${ne.line}`},children:[n(v,{w:"80%",h:4,r:2,tone:"accent"}),n(v,{w:"64%",h:4,r:2,tone:"soft"}),n(v,{w:"72%",h:4,r:2,tone:"soft"})]})]}),legalline:c("div",{style:{...I,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[n("div",{style:{height:1,background:ne.line}}),c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n(v,{w:"38%",h:5,r:2,tone:"soft"}),c("div",{style:{display:"flex",gap:5},children:[n(v,{w:14,h:5,r:2,tone:"soft"}),n(v,{w:14,h:5,r:2,tone:"soft"}),n(v,{w:14,h:5,r:2,tone:"soft"})]})]})]}),fallback:n("div",{style:{position:"absolute",inset:14,borderRadius:8,background:ne.block}})};function ks({type:e}){let t=zh[e]??"",i=Oh[t]??vs[t]??vs.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:i})}import{jsx as Et,jsxs as _h}from"react/jsx-runtime";import{StylesIcon as Hh}from"efficient-easel/rail";function Cs({tokenRef:e,siteId:t,onClose:i,onNotify:r,tab:s,onTabChange:a}){let l=st();return _h("div",{className:"sf-styles",children:[Et(Gt,{icon:Et(Hh,{}),title:"Site styles",context:Et("span",{title:`${l} \u2014 renamed in the Console: Storefront \u25B8 Sites \u25B8 Settings.`,children:l}),onHide:i}),Et("div",{className:"sf-insp-body sf-scroll",children:Et(hn,{tokenRef:e,siteId:t,onNotify:r,tab:s,onTabChange:a})})]})}import{jsx as Ts}from"react/jsx-runtime";var Mh="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z";function Is({size:e=15,className:t,strokeWidth:i=1.7}){return Ts("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:i,strokeLinecap:"round",strokeLinejoin:"round",className:t,"aria-hidden":"true",focusable:"false",children:Ts("path",{d:Mh})})}import{useEffect as Lo,useRef as Bh}from"react";var Ao="sf-editor-footer-return";function Lx(e){if(!(typeof window>"u"))try{window.sessionStorage.setItem(Ao,e)}catch{}}function Es(){if(typeof window>"u")return null;try{return window.sessionStorage.getItem(Ao)}catch{return null}}function Rs(){if(!(typeof window>"u"))try{window.sessionStorage.removeItem(Ao)}catch{}}function Ps(e,t){let{currentSlug:i,siteId:r,navigate:s,footerOriginSlug:a}=ce(),{selected:l}=e,p=e.data?.content??[],f=t.refreshes,y=i===Ve,{editFooter:u}=vr(),b=Bh(null);Lo(()=>{let w=l?.props.id;y&&typeof w=="string"&&(b.current?.(),b.current=cn(w))},[l?.props.id,y]);let C=w=>{b.current?.(),b.current=cn(w)};return Lo(()=>{if(!y||!a)return;let w=p.find(P=>P.type===ee)?.props?.id;if(w)return b.current?.(),b.current=cn(String(w)),()=>{b.current?.(),b.current=null}},[y,a,f]),Lo(()=>{if(!(y||!Es()))return za(()=>Rs())},[]),{pinnedSource:y,holdCanvasOn:y?C:void 0,editPinnedSource:()=>u?u():s({kind:"page",slug:Ve,siteId:r??void 0})}}import{jsx as V,jsxs as Ee,Fragment as Wh}from"react/jsx-runtime";import{Fragment as Ns,useEffect as Fs,useRef as Do}from"react";import{useTreeDrag as As}from"efficient-easel/drag";import{ImageIcon as $h,TextLinesIcon as jh,TrashIcon as Ls}from"efficient-easel/icons";import{Subtree as Ds,TreeRow as Rt,TreeRowAction as zs,TreeSeam as Os}from"efficient-easel/tree";var xn="ContactLocations";function qh({size:e=13}){return Ee("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:[V("circle",{cx:"12",cy:"12",r:"9"}),V("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 Gh({size:e=13}){return Ee("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:[V("path",{d:"M12 21s6-5 6-10a6 6 0 10-12 0c0 5 6 10 6 10z"}),V("circle",{cx:"12",cy:"11",r:"2"})]})}function Kh({size:e=13}){return Ee("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:[V("path",{d:"M9 4 3 6.5v13L9 17l6 3 6-2.5v-13L15 7z"}),V("path",{d:"M9 4v13M15 7v13"})]})}var bn=e=>({parentId:`locations-${e}`,slot:"groups"}),zo=(e,t)=>({parentId:`locations-${e}`,slot:`cities:${t}`});function _s(e,t){let{readOnly:i,selected:r}=t,s=t.data?.content??[],a=e.kind===us.kind,l=Do(null);Fs(()=>{let d=r?.type===xn?String(r.props.id):null;d&&d!==l.current&&ve({level:"groups"}),l.current=d},[r?.props.id]);let{selectedLocationPartId:p,setSelectedLocationPartId:f,setSelectHandler:y}=Ir(),u=Mr(),b=(d,g)=>{let E=s[d];E&&t.replace(d,{type:E.type,props:{...E.props,locations:g}})},C=d=>{let g=s[d]?.props?.locations;return Array.isArray(g)?g:[]},w=As({keyOf:d=>`group:${d.si}:${d.index}`,readOnly:!!i,canDrop:(d,g)=>g.parentId===bn(d.si).parentId&&g.slot==="groups",onDrop:(d,g)=>{b(d.si,Bn(C(d.si),d.index,g.index)),u.level==="city"&&ve({level:"groups"})},onStep:(d,g)=>{b(d.si,Bn(C(d.si),d.index,g<0?d.index-1:d.index+2)),u.level==="city"&&ve({level:"groups"})}}),P=As({keyOf:d=>`city:${d.si}:${d.group}:${d.index}`,readOnly:!!i,canDrop:(d,g)=>g.parentId===bn(d.si).parentId&&g.slot.startsWith("cities:"),onDrop:(d,g)=>{let E=g.slot.slice(7);b(d.si,Wn(C(d.si),d.group,d.index,E,g.index)),ve({level:"group",key:E})},onStep:(d,g)=>{b(d.si,Wn(C(d.si),d.group,d.index,d.group,g<0?d.index-1:d.index+2)),u.level==="city"&&ve({level:"group",key:d.group})}}),A=Do(s);A.current=s;let h=Do(()=>{});Fs(()=>{y(d=>{let g=Rr(d);if(!g)return;let E=A.current.findIndex(N=>N.props?.id===g.nodeId);E<0||h.current(E,{level:g.part,index:g.index})})},[y]);let S=(d,g)=>{l.current=s[d]?.props?.id??null,t.select(d),ve(g),e.reveal();let E=s[d]?.props?.id;typeof E=="string"&&(g.level==="image"||g.level==="map")?f(Er(E,g.index,g.level)):f(null),typeof E=="string"&&t.scrollTo(E)};return h.current=S,{renderLocationTree:(d,g,{rowClick:E,isCollapsed:N,toggleCollapse:T})=>{let G=C(g),W=Hn(G),_=String(d.props.id),H=a&&r?.props.id===_,re=F=>V(Os,{...i?{}:w.seam({place:{...bn(g),index:F}})},`seam:${_}:groups:${F}`),se=(F,Z)=>V(Os,{...i?{}:P.seam({place:{...zo(g,F),index:Z}})},`seam:${_}:cities:${F}:${Z}`);return Ee(Wh,{children:[V(Rt,{icon:V(jh,{size:13}),name:"Texts",onSelect:()=>S(g,{level:"texts"}),selected:H&&u.level==="texts",rowProps:{onClick:E(()=>S(g,{level:"texts"}))}}),W.map((F,Z)=>{let ye=`${_}::grp::${F.key}`,ue=N(ye),Re=H&&u.level==="group"&&u.key===F.key,de=Br(F.key,F.name),ke={...zo(g,F.key),index:F.cards.length},Pe=P.row({item:{si:g,group:F.key,index:-1},place:ke,into:ke,canDrag:!1},{onClick:E(()=>S(g,{level:"group",key:F.key}))}),pe=w.row({item:{si:g,index:Z},place:{...bn(g),index:Z}},Pe.rowProps);return Ee(Ns,{children:[Z===0&&re(0),V(Rt,{icon:V(qh,{size:13}),name:de,onSelect:()=>S(g,{level:"group",key:F.key}),selected:Re,draggable:pe.draggable,dragging:pe.dragging,drop:pe.drop??Pe.drop,fold:{open:!ue,label:"group",onToggle:()=>T(ye)},actions:V(zs,{kind:"delete",label:`Delete ${de} group (${F.cards.length} ${F.cards.length===1?"city":"cities"})`,onClick:()=>{b(g,jr(G,F.key)),ve({level:"groups"})},children:V(Ls,{size:15})}),rowProps:pe.rowProps,children:V("span",{className:"es-group-count",children:F.cards.length})}),!ue&&Ee(Ds,{children:[F.cards.map((oe,J)=>{let j=Mn(G,F.key,J),Ne=H&&u.level==="city"&&u.index===j,x=String(oe?.name??"")||"City",$=`${_}::city::${_n(oe)}`,U=N($),{rowProps:le,...Fe}=P.row({item:{si:g,group:F.key,index:J},place:{...zo(g,F.key),index:J}},{onClick:E(()=>S(g,{level:"city",index:j}))});return Ee(Ns,{children:[J===0&&se(F.key,0),V(Rt,{icon:V(Gh,{size:13}),name:x,onSelect:()=>S(g,{level:"city",index:j}),selected:Ne,...Fe,fold:{open:!U,label:x,onToggle:()=>T($)},actions:V(zs,{kind:"delete",label:`Delete ${x}`,onClick:()=>{b(g,qr(G,F.key,J)),ve({level:"group",key:F.key})},children:V(Ls,{size:15})}),rowProps:le}),!U&&Ee(Ds,{children:[V(Rt,{icon:V($h,{size:13}),name:"Image",onSelect:()=>S(g,{level:"image",index:j}),selected:H&&u.level==="image"&&u.index===j,rowProps:{onClick:E(()=>S(g,{level:"image",index:j}))}}),V(Rt,{icon:V(Kh,{size:13}),name:"Map",onSelect:()=>S(g,{level:"map",index:j}),selected:H&&u.level==="map"&&u.index===j,rowProps:{onClick:E(()=>S(g,{level:"map",index:j}))}})]}),se(F.key,J+1)]},_n(oe))}),Ee("button",{type:"button",className:"sf-add-card",onClick:()=>{let oe=Wr(G,F.key);b(g,oe);let J=Hn(oe).find(j=>j.key===F.key);ve(J&&J.cards.length?{level:"city",index:Mn(oe,F.key,J.cards.length-1)}:{level:"group",key:F.key})},children:[V("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add city"]})]}),re(Z+1)]},ye)}),Ee("button",{type:"button",className:"sf-add-card",onClick:()=>{let{cards:F,key:Z}=$r(G);b(g,F),S(g,{level:"group",key:Z})},children:[V("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add group"]})]})},sectionPressed:d=>{d?.type===xn&&ve({level:"groups"})}}}import{useEffect as Xh,useRef as Zh}from"react";import{createNode as Qh,newId as Jh}from"efficient-easel/data";import{useEaselApi as eu}from"efficient-easel/easel";import{resetForDocumentSwitch as Vh,saveStatusForNewDocument as Uh,saveStatusOf as Yh}from"efficient-easel/screen/lib/document-switch";function Hs(e){return!e.docId||e.saveStatus==="saving"?!1:e.seededDocId!==e.docId}function Ms(e,t){let{capabilities:i,currentSlug:r,docId:s,data:a,saveStatus:l}=ce(),{hasSiteSettings:p,hasPinnedChrome:f}=i,y=r===Ve,u=eu().getState,b=Zh(null);Xh(()=>{if(!Hs({docId:s,saveStatus:l,seededDocId:b.current})||(b.current=s,!f))return;let C=u().appState.data,w=C.content,P=a?.content??[],A=(g,E)=>g.some(N=>N?.type===E);if(!p){let g=new Set(Cn(w)),E=g.size?w.filter(T=>!g.has(T.props.id)):w;g.size&&e.setDocument({...C,content:E});let N=$o(E,P);if(N.includes(ee)){let T=E.length,G=e.insertSection(ee,T);e.replaceComponent(Be,T,{type:ee,props:{id:G,blocks:On()}})}N.includes(Ae)&&e.insertNode(Be,0,zn());return}if(y){let g=Xo(w);if(g!==w&&e.setDocument({...C,content:[...g]}),!g.find(E=>E.type===ee)&&!A(P,ee)&&!A(g,be)&&!A(P,be)){let E=(T,G)=>Qh(t,T,G),N={type:ee,props:{blocks:On()}};e.insertNode(Be,g.length,mn(N,E,Jh(be)))}return}let h=w.filter(g=>g.type!==ee),S=new Set(Cn(h)),d=S.size?h.filter(g=>!S.has(g.props.id)):h;d.length!==w.length&&e.setDocument({...C,content:d}),!A(d,Ae)&&!A(P,Ae)&&e.insertNode(Be,0,zn())},[s,l,a,u,e,p,f,y])}import{useEffect as $s,useState as js}from"react";var wn=new Map;async function tu(e,t){try{return(await pt().site.get({siteId:t})).slug?.trim()||null}catch(i){return console.warn("[editor-site-slug] could not resolve the site slug",i),null}}function Bs(e,t){let i=wn.get(t);return i||(i=tu(e,t),wn.set(t,i),i.catch(()=>{wn.get(t)===i&&wn.delete(t)})),i}var nu=/^(localhost|(?:[a-z0-9-]+\.)+localhost|127(?:\.\d{1,3}){3}|0\.0\.0\.0|\[::1\]|::1)$/i;function Oo(e){return!!e&&nu.test(e)}function Ws(e){let{pageSlug:t,siteSlug:i,hostname:r}=e,s=t===tr?"/":`/${encodeURIComponent(t)}`;if(!Oo(r))return s;let a=i?.trim();return a?`${s}?site=${encodeURIComponent(a)}`:s}function qs(e){let{pageSlug:t,siteId:i,token:r}=e,[s,a]=js(null),[l,p]=js(null),f=Gr();$s(()=>p(f?new URL(f).hostname:window.location.hostname),[f]),$s(()=>{if(!Oo(l)||!i||!r){a(null);return}let u=!1;return Bs(r,i).then(b=>{u||a(b)}),()=>{u=!0}},[l,i,r]);let y=Ws({pageSlug:t,siteSlug:s,hostname:l});return f?`${f}${y}`:y}import{buildPaletteSections as ou,categoryLabel as iu,matchesQuery as ru,paletteWithoutPinned as au,pinnedSection as su}from"efficient-easel/screen/lib/puck/palette-sections";var lu={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 Gs(e){return lu[e]?.label}var Ks=Ho;function Vs(e,t){let i=e.props;if(e.type==="FooterMenu"){let r=i.menu;return i.heading||r?.name||"Menu"}if(e.type==="FooterText"){let r=typeof i.text=="string"?i.text.trim():"";return r?r.length>28?`${r.slice(0,28)}\u2026`:r:"Text"}return e.type==="FooterEmailSignup"?i.heading||"Email signup":t(e.type)}var Us="sf-editor-left-view";function Ys(){if(typeof window>"u")return"pages";try{let e=window.localStorage.getItem(Us);return e==="sections"||e==="styles"||e==="media"?e:"pages"}catch{return"pages"}}function Xs(e){if(!(typeof window>"u"))try{window.localStorage.setItem(Us,e)}catch{}}function Zs(e,t,i=!1){return e==="styles"&&!t||e==="media"&&!i?"sections":e}function Qs(e,t){return e?"sections":t}var cu=new Set(["BookingBox","SubmitBox"]);function Js(e){return typeof e=="string"&&cu.has(e)}import{Fragment as il,jsx as _o}from"react/jsx-runtime";import{EaselCanvas as gu}from"efficient-easel/easel";import{jsx as tl,Fragment as hu,jsxs as uu}from"react/jsx-runtime";import{useEffect as nl,useLayoutEffect as fu}from"react";var du=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);`,pu="storefront-fit-words";function el(e){let t=e.createElement("script");return t.id=pu,t.textContent=du,(e.head??e.documentElement).appendChild(t),()=>{e.__sfFitWords?.(),t.remove()}}var mu=`
+[${In}][${In}] { cursor: text; }
+[${We}][${We}][${We}] {
+  outline: 1px solid ${_r.accent};
+  outline-offset: 2px;
+}
+[${We}][${We}]:has([${We}]),
+[data-puck-overlay-portal][data-puck-overlay-portal]:has([${We}]) {
+  outline: none;
+}
+`;function ol({children:e,document:t}){let{theme:i,themeMode:r,themeSwitchShown:s}=te(),a=_t(i);return nl(()=>{if(t)return Yr(t,{mode:r,switchShown:s})},[t,r,s]),nl(()=>{if(t)return Xr(t,a)},[t,a]),fu(()=>{if(t)return el(t)},[t]),uu(hu,{children:[tl(Qr,{}),tl("style",{children:mu}),e]})}function yu({children:e,componentId:t}){let{selectedPartId:i}=Lt();return bi(i,t)?_o(il,{}):_o(il,{children:e})}function rl(e){let{mirrorHostStyles:t}=jn(),i=ea();return _o(gu,{...e,metadata:e.metadata??i,height:"fill",mirrorStyles:t,frameWrapper:ol,overlay:yu})}var al={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 bu="Save your page changes first";function sl(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:bu}:{visible:!0,enabled:!0}:{visible:!1,hiddenReason:"no-site"}:{visible:!1,hiddenReason:"not-operator"}:{visible:!1,hiddenReason:"no-console"}}var ll="storefront-editor:save-as-template";function cl(e,{nodeDefaults:t,newNodeId:i,sectionLabel:r,blockIsOffered:s}){let a=Mo(e);return a?a(t,i):Qo(e)&&s(ht)&&s(Qe)?{type:ht,props:{...t(ht),id:i(ht),direction:"column",name:`${r(e)} section`,content:[{type:Qe,props:{...t(Qe),id:i(Qe),...Ke[e]?.headStyle?{headStyle:Ke[e].headStyle}:{},...Ke[e]?.headRowGap?{rowGap:Ke[e].headRowGap}:{},...Ke[e]?.headDescriptionSize?{descriptionSize:Ke[e].headDescriptionSize}:{},...jt(e)!==jt(Qe)?{eyebrowLook:jt(e)}:{}}},{type:e,props:{...t(e),id:i(e),headPlacement:"own-box"}}]}}:qo[e]?.fixed===!0?{type:e,props:{...t(e),id:i(e),layout:"boxes"}}:null}import{useEffect as xu,useState as wu}from"react";function dl(){let e=$e().chrome?.products?.list,[t,i]=wu(null);return xu(()=>{if(!e)return;let r=!1;return e().then(s=>{r||i(s)}),()=>{r=!0}},[e]),t}function hl({mode:e,open:t}){let{setSelectedHeroId:i,setSelectHandler:r}=Tr(),s=e,a=s.kind==="ticker"?s.heroId:null,l=vn(p=>{p&&(t({kind:"ticker",heroId:p}),_a(p))},[t]);return Ge(()=>{i(a)},[a,i]),Ge(()=>{r(l)},[r,l]),{partRows:(p,{rowClick:f})=>{let y=String(p.props.id);return p.type==="Hero"&&Q(Eu,{icon:Q(lt,{type:"ticker",size:13}),name:yt,onSelect:()=>l(y),selected:a===y,rowProps:{onClick:f(()=>l(y))}})}}}function Ru(){let{adapter:e,capabilities:t,currentSlug:i,siteId:r,hasUnsavedEdits:s,bridgeCapabilities:a,notifyParent:l,token:p}=ce(),{hasPreviewLink:f}=t,y=sl({hasTrustedConsole:!!p,canCreatePlatformTemplate:a.canCreatePlatformTemplate,capabilities:t,siteId:r,hasUnsavedEdits:s}),u=vn(()=>{!r||!i||l(ll,{siteId:r,slug:i})},[l,r,i]),b=qs({pageSlug:i,siteId:r,token:p}),C=e.previewHref?.(i)??b;return{barLead:()=>y.visible&&Pt("button",{type:"button",className:"es-btn-ghost",disabled:!y.enabled,title:y.enabled?"Save this website as a platform template":y.disabledReason,onClick:u,children:["Save as Template",Q(Is,{})]}),barTrail:()=>f&&i&&Q(ku,{content:"Preview the live site (opens in a new tab)",children:Pt("a",{className:"es-btn-ghost",href:C,target:"_blank",rel:"noopener noreferrer","aria-label":"Preview the live site in a new tab",children:["Preview",Q(Su,{size:15})]})})}}function Pu(){return Pt("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",children:[Q("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"}),Q("circle",{cx:"7.7",cy:"11.3",r:"1.05",fill:"currentColor",stroke:"none"}),Q("circle",{cx:"12",cy:"8",r:"1.05",fill:"currentColor",stroke:"none"}),Q("circle",{cx:"16",cy:"11",r:"1.05",fill:"currentColor",stroke:"none"})]})}function Nu(e,t){let{capabilities:i,templateId:r,siteId:s,tokenRef:a,navigate:l}=ce(),{hasSiteTheme:p,explainsSiteSettings:f}=i,y=S=>t.setView(S),[u,b]=vu(rt[0].id),{surface:C,setSurface:w}=Cr(),P=()=>{if(p){y("styles"),t.reveal(),mo();return}e.show(Ro),e.reveal(),mo()},A={id:"pages",label:"Pages",icon:Q(Tu,{}),panel:({onHide:S})=>Q(Ga,{activeSurface:C,onPreviewSurface:w,onNavigate:d=>{w(null),l(r?{kind:"template",id:r,pageSlug:d}:{kind:"page",slug:d,siteId:s??void 0})},onClose:S})},h=[];return!p&&f&&h.push({id:"appearance",label:"Appearance",icon:Q(Pu,{}),active:e.kind==="website",onSelect:P}),p&&h.push({id:"styles",label:"Site styles",icon:Q(Iu,{}),panel:({onHide:S,notify:d})=>Q(Cs,{tokenRef:a,siteId:s??void 0,onClose:S,onNotify:d,tab:u,onTabChange:b})}),{railLead:[A],railTrail:h,resolveLeftView:(S,d)=>Zs(S,p,d),openSettings:P,openStyles:()=>{b(Ma),y("styles")}}}function Fu(e,t,i,r){let{kind:s,open:a}=e,{selected:l,zoneOf:p}=t,f=Ps(t,i);Ge(()=>{Vr(l?.type==="BookingBox"&&l.props.region==="confirm"?Ur(p(String(l.props.id))):null)},[l?.props.id]);let y=_s(e,t),{capabilities:{hasSiteSettings:u}}=ce(),{setSelected:b,setSelectHandler:C}=te(),{chat:w,setChat:P,setSelected:A,setSelectHandler:h}=$t(),S=s==="header";Ge(()=>{b(S)},[S,b]),Ge(()=>{C(()=>a(Eo))},[C,a]);let d=vn(()=>a(fs),[a]),g=s==="chat";Ge(()=>{A(g)},[g,A]),Ge(()=>{h(d)},[h,d]);let{setOpenHandler:E}=gt(),N=vn(()=>a(ms),[a]);Ge(()=>{E(N)},[E,N]);let T=hl(e),G=Ru(),W=Nu(e,r),_=i.device;return{...f,...T,...G,...W,treeFoot:()=>Q("div",{className:"sf-tree-tool",children:Q(ta,{})}),hasOwnRows:H=>H.type===xn,ownRows:y.renderLocationTree,sectionPressed:y.sectionPressed,wrap:H=>Q(Pr.Provider,{value:!0,children:Q(Dr.Provider,{value:_,children:H})}),addPanelRow:H=>u?Pt("div",{className:"sf-addside-sitewide",children:[Q("span",{className:"sf-addside-sitewide-glyph","aria-hidden":"true",children:Q(lt,{type:"chat",size:16})}),Pt("button",{type:"button",className:"sf-addside-sitewide-name",onClick:()=>{H(),d()},children:["Live chat",Q("span",{className:"sf-addside-sitewide-desc",children:"A chat bubble on every page"})]}),Q(Cu,{checked:w.enabled,onChange:re=>P({enabled:re}),ariaLabel:"Show the chat bubble on the whole site"})]}):void 0}}var Au={isLockedBlock:Js,duplicateBlocked:Nt,nestDepth:(e,t,i)=>t===Bo?Wo(e,i):0,newSectionNode:cl,canAddTo:Kr,blockIsOffered:Go},Lu={labelAtLevel:kn,descriptions:al,categoryLabel:Gs,firstSection:Ks,blockRowName:Vs,plainText:ai,Icon:lt,Thumbnail:ks,useProducts:dl},Du={desktop:2e3,tablet:800,mobile:390},pl="desktop",zu={options:Ka,initial:pl,fluid:pl,widths:Du},Ou={read:Ys,write:e=>Xs(e),forSelection:(e,t)=>Qs(e,t)},_u={first:Ae,last:ee,firstGroup:Ko,lastGroup:be,isSectionGroup:Vo,sectionGroupZone:Uo,panelOf:e=>e===Ae?Eo:null};function Hu(e){return{...hl(e),openSettings:()=>e.show(Ro)}}var eS={useOwnerName:st,useBridges:Fu,useStandaloneBridges:Hu,useDocumentPass:Ms,blockRules:Au,blockLook:Lu,devices:zu,leftView:Ou,pinned:_u,Canvas:rl,Inspector:ys};export{Lx as a,Es as b,Rs as c,yo as d,bo as e,jy as f,qy as g,Yh as h,Bs as i,Wu as j,Gu as k,eS as l};