efficient-storefront-blocks 0.15.0 → 0.16.0

package/dist/chunks/{chunk-VPRUR365.js → chunk-QPUZOZAE.js}

@@ -1,4 +1,4 @@
-import{$a as vo,$d as hr,Aa as so,Bg as Or,Bh as jr,Ce as br,Cf as zn,Cg as _r,Dg as Hr,Dh as On,Ea as At,Ef as vr,Eg as Br,Eh as _n,Fb as ir,Ff as Sr,Fh as ke,Ga as Ft,Gb as or,Gg as Mr,Gh as qr,I as ji,Ia as Je,Id as Ke,Ig as Wr,Ja as ut,Jc as de,K as Rt,Ka as lo,Kc as ar,Kh as Hn,L as qi,Lc as sr,Le as xr,Lh as Gr,Ma as co,Mc as lr,Me as wr,N as te,Nb as ft,Nf as kr,Nh as Bn,O as Le,Oa as po,Oc as $e,Oh as Mn,P as Gi,Ph as Wn,Qa as De,Qh as $n,R as Tn,Rc as cr,Rh as Kr,Sa as ho,Se as Bt,Sh as Ur,T as Me,Ta as uo,Tb as mt,Th as Vr,U as Ki,Ua as fo,Uh as Yr,V as Ui,Va as mo,Ve as Re,Wa as go,Wc as Ot,Wf as Cr,Xa as yo,Xh as Zr,Ya as bo,Yh as Qr,Z as Vi,Za as xo,_a as wo,_d as Se,_h as Jr,ab as En,ae as ur,ag as Ir,bb as We,cc as Dn,db as So,dg as Mt,di as ea,e as Wi,ei as ta,fb as ko,fc as rr,gb as Co,gd as dr,gg as gt,h as Cn,hb as To,hh as $r,ie as fr,ig as Pr,ii as Wt,je as Ht,jg as yt,k as pt,ka as Yi,kb as Io,la as we,lg as Nr,m as ht,mb as Eo,na as Xi,nb as Ro,ng as Ar,oa as Zi,ob as Po,og as Fr,p as $i,pa as Qi,pb as No,pd as pr,pg as Lr,qa as Ji,qb as Lt,qg as Dr,ra as eo,rb as Ao,ta as Ge,tb as Rn,td as _t,ua as Ze,ub as Dt,va as to,vb as Fo,wb as Lo,xe as mr,xg as zr,ye as gr,ze as yr}from"./chunk-VG7NDFTL.js";import{$ as qo,A as zo,Aa as Jo,B as Oo,Ba as er,C as _o,Ca as tr,Fa as nr,La as ne,Ma as Tr,Oa as Er,Pa as Rr,S as Ho,T as Bo,U as Mo,V as Wo,Y as $o,Z as Pn,_ as jo,aa as Go,d as no,da as Ko,e as io,ea as Nn,f as oo,g as ro,h as ve,ha as Uo,i as Pt,ia as An,j as Nt,ka as Fn,n as Qe,o as In,oa as Vo,p as ao,ta as Ln,ua as Yo,wa as Xo,y as zt,ya as Zo,z as Do,za as Qo}from"./chunk-GC3WZ5PJ.js";import{r as Xr}from"./chunk-2I435NJQ.js";import{jsx as jn,Fragment as xl,jsxs as wl}from"react/jsx-runtime";import{createContext as vl,useContext as Sl}from"react";var kl={mirrorHostStyles:!0,css:null,fontHrefs:[]},na=vl(kl);function Qu({value:e,children:t}){return jn(na.Provider,{value:e,children:t})}function qn(){return Sl(na)}function ia(){let{css:e,fontHrefs:t}=qn();return wl(xl,{children:[t.map(o=>jn("link",{rel:"stylesheet",href:o},o)),e?jn("style",{"data-sf-canvas-css":"",children:e}):null]})}import{jsx as Cl}from"react/jsx-runtime";import{createContext as Tl,useContext as Il}from"react";var oa=Tl(void 0);function nf({metadata:e,children:t}){return Cl(oa.Provider,{value:e,children:t})}var ra=()=>Il(oa);import{jsx as Y,jsxs as xn}from"react/jsx-runtime";import{useCallback as wn,useEffect as qe,useState as Au}from"react";import{ExternalIcon as Fu}from"efficient-easel/icons";import{Button as Lu,Tooltip as gl,buttonClasses as Du}from"efficient-shell/ui";import{SettingsSwitch as zu}from"efficient-easel/panel";import{PagesIcon as Ou,StylesIcon as _u}from"efficient-easel/rail";import{TreeRow as Hu}from"efficient-easel/tree";import{jsx as et,jsxs as $t}from"react/jsx-runtime";import{useEasel as Al}from"efficient-easel/easel";function El(e){return e.replace(/<[^>]+>/g," ").replace(/\s+/g," ").trim()}function Rl(e){let t=[],o=/<h([1-6])\b[^>]*>([\s\S]*?)<\/h\1>/gi,r;for(;r=o.exec(e);)t.push({level:Number(r[1]),text:El(r[2])||"(empty)"});return t}var Pl=new Set(["SubmitBuild"]),Nl={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 Gn(e,t){let o=[];for(let r of e??[]){let s=r,a=s.props??{};switch(s.type){case"Heading":{let{text:l,hidden:d}=De(a.text);if(d)break;o.push({level:Number(a.level)||2,text:l||"(empty heading)"})}break;case"Hero":o.push({level:1,text:"Hero (brand headline)"});break;case"CustomHTML":o.push(...Rl(De(a.html).text));break;default:{let l=Nl[s.type??""],d=De(a.title??a.heading),u=d.text.trim();if(!l||d.hidden)break;u?o.push({level:l,text:u}):Pl.has(s.type??"")&&o.push({level:l,text:String(s.type)});break}}for(let l of Ki(t,s.type??"")){let d=a[l];Array.isArray(d)&&o.push(...Gn(d,t))}}return o}function aa(){let{appState:e,config:t}=Al(a=>a),o=e?.data,r=Gn(o?.content??[],t),s=r.filter(a=>a.level===1).length;return $t("div",{className:"px-4 py-3 text-[13px] text-zinc-600",children:[$t("div",{className:"mb-2 flex items-center justify-between text-[11px] font-semibold uppercase tracking-wide text-zinc-500",children:[et("span",{children:"Heading outline"}),et("span",{children:r.length})]}),s!==1&&et("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?et("p",{className:"text-zinc-400",children:"No headings yet."}):et("ul",{className:"space-y-1",children:r.map((a,l)=>$t("li",{className:"flex items-baseline gap-2",style:{paddingLeft:`${(a.level-1)*12}px`},children:[$t("span",{className:"shrink-0 font-mono text-[11px] text-zinc-400",children:["H",a.level]}),et("span",{className:"truncate text-zinc-700",children:a.text})]},l))})]})}import{jsx as D,jsxs as Pe,Fragment as up}from"react/jsx-runtime";import{useCallback as fp,useEffect as Ga,useId as mp,useMemo as Ka,useState as Ve}from"react";import{default as jt,PanelHideButton as Kn,PanelModeExit as uf,PanelShowStrip as ff}from"efficient-easel/screen/components/SidePanelHead";import{jsx as B,jsxs as rt,Fragment as St}from"react/jsx-runtime";import{useEasel as bi}from"efficient-easel/easel";import{useEffect as Od,useRef as ja,useState as cn}from"react";import{jsx as je,jsxs as ca,Fragment as zl}from"react/jsx-runtime";import{useState as da}from"react";import{SettingsDefaultReset as Ol,SettingsField as _l}from"efficient-easel/panel";import{jsxs as Un,jsx as Vn,Fragment as Fl}from"react/jsx-runtime";import{Button as sa,Dialog as Ll}from"efficient-shell/ui";function Dl(e){return e===1?"1 color theme":`${e} color themes`}function la({count:e,onCancel:t,onConfirm:o}){return Un(Ll,{open:!0,onClose:t,role:"alertdialog",size:"sm",title:"Clear this site\u2019s colors?",footer:Un(Fl,{children:[Vn(sa,{variant:"secondary",onClick:t,children:"Cancel"}),Vn(sa,{variant:"danger",onClick:o,children:"Clear colors"})]}),children:[Un("p",{children:["This site has ",Dl(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 Hl=gr("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 Bl(){return je("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:je("path",{d:"M12 5v14M5 12h14"})})}var Ml="Reset color",Wl={selected:0,themes:[]};function $l(e){e(Wl)}function pa({value:e,onChange:t}){let o=e?.themes??[],r=o.length===0,s=zt(e),[a,l]=da(!1),[d,u]=da(null),y=(h,v)=>{t({...s,themes:s.themes.map((g,p)=>p===h?v:g)})},f=Oo(s).accent,b=new Set(s.themes.map(h=>h.brandInk).filter(Boolean)),C=Do.filter(h=>!b.has(h)).map(h=>zo(f,h)),x=[...s.themes,...C],P=h=>{if(h<s.themes.length)return t({...s,selected:h});let v=[...s.themes,x[h]];t({...s,themes:v,selected:v.length-1})},A=()=>{let h=[...s.themes,{..._o(s.themes[s.selected])}];t({...s,themes:h,selected:h.length-1}),u(h.length-1)};return ca(zl,{children:[r?null:je(_l,{label:Ml,icon:yr(Hl),labelId:"sf-theme-reset",action:je(Ol,{label:"all theme colors",changed:!0,onReset:()=>l(!0)})}),a&&je(la,{count:o.length,onCancel:()=>l(!1),onConfirm:()=>{l(!1),$l(t)}}),je("div",{className:"sf-theme-list",role:"radiogroup","aria-label":"Theme",children:x.map((h,v)=>je(lr,{index:v,colors:h,selected:v===s.selected,open:d===v&&v<s.themes.length,editable:v<s.themes.length,onPick:()=>P(v),onEdit:()=>u(g=>g===v?null:v),onChangeColors:g=>y(v,g)},v))}),ca("button",{type:"button",onClick:A,className:"sf-theme-add",children:[je(Bl,{}),"Add new theme"]})]})}import{jsx as qt}from"react/jsx-runtime";import{SettingsDefaultReset as jl,SettingsField as ql}from"efficient-easel/panel";import{SquareIcon as Gl}from"efficient-easel/icons";var Kl="Applies to panels, cards, inputs and buttons. Round things \u2014 color swatches, switches, status dots \u2014 stay round.",Yn="Corners";function ha({value:e,onChange:t,showHint:o=!0}){let r=e===null;return qt(ql,{label:Yn,icon:qt(Gl,{}),value:r?void 0:`${e}px`,changed:!r,action:qt(jl,{label:Yn,changed:!r,detail:"the built-in corners",onReset:()=>t(null)}),hint:o?Kl:void 0,children:qt(Re,{min:Pn,max:jo,step:1,value:e??Pn,readout:!1,ariaLabel:Yn,onChange:t})})}import{jsx as bt}from"react/jsx-runtime";import{SettingsDefaultReset as Ul,SettingsField as Vl,SettingsSegmented as Yl}from"efficient-easel/panel";import{ShadowIcon as Xl}from"efficient-easel/icons";var Xn={none:"None",soft:"Soft",lifted:"Lifted"},Zl="Applies to cards \u2014 products, brands, journal entries and filter cells. Round things like swatches and status dots are never shadowed.",Ql={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)"},Jl={labelsPx:90.25,widestLabelPx:34.6};function ua({value:e,onChange:t,showHint:o=!0}){let r=e===null,s=e??Nn;return bt(Vl,{label:"Card shadow",icon:bt(Xl,{}),value:Xn[s],changed:!r,action:bt(Ul,{label:"Card shadow",changed:!r,detail:Xn[Nn],onReset:()=>t(null)}),hint:o?Zl:void 0,children:bt(Yl,{options:Ko.map(a=>({id:a,label:Xn[a],icon:bt("span",{className:"sf-shadow-chip",style:{boxShadow:Ql[a]}})})),value:s,ariaLabel:"Card shadow",fit:Jl,onChange:t})})}import{jsx as Zn}from"react/jsx-runtime";import{SettingsDefaultReset as ec,SettingsField as tc}from"efficient-easel/panel";import{ShadowIcon as nc}from"efficient-easel/icons";var ic="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 fa({value:e,onChange:t,showHint:o=!0}){let r=e===null;return Zn(tc,{label:"Shadow color",icon:Zn(nc,{}),changed:!r,action:ar({value:e??"",inherited:r?Fn:void 0,onChange:t,label:"Shadow color",after:Zn(ec,{label:"Shadow color",changed:!r,detail:Fn,onReset:()=>t(null)})}),hint:o?ic:void 0})}import{jsx as Gt}from"react/jsx-runtime";import{SettingsDefaultReset as oc,SettingsField as rc}from"efficient-easel/panel";import{AlignSeparateIcon as ac}from"efficient-easel/icons";var sc="The space between the blocks inside a row, a grid or a box. Default means each one keeps the spacing it already has.",Qn="Block gap",lc=fr.Grid;function ma({value:e,onChange:t,showHint:o=!0}){let r=e===null;return Gt(rc,{label:Qn,labelId:"sf-block-gap",icon:Gt(ac,{}),value:r?void 0:`${e}px`,changed:!r,action:Gt(oc,{label:Qn,changed:!r,detail:"each block's own spacing",onReset:()=>t(null)}),hint:o?sc:void 0,children:Gt(Re,{min:Ht.min,max:Ht.max,step:Ht.step,value:r?lc:e,readout:!1,ariaLabel:Qn,onChange:t})})}import{jsx as Kt}from"react/jsx-runtime";import{SettingsDefaultReset as cc,SettingsField as dc,SettingsSegmented as pc}from"efficient-easel/panel";import{HoverIcon as hc}from"efficient-easel/icons";var Jn={none:"None",lift:"Lift",highlight:"Highlight"},uc="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 ga({value:e,onChange:t,showHint:o=!0}){let r=e===null,s=e??An;return Kt(dc,{label:"Hover effect",icon:Kt(hc,{}),value:Jn[s],changed:!r,action:Kt(cc,{label:"Hover effect",changed:!r,detail:Jn[An],onReset:()=>t(null)}),hint:o?uc:void 0,children:Kt(pc,{options:Uo.map(a=>({id:a,label:Jn[a]})),value:s,ariaLabel:"Hover effect",onChange:t})})}import{jsx as Ut}from"react/jsx-runtime";import{SettingsDefaultReset as fc,SettingsField as mc,SettingsSegmented as gc}from"efficient-easel/panel";import{ImageIcon as yc}from"efficient-easel/icons";var ei="Hero image",ti=[{followsWidth:!1,label:Dn.full},{followsWidth:!0,label:Dn.page}],bc="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 ya({value:e,onChange:t,showHint:o=!0}){let r=e===null,s=e??!1;return Ut(mc,{label:ei,icon:Ut(yc,{}),value:ti.find(a=>a.followsWidth===s).label,changed:!r,action:Ut(fc,{label:ei,changed:!r,detail:ti.find(a=>!a.followsWidth).label,onReset:()=>t(null)}),hint:o?bc:void 0,children:Ut(gc,{options:ti.map(a=>({id:a.followsWidth,label:a.label})),value:s,ariaLabel:ei,onChange:t})})}import{jsx as Vt}from"react/jsx-runtime";import{SettingsDefaultReset as xc,SettingsField as wc,SettingsSegmented as vc}from"efficient-easel/panel";import{DropIcon as Sc}from"efficient-easel/icons";var ni="Photography",ii=[{grayscale:!1,label:"As shot"},{grayscale:!0,label:"Black and white"}],kc="Black and white photographs return to color on hover. Wheels and tyres keep their real finish either way.";function ba({value:e,onChange:t,showHint:o=!0}){let r=e===null,s=e??!1;return Vt(wc,{label:ni,icon:Vt(Sc,{}),value:ii.find(a=>a.grayscale===s).label,changed:!r,action:Vt(xc,{label:ni,changed:!r,detail:ii.find(a=>!a.grayscale).label,onReset:()=>t(null)}),hint:o?kc:void 0,children:Vt(vc,{options:ii.map(a=>({id:a.grayscale,label:a.label})),value:s,ariaLabel:ni,onChange:t})})}import{jsx as Yt}from"react/jsx-runtime";import{SettingsDefaultReset as Cc,SettingsField as Tc}from"efficient-easel/panel";import{PaddingXIcon as Ic}from"efficient-easel/icons";var oi="Side space",ri=mt.default,Ec="The room left at the left and right edge of every page.";function xa({value:e,onChange:t,showHint:o=!0}){let r=e===null;return Yt(Tc,{label:oi,labelId:"sf-side-space",icon:Yt(Ic,{}),value:`${e??ri}px`,changed:!r,action:Yt(Cc,{label:oi,changed:!r,detail:`${ri}px`,onReset:()=>t(null)}),hint:o?Ec:void 0,children:Yt(Re,{min:mt.min,max:mt.max,step:mt.step,value:e??ri,readout:!1,ariaLabel:oi,onChange:t})})}import{jsx as Xt}from"react/jsx-runtime";import{SettingsDefaultReset as Rc,SettingsField as Pc}from"efficient-easel/panel";import{WidthIcon as Nc}from"efficient-easel/icons";var ai="Content width",si=ft.default,Ac="The standard width every page on this site renders at.";function wa({value:e,onChange:t,showHint:o=!0}){let r=e===null;return Xt(Pc,{label:ai,labelId:"sf-site-width",icon:Xt(Nc,{}),value:`${e??si}px`,changed:!r,action:Xt(Rc,{label:ai,changed:!r,detail:`${si}px`,onReset:()=>t(null)}),hint:o?Ac:void 0,children:Xt(Re,{min:ft.min,max:ft.max,step:ft.step,value:e??si,readout:!1,ariaLabel:ai,onChange:t})})}import{jsx as L,jsxs as an,Fragment as fi}from"react/jsx-runtime";import{FieldSelect as fd}from"efficient-easel/fields";import{SettingsField as sn}from"efficient-easel/panel";import{Tooltip as za}from"efficient-shell/ui";import{AccentIcon as md,CaseIcon as gd,StylesIcon as yd,TextLinesIcon as _a,TextSizeIcon as vt,TextSmallIcon as bd,TypeIcon as xd,WeightIcon as wd}from"efficient-easel/icons";import{jsx as T,jsxs as U,Fragment as nt}from"react/jsx-runtime";import{useEffect as nn,useId as qc,useRef as di,useState as pi}from"react";import{jsx as tt,jsxs as va}from"react/jsx-runtime";import{Tooltip as Fc}from"efficient-shell/ui";function Ue({label:e,onClear:t,what:o="override"}){return tt(Fc,{content:`Clear ${o}`,children:tt("button",{type:"button",className:"sf-part-mark","aria-label":`Clear ${o}: ${e}`,onClick:t,children:tt(Lc,{})})})}function Lc(){return va("svg",{width:"12",height:"12",viewBox:"0 0 16 16","aria-hidden":"true",children:[tt("circle",{className:"sf-part-mark-dot",cx:"8",cy:"8",r:"3",fill:"currentColor"}),va("g",{className:"sf-part-mark-arrow",fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",children:[tt("path",{d:"M13 8a5 5 0 1 1-1.6-3.7"}),tt("path",{d:"M13 2.5V5h-2.6"})]})]})}import{FieldSelect as Pa,InspectorField as Gc}from"efficient-easel/fields";import{SettingsField as Na,SettingsGroup as Kc}from"efficient-easel/panel";import{InspectorUpLevel as on}from"efficient-easel/chrome";import{StylesIcon as Uc,TextColorIcon as Vc,TypeIcon as Aa}from"efficient-easel/icons";import{useEasel as Yc}from"efficient-easel/easel";import{Tooltip as Xc}from"efficient-shell/ui";import{jsx as Zt,jsxs as li}from"react/jsx-runtime";import{ColorSwatch as Dc,Tooltip as zc}from"efficient-shell/ui";function Sa({value:e,label:t,colors:o,onChange:r}){let s=e===null,a=e||void 0,l=o.find(u=>u.key===a),d=l?l.value:a&&/^#[0-9a-f]{6}$/i.test(a)?a:void 0;return li("div",{className:"sf-part-ink",children:[li("div",{className:"sf-part-ink-top",children:[Zt("span",{className:"sf-part-ink-label",children:t}),Zt("span",{className:"sf-part-ink-read",children:d?d.toUpperCase():s?"Mixed":"Follows the style"})]}),li("div",{className:"sf-part-ink-swatches",role:"group","aria-label":t,children:[o.map(u=>Zt(zc,{content:`${u.name} \xB7 ${u.value.toUpperCase()}`,children:Zt(Dc,{color:u.value,"aria-label":u.name,size:"sm",selected:a===u.key,onClick:()=>r(a===u.key?null:u.key)})},u.key)),sr({value:l?"":(d??"").toLowerCase(),label:"Any color",onChange:r})]})]})}import{jsx as ci,jsxs as Oc}from"react/jsx-runtime";import{COPY_CELLS as Qt,CopyBox as _c}from"efficient-easel/copy";import{PaddingYIcon as Hc,WidthIcon as Bc}from"efficient-easel/icons";var Mc=["left","center","right","justify"],Wc=["bold","italic","underline","strike","link","sup","sub"],$c=["bullet","number"];function ka({text:e,onTextChange:t,multiline:o,markup:r=!0,styled:s=!0,style:a,base:l,setValue:d,colors:u,placeholder:y,ariaLabel:f,head:b}){let C=Lo(a),x=a.size??l.sizePx,P=[{...Qt.fontSize,value:a.size,styleValue:Math.round(l.sizePx),onChange:h=>d({size:h??null})},{...Qt.lineHeight,value:C.lineHeight,styleValue:l.lineRatio,onChange:h=>d(h===void 0?{lineHeight:null,line:null}:{lineHeight:h})},{...Qt.letterSpacing,scale:x,value:C.letterSpacingEm,styleValue:l.letterEm,onChange:h=>d(h===void 0?{letterSpacing:null,letter:null}:{letterSpacing:h})},{...Qt.paragraphSpacing,value:a.paragraphSpacing,styleValue:0,onChange:h=>d({paragraphSpacing:h??null})},{key:"padding",name:"Padding",icon:ci(Hc,{}),unit:"px",step:Po,shiftStep:10,min:Eo,max:Ro,value:a.padding,styleValue:l.paddingPx,onChange:h=>d({padding:h??null})},{key:"width",name:"Width",icon:ci(Bc,{}),unit:"px",step:Ao,shiftStep:100,min:No,max:Lt,value:a.width,styleValue:l.widthPx,onChange:h=>d({width:h??null})}],A=r?[...Wc,...o?$c:[]]:[];return Oc("div",{className:"sf-part-textbox",children:[b,ci(_c,{value:e,onChange:t,multiline:o,placeholder:y,ariaLabel:f,rules:lo,tools:A,colors:r?u:[],align:s?{value:a.align??l.align,allow:Mc,onChange:h=>d({align:h})}:void 0,letterCase:s?{value:a.case??"",onChange:h=>d({case:h||null})}:void 0,cells:s?P:void 0})]})}function Jt(e,t){let o=go(e);return o?.control==="textList"?t.rowKey===(o.itemKey??"text")?Sr(o,t.index):null:yo(e)?.[t.rowKey]??null}function Ca(e,t,o){let r=e.node.props,{key:s,row:a}=Je(e.propKey),l=a?wo(r,s,a,e.kind,t):mo(r,s,e.kind,t);return l?(o(e.zone,e.index,{...e.node,props:l}),!0):!1}var jc={CollectionCard:"product",FooterMenu:"menu",Gallery:"product",GalleryItem:"product",ProductGrid:"product",ProductHero:"product",SpecTable:"product",Events:"blog",FeaturedCover:"blog",LongRead:"blog",SubscribeBlogs:"blog"},Ta={product:"Synced from the product.",blog:"Synced from the blog post.",menu:"Synced from the site menu."},Ia="Open",Ea={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 en(e){return jc[e]??null}var Zc={400:"Regular",500:"Medium",600:"Semibold",700:"Bold"},Fa=[{key:"font",label:"Font",group:"Style"},{key:"color",label:"Color",group:"Style"}],Qc=[...new Set(Fa.map(e=>e.group))],Jc={font:T(Aa,{}),color:T(Vc,{})};function wt(e){return e.kind==="role"?Nt[e.role]:e.kind==="custom"?"Custom":null}var ed=e=>e.kind==="role"?`role:${e.role}`:e.kind;function td(e){let t=e.role;return t&&Pt.includes(t)?{kind:"role",role:t}:null}function nd(e,t){if(!e)return{kind:"unread"};let{faceRole:o,base:r}=e;if(t[o]===r.fontKey)return{kind:"role",role:o};let s=Object.keys(t).filter(a=>t[a]===r.fontKey);return s.length===1?{kind:"role",role:s[0]}:{kind:"custom"}}function hi(e,t,o,r){return td(Rn(e,t))??nd(o,r)}function La(e,t,o,r){return wt(hi(e,t,o,r))}function ui(e,t){if(!e.length)return null;let o=t(e[0]);return e.every(r=>t(r)===o)?o:null}function id(e){return Object.values(e).filter(t=>t!==void 0).length}function od(e,t){let o=e.style[t];return t==="color"?o??"":o!==void 0?String(o):e.base.fontKey}function rd({face:e,base:t,onPick:o}){let[r,s]=pi(!1),a=di(null),l=di(null),d=qc();nn(()=>{if(!r)return;let f=b=>{a.current&&!a.current.contains(b.target)&&s(!1)};return document.addEventListener("mousedown",f),()=>document.removeEventListener("mousedown",f)},[r]);let u=e.kind==="role"?e.role:null,y=f=>{o(f),s(!1),l.current?.focus()};return U("div",{className:"sf-part-style-pick",ref:a,children:[U("button",{ref:l,type:"button",className:"sf-part-style-trigger","aria-expanded":r,"aria-controls":d,"aria-label":`Follows ${wt(e)??"no style"} \u2014 change`,onClick:()=>s(f=>!f),onKeyDown:f=>{f.key==="Escape"&&r&&(f.preventDefault(),s(!1))},children:[T("span",{className:"sf-part-style-name",style:{fontFamily:t?.fontKey?`var(${ve(t.fontKey)?.cssVar})`:void 0,fontWeight:t?.weight},children:wt(e)}),T("span",{className:"sf-part-style-sign","aria-hidden":"true"})]}),r&&U("div",{className:"sf-multi-menu sf-part-style-menu",id:d,role:"listbox",onKeyDown:f=>{f.key==="Escape"&&(f.preventDefault(),s(!1),l.current?.focus())},children:[U("button",{type:"button",role:"option","aria-selected":u===null,className:`sf-part-style-option${u===null?" is-on":""}`,onClick:()=>y(null),children:[T("span",{className:"sf-part-style-option-name",children:"No style"}),T("span",{className:"sf-note",children:"Section\u2019s own"})]}),Pt.map(f=>T("button",{type:"button",role:"option","aria-selected":u===f,className:`sf-part-style-option${u===f?" is-on":""}`,onClick:()=>y(f),children:T("span",{className:"sf-part-style-option-name",style:{fontFamily:`var(--font-role-${f})`},children:Nt[f]})},f))]})]})}var tn="";function ad({face:e,base:t,onPick:o}){let r=e.kind==="role"?e.role:tn,s=[{label:"No style",value:tn},...Pt.map(a=>({label:Nt[a],value:a}))];return T(Pa,{ariaLabel:"Style",value:r,options:s,inline:!0,onChange:a=>o(a===tn?null:a),renderOption:a=>a.value===tn?U(nt,{children:[T("span",{className:"es-fsel-label sf-part-style-keep",children:a.label}),T("span",{className:"sf-part-style-aside","aria-hidden":"true",children:"Section\u2019s own"})]}):T("span",{className:"es-fsel-label",style:{fontFamily:`var(--font-role-${a.value})`},children:a.label}),renderValue:()=>T("span",{style:{fontFamily:t?.fontKey?`var(${ve(t.fontKey)?.cssVar})`:void 0,fontWeight:t?.weight},children:wt(e)})})}function sd({parts:e,onEditStyle:t,onClearAll:o,onFollowStyle:r,kindLabel:s}){let a=ui(e,f=>ed(f.face))?e[0].face:null,l=a?wt(a):null,d=a&&a.kind!=="unread"?e[0].base:null,u=e.reduce((f,b)=>f+id(b.style),0),y=d?ve(d.fontKey)?.label:void 0;return U("div",{className:`sf-part-style${u?" has-overrides":""}`,children:[T("div",{className:"sf-part-style-caption",children:"Style"}),e.length>1&&U("div",{className:"sf-part-style-count",children:[e.length," selected"]}),e.length===1&&s&&U("div",{className:"sf-part-style-count",children:[s," \xB7 every row"]}),l&&d?U(nt,{children:[r&&a?T(rd,{face:a,base:d,onPick:r}):T("div",{className:"sf-part-style-name",style:{fontFamily:y?`var(${ve(d.fontKey)?.cssVar})`:void 0,fontWeight:d.weight},children:l}),T("div",{className:"sf-part-style-meta",children:[y,`${Math.round(d.sizePx)} px`,Zc[d.weight]].filter(Boolean).join(" \xB7 ")})]}):T("div",{className:"sf-part-style-name",children:"Mixed styles"}),U("div",{className:"sf-part-style-top",children:[l?u?U(nt,{children:[U("span",{className:"sf-part-chip",children:[u," changed"]}),T("button",{type:"button",className:"sf-part-link",onClick:o,children:"Clear"})]}):T("span",{className:"sf-part-style-state",children:"This text follows the site style."}):T("span",{className:"sf-part-style-state",children:"Changes apply to all selected."}),T("span",{className:"sf-part-style-gap"}),l&&t&&T("button",{type:"button",className:"sf-part-link",onClick:t,children:"Edit"})]})]})}function ld({sectionName:e,onBack:t,textEditor:o,styleRow:r,children:s}){return U("div",{className:"sf-part-panel",children:[T(on,{inline:!0,name:e,onSelect:t}),o,r,s]})}function rn({source:e,slug:t}){let o=_t(),r=Ea[e],s=!r.needsSlug||!!t;return T("div",{className:"sf-note sf-note--source",children:U("p",{className:"es-field-hint sf-hint-keep",children:[Ta[e],s?U(nt,{children:[" ",T("button",{type:"button",className:"sf-source-open",onClick:()=>{r.type==="storefront-editor:open-menus"?o.send(r.type):t&&o.send(r.type,{slug:t})},children:Ia})]}):null]})})}var Ra=4,cd=120;function dd({region:e,sizePx:t,face:o,base:r,onFollowStyle:s,source:a,slug:l,onBack:d}){let u=e.follows;return U("div",{className:"sf-note",children:[T("p",{children:T("strong",{children:e.label})}),U("p",{children:["Its size follows Site styles \u25B8 ",u,t?` \u2014 ${Math.round(t)}px right now`:"","."]}),s?T(nt,{children:T(Na,{label:"Style",icon:T(Uc,{}),hint:U(nt,{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:T(ad,{face:o,base:r,onPick:s})})}):T("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?T(rn,{source:a,slug:l}):null,T(on,{inline:!0,name:"Page",onSelect:d})]})}function pd({onBack:e}){return U("div",{className:"sf-note",children:[T("p",{children:T("strong",{children:"This part is no longer here."})}),T("p",{children:"The section it belonged to has been changed or removed."}),T(on,{inline:!0,name:"Page",onSelect:e})]})}function hd({onBack:e,partId:t,why:o}){return U("div",{className:"sf-note",children:[T("p",{children:T("strong",{children:"This part's settings did not open."})}),T("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."}),T("p",{className:"sf-note-detail",children:U("code",{children:[t," \u2014 ",o]})}),T(on,{inline:!0,name:"Page",onSelect:e})]})}function Da({nodeId:e,propKey:t,onBack:o,onEditStyle:r}){let{getItemById:s,getSelectorForId:a,config:l}=Yc(R=>R),d=Ot(),{partStyle:u}=Ft(),{fonts:y}=ne(),[f,b]=pi({}),C=di(null),x=s(e),P=a(e),A=x?l.components[x.type]:void 0,{key:h,row:v}=Je(t),g=A?.fields?.[h],p=v?Jt(g,v):g,E=ut(e,t),F=x?.props??{},k=ho(p),q=br(p),M=ko(p),ee=x?en(x.type):null,_=v?bo(F[h],v):F[h],G=!!v&&!(Array.isArray(F[h])&&v.index<F[h].length);nn(()=>{C.current?.querySelector(".es-copy [contenteditable='true'], .es-copy textarea, .sf-copybox textarea, .sf-copybox input")?.focus()},[E]);let[ae,N]=pi(0);nn(()=>N(0),[E]);let Q=!!x&&!G&&(!P||!p);nn(()=>{if(!Q||ae>=Ra)return;let R=setTimeout(()=>N(X=>X+1),cd);return()=>clearTimeout(R)},[Q,ae]);let he=Q&&ae<Ra;if(!x||G)return T(pd,{onBack:o});let ue=Or(x.type),Ae=ue?zr(ue,t):null;if(ue&&Ae){let R=u?.partId===E?u:null,X=ue[Ae],ge=X.writable===!0&&!!P,ye=re=>{P&&d.replaceComponent(P.zone,P.index,{...x,props:Dt(F,t,"role",re)})};return T(dd,{region:X,sizePx:R?.base.sizePx??null,face:hi(F,t,R,y),base:R?.base??null,onFollowStyle:ge?ye:void 0,source:ee,slug:xt(F),onBack:o})}if(!P||!p)return he?T("div",{className:"sf-note","aria-busy":"true"}):T(hd,{onBack:o,partId:E,why:P?"no field":"no selector"});let fe=R=>{d.replaceComponent(P.zone,P.index,{...x,props:R})},xe=R=>{if(De(R).hidden!==De(_).hidden||!k){let X=v?xo(F,h,v,R):{...F,[h]:R};X&&fe(X);return}Ca({node:x,propKey:t,kind:k,zone:P.zone,index:P.index},De(R).text,d.replaceComponent)},He=_,le=or(x?.type,t),se=Rn(F,le),J=u?.partId===E?u:null,$=[{partKey:le,face:hi(F,le,J,y),sizeGroup:J?.sizeGroup??null,base:J?.base??ud,style:se}],Fe=ui($,R=>R.sizeGroup),w=so(J?.inks),W=(R,X)=>{let ge=F;for(let ye of $)ge=Dt(ge,ye.partKey,R,X);fe(ge)},K=R=>W("role",R),pe=()=>{let R=F;for(let X of $)R=Fo(R,X.partKey);fe(R)},Te=R=>{let X=F;for(let ge of $)for(let[ye,re]of Object.entries(R))X=Dt(X,ge.partKey,ye,re??null);fe(X)},vn=(R,X)=>{let ge=$.some(Ee=>Ee.style[R]!==void 0),ye=ui($,Ee=>od(Ee,R)),re=ye===null,Xe=`sf-part-${e}-${t}-${R}`;return R==="color"?T(Sa,{value:re?null:String(ye),label:X,colors:w,onChange:Ee=>W("color",Ee)},R):T(Na,{label:X,icon:Jc[R],className:"sf-part-field",changed:ge,htmlFor:Xe,action:ge?T(Ue,{label:X,onClear:()=>W(R,null)}):void 0,children:R==="font"?T(Pa,{id:Xe,ariaLabel:X,value:!re&&ve(String(ye))?String(ye):void 0,placeholder:re?"Mixed":"Site style",options:no.map(Ee=>({label:Ee.label,value:Ee.key})),onChange:Ee=>W("font",Ee||null)}):null},R)},ce=k==="text"||k==="textarea",{text:Ie,hidden:me}=De(_),Be=p?.[po]?.label??t,Sn=U("div",{className:"sf-field-head",children:[T(Aa,{}),T("span",{className:"sf-field-label sf-field-label--inline",children:Be}),ce&&T(Xc,{content:me?`Show ${Be} on the slide`:`Hide ${Be} on the slide`,children:T("button",{type:"button",className:"sf-field-eye","aria-pressed":me,"aria-label":me?`Show ${Be} on the slide`:`Hide ${Be} on the slide`,onClick:()=>xe({text:Ie,hidden:!me}),children:me?T(Se,{name:"eye-off",size:14}):T(Se,{name:"eye",size:14})})})]}),kn=!q&&M;return U(ld,{sectionName:A?.label??x.type,onBack:o,textEditor:U("div",{ref:C,className:"sf-part-text",children:[k?T(ka,{text:Ie,onTextChange:R=>xe(ce?{text:R,hidden:me}:R),multiline:uo(k),markup:k!=="plainText",styled:kn,style:$[0].style,base:$[0].base,setValue:Te,colors:w.map(R=>({name:R.key,label:R.name,value:R.value})),placeholder:fo(p),ariaLabel:Be,head:Sn}):T(Gc,{field:p,name:t,value:He,onChange:xe,id:`sf-part-${e}-${t}`}),kn&&k&&Fe===null&&T("p",{className:"es-field-hint sf-hint-keep",children:"Fixed size \u2014 the site\u2019s Text setting doesn\u2019t resize this."})]}),children:[ee&&T(rn,{source:ee,slug:xt(F)}),kn&&Qc.map(R=>{let X=Fa.filter(re=>re.group===R),ge=X.filter(re=>$.some(Xe=>Xe.style[re.key]!==void 0)).length,ye=`sf-part-g-${e}-${t}-${R.replace(/\W+/g,"-")}`;return U(Kc,{id:ye,title:R,open:f[R]!==!0,onToggle:re=>b(Xe=>({...Xe,[R]:!re})),count:ge,children:[T(sd,{parts:$,onEditStyle:r,onClearAll:pe,onFollowStyle:K,kindLabel:ir[le]}),X.map(re=>vn(re.key,re.label))]},R)})]})}var ud={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:Lt};var vd=[{role:"heading",title:"Heading 1",group:"heading",step:"headingLarge",base:17,icon:L(vt,{})},{role:"heading2",title:"Heading 2",group:"heading",step:"headingMedium",base:15,icon:L(vt,{})},{role:"heading3",title:"Heading 3",group:"heading",step:"headingSmall",base:13,icon:L(vt,{})},{role:"accent",title:"Accent",step:"accent",base:15,icon:L(md,{})},{role:"body",title:"Body",group:"body",step:"body",base:14,icon:L(_a,{})},{role:"label",title:"Labels",group:"label",step:"label",base:11,icon:L(bd,{})}];var Sd=9,it=500,kd=100,Cd=80,Td=4,Id=600,Ed=700,Rd=400,Pd="0.18em";function Nd({id:e,value:t,onChange:o}){let r=oo().flatMap(([a,l])=>l.map(d=>({label:d.label,value:d.key,group:io[a]}))),s=(a,l)=>L("span",{style:{fontFamily:`var(${ve(a)?.cssVar??"--font-body"})`},children:l});return L(fd,{id:e,value:t,onChange:o,options:r,renderOption:a=>s(a.value,a.label),renderValue:a=>a?s(a.value,a.label):null})}function Ad({label:e,icon:t,readout:o,min:r,max:s,step:a,value:l,onChange:d,action:u,hint:y}){return L(sn,{label:e,icon:t,value:o,action:u,hint:y,children:L(Re,{min:r,max:s,step:a,value:l,readout:!1,ariaLabel:e,onChange:d})})}function mi({label:e,icon:t,value:o,fallback:r,min:s,max:a,step:l,suffix:d="",hint:u,onChange:y}){let f=o===null;return L(Ad,{label:e,icon:t,readout:f?"Auto":`${o}${d}`,min:s,max:a,step:l,value:f?r:o,onChange:y,action:f?null:L(Ue,{label:e,what:"change",onClear:()=>y(null)}),hint:u})}function Oa({label:e,icon:t,options:o,value:r,onChange:s,hint:a,action:l}){return L(sn,{label:e,icon:t,value:o.find(d=>d.value===r)?.label,hint:a,action:l,children:L("div",{className:"sf-rungs",children:o.map(d=>L("button",{type:"button","aria-pressed":d.value===r,onClick:()=>s(d.value),className:`sf-rung${d.value===r?" is-active":""}`,children:d.label},d.value))})})}var Fd=[{value:"authored",label:"As designed"},{value:"sentence",label:"As typed"}],Ld=[{value:"normal",label:"Normal"},{value:"tight",label:"Tight"},{value:"compressed",label:"Compressed"}];function Dd({fontKey:e,weight:t,fallbackWeight:o,onWeight:r}){let s=(t??o)>=Id,a=ro(e),l=ve(e)?.label??"This face";return L(sn,{label:"Style",icon:L(yd,{}),value:s?"Bold":"Normal",hint:"Bold is the weight above \u2014 one value, two ways to set it.",children:an("div",{className:"sf-rungs",children:[L(za,{content:"Bold",className:"sf-rung-tip",children:L("button",{type:"button","aria-pressed":s,"aria-label":"Bold",onClick:()=>r(s?Rd:Ed),className:`sf-rung sf-rung--glyph${s?" is-active":""}`,style:{fontWeight:700},children:"B"})}),L(za,{className:"sf-rung-tip",content: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.`,children:L("span",{className:"sf-tip-disabled",tabIndex:0,children:L("button",{type:"button","aria-pressed":!1,"aria-label":"Italic",disabled:!0,className:"sf-rung sf-rung--glyph",style:{fontStyle:"italic"},children:"I"})})})]})})}function Ha({fonts:e,compression:t,headingTypography:o,openRole:r,onOpenRole:s,onFontChange:a,sizes:l,onSizeChange:d,onCompressionChange:u,onHeadingTypographyChange:y,livePx:f,savedRole:b=null}){let C=h=>y({...o,...h}),x=h=>h==="accent"?"weightStrong":h==="heading2"?"weight2":h==="heading3"?"weight3":"weight",P=h=>h==="heading2"?"case2":h==="heading3"?"case3":"case",A=Xo(t);return L("div",{className:"sf-style-list",children:vd.map(h=>{let v=r===h.role;return L(pr,{styleKey:h.role,label:h.title,icon:h.icon,value:ve(e[h.role])?.label??e[h.role],sampleStyle:zd(h,e,o,A),open:v,onToggle:()=>s(v?null:h.role),saved:b===h.role,children:v&&an(fi,{children:[L(sn,{label:"Font",icon:L(xd,{}),htmlFor:`sf-font-${h.role}`,action:e[h.role]===In[h.role]?null:L(Ue,{label:"Font",what:"change",onClear:()=>a(h.role,In[h.role])}),children:L(Nd,{id:`sf-font-${h.role}`,value:e[h.role],onChange:g=>a(h.role,g)})}),h.step&&d&&L(mi,{label:"Size",icon:L(vt,{}),value:l[h.step],fallback:h.base*2,min:Bo,max:Mo,step:Wo,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:g=>d(h.step,g)}),(Qe(h.role)||h.role==="accent")&&an(fi,{children:[L(mi,{label:"Weight",icon:L(wd,{}),value:o[x(h.role)],fallback:Qe(h.role)?it:o.weight??it,min:Zo,max:Qo,step:kd,hint:h.role==="accent"?"Auto = the accent phrase takes the heading's own weight.":void 0,onChange:g=>C({[x(h.role)]:g})}),L(Dd,{fontKey:e[h.role],weight:o[x(h.role)],fallbackWeight:Qe(h.role)?it:o.weight??it,onWeight:g=>C({[x(h.role)]:g})})]}),Qe(h.role)&&an(fi,{children:[L(Oa,{label:"Line & text gap",icon:L(_a,{}),options:Ld,value:t,onChange:u,hint:A.lineHeight===void 0?"The built-in spacing.":`Line gap ${A.lineHeight} \xB7 text gap ${A.letterSpacing}em.`,action:t===Ln?null:L(Ue,{label:"Line & text gap",what:"change",onClear:()=>u(Ln)})}),L(Oa,{label:"Capitals",icon:L(gd,{}),options:Fd,value:o[P(h.role)],onChange:g=>C({[P(h.role)]:g}),hint:"The only setting that changes a heading's capitals.",action:o[P(h.role)]==="authored"?null:L(Ue,{label:"Capitals",what:"change",onClear:()=>C({[P(h.role)]:"authored"})})}),L(mi,{label:"Largest size",icon:L(vt,{}),value:o.maxPx,fallback:Cd,min:Jo,max:er,step:Td,suffix:"px",hint:"Caps the biggest heading on the site. Auto = each section's own.",onChange:g=>C({maxPx:g})})]})]})},h.role)})})}function zd(e,t,o,r){let s=Math.max(Sd,e.base),a={fontFamily:`var(${ve(t[e.role])?.cssVar??"--font-body"})`,fontSize:`${s.toFixed(1)}px`,lineHeight:1.15};return Qe(e.role)?(a.fontWeight=o.weight??it,a.textTransform=o.case==="sentence"?"none":"uppercase",r.letterSpacing!==void 0&&(a.letterSpacing=`${r.letterSpacing}em`)):e.role==="accent"?(a.fontWeight=o.weightStrong??o.weight??it,r.letterSpacing!==void 0&&(a.letterSpacing=`${r.letterSpacing}em`)):e.role==="label"&&(a.textTransform="uppercase",a.letterSpacing=Pd),a}import{SettingsTabs as _d}from"efficient-easel/panel";import{Tooltip as iy,tabButtonId as Hd,tabPanelId as Bd}from"efficient-shell/ui";import{ContrastIcon as Md,NoteIcon as Wd,SettingsIcon as $d,TypeIcon as jd}from"efficient-easel/icons";function Ba(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 Hg,pinPreviewToBottom as Ma,pinPreviewToSection as ln,previewFrame as Wa,scrollPreviewToSection as $a,scrollPreviewToTop as gi}from"efficient-easel/screen/lib/puck/preview-dom";var yi="sf-site-styles",qd="sf-site-styles-tabpanel",xi=!1,Gd="Show hints";function wi({shown:e,onChange:t}){return B("div",{className:"sf-hints",children:rt("button",{type:"button","aria-pressed":e,onClick:()=>t(!e),className:`sf-rung sf-hints-toggle${e?" is-active":""}`,children:[B(Wd,{size:13}),Gd]})})}var qa="text",ot=[{id:"basics",label:"Basics",icon:B($d,{})},{id:"theme",label:"Theme",icon:B(Md,{})},{id:"text",label:"Text",icon:B(jd,{})}];function Kd({themeFromDocument:e,persist:t}){let{appState:o,dispatch:r}=bi(y=>y),{theme:s,setTheme:a}=ne(),l=o.data,d=l.root?.props??{},u=y=>{if(e){let f={...d,theme:y};r({type:"replaceRoot",root:{...l.root,props:f},recordHistory:!0})}else a(y);t({selected_preset:y.selected,theme_presets:y.themes})};return B(pa,{value:e?d.theme:s,onChange:u})}function Ud(e,t){let[o,r]=cn(null),s=ja(null),a=JSON.stringify(e),l=ja(t);return l.current=t,Od(()=>{if(s.current===null){s.current=a;return}if(s.current===a)return;s.current=a;let d=window.setTimeout(()=>r(l.current),700),u=window.setTimeout(()=>r(null),2200);return()=>{window.clearTimeout(d),window.clearTimeout(u)}},[a]),o}function Vd({themeFromDocument:e,persist:t}){let{appState:o,dispatch:r}=bi(k=>k),[s,a]=cn(null),{fonts:l,setFonts:d,sizes:u,setSizes:y,headingCompression:f,setHeadingCompression:b,headingTypography:C,setHeadingTypography:x}=ne(),P=o.data,A=P.root?.props??{},h=e?ao(A.fonts):l,v=e?Ho:u,g=e?Yo(A.headingCompression):f,p=e?tr(A.headingTypography):C,E=k=>r({type:"replaceRoot",root:{...P.root,props:{...A,...k}},recordHistory:!0}),F=Ud({curFonts:h,curCompression:g,curTypography:p},s);return B(Ha,{fonts:h,sizes:v,compression:g,headingTypography:p,openRole:s,onOpenRole:a,onFontChange:(k,q)=>{let M={...h,[k]:q};e?E({fonts:M}):d(M),t({heading_font:M.heading,body_font:M.body,accent_font:M.accent,label_font:M.label})},onSizeChange:e?void 0:(k,q)=>{let M={...v,[k]:q};y(M),t({heading_size_large_px:M.headingLarge,heading_size_medium_px:M.headingMedium,heading_size_small_px:M.headingSmall,accent_size_px:M.accent,body_size_px:M.body,label_size_px:M.label})},onCompressionChange:k=>{e?E({headingCompression:k}):b(k),t({heading_compression:k})},onHeadingTypographyChange:k=>{e?E({headingTypography:k}):x(k),t(nr(k))},livePx:Xd,savedRole:F})}var Yd={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 Xd(e){if(typeof document>"u")return null;let t=(Wa()?.contentDocument??document).querySelector(Yd[e]);if(!t)return null;let o=parseFloat(getComputedStyle(t).fontSize);return Number.isFinite(o)?o:null}function Zd({themeFromDocument:e,persist:t,showHint:o}){let{appState:r,dispatch:s}=bi(C=>C),{cornerRadiusPx:a,setCornerRadiusPx:l}=ne(),d=r.data,u=d.root?.props??{},y=u.cornerRadiusPx===void 0?qo[$o(u.cornerStyle)]:Go(u.cornerRadiusPx),f=e?y:a,b=C=>s({type:"replaceRoot",root:{...d.root,props:{...u,...C}},recordHistory:!0});return B(ha,{value:f,onChange:C=>{e?b({cornerRadiusPx:C}):l(C),t({corner_radius_px:C})},showHint:o})}function Qd(e){return{site_width:e}}function Jd({persist:e,showHint:t}){let{siteWidth:o,setSiteWidth:r}=ne();return B(wa,{value:o,onChange:s=>{r(s),e(Qd(s),s===null)},showHint:t})}function ep(e){return{block_gap:e}}function tp(e){return{site_gutter:e}}function np({persist:e,showHint:t}){let{siteGutter:o,setSiteGutter:r}=ne();return B(xa,{value:o,onChange:s=>{r(s),e(tp(s),s===null)},showHint:t})}function ip({persist:e,showHint:t}){let{blockGap:o,setBlockGap:r}=ne();return B(ma,{value:o,onChange:s=>{r(s),e(ep(s),s===null)},showHint:t})}function op({persist:e,showHint:t}){let{heroBackgroundFollowsWidth:o,setHeroBackgroundFollowsWidth:r}=ne();return B(ya,{value:o,onChange:s=>{r(s),e({hero_background_follows_width:s},!0)},showHint:t})}function rp({persist:e,showHint:t=!0}){return rt(St,{children:[B(Jd,{persist:e,showHint:t}),B(np,{persist:e,showHint:t}),B(ip,{persist:e,showHint:t}),B(op,{persist:e,showHint:t})]})}function ap(e){return{card_shadow:e}}function sp(e){return e===null?{shadow_color:null}:{shadow_color:Vo(e)}}function lp(e){return{hover_effect:e}}function cp({persist:e,showHint:t=!0}){let{cardShadow:o,setCardShadow:r,shadowColor:s,setShadowColor:a,hoverEffect:l,setHoverEffect:d}=ne();return rt(St,{children:[B(ua,{value:o,onChange:u=>{r(u),e(ap(u),!0)},showHint:t}),B(fa,{value:s,onChange:u=>{a(u),e(sp(u),u===null)},showHint:t}),B(ga,{value:l,onChange:u=>{d(u),e(lp(u),!0)},showHint:t})]})}function dp(e){return{photography_grayscale:e}}function pp({persist:e,showHint:t}){let{photographyGrayscale:o,setPhotographyGrayscale:r}=ne();return B(ba,{value:o,onChange:s=>{r(s),e(dp(s),!0)},showHint:t})}function hp({persist:e,showHint:t=!0}){return B(St,{children:B(pp,{persist:e,showHint:t})})}function at(){let{websiteName:e}=ne();return e?.trim()||Tr}function dn({themeFromDocument:e=!1,tokenRef:t,siteId:o,onNotify:r,tab:s,onTabChange:a}){let{persist:l}=cr({themeFromDocument:e,tokenRef:t,siteId:o,onResult:A=>{let h=Ba(A);h&&r?.(h.msg,h.tone)}}),[d,u]=cn(ot[0].id),y=s!==void 0,f=y?s:d,b=y?a??(()=>{}):u,C=ot.find(A=>A.id===f)??ot[0],[x,P]=cn(xi);return rt(St,{children:[B(_d,{items:ot,activeId:C.id,onSelect:b,ariaLabel:"Site styles",idPrefix:yi}),rt("div",{id:Bd(yi,C.id),className:qd,role:"tabpanel","aria-labelledby":Hd(yi,C.id),children:[f==="basics"&&rt(St,{children:[B(Zd,{themeFromDocument:e,persist:l,showHint:x}),!e&&B(cp,{persist:l,showHint:x}),!e&&B(rp,{persist:l,showHint:x}),!e&&B(hp,{persist:l,showHint:x}),B(wi,{shown:x,onChange:P})]}),f==="theme"&&B(Kd,{themeFromDocument:e,persist:l}),f==="text"&&B(Vd,{themeFromDocument:e,persist:l})]})]})}import{InspectorIconButton as gp}from"efficient-easel/chrome";import{Button as Ua,Dialog as yp,FormField as bp,Input as xp,Tooltip as vi}from"efficient-shell/ui";import{AddIcon as wp}from"efficient-easel/icons";import{PagesIcon as vp}from"efficient-easel/rail";var Va="sf-editor-pages-collapsed-groups",Sp=e=>e.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""),Ya=(e,t)=>{let o=Sp(e)||"page";if(!t.has(o))return o;let r=2;for(;t.has(`${o}-${r}`);)r+=1;return`${o}-${r}`};function Xa({onNavigate:e,onClose:t,activeSurface:o,onPreviewSurface:r}){let s=$e().chrome?.pageRows,a=_t(),{adapter:l,capabilities:d,ready:u,currentSlug:y}=de(),f=at(),[b,C]=Ve(null),[x,P]=Ve(""),[A,h]=Ve(!1),[v,g]=Ve(null),[p,E]=Ve(!1),[F,k]=Ve(""),q=mp(),M=fp(async()=>{if(u)try{C(await l.listPages())}catch{C([])}},[l,u]);Ga(()=>{C(null),M()},[M]);let[ee,_]=Ve(()=>{if(typeof window>"u")return new Set;try{let w=window.localStorage.getItem(Va);return new Set(w?JSON.parse(w):[])}catch{return new Set}});Ga(()=>{try{window.localStorage.setItem(Va,JSON.stringify([...ee]))}catch{}},[ee]);let G=w=>_(W=>{let K=new Set(W);return K.has(w)?K.delete(w):K.add(w),K}),ae=Ka(()=>Hr(b??[]),[b]),N=x.trim().toLowerCase(),Q=w=>!N||w.toLowerCase().includes(N),he=w=>N?!0:!ee.has(w),ue=Ka(()=>new Set((b??[]).map(w=>w.slug)),[b]),Ae=()=>{if(d.pageCreationInAdminForm){a.send("storefront-editor:new-page");return}k(""),g(null),E(!0)},fe=async()=>{let w=F.trim();if(!(!w||!u||A||!l.createPage)){h(!0),g(null);try{let W=await l.createPage({slug:Ya(w,ue),title:w,layout:{}});await M(),E(!1),k(""),e(W.slug)}catch{g("Couldn\u2019t add the page \u2014 please retry.")}finally{h(!1)}}},xe=async w=>{if(!(!u||A||!l.deletePage||(b??[]).length<=1)){h(!0);try{await l.deletePage(w.id);let W=(b??[]).filter(K=>K.id!==w.id);C(W),g(null),w.slug===y&&W[0]&&e(W[0].slug)}catch{g("Couldn\u2019t delete the page \u2014 please retry.")}finally{h(!1)}}},He=w=>a.send("storefront-editor:open-page",{slug:w}),le=w=>{if(!Q(w.label))return null;let W=!o&&w.slug===y,K=d.canDeletePagesInline&&(b??[]).length>1;return Pe("div",{className:`sf-row sf-prow ${W?"is-selected":""}`,onClick:()=>e(w.slug),children:[D("span",{className:"sf-chip",children:D(kp,{})}),D("span",{className:"sf-row-name",children:w.label}),_r(w)&&D("span",{className:"sf-badge-dynamic",children:"Dynamic"}),w.kind==="lightbox"&&D("span",{className:"sf-badge-lightbox",children:"Lightbox"}),w.draft&&D("span",{className:"sf-page-draft",children:"draft"}),d.pageCreationInAdminForm&&D(vi,{content:`Edit \u201C${w.label}\u201D in the admin`,children:D("button",{type:"button",className:"sf-page-edit","aria-label":`Edit ${w.label} in the admin`,onClick:pe=>{pe.stopPropagation(),He(w.slug)},children:D(Se,{name:"pencil",size:13,strokeWidth:1.7,rounded:!0})})}),K&&D(vi,{content:`Delete \u201C${w.label}\u201D`,children:D("button",{type:"button",className:"sf-page-edit sf-page-edit--danger",disabled:A,"aria-label":`Delete ${w.label}`,onClick:pe=>{pe.stopPropagation(),xe(w)},children:D(Se,{name:"trash",size:13,strokeWidth:1.7,rounded:!0})})})]},w.id)},se=(w,W,K)=>{let pe=K.filter(Boolean);if(pe.length===0)return null;let Te=he(w);return Pe("div",{className:"sf-pgroup",children:[Pe("button",{type:"button",className:"sf-pgroup-head","aria-expanded":Te,onClick:()=>G(w),children:[D(Se,{name:"chevron-right",size:10,strokeWidth:2.6,rounded:!0,style:{transform:Te?"rotate(90deg)":"none",transition:"transform 0.14s"}}),D("span",{className:"sf-pgroup-label",children:W}),D("span",{className:"sf-pgroup-count",children:pe.length})]}),Te&&D("div",{className:"sf-pgroup-body",children:pe})]},w)},J=(s?.rows??[]).filter(w=>Q(w.label)).map(w=>{let W=o===w.key;return Pe("div",{className:`sf-row sf-prow sf-prow--shop ${W?"is-selected":""}`,onClick:()=>r(w.key),children:[D("span",{className:"sf-chip",children:w.icon}),D("span",{className:"sf-row-name",children:w.label}),D("span",{className:"sf-badge-preview",children:"Preview"}),D(vi,{content:`Open the ${w.label} in a new tab`,children:D("a",{className:"sf-page-edit",href:w.href,target:"_blank",rel:"noopener noreferrer","aria-label":`Open the ${w.label} in a new tab`,onClick:K=>K.stopPropagation(),children:D(Se,{name:"external-link",size:13,strokeWidth:1.7,rounded:!0})})})]},w.key)}),$=d.hasSiteSettings&&!!s,Fe=(()=>{if(b===null)return null;let w=[],W=!1;for(let K of ae)$&&!W&&K.key.startsWith("system:")&&(w.push(se("shop",s.title,J)),W=!0),w.push(se(K.key,K.label,K.rows.map(le)));return $&&!W&&w.push(se("shop",s.title,J)),w})();return Pe("div",{className:"sf-pages",children:[D(jt,{icon:D(vp,{}),title:"Pages",context:f,actions:D(gp,{label:"New page",onClick:Ae,children:D(wp,{size:15})}),onHide:t}),Pe("div",{className:"sf-pages-search",children:[D(Se,{name:"search",size:14,rounded:!0}),D("input",{type:"search",className:"sf-pages-search-input",placeholder:"Search all pages\u2026",value:x,onChange:w=>P(w.target.value),"aria-label":"Search all pages"})]}),Pe("div",{className:"sf-pages-list sf-scroll",children:[v&&!p&&D("div",{className:"sf-note sf-note--error",role:"alert",children:v}),Fe===null?D("div",{className:"sf-note",children:"Loading\u2026"}):Fe.some(Boolean)?Fe:D("div",{className:"sf-note",children:x.trim()?"No pages match your search":"No pages yet"})]}),Pe("button",{type:"button",className:"sf-pages-new",onClick:Ae,children:[D("span",{className:"sf-plus",children:"+"}),"New page"]}),D(yp,{open:p,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:Pe(up,{children:[D(Ua,{variant:"secondary",onClick:()=>E(!1),children:"Cancel"}),D(Ua,{onClick:()=>{fe()},disabled:A||!F.trim(),loading:A,children:A?"Adding\u2026":"Add page"})]}),children:D(bp,{label:"Page name",htmlFor:q,hint:F.trim()?`URL: /${Ya(F,ue)}`:void 0,error:v??void 0,children:D(xp,{id:q,value:F,invalid:!!v,onChange:w=>k(w.target.value),onKeyDown:w=>{w.key==="Enter"&&fe()},placeholder:"e.g. About"})})})]})}function kp(){return Pe("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:[D("path",{d:"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"}),D("path",{d:"M14 3v5h5"})]})}import{jsx as Si}from"react/jsx-runtime";import{DesktopIcon as Cp,PhoneIcon as Tp,TabletIcon as Ip}from"efficient-easel/icons";var Ep={desktop:Si(Cp,{}),tablet:Si(Ip,{}),mobile:Si(Tp,{})},Za=ur.map(e=>({id:e,label:hr[e],icon:Ep[e]}));import{jsxs as ze,jsx as H,Fragment as Pi}from"react/jsx-runtime";import{useState as Dh}from"react";import{useEasel as zh}from"efficient-easel/easel";import{InspectorHead as Oh,InspectorIconButton as ys}from"efficient-easel/chrome";import{DuplicateIcon as _h,TrashIcon as Hh}from"efficient-easel/icons";import{panelFieldsOf as Qa}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 Rp,BlockBoxIcon as Pp,BlockButtonIcon as Np,BlockDividerIcon as Ja,BlockFooterIcon as es,BlockHeadingIcon as Ap,BlockProductIcon as Fp,BlockSocialIcon as Lp,BlockTextIcon as Dp,ChatIcon as zp,GridIcon as Op,ImageIcon as _p,PageIcon as Hp}from"efficient-easel/icons";var Bp={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:Mr,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"})},Mp=m("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2.5"}),Wp={footer:es,Footer:es,Divider:Ja,FooterDivider:Ja,Banner:Rp,Flex:Pp,FooterSocial:Lp,page:Hp,chat:zp,Heading:Ap,Text:Dp,ImageBlock:_p,ButtonBlock:Np,Grid:Op,ProductRef:Fp},$p={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial",SiteHeader:"header",SiteFooter:"footer"};function st({type:e,size:t=16,className:o}){let r=$p[e]??e,s=Wp[r];return s?m(s,{size:t,className:o}):m("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",className:o,"aria-hidden":"true",children:Bp[r]??Mp})}import{jsx as be,Fragment as jp,jsxs as qp}from"react/jsx-runtime";import{useEffect as Gp,useId as Kp,useState as Up}from"react";import{SettingsField as ts,SettingsSwitch as Vp}from"efficient-easel/panel";import{EyeIcon as Yp,TypeIcon as Xp}from"efficient-easel/icons";var Zp="Chat with us",Qp="We usually reply within a few minutes",Jp="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function ki({label:e,value:t,placeholder:o,onCommit:r,multiline:s=!1}){let[a,l]=Up(t);Gp(()=>l(t),[t]);let d=()=>{a!==t&&r(a)};return be(ts,{label:e,icon:be(Xp,{}),children:s?be("textarea",{value:a,placeholder:o,rows:3,onChange:u=>l(u.target.value),onBlur:d,"aria-label":e}):be("input",{type:"text",value:a,placeholder:o,onChange:u=>l(u.target.value),onBlur:d,onKeyDown:u=>{u.key==="Enter"&&u.currentTarget.blur()},"aria-label":e,autoComplete:"off"})})}function ns(){let{chat:e,setChat:t}=Mt(),o=Kp();return qp(jp,{children:[be(ts,{label:"Show the chat bubble",labelId:o,icon:be(Yp,{}),action:be(Vp,{checked:e.enabled,onChange:r=>t({enabled:r}),ariaLabelledBy:o}),hint:e.enabled?"The floating chat bubble shows in the corner of every page.":"The chat bubble is hidden across the whole site."}),be(Bt,{label:"Wording"}),be(ki,{label:"Title",value:e.title,placeholder:Zp,onCommit:r=>t({title:r})}),be(ki,{label:"Subtitle",value:e.subtitle,placeholder:Qp,onCommit:r=>t({subtitle:r})}),be(ki,{label:"Greeting message",value:e.greeting,placeholder:Jp,onCommit:r=>t({greeting:r}),multiline:!0}),be("p",{className:"es-field-hint sf-hint-keep",children:"Leave a field blank to use the built-in wording."})]})}import{jsx as Ye,Fragment as Ci,jsxs as rs}from"react/jsx-runtime";import{useEffect as eh,useId as is,useState as os}from"react";import{SettingsField as th}from"efficient-easel/panel";var nh={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 ih({platform:e}){let{rows:t,saveLink:o}=gt(),{value:r,error:s}=t[e],[a,l]=os(r),[d,u]=os(!1),y=is(),f=is();eh(()=>l(r),[r]);let b=async()=>{if(a.trim()===r){a!==r&&l(r);return}u(!0),await o(e,a),u(!1)},C=Rr[e];return rs(Ci,{children:[Ye(th,{label:C,htmlFor:y,icon:Ye(Wr,{platform:e,iconStyle:"outline",size:18}),children:Ye("input",{id:y,type:"text",inputMode:"url",value:a,placeholder:nh[e],onChange:x=>l(x.target.value),onBlur:()=>{b()},onKeyDown:x=>{x.key==="Enter"&&x.currentTarget.blur(),x.key==="Escape"&&(l(r),x.currentTarget.blur())},"aria-invalid":s?!0:void 0,"aria-describedby":s?f:void 0,"aria-busy":d||void 0,autoComplete:"off",spellCheck:!1})}),s&&Ye("p",{id:f,className:"sf-note sf-note--error",role:"alert",children:s})]})}function as({unavailable:e}){let{canSave:t}=gt();return!t&&e?Ye(Ci,{children:e}):rs(Ci,{children:[Ye("p",{className:"es-field-hint sf-hint-keep",children:"Paste a link to each profile. A platform left empty shows nothing on the site."}),Er.map(o=>Ye(ih,{platform:o},o))]})}import{jsx as lt,jsxs as oh}from"react/jsx-runtime";import{useId as rh,useMemo as ah}from"react";import{useEasel as sh}from"efficient-easel/easel";import{SettingsField as lh,SettingsSwitch as ch}from"efficient-easel/panel";import{EyeIcon as dh}from"efficient-easel/icons";var ph="root:default-zone";function ss({heroId:e}){let{appState:t,dispatch:o}=sh(f=>f),r=t.data.content??[],s=r.findIndex(f=>f.props.id===e),a=s>=0?r[s]:null,l=a?a.props.showTicker??!0:!0,d=ah(()=>{let f=a?.props.tickerItems;return Array.isArray(f)?f:jr.map(b=>({text:b}))},[a]),u=rh();if(!a)return lt("p",{className:"sf-note",children:"This ticker\u2019s hero is no longer on the page."});let y=f=>o({type:"replace",destinationZone:ph,destinationIndex:s,data:{...a,props:{...a.props,...f}}});return oh("div",{children:[lt(Bt,{label:"Ticker"}),lt(lh,{label:"Show ticker",labelId:u,icon:lt(dh,{}),action:lt(ch,{checked:l,onChange:f=>y({showTicker:f}),ariaLabelledBy:u})}),lt(vr,{label:zn.label,icon:zn.icon,items:d,placeholder:"item",onChange:f=>y({tickerItems:f}),markup:!0})]})}import{jsx as Ce,jsxs as Ti,Fragment as hh}from"react/jsx-runtime";import{useCallback as uh,useRef as fh,useState as kt}from"react";import{InspectorIconButton as mh}from"efficient-easel/chrome";import{PopupMenu as gh,PopupMenuItem as yh,PopupMenuLabel as pn}from"efficient-shell/ui";import{CopyToPageIcon as bh}from"efficient-easel/icons";import{cloneNodeWithFreshIds as ls,docToNode as rb,nodeToDoc as ab}from"efficient-easel/screen/lib/puck/section-doc";function cs({node:e,currentSlug:t,siteId:o,tokenRef:r,runAuthed:s,onNotify:a}){let[l,d]=kt(!1),[u,y]=kt(null),f=$e(),[b,C]=kt(!1),[x,P]=kt(null),A=fh(null),[h,v]=kt(null),g=uh(async()=>{if(f.usesBridgedToken&&!r.current){C(!0);return}try{y(await pt(f).pages.list(o?{siteId:o}:void 0))}catch{C(!0)}},[r,o,f]),p=()=>{if(l){d(!1);return}let k=A.current?.getBoundingClientRect();k&&v({top:k.bottom+6,right:Math.max(8,window.innerWidth-k.right)}),y(null),C(!1),g(),d(!0)},E=(u??[]).filter(k=>k.slug!==t),F=async k=>{if(x)return;P(k.slug);let q=ls(e),M=f.documentHooks?.storedNode?.(q)??q,ee=pt(f).pages,_=await s(async()=>{let G=await ee.load({id:k.id});if(!G)throw new Error(`Page "${k.slug}" no longer exists.`);let ae=G.layout??{},N=Array.isArray(ae.content)?[...ae.content]:[],Q=N.findIndex(he=>he?.type===te);N.splice(Q===-1?N.length:Q,0,M),await ee.save(k.id,{layout:{root:{},zones:{},...ae,content:N}},{version:G.version,clientId:""})});P(null),d(!1),a?.(_?`Duplicated to \u201C${k.label}\u201D`:"Couldn\u2019t duplicate the section \u2014 please retry",_?"success":"error")};return Ti(hh,{children:[Ce("span",{"data-menu-toggle":!0,style:{display:"contents"},children:Ce(mh,{buttonRef:A,label:"Duplicate to another page",hasPopup:"menu",expanded:l,onClick:p,children:Ce(bh,{size:15})})}),l&&h&&Ce(gh,{portal:!0,style:{top:h.top,right:h.right},onClose:()=>d(!1),children:Ti("div",{role:"menu","aria-label":"Duplicate to page",children:[Ce(pn,{children:"Duplicate to page\u2026"}),b?Ce(pn,{children:"Couldn\u2019t load pages"}):u===null?Ce(pn,{children:"Loading\u2026"}):E.length===0?Ce(pn,{children:"No other pages"}):E.map(k=>Ti(yh,{role:"menuitem",disabled:x!==null,onClick:()=>{F(k)},children:[Ce("span",{className:"min-w-0 flex-1 truncate",children:k.label}),x===k.slug?Ce("span",{className:"shrink-0 text-xs",children:"Copying\u2026"}):k.draft&&Ce("span",{className:"shrink-0 text-xs",children:"draft"})]},k.id))]})})]})}import{ScreenPartsProvider as xb,sameInspectorMode as wb,SELECTION_MODE as ds,useScreenParts as vb,useScreenBlockLook as Sb,useScreenBlockRules as kb,useScreenBridges as Cb,useScreenCanvasFrame as Tb,useScreenDevices as Ib,useScreenDocumentPass as Eb,useScreenInspectorPanel as Rb,useScreenLeftView as Pb,useScreenOwnerName as Nb,useScreenPinned as Ab,useStandaloneScreenBridges as Fb}from"efficient-easel/screen/lib/screen-parts";import{jsx as Ct,jsxs as xh}from"react/jsx-runtime";import{SettingsDrill as wh}from"efficient-easel/panel";var vh="Not shown on the page";function Sh({part:e,onOpen:t}){return Ct(wh,{name:e.label,preview:e.offPage?vh: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(Se,{name:"eye-off",size:14})}):void 0,onOpen:()=>t(e.key)})}function ps({parts:e,onOpen:t}){let o=e.filter(r=>!r.identifier);return o.length?xh("div",{className:"sf-entries",children:[Ct("h3",{className:"sf-entries-head",children:"Text"}),o.map(r=>Ct(Sh,{part:r,onOpen:t},r.key))]}):null}import{jsx as fn,jsxs as fs}from"react/jsx-runtime";import{useState as Th}from"react";import{createNode as Ih,newId as Eh}from"efficient-easel/data";import{useEasel as Rh}from"efficient-easel/easel";import{Button as Ii}from"efficient-shell/ui";var hn="Flex",kh={FooterMenu:"MenuBlock",FooterEmailSignup:"EmailFormBlock",FooterSocial:"SocialLogosBlock"},Ch=e=>{let{id:t,...o}=e;return o},hs=e=>typeof e=="string"?e:"";function us(e,t){let o=e.props??{},r=kh[e.type];if(r)return[t(r,Ch(o))];switch(e.type){case"FooterLogo":{let s=t("LogoBlock",o.reverse?{reverse:o.reverse}:{}),a=hs(o.tagline).trim();return a?[s,t("Text",{text:a,tone:"dim",align:o.align==="center"?"center":"left"})]:[s]}case"FooterText":return[t("Text",{text:hs(o.text),tone:typeof o.tone=="string"?o.tone:"default"})];case"FooterDivider":return[t("Divider")];case"FooterGroup":{let s=Array.isArray(o.blocks)?o.blocks:[];return[t(hn,{direction:o.direction==="horizontal"?"row":"column",content:s.flatMap(a=>us(a,t))})]}default:return[]}}function un(e,t,o){let r=(e&&Array.isArray(e.props?.blocks)?e.props.blocks:[]).flatMap(l=>{let d=us(l,t);return d.length<=1?d:[t(hn,{direction:"column",content:d})]}),s=t(hn,{direction:"row",wrap:!0,share:"equal",content:r}),a=t(hn,{direction:"column",content:[t("LegalLineBlock")]});return Qi(we,o,[s,a])}function ms(){let{appState:e,dispatch:t,config:o}=Rh(f=>f),{readOnly:r}=de(),[s,a]=Th(!1),l=e.data.content;if(r||l.some(f=>f.type===we))return null;let d=l.find(f=>f.type===te)??null,u=(f,b)=>Ih(o,f,b),y=()=>{let f=un(d,u,Eh(we));t({type:"setData",data:b=>({...b,content:[...eo(b.content,f)]}),recordHistory:!0}),a(!1)};return fs("div",{className:"sf-box-footer-switch",children:[fn("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?fs("div",{className:"sf-box-footer-switch-row",children:[fn(Ii,{variant:"primary",size:"sm",onClick:y,children:"Switch now"}),fn(Ii,{variant:"secondary",size:"sm",onClick:()=>a(!1),children:"Cancel"})]}):fn(Ii,{variant:"secondary",size:"sm",onClick:()=>a(!0),children:"Switch to Box footer"})]})}import{jsx as gs}from"react/jsx-runtime";import{useState as Ph}from"react";import{useSelectedFields as Nh}from"efficient-easel/easel";import{Inspector as Ah,planFields as Fh}from"efficient-easel/fields";var Ei=new Map,Lh=Object.fromEntries(kr.map(e=>{let t=xr[e];return[e,gs(t,{},e)]}));function Ri({entries:e}){let{id:t,fields:o,values:r,readOnly:s,onChange:a}=Nh(),[l,d]=Ph(()=>Ei.get(t)),u=Ei.get(t),y=Fh(o).buckets,f=u&&y.includes(u)?u:l&&y.includes(l)?l:y[0],b=f===void 0||wr(y,f)!==!0;return gs(Ah,{fields:o,values:r,onChange:a,readOnly:s,tab:f,onTab:C=>{Ei.set(t,C),d(C)},tabIcons:Lh,idPrefix:t,ariaLabel:"Section settings",children:b?e:null})}import{SettingsSwitch as Bh}from"efficient-easel/panel";var bs=ds,Ni={kind:"header"},Ai={kind:"website"},xs={kind:"chat"},ws={kind:"social"},ct="Part";function Mh(e,t,o){let r=e.describeNode(t);return{name:o,kindLabel:r?`${ct} of ${r.label}`:ct}}function vs({what:e}){return ze("div",{className:"sf-note",children:[H("p",{children:ze("strong",{children:[e," settings belong to a website."]})}),ze("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 Wh={header:{name:"Header",kindLabel:"Site settings",icon:"header",render:(e,t)=>{let o=t.hostPanels?.header;return o?H(o,{placeholderMode:t.capabilities.placeholderFrames,tokenRef:t.tokenRef,siteId:t.siteId,websiteName:t.websiteName,onOpenWebsiteSettings:t.onOpenWebsiteSettings,onAuthExpired:()=>t.notifyParent("storefront-editor:auth-expired")}):null}},website:{name:"Appearance",kindLabel:"Site settings",icon:"website",render:(e,t)=>H(dn,{themeFromDocument:!t.capabilities.hasSiteTheme,tokenRef:t.tokenRef,siteId:t.siteId,onNotify:t.onNotify})},chat:{name:"Live chat",kindLabel:"Site settings",icon:"chat",render:()=>H(ns,{})},social:{name:"Social links",kindLabel:"Site settings",icon:"social",render:()=>H(as,{unavailable:H(vs,{what:"Social link"})})},ticker:{name:yt,kindLabel:ct,icon:"ticker",head:(e,t)=>e.kind==="ticker"?Mh(t,e.heroId,yt):null,render:e=>H(ss,{heroId:e.kind==="ticker"?e.heroId:""})},part:{name:ct,kindLabel:ct,icon:"Text",head:(e,t)=>{if(e.kind!=="part")return null;let o=t.describeNode(e.nodeId);if(!o)return null;let{key:r,row:s}=Je(e.propKey),a=s?Jt(o.fields[r],s):o.fields[r],l=vo(To(Co(a??{},r)),s);return{name:t.styleNameOfPart(e.nodeId,e.propKey)??l,kindLabel:`${ct} of ${o.label}`}},render:(e,t)=>e.kind==="part"?H(Da,{nodeId:e.nodeId,propKey:e.propKey,onBack:()=>t.onSelectNode(e.nodeId),onEditStyle:t.onOpenSiteStyles}):null}},$h=new Set(["header","website","chat"]);function jh(e,t){if(e==="puck")return null;let o=Wh[e];return $h.has(e)&&!t.hasSiteSettings?{...o,kindLabel:"Not part of a template",render:()=>H(vs,{what:o.name})}:o}function Ss({mode:e,onOpenWebsiteSettings:t,onOpenSiteStyles:o,onSelectNode:r,hideNodeActions:s=!1,onNotify:a,onHidePanel:l}){let{capabilities:d,tokenRef:u,notifyParent:y,currentSlug:f,siteId:b,runAuthed:C,readOnly:x}=de(),{websiteName:P,fonts:A}=ne(),{partStyle:h}=Ft(),v=Ot({readOnly:x}),{select:g}=At(),{selectedItem:p,getItemById:E,getSelectorForId:F,config:k,appState:q}=zh(ce=>ce),M=Qa(k,p?{type:p.type,props:p.props}:null),ee=ce=>k.components[ce]?.label??ce,_=p?F(p.props.id):void 0,G=jh(e.kind,d),ae=$e(),N=ae.chrome?.panels?.chromePage,Q={capabilities:d,tokenRef:u,hostPanels:ae.chrome?.panels,describeNode:ce=>{let Ie=E(ce);if(!Ie)return null;let me=k.components[Ie.type];return{type:Ie.type,label:me?.label??Ie.type,fields:me?.fields??{}}},styleNameOfPart:(ce,Ie)=>{let me=E(ce);if(!me)return null;let Be=ut(ce,Ie),Sn=h?.partId===Be?h:null;return La(me.props,Ie,Sn,A)},siteId:b,websiteName:P??null,notifyParent:y,onNotify:a,onOpenWebsiteSettings:t,onOpenSiteStyles:o,onSelectNode:r},he=G?.head?.(e,Q)??null,ue=he?.name??(G?G.name:p?ee(p.type):"Page settings"),Ae=he?.kindLabel??(G?G.kindLabel:p?_&&_.zone!==Me?"Block":"Section":"Page"),fe=G?G.icon:p?p.type:"page",xe=G?null:p?k.components[p.type]?.fields??null:k.root?.fields??null,He=xe?Cr(xe):2,le=e.kind==="puck"&&p?en(p.type):null,se=!!p&&!!_&&_.zone===Me&&p.type!==te&&p.type!==Le,J=Rt(q?.data,p),$=()=>{J||_&&v.duplicateComponent(_.zone,_.index)},Fe=()=>{_&&(v.removeComponent(_.zone,_.index),v.select(null))},w=p?k.components[p.type]?.defaultProps?.previewHover:void 0,W=e.kind==="puck"&&!!p&&!!_&&w!==void 0,K=W&&p.props.previewHover===!0,pe=()=>{!p||!_||v.replaceComponent(_.zone,_.index,{...p,props:{...p.props,previewHover:!K}})},[Te,vn]=Dh(xi);return ze("div",{className:`es-sidepanel es-sidepanel--right sf-panel sf-panel--right${Te||!(!G&&p)?"":" sf-hints-folded"}`,children:[H(Oh,{icon:H(st,{type:fe,size:15}),name:ue,kind:Ae,actions:!s&&e.kind==="puck"&&p&&p.type!==te?ze(Pi,{children:[H(ys,{label:"Duplicate section",title:J??void 0,disabled:J!==null,onClick:$,children:H(_h,{size:15})}),se&&d.hasSiteSettings&&H(cs,{node:p,currentSlug:f,siteId:b??void 0,tokenRef:u,runAuthed:C,onNotify:a}),H(ys,{label:"Remove section",danger:!0,onClick:Fe,children:H(Hh,{size:15})}),l?H(Kn,{side:"right",onHide:l,divider:!0}):null]}):l?H(Kn,{side:"right",onHide:l}):void 0}),W&&ze("div",{className:"sf-preview-pin",children:[ze("div",{className:"sf-preview-pin-text",children:[H("span",{className:"sf-preview-pin-label",children:"Preview hover state"}),H("span",{className:"sf-preview-pin-hint",children:"not shown live"})]}),H(Bh,{checked:K,onChange:pe,ariaLabel:"Preview hover state"})]}),H(mr,{tier:He,children:H("div",{className:"sf-insp-body sf-scroll",children:G?G.render(e,Q):p?ze(Pi,{children:[H(dr,{children:H(Ri,{entries:H(ps,{parts:Io(M??k.components[p.type]?.fields,p.props),onOpen:ce=>g(ut(p.props.id,ce))})})}),p.type===te&&d.hasSiteSettings&&H(ms,{}),le&&H(rn,{source:le,slug:xt(p?.props)}),H(wi,{shown:Te,onChange:vn})]}):ze(Pi,{children:[H(Ri,{}),f===Ke&&d.hasSiteSettings&&N&&H(N,{})]})})})]})}import{jsx as n,jsxs as c,Fragment as Es}from"react/jsx-runtime";var ie={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)"},Fi="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 S({w:e,h:t,tone:o="dark",r=2,style:s}){return n("div",{style:{width:e,height:t,borderRadius:r,background:ie[o],flex:"none",...s}})}var qh={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},i={ink:"var(--sf-thumb-ink)",ink2:"var(--sf-thumb-ink-2)",inkSoft:"var(--sf-thumb-ink-soft)",inkSoft2:"var(--sf-thumb-ink-soft-2)",paper:"var(--sf-thumb-paper)",paper2:"var(--sf-thumb-paper-2)",warm:"var(--sf-thumb-warm)",rust:"var(--sf-thumb-rust)",onInk:"var(--sf-thumb-on-ink)",text:"var(--sf-thumb-scene-text)",muted:"var(--sf-thumb-scene-muted)",rule:"var(--sf-thumb-scene-rule)",mark1:"var(--sf-thumb-mark-1)",mark2:"var(--sf-thumb-mark-2)",card:"var(--sf-thumb-card)",scrim:"var(--sf-thumb-scrim)"},Z=(e,t,o=160)=>({background:`linear-gradient(${o}deg,${e},${t})`});function _e({size:e,style:t}){let o=Math.max(2,Math.round(e*.13)),r=(s,a,l)=>({position:"absolute",inset:s,background:a,borderRadius:o,...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%",i.mark1)}),n("span",{style:r("26% 6% 8% 30%",i.mark2,"multiply")})]})}function It({children:e}){return n("span",{style:{fontSize:"4.64cqw",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:i.muted},children:e})}function ks({over:e,overTone:t,head:o,headSize:r=11.5,cta:s,ctaBg:a,ctaFg:l,tone:d}){return c(Es,{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:d},children:o}),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 Li({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",...Z(i.paper,i.paper2,150)},children:n(_e,{size:34,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("span",{style:{fontSize:"3.65cqw",fontWeight:600,color:i.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:t})]})}function Oe({k:e,v:t,ok:o}){return c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,padding:"3.5px 2px",borderBottom:`1px solid ${i.rule}`,fontSize:"3.98cqw",color:i.muted},children:[n("span",{children:e}),c("span",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("b",{style:{color:i.text,fontWeight:700},children:t}),o&&n("span",{style:{color:i.rust,fontWeight:700},children:"\u2713"})]})]})}function j({title:e,children:t}){return c("div",{style:{...I,background:i.card,padding:"9px 10px",display:"flex",flexDirection:"column",gap:6},children:[n(It,{children:e}),t]})}function Cs({size:e=14}){return n("span",{style:{width:e,height:e,borderRadius:"50%",flex:"none",display:"block",background:`linear-gradient(150deg,${i.mark1},${i.mark2})`}})}function Di({filled:e=5,size:t=6}){return c("span",{style:{fontSize:t,letterSpacing:"0.06em",color:i.rust,lineHeight:1},children:["\u2605".repeat(e),n("span",{style:{color:i.mark1},children:"\u2605".repeat(5-e)})]})}function Tt({n:e,label:t,tone:o=i.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:o},children:e}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",opacity:.62,color:o},children:t})]})}function oe({children:e,w:t}){return n("span",{style:{fontSize:"3.98cqw",lineHeight:1.45,color:i.muted,width:t,display:"block"},children:e})}function mn({label:e,w:t="100%",filled:o}){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:i.muted},children:e}),n("span",{style:{height:9,borderRadius:3,border:`1px solid ${i.rule}`,background:o?i.paper:i.card}})]})}function Ts({children:e}){return n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:i.text,color:i.onInk},children:e})}var Gh={wheelslisting:n(j,{title:"All wheels",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Ridge 19","20\xD79 +12","$365"],["Ridge 29","18\xD79 +20","$410"],["Ridge 39","17\xD78 \u221210","$455"]].map(([e,t,o])=>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",...Z(i.paper,i.paper2,150)},children:n(_e,{size:12,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("b",{style:{flex:1,fontSize:"4.31cqw",color:i.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:t}),n("b",{style:{fontSize:"4.31cqw",color:i.text,width:26,textAlign:"right"},children:o})]},e))})}),catalogfilterbar:c("div",{style:{...I,background:i.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:i.text,color:i.onInk,display:"flex",gap:4,alignItems:"center"},children:[e,n("span",{style:{opacity:.6},children:"\u2715"})]},e)),n("span",{style:{fontSize:"3.65cqw",color:i.rust,fontWeight:700},children:"Clear"})]}),c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"128 results"}),n("span",{style:{fontSize:"3.65cqw",color:i.muted,border:`1px solid ${i.rule}`,borderRadius:3,padding:"3px 6px"},children:"Sort: Price \u25BE"})]})]}),fitmentfinder:c("div",{style:{...I,padding:"10px 12px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center",...Z(i.ink,i.inkSoft)},children:[n("span",{style:{fontSize:"5.31cqw",fontWeight:700,color:i.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:i.text,background:i.card,borderRadius:3,padding:"5px 6px",display:"flex",justifyContent:"space-between"},children:[e," ",n("span",{style:{color:i.muted},children:"\u25BE"})]},e)),n("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.08em",background:i.warm,color:i.ink,borderRadius:3,padding:"5px 7px"},children:"GO"})]})]}),compatibletyres:n(j,{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:i.ink},children:n("span",{style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%,-50%)",width:26,height:26,borderRadius:"50%",border:`5px solid ${i.mark2}`,boxSizing:"border-box"}})}),n("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:i.text,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:e}),n("span",{style:{fontSize:"3.32cqw",color:i.muted},children:t})]},e))})}),tyresizes:n(j,{title:"Available sizes",children:n("div",{style:{flex:1,display:"flex",flexWrap:"wrap",gap:4,alignContent:"center"},children:["265/65R17","285/70R17","265/60R18","275/55R20"].map((e,t)=>n("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"5px 7px",borderRadius:3,border:`1px solid ${t===0?i.rust:i.rule}`,color:t===0?i.rust:i.text,background:t===0?i.paper:i.card},children:e},e))})}),tyrefitment:c(j,{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:i.muted,background:i.paper,border:`1px solid ${i.rule}`,borderRadius:3,padding:"4px 5px",display:"flex",justifyContent:"space-between",gap:2,overflow:"hidden",whiteSpace:"nowrap"},children:[e," ",n("span",{style:{color:i.muted},children:"\u25BE"})]},e))}),n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2,justifyContent:"center",minHeight:0},children:[["265/65R17","Fits",!0],["285/70R17","Not your size",!1]].map(([e,t,o])=>c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",gap:6,borderTop:`1px solid ${i.rule}`,paddingTop:3},children:[n("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:i.text},children:e}),n("span",{style:{fontSize:"3.32cqw",fontWeight:o?700:400,letterSpacing:"0.06em",color:o?i.warm:i.muted},children:t})]},e))})]}),eutyrelabel:c("div",{style:{...I,background:i.card,padding:"9px 11px",display:"flex",gap:8,alignItems:"center"},children:[n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1.5},children:[["A","42%"],["B","56%"],["C","70%"],["D","84%"]].map(([e,t],o)=>c("div",{style:{display:"flex",alignItems:"center",gap:3},children:[n("span",{style:{width:t,height:6,borderRadius:"0 2px 2px 0",background:o===1?i.rust:i.mark1}}),n("span",{style:{fontSize:"3.32cqw",fontWeight:700,color:o===1?i.rust:i.muted},children:e})]},e))}),c("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:3,alignItems:"center"},children:[n("b",{style:{fontSize:"6.63cqw",lineHeight:1,color:i.text},children:"72"}),n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",color:i.muted},children:"dB"})]})]}),bundleoffer:c("div",{style:{...I,background:i.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:i.card},children:n(_e,{size:17,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})},e)),n("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:i.muted},children:"+"}),c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1},children:[n("span",{style:{fontSize:"3.65cqw",color:i.muted,textDecoration:"line-through"},children:"$1,024"}),n("b",{style:{fontSize:"6.02cqw",color:i.rust,lineHeight:1},children:"$899"})]})]})]}),checkoutcta:c("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,...Z(i.ink,i.ink2)},children:[c("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",color:i.warm,fontWeight:700},children:"READY TO ORDER"}),n("b",{style:{fontSize:"6.63cqw",color:i.onInk,lineHeight:1},children:"$1,956"}),n("span",{style:{fontSize:"3.65cqw",color:i.onInk,opacity:.65},children:"4 items \xB7 fitted free"})]}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"6px 10px",borderRadius:2,background:i.warm,color:i.ink,flex:"none"},children:"CHECKOUT"})]}),contact:n(j,{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:i.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:t}),n("span",{style:{fontSize:"4.64cqw",color:i.rust,lineHeight:1},children:"\u203A"})]},e))})}),contactlocations:n(j,{title:"Find us",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["Brisbane","7 Kerry Rd","Mon\u2013Sat"],["Townsville","12 Enterprise","Mon\u2013Fri"]].map(([e,t,o])=>c("div",{style:{border:`1px solid ${i.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[n("b",{style:{fontSize:"4.31cqw",color:i.text},children:e}),n("span",{style:{fontSize:"3.32cqw",color:i.muted},children:t}),n("span",{style:{fontSize:"3.32cqw",color:i.rust,fontWeight:700},children:o})]},e))})}),form:n(j,{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(mn,{label:"Name"}),n(mn,{label:"Email"})]}),n(mn,{label:"Message",filled:!0}),n(Ts,{children:"SEND"})]})}),appointmentbooking:n(j,{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?i.text:i.paper,color:t===2?i.onInk:i.muted},children:e},e))}),n("div",{style:{display:"flex",gap:3},children:["8:00","10:30","13:00","15:30"].map((e,t)=>n("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",padding:"4px 0",borderRadius:3,border:`1px solid ${t===1?i.rust:i.rule}`,color:t===1?i.rust:i.muted,background:t===3?i.paper:i.card,textDecoration:t===3?"line-through":"none"},children:e},e))})]})}),reviewform:n(j,{title:"Leave a review",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n(Di,{filled:4,size:14}),n(mn,{label:"Your review",filled:!0}),n(Ts,{children:"POST"})]})}),submitbuild:n(j,{title:"Show us your build",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:3,border:`1px dashed ${i.mark1}`,borderRadius:5,background:i.paper},children:[n("span",{style:{fontSize:"6.63cqw",lineHeight:1,color:i.rust,fontWeight:300},children:"+"}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"Drop a photo of your rig"})]})}),masthead:c("div",{style:{...I,background:i.paper,display:"flex",flexDirection:"column",justifyContent:"center",padding:"0 13px",gap:5},children:[n("span",{style:{height:1.5,background:i.text}}),n("span",{style:{fontSize:"7.65cqw",fontWeight:800,letterSpacing:"0.02em",color:i.text,lineHeight:1},children:"THE TRACK"}),c("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"3.65cqw",letterSpacing:"0.1em",textTransform:"uppercase",color:i.muted},children:[n("span",{children:"Issue 14"}),n("span",{children:"Spring 2026"})]}),n("span",{style:{height:1,background:i.rule}})]}),featuredcover:c("div",{style:{...I,overflow:"hidden",...Z(i.ink,i.inkSoft2)},children:[n(_e,{size:92,style:{right:-18,top:-14}}),n("div",{style:{position:"absolute",inset:0,background:`linear-gradient(0deg,${i.scrim},transparent 62%)`}}),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:i.warm},children:"FEATURE"}),n("span",{style:{fontSize:"6.16cqw",lineHeight:1.15,fontWeight:700,color:i.onInk},children:"Four days on the Madigan Line"})]})]}),longread:c("div",{style:{...I,background:i.card,padding:"10px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.14em",fontWeight:700,color:i.rust},children:"12 MIN READ"}),n("span",{style:{fontSize:"6.02cqw",lineHeight:1.15,fontWeight:700,color:i.text},children:"What breaks first, and why"}),n(oe,{children:"Every failure starts in the same place \u2014 not the rim, not"}),n(oe,{w:"62%",children:"the tyre, but the bolt nobody re-torqued."})]}),series:n(j,{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:i.rust,flex:"none"}}),n("b",{style:{flex:1,fontSize:"4.64cqw",color:i.text},children:e}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:i.muted},children:t})]},e))})}),events:n(j,{title:"Latest posts",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[[i.inkSoft,i.inkSoft2,"Madigan Line, four days"],[i.rust,i.warm,"Why offset beats width"]].map(([e,t,o])=>c("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("span",{style:{width:24,height:18,borderRadius:3,flex:"none",...Z(e,t,150)}}),c("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("b",{style:{fontSize:"4.31cqw",color:i.text},children:o}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"4 Sep \xB7 Shed Notes"})]})]},o))})}),docmasthead:c("div",{style:{...I,background:i.card,padding:"12px 14px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:i.muted},children:"POLICY"}),n("span",{style:{fontSize:"6.49cqw",fontWeight:700,color:i.text,lineHeight:1.1},children:"Returns & refunds"}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"Version 3 \xB7 Updated 4 Sep 2026"}),n("span",{style:{height:2,width:26,background:i.rust,borderRadius:1}})]}),docbody:n("div",{style:{...I,background:i.card,padding:"9px 13px",display:"flex",flexDirection:"column",gap:3,justifyContent:"center"},children:[["1.","You may return an unfitted wheel within 30 days."],["2.","Fitted wheels are covered by the structural warranty."],["3.","Freight on a change of mind is yours."]].map(([e,t])=>c("div",{style:{display:"flex",gap:5},children:[n("b",{style:{fontSize:"3.98cqw",color:i.rust,flex:"none"},children:e}),n(oe,{children:t})]},e))}),docmetacards:n(j,{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 ${i.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[n("b",{style:{fontSize:"5.31cqw",color:i.text,lineHeight:1},children:e}),n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:i.muted},children:t})]},t))})}),doctabs:c("div",{style:{...I,background:i.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:0,padding:"0 11px"},children:[n("div",{style:{display:"flex",gap:0},children:["Returns","Warranty","Shipping"].map((e,t)=>n("span",{style:{fontSize:"3.98cqw",fontWeight:t===0?700:500,padding:"5px 8px",color:t===0?i.text:i.muted,background:t===0?i.paper:"transparent",borderRadius:"4px 4px 0 0",border:`1px solid ${t===0?i.rule:"transparent"}`,borderBottom:"none"},children:e},e))}),n("span",{style:{height:1,background:i.rule}}),c("div",{style:{paddingTop:6,display:"flex",flexDirection:"column",gap:2},children:[n(oe,{children:"Unfitted wheels come back within 30 days, no questions."}),n(oe,{w:"58%",children:"Freight on a change of mind is yours."})]})]}),paragraphs:c("div",{style:{...I,background:i.card,padding:"11px 14px",display:"flex",gap:10,alignItems:"center"},children:[n("span",{style:{flex:1,fontSize:"5.86cqw",lineHeight:1.2,fontWeight:700,color:i.text},children:"The right wheel is the boring one."}),c("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[n(oe,{children:"Forged, correctly offset, rated for what you actually"}),n(oe,{children:"carry. Everything else is a photograph."})]})]}),keyfeatures:n(j,{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:i.rust,fontWeight:700,lineHeight:1},children:"\u2713"}),n("span",{style:{fontSize:"4.31cqw",color:i.text},children:e})]},e))})}),statsparagraph:c("div",{style:{...I,background:i.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(oe,{children:"Twelve years of fitting the same three questions, and the"}),n(oe,{children:"answer has not moved: load rating, offset, then looks."})]})]}),chart:c(j,{title:"Load vs weight",children:[n("div",{style:{flex:1,display:"flex",alignItems:"flex-end",gap:5,paddingBottom:2},children:[38,62,84,71,96].map((e,t)=>n("span",{style:{flex:1,height:`${e}%`,borderRadius:"2px 2px 0 0",background:t===4?i.rust:i.mark1}},t))}),n("span",{style:{height:1,background:i.rule,marginTop:-4}})]}),mockup:n("div",{style:{...I,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",...Z(i.inkSoft,i.ink)},children:c("div",{style:{width:"72%",height:"74%",borderRadius:4,overflow:"hidden",background:i.card,boxShadow:`0 6px 14px ${i.scrim}`},children:[n("div",{style:{height:9,background:i.paper,display:"flex",alignItems:"center",gap:2,padding:"0 4px"},children:[0,1,2].map(e=>n("span",{style:{width:2.5,height:2.5,borderRadius:"50%",background:i.mark1}},e))}),c("div",{style:{padding:5,display:"flex",flexDirection:"column",gap:3},children:[n("span",{style:{height:4,width:"56%",borderRadius:1,background:i.mark2}}),n("span",{style:{height:14,borderRadius:2,...Z(i.paper,i.paper2,150)}}),n("span",{style:{height:3,width:"38%",borderRadius:1,background:i.rust}})]})]})}),manifesto:n("div",{style:{...I,overflow:"hidden",display:"flex",alignItems:"center",padding:"0 16px",...Z(i.ink,i.ink2)},children:c("span",{style:{fontSize:"6.63cqw",lineHeight:1.2,fontWeight:700,color:i.onInk},children:["We build for the ",n("span",{style:{color:i.warm},children:"last"})," ten percent of the track."]})}),timeline:n(j,{title:"Our story",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",gap:6,paddingLeft:4},children:[["1998","One shed, one lathe."],["2009","First forged rim."],["2024","27,000 rigs on."]].map(([e,t],o)=>c("div",{style:{display:"flex",gap:7,alignItems:"flex-start",position:"relative"},children:[o<2&&n("span",{style:{position:"absolute",left:3,top:8,bottom:-8,width:1,background:i.rule}}),n("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",marginTop:1,background:i.rust,zIndex:1}}),c("div",{style:{display:"flex",flexDirection:"column",gap:0,minWidth:0},children:[n("b",{style:{fontSize:"4.64cqw",color:i.text},children:e}),n(oe,{children:t})]})]},e))})}),timelinetrack:c("div",{style:{...I,padding:"0 12px",display:"flex",flexDirection:"column",gap:10,justifyContent:"center",...Z(i.ink,i.inkSoft)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:i.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:i.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?i.warm:i.mark1}}),n("span",{style:{fontSize:"4.31cqw",fontWeight:700,color:t===3?i.warm:i.onInk,opacity:t===3?1:.75},children:e})]},e))]})]}),footprint:c("div",{style:{...I,overflow:"hidden",...Z(i.paper,i.paper2,150)},children:[n("span",{style:{position:"absolute",left:"8%",top:"18%",width:"62%",height:"64%",borderRadius:"48% 52% 40% 60% / 55% 45% 55% 45%",background:i.mark1,opacity:.75}}),n("span",{style:{position:"absolute",left:"52%",top:"52%",width:"34%",height:"34%",borderRadius:"58% 42% 55% 45% / 45% 58% 42% 55%",background:i.mark2,opacity:.55}}),[["26%","38%"],["44%","58%"],["62%","34%"]].map(([e,t])=>n("span",{style:{position:"absolute",left:e,top:t,width:7,height:7,borderRadius:"50% 50% 50% 0",transform:"rotate(-45deg)",background:i.rust}},e)),n("span",{style:{position:"absolute",left:11,bottom:9,fontSize:"4.64cqw",fontWeight:700,color:i.text},children:"3 fitting bays"})]}),banner:c("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,background:i.rust},children:[c("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[n("b",{style:{fontSize:"6.02cqw",color:i.onInk},children:"End of season \xB7 20% off"}),n("span",{style:{fontSize:"3.98cqw",color:i.onInk,opacity:.8},children:"Fitted free, this month only."})]}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:i.onInk,color:i.text,flex:"none"},children:"SHOP"})]}),titlewithbuttons:c("div",{style:{...I,background:i.paper,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:7,padding:"0 14px",textAlign:"center"},children:[n("span",{style:{fontSize:"6.49cqw",lineHeight:1.15,fontWeight:700,color:i.text},children:"Not sure what fits?"}),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:i.text,color:i.onInk},children:"FIND MY FIT"}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,border:`1px solid ${i.text}`,color:i.text},children:"CALL US"})]})]}),ticker:n("div",{style:{...I,overflow:"hidden",background:i.ink,display:"flex",alignItems:"center"},children:n("span",{style:{whiteSpace:"nowrap",fontSize:"6.29cqw",fontWeight:800,letterSpacing:"0.06em",color:i.warm,marginLeft:-14},children:"FREE FITTING \xB7 48HR DISPATCH \xB7 FREE FITTING \xB7 48HR DISPATCH"})}),breadcrumb:n("div",{style:{...I,background:i.card,display:"flex",alignItems:"center",padding:"0 13px"},children:c("span",{style:{fontSize:"4.64cqw",color:i.muted},children:["Home ",n("span",{style:{opacity:.5},children:"/"})," Wheels ",n("span",{style:{opacity:.5},children:"/"})," ",n("span",{style:{color:i.text,fontWeight:700},children:"20 inch"})]})}),categorybar:c("div",{style:{...I,background:i.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[n("div",{style:{display:"flex",gap:5},children:["All","Wheels","Tyres","Lift"].map((e,t)=>n("span",{style:{fontSize:"3.98cqw",fontWeight:t===0?700:500,padding:"4px 7px",borderRadius:99,background:t===0?i.text:i.paper,color:t===0?i.onInk:i.muted},children:e},e))}),n("span",{style:{height:1,background:i.rule}})]}),intro:c("div",{style:{...I,overflow:"hidden",background:i.card},children:[n("div",{style:{position:"absolute",inset:0,...Z(i.ink,i.inkSoft2)}}),n(_e,{size:64,style:{right:8,top:6}}),c("div",{style:{position:"absolute",left:16,right:16,bottom:8,top:"46%",background:i.paper,borderRadius:6,padding:"8px 11px",display:"flex",flexDirection:"column",gap:2,boxShadow:`0 -4px 10px ${i.scrim}`},children:[n("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:i.text},children:"Since 1998"}),n(oe,{children:"One shed, one lathe, one idea."}),n(oe,{w:"66%",children:"It turned out to be right."})]})]}),gallerygrid:n(j,{title:"From our customers",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,1fr)",gap:4,minHeight:0},children:[[i.rust,i.warm],[i.inkSoft,i.ink],[i.paper2,i.mark2],[i.ink,i.inkSoft2],[i.warm,i.paper2],[i.mark2,i.inkSoft]].map(([e,t],o)=>n("div",{style:{borderRadius:3,...Z(e,t,140+o*22)}},o))})}),gallery:c(j,{title:"Gallery",children:[n("div",{style:{display:"flex",gap:8,alignItems:"center",marginTop:-2},children:["On the truck","Studio","Close-ups"].map((e,t)=>n("span",{style:{fontSize:"3.98cqw",fontWeight:t===0?700:500,color:t===0?i.text:i.muted,borderBottom:`1.5px solid ${t===0?i.rust:"transparent"}`,paddingBottom:2},children:e},e))}),n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:4,minHeight:0},children:[[i.rust,i.warm],[i.ink,i.inkSoft],[i.paper2,i.mark2]].map(([e,t],o)=>n("div",{style:{borderRadius:3,...Z(e,t,150+o*20)}},o))})]}),ordersummary:c(j,{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",...Z(i.paper,i.paper2,150)},children:n(_e,{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:i.text},children:"Ridge Grappler"}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"20\xD79 +12 \xB7 qty 4"})]})]}),c("div",{style:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(Oe,{k:"Subtotal",v:"$1,956"}),n(Oe,{k:"Fitting",v:"Free"}),c("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:5,fontSize:"4.64cqw"},children:[n("b",{style:{color:i.text},children:"Total"}),n("b",{style:{color:i.text,fontSize:"6.02cqw"},children:"$1,956"})]})]})]}),deliveryoptions:n(j,{title:"Delivery",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Standard","3\u20135 days","Free",!0],["Express","Next day","$19",!1]].map(([e,t,o,r])=>c("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"5px 6px",borderRadius:4,border:`1px solid ${r?i.rust:i.rule}`,background:r?i.paper:i.card},children:[n("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",border:`1.5px solid ${r?i.rust:i.mark1}`,background:r?i.rust:"transparent"}}),n("span",{style:{flex:1,fontSize:"4.31cqw",fontWeight:600,color:i.text},children:e}),n("span",{style:{fontSize:"3.98cqw",color:i.muted},children:t}),n("b",{style:{fontSize:"4.31cqw",color:i.text},children:o})]},e))})}),paymentbadges:c("div",{style:{...I,background:i.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",i.ink],["MC",i.rust],["AMEX",i.inkSoft],["PayPal",i.ink2]].map(([e,t])=>n("span",{style:{flex:1,textAlign:"center",fontSize:"3.65cqw",fontWeight:800,letterSpacing:"0.06em",color:i.onInk,borderRadius:3,padding:"6px 0",background:t},children:e},e))})]}),stats:c("div",{style:{...I,padding:"10px 12px",display:"flex",flexDirection:"column",gap:9,justifyContent:"center",...Z(i.ink,i.ink2)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:i.warm},children:"By the numbers"}),c("div",{style:{display:"flex",gap:8},children:[n(Tt,{n:"27k",label:"Rigs fitted",tone:i.onInk}),n(Tt,{n:"12",label:"Years",tone:i.onInk}),n(Tt,{n:"4.9",label:"Avg rating",tone:i.warm})]})]}),testimonials:c("div",{style:{...I,overflow:"hidden",background:i.paper,padding:"10px 11px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center"},children:[n("span",{style:{position:"absolute",right:10,top:2,fontSize:"22.4cqw",lineHeight:1,fontWeight:800,color:i.rust,opacity:.16},children:"\u201D"}),n(Di,{filled:5,size:7}),n("span",{style:{position:"relative",fontSize:"5.31cqw",lineHeight:1.35,color:i.text,fontWeight:600},children:"\u201CTook them out to the Simpson and back. Not one chip.\u201D"}),c("div",{style:{display:"flex",alignItems:"center",gap:5},children:[n(Cs,{}),n("span",{style:{fontSize:"3.98cqw",color:i.muted},children:"Dave M. \xB7 Hilux N80"})]})]}),reviews:c(j,{title:"Reviews",children:[n("div",{style:{display:"flex",gap:4,height:22},children:[[i.inkSoft,i.inkSoft2],[i.rust,i.warm],[i.ink,i.inkSoft],[i.mark2,i.mark1]].map(([e,t],o)=>n("div",{style:{flex:1,borderRadius:3,...Z(e,t,140+o*15)}},o))}),n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Dave M.",5,"Not one chip after the Simpson."],["Sara K.",4,"Fitted in an hour, no fuss."]].map(([e,t,o])=>c("div",{style:{display:"flex",gap:5,alignItems:"flex-start"},children:[n(Cs,{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:i.text},children:e}),n(Di,{filled:t})]}),n(oe,{children:o})]})]},e))})]}),logos:c("div",{style:{...I,display:"flex",flexDirection:"column",gap:9,justifyContent:"center",padding:"0 12px",...Z(i.ink,i.inkSoft)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:i.warm},children:"As fitted by"}),n("div",{style:{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:8},children:["ARB","TJM","IRONMAN","OPPOSITE"].map(e=>n("span",{style:{textAlign:"center",fontSize:"4.31cqw",fontWeight:800,letterSpacing:"0.08em",color:i.onInk,opacity:.82},children:e},e))})]}),prose:c("div",{style:{...I,background:i.paper,padding:"11px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("span",{style:{fontSize:"5.86cqw",fontWeight:700,color:i.text},children:"Why offset matters"}),c("div",{style:{display:"flex",gap:6},children:[n("span",{style:{fontSize:"15.3cqw",lineHeight:.78,fontWeight:800,color:i.rust,marginTop:1},children:"T"}),c("div",{style:{display:"flex",flexDirection:"column"},children:[n(oe,{children:"he number on the back of your wheel decides whether the"}),n(oe,{w:"76%",children:"tyre sits under the guard or an inch outside it."})]})]})]}),cards:n(j,{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 ${i.rule}`,borderRadius:4,padding:6,display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{width:11,height:11,borderRadius:3,background:i.rust,opacity:.9}}),n("b",{style:{fontSize:"3.98cqw",color:i.text},children:e}),n(oe,{children:t})]},e))})}),faq:n(j,{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 ${i.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:i.text},children:e}),n("span",{style:{fontSize:"4.64cqw",color:i.muted,lineHeight:1},children:t?"\u2212":"+"})]}),t&&n(oe,{w:"90%",children:"Use the fitment finder \u2014 it reads your build, not just the model."})]},e))})}),hero:c("div",{style:{...I,overflow:"hidden",...Z(i.ink,i.ink2)},children:[n("div",{style:{...I,background:`linear-gradient(90deg,${i.scrim},transparent 70%)`}}),n("div",{style:{position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",padding:"12px 14px",gap:5},children:n(ks,{over:"NEW \xB7 SUMMER",overTone:i.warm,head:"Built for the worst road you own",cta:"SHOP ALL",ctaBg:i.warm,ctaFg:i.ink,tone:i.onInk})}),n(_e,{size:104,style:{right:-24,bottom:-30}})]}),herosingle:c("div",{style:{...I,display:"flex",background:i.paper,overflow:"hidden"},children:[n("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:n(ks,{over:"ALL-TERRAIN",overTone:i.rust,head:"Grip that does not ask",headSize:12,cta:"EXPLORE",ctaBg:i.text,ctaFg:i.onInk,tone:i.text})}),n("div",{style:{flex:1,position:"relative",...Z(i.inkSoft,i.inkSoft2)},children:n(_e,{size:74,style:{right:-14,top:16}})})]}),productgrid:n(j,{title:"Best sellers",children:c("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[n(Li,{name:"Ridge 19",price:"$365"}),n(Li,{name:"Ridge 29",price:"$410"}),n(Li,{name:"Ridge 39",price:"$455"})]})}),collections:n(j,{title:"Shop by category",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Wheels",i.inkSoft,i.inkSoft2],["Tyres",i.rust,i.warm],["Lift kits",i.ink,i.inkSoft]].map(([e,t,o])=>n("div",{style:{borderRadius:4,display:"flex",alignItems:"flex-end",padding:5,color:i.onInk,...Z(t,o)},children:n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.04em"},children:e})},e))})}),producthero:c("div",{style:{...I,display:"flex",background:i.card,overflow:"hidden"},children:[n("div",{style:{flex:1.1,position:"relative",...Z(i.paper,i.paper2,150)},children:n(_e,{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:i.rust},children:"NITTO"}),n("b",{style:{fontSize:"6.29cqw",color:i.text},children:"Ridge Grappler"}),n("span",{style:{fontSize:"6.63cqw",fontWeight:700,color:i.text},children:"$489"}),n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,background:i.text,color:i.onInk},children:"ADD TO CART"})]})]}),spectable:n(j,{title:"Specifications",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(Oe,{k:"Diameter",v:'20"'}),n(Oe,{k:"Width",v:"9.0J"}),n(Oe,{k:"Offset",v:"+12"}),n(Oe,{k:"Load",v:"1250 kg"})]})}),fitmenttable:n(j,{title:"Will it fit?",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(Oe,{k:"Hilux N80",v:"20\xD79 +12",ok:!0}),n(Oe,{k:"Ranger PX3",v:"20\xD79 +12",ok:!0}),n(Oe,{k:"LC79",v:"17\xD78 \u221210",ok:!0})]})}),brandstrip:c("div",{style:{...I,background:i.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:i.mark2},children:e},e))})]}),processsteps:c("div",{style:{...I,background:i.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:i.text,color:i.onInk,fontSize:"3.98cqw",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700},children:t+1}),n("span",{style:{fontSize:"3.98cqw",color:i.text,fontWeight:600},children:e})]},e))})]}),detailrows:n("div",{style:{...I,background:i.card,display:"flex",flexDirection:"column",overflow:"hidden"},children:[["Forged, not cast","Half the weight, twice the road.",!1],["Fits your load","Rated to 1250 kg a corner.",!0]].map(([e,t,o])=>{let r=n("div",{style:{flex:1,...Z(o?i.rust:i.inkSoft,o?i.warm:i.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:i.text},children:e}),n("span",{style:{fontSize:"3.98cqw",color:i.muted,lineHeight:1.3},children:t})]},"tx");return n("div",{style:{flex:1,display:"flex",minHeight:0},children:o?[s,r]:[r,s]},e)})}),specstrip:n("div",{style:{...I,background:i.ink,color:i.onInk,display:"flex",alignItems:"center",justifyContent:"space-around",padding:"0 8px"},children:[["5 yr","Warranty"],["Free","Fitting"],["48 hr","Dispatch"]].map(([e,t])=>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:i.mark2,letterSpacing:"0.1em",textTransform:"uppercase"},children:t})]},t))})},Is={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(S,{w:8,h:8,r:2,tone:"accent"}),n(S,{w:38,h:7,r:3,tone:"dark"}),n(S,{w:16,h:7,r:3,tone:"accent"})]}),n(S,{w:38,h:4,r:2,tone:"soft"})]}),n("div",{style:{height:1,background:ie.line,marginBottom:10}}),c("div",{style:{flex:1,display:"flex",gap:10,border:`1px solid ${ie.line}`,borderRadius:7,padding:10},children:[c("div",{style:{flex:1.1,display:"flex",flexDirection:"column",justifyContent:"center",gap:5},children:[n(S,{w:"46%",h:3,r:2,tone:"accent"}),n(S,{w:"84%",h:8,r:4,tone:"dark"}),n(S,{w:"56%",h:8,r:4,tone:"accent"}),n(S,{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 ${ie.line}`,background:ie.block}}),n(S,{w:34,h:13,r:5,tone:"accent"})]})]}),c("div",{style:{flex:1,background:ie.block,borderRadius:6,padding:8,display:"flex",flexDirection:"column",gap:6},children:[n(S,{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 ${ie.line}`:"none",paddingTop:t?4:0},children:[n(S,{w:34,h:4,r:2,tone:"dark"}),n(S,{w:16,h:3,r:2,tone:"soft"})]},t))]})]})]}),split:c("div",{style:{...I,display:"flex"},children:[n("div",{style:{width:"44%",background:Fi}}),c("div",{style:{flex:1,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[n(S,{w:"44%",h:5,r:3,tone:"accent"}),n(S,{w:"88%",h:8,r:4,tone:"dark"}),n(S,{w:"70%",h:8,r:4,tone:"dark"}),n(S,{w:"94%",h:5,r:2,tone:"soft",style:{marginTop:2}}),n(S,{w:"80%",h:5,r:2,tone:"soft"}),n(S,{w:"40%",h:13,r:6,tone:"accent",style:{marginTop:5}})]})]}),sectionheader:c(Es,{children:[n(S,{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(S,{w:16,h:16,r:4,tone:"accent"}),n(S,{w:"20%",h:9,r:4,tone:"dark"})]}),n(S,{w:"62%",h:10,r:5,tone:"dark"}),n(S,{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(S,{w:"22%",h:12,r:4,tone:"dark"}),c("div",{style:{display:"flex",gap:9,alignItems:"center"},children:[n(S,{w:26,h:6,r:3,tone:"soft"}),n(S,{w:26,h:6,r:3,tone:"soft"}),n(S,{w:26,h:6,r:3,tone:"soft"}),n(S,{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(S,{w:"60%",h:9,r:4,tone:"dark"}),n(S,{w:"90%",h:5,r:2,tone:"soft"}),n(S,{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(S,{w:"50%",h:6,r:3,tone:"dark"}),n(S,{w:"80%",h:5,r:2,tone:"soft"}),n(S,{w:"66%",h:5,r:2,tone:"soft"})]},e))]}),n("div",{style:{height:1,background:ie.line}}),c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n(S,{w:"30%",h:5,r:2,tone:"soft"}),n(S,{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:ie.block}},t))}),blanksection:n("div",{style:{...I,padding:14,display:"flex"},children:c("div",{style:{flex:1,border:`1px dashed ${ie.line}`,borderRadius:7,display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:[n(S,{w:14,h:2,r:1,tone:"tint"}),n(S,{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(S,{w:"100%",h:6,r:3,tone:"soft"}),n(S,{w:16,h:22,r:3,tone:"block",style:{alignSelf:"center"}}),n(S,{w:"100%",h:6,r:3,tone:"soft"})]}),divider:n("div",{style:{...I,padding:14,display:"flex",alignItems:"center"},children:n(S,{w:"100%",h:3,r:2,tone:"dark"})}),customhtml:c("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"center",gap:8,background:Fi},children:[n(S,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(-14deg)"}}),n(S,{w:16,h:10,r:3,tone:"accent"}),n(S,{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(S,{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(S,{w:"100%",h:6,r:3,tone:"soft"}),n(S,{w:"96%",h:6,r:3,tone:"soft"}),n(S,{w:"100%",h:6,r:3,tone:"soft"}),n(S,{w:"58%",h:6,r:3,tone:"soft"})]}),image:n("div",{style:{position:"absolute",inset:14,borderRadius:7,background:Fi}}),button:n("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"center"},children:n(S,{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(S,{w:"48%",h:7,r:3,tone:"dark"}),n(S,{w:"82%",h:5,r:2,tone:"soft"}),n(S,{w:"66%",h:5,r:2,tone:"soft"}),n(S,{w:"74%",h:5,r:2,tone:"soft"}),n(S,{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(S,{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 ${ie.line}`}}),n(S,{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(S,{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 ${ie.line}`,display:"flex",alignItems:"center",gap:7,padding:"0 9px"},children:[n("div",{style:{width:9,height:9,borderRadius:5,border:`2px solid ${ie.dark}`}}),n(S,{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 ${ie.dark}`}}),n("div",{style:{padding:"2px 6px",borderRadius:6,border:`1.5px solid ${ie.dark}`},children:n(S,{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 ${ie.line}`},children:[n(S,{w:22,h:6,r:2,tone:"dark"}),n(S,{w:6,h:4,r:1,tone:"soft"})]}),c("div",{style:{width:"46%",display:"flex",flexDirection:"column",gap:4,padding:6,border:`1px solid ${ie.line}`},children:[n(S,{w:"80%",h:4,r:2,tone:"accent"}),n(S,{w:"64%",h:4,r:2,tone:"soft"}),n(S,{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:ie.line}}),c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n(S,{w:"38%",h:5,r:2,tone:"soft"}),c("div",{style:{display:"flex",gap:5},children:[n(S,{w:14,h:5,r:2,tone:"soft"}),n(S,{w:14,h:5,r:2,tone:"soft"}),n(S,{w:14,h:5,r:2,tone:"soft"})]})]})]}),fallback:n("div",{style:{position:"absolute",inset:14,borderRadius:8,background:ie.block}})};function Rs({type:e}){let t=qh[e]??"",o=Gh[t]??Is[t]??Is.fallback;return n("div",{className:"sf-thumb","aria-hidden":"true",style:{position:"absolute",inset:0,background:"var(--sf-thumb-thumb-bg)",pointerEvents:"none",containerType:"inline-size"},children:o})}import{jsx as dt,jsxs as Kh}from"react/jsx-runtime";import{StylesIcon as Uh}from"efficient-easel/rail";import{Tooltip as Vh}from"efficient-shell/ui";function Ps({tokenRef:e,siteId:t,onClose:o,onNotify:r,tab:s,onTabChange:a}){let l=at();return Kh("div",{className:"sf-styles",children:[dt(jt,{icon:dt(Uh,{}),title:"Site styles",context:dt(Vh,{content:`${l} \u2014 renamed in the Console: Storefront \u25B8 Sites \u25B8 Settings.`,className:"sf-name-tip",children:dt("span",{className:"sf-name-text",children:l})}),onHide:o}),dt("div",{className:"sf-insp-body sf-scroll",children:dt(dn,{tokenRef:e,siteId:t,onNotify:r,tab:s,onTabChange:a})})]})}import{jsx as Ns}from"react/jsx-runtime";var Yh="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z";function As({size:e=15,className:t,strokeWidth:o=1.7}){return Ns("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:t,"aria-hidden":"true",focusable:"false",children:Ns("path",{d:Yh})})}import{useEffect as Oi,useRef as Xh}from"react";var zi="sf-editor-footer-return";function Zx(e){if(!(typeof window>"u"))try{window.sessionStorage.setItem(zi,e)}catch{}}function Fs(){if(typeof window>"u")return null;try{return window.sessionStorage.getItem(zi)}catch{return null}}function Ls(){if(!(typeof window>"u"))try{window.sessionStorage.removeItem(zi)}catch{}}function Ds(e,t){let{currentSlug:o,siteId:r,navigate:s,footerOriginSlug:a}=de(),{selected:l}=e,d=e.data?.content??[],u=t.refreshes,y=o===Ke,{editFooter:f}=Ir(),b=Xh(null);Oi(()=>{let x=l?.props.id;y&&typeof x=="string"&&(b.current?.(),b.current=ln(x))},[l?.props.id,y]);let C=x=>{b.current?.(),b.current=ln(x)};return Oi(()=>{if(!y||!a)return;let x=d.find(P=>P.type===te)?.props?.id;if(x)return b.current?.(),b.current=ln(String(x)),()=>{b.current?.(),b.current=null}},[y,a,u]),Oi(()=>{if(!(y||!Fs()))return Ma(()=>Ls())},[]),{pinnedSource:y,holdCanvasOn:y?C:void 0,editPinnedSource:()=>f?f():s({kind:"page",slug:Ke,siteId:r??void 0})}}import{jsx as V,jsxs as Ne,Fragment as Zh}from"react/jsx-runtime";import{Fragment as zs,useEffect as Os,useRef as _i}from"react";import{useTreeDrag as _s}from"efficient-easel/drag";import{ImageIcon as Qh,TextLinesIcon as Jh,TrashIcon as Hs}from"efficient-easel/icons";import{Subtree as Bs,TreeRow as Et,TreeRowAction as Ms,TreeSeam as Ws}from"efficient-easel/tree";var yn="ContactLocations";function eu({size:e=13}){return Ne("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[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 tu({size:e=13}){return Ne("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[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 nu({size:e=13}){return Ne("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[V("path",{d:"M9 4 3 6.5v13L9 17l6 3 6-2.5v-13L15 7z"}),V("path",{d:"M9 4v13M15 7v13"})]})}var gn=e=>({parentId:`locations-${e}`,slot:"groups"}),Hi=(e,t)=>({parentId:`locations-${e}`,slot:`cities:${t}`});function $s(e,t){let{readOnly:o,selected:r}=t,s=t.data?.content??[],a=e.kind===bs.kind,l=_i(null);Os(()=>{let g=r?.type===yn?String(r.props.id):null;g&&g!==l.current&&ke({level:"groups"}),l.current=g},[r?.props.id]);let{selectedLocationPartId:d,setSelectedLocationPartId:u,setSelectHandler:y}=Ar(),f=qr(),b=(g,p)=>{let E=s[g];E&&t.replace(g,{type:E.type,props:{...E.props,locations:p}})},C=g=>{let p=s[g]?.props?.locations;return Array.isArray(p)?p:[]},x=_s({keyOf:g=>`group:${g.si}:${g.index}`,readOnly:!!o,canDrop:(g,p)=>p.parentId===gn(g.si).parentId&&p.slot==="groups",onDrop:(g,p)=>{b(g.si,Wn(C(g.si),g.index,p.index)),f.level==="city"&&ke({level:"groups"})},onStep:(g,p)=>{b(g.si,Wn(C(g.si),g.index,p<0?g.index-1:g.index+2)),f.level==="city"&&ke({level:"groups"})}}),P=_s({keyOf:g=>`city:${g.si}:${g.group}:${g.index}`,readOnly:!!o,canDrop:(g,p)=>p.parentId===gn(g.si).parentId&&p.slot.startsWith("cities:"),onDrop:(g,p)=>{let E=p.slot.slice(7);b(g.si,$n(C(g.si),g.group,g.index,E,p.index)),ke({level:"group",key:E})},onStep:(g,p)=>{b(g.si,$n(C(g.si),g.group,g.index,g.group,p<0?g.index-1:g.index+2)),f.level==="city"&&ke({level:"group",key:g.group})}}),A=_i(s);A.current=s;let h=_i(()=>{});Os(()=>{y(g=>{let p=Lr(g);if(!p)return;let E=A.current.findIndex(F=>F.props?.id===p.nodeId);E<0||h.current(E,{level:p.part,index:p.index})})},[y]);let v=(g,p)=>{l.current=s[g]?.props?.id??null,t.select(g),ke(p),e.reveal();let E=s[g]?.props?.id;typeof E=="string"&&(p.level==="image"||p.level==="map")?u(Fr(E,p.index,p.level)):u(null),typeof E=="string"&&t.scrollTo(E)};return h.current=v,{renderLocationTree:(g,p,{rowClick:E,isCollapsed:F,toggleCollapse:k})=>{let q=C(p),M=Bn(q),ee=String(g.props.id),_=a&&r?.props.id===ee,G=N=>V(Ws,{...o?{}:x.seam({place:{...gn(p),index:N}})},`seam:${ee}:groups:${N}`),ae=(N,Q)=>V(Ws,{...o?{}:P.seam({place:{...Hi(p,N),index:Q}})},`seam:${ee}:cities:${N}:${Q}`);return Ne(Zh,{children:[V(Et,{icon:V(Jh,{size:13}),name:"Texts",onSelect:()=>v(p,{level:"texts"}),selected:_&&f.level==="texts",rowProps:{onClick:E(()=>v(p,{level:"texts"}))}}),M.map((N,Q)=>{let he=`${ee}::grp::${N.key}`,ue=F(he),Ae=_&&f.level==="group"&&f.key===N.key,fe=Gr(N.key,N.name),xe={...Hi(p,N.key),index:N.cards.length},He=P.row({item:{si:p,group:N.key,index:-1},place:xe,into:xe,canDrag:!1},{onClick:E(()=>v(p,{level:"group",key:N.key}))}),le=x.row({item:{si:p,index:Q},place:{...gn(p),index:Q}},He.rowProps);return Ne(zs,{children:[Q===0&&G(0),V(Et,{icon:V(eu,{size:13}),name:fe,onSelect:()=>v(p,{level:"group",key:N.key}),selected:Ae,draggable:le.draggable,dragging:le.dragging,drop:le.drop??He.drop,fold:{open:!ue,label:"group",onToggle:()=>k(he)},actions:V(Ms,{kind:"delete",label:`Delete ${fe} group (${N.cards.length} ${N.cards.length===1?"city":"cities"})`,onClick:()=>{b(p,Vr(q,N.key)),ke({level:"groups"})},children:V(Hs,{size:15})}),rowProps:le.rowProps,children:V("span",{className:"es-group-count",children:N.cards.length})}),!ue&&Ne(Bs,{children:[N.cards.map((se,J)=>{let $=Mn(q,N.key,J),Fe=_&&f.level==="city"&&f.index===$,w=String(se?.name??"")||"City",W=`${ee}::city::${Hn(se)}`,K=F(W),{rowProps:pe,...Te}=P.row({item:{si:p,group:N.key,index:J},place:{...Hi(p,N.key),index:J}},{onClick:E(()=>v(p,{level:"city",index:$}))});return Ne(zs,{children:[J===0&&ae(N.key,0),V(Et,{icon:V(tu,{size:13}),name:w,onSelect:()=>v(p,{level:"city",index:$}),selected:Fe,...Te,fold:{open:!K,label:w,onToggle:()=>k(W)},actions:V(Ms,{kind:"delete",label:`Delete ${w}`,onClick:()=>{b(p,Yr(q,N.key,J)),ke({level:"group",key:N.key})},children:V(Hs,{size:15})}),rowProps:pe}),!K&&Ne(Bs,{children:[V(Et,{icon:V(Qh,{size:13}),name:"Image",onSelect:()=>v(p,{level:"image",index:$}),selected:_&&f.level==="image"&&f.index===$,rowProps:{onClick:E(()=>v(p,{level:"image",index:$}))}}),V(Et,{icon:V(nu,{size:13}),name:"Map",onSelect:()=>v(p,{level:"map",index:$}),selected:_&&f.level==="map"&&f.index===$,rowProps:{onClick:E(()=>v(p,{level:"map",index:$}))}})]}),ae(N.key,J+1)]},Hn(se))}),Ne("button",{type:"button",className:"sf-add-card",onClick:()=>{let se=Kr(q,N.key);b(p,se);let J=Bn(se).find($=>$.key===N.key);ke(J&&J.cards.length?{level:"city",index:Mn(se,N.key,J.cards.length-1)}:{level:"group",key:N.key})},children:[V("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add city"]})]}),G(Q+1)]},he)}),Ne("button",{type:"button",className:"sf-add-card",onClick:()=>{let{cards:N,key:Q}=Ur(q);b(p,N),v(p,{level:"group",key:Q})},children:[V("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add group"]})]})},sectionPressed:g=>{g?.type===yn&&ke({level:"groups"})}}}import{useEffect as au,useRef as su}from"react";import{createNode as lu,newId as cu}from"efficient-easel/data";import{useEaselApi as du}from"efficient-easel/easel";import{resetForDocumentSwitch as iu,saveStatusForNewDocument as ou,saveStatusOf as ru}from"efficient-easel/screen/lib/document-switch";function js(e){return!e.docId||e.saveStatus==="saving"?!1:e.seededDocId!==e.docId}function qs(e,t){let{capabilities:o,currentSlug:r,docId:s,data:a,saveStatus:l}=de(),{hasSiteSettings:d,hasPinnedChrome:u}=o,y=r===Ke,f=du().getState,b=su(null);au(()=>{if(!js({docId:s,saveStatus:l,seededDocId:b.current})||(b.current=s,!u))return;let C=f().appState.data,x=C.content,P=a?.content??[],A=(p,E)=>p.some(F=>F?.type===E);if(!d){let p=new Set(Tn(x)),E=p.size?x.filter(k=>!p.has(k.props.id)):x;p.size&&e.setDocument({...C,content:E});let F=Gi(E,P);if(F.includes(te)){let k=E.length,q=e.insertSection(te,k);e.replaceComponent(Me,k,{type:te,props:{id:q,blocks:_n()}})}F.includes(Le)&&e.insertNode(Me,0,On());return}if(y){let p=Ji(x);if(p!==x&&e.setDocument({...C,content:[...p]}),!p.find(E=>E.type===te)&&!A(P,te)&&!A(p,we)&&!A(P,we)){let E=(k,q)=>lu(t,k,q),F={type:te,props:{blocks:_n()}};e.insertNode(Me,p.length,un(F,E,cu(we)))}return}let h=x.filter(p=>p.type!==te),v=new Set(Tn(h)),g=v.size?h.filter(p=>!v.has(p.props.id)):h;g.length!==x.length&&e.setDocument({...C,content:g}),!A(g,Le)&&!A(P,Le)&&e.insertNode(Me,0,On())},[s,l,a,f,e,d,u,y])}import{useEffect as Us,useState as Vs}from"react";var bn=new Map;async function pu(e,t){try{return(await pt().site.get({siteId:t})).slug?.trim()||null}catch(o){return console.warn("[editor-site-slug] could not resolve the site slug",o),null}}function Gs(e,t){let o=bn.get(t);return o||(o=pu(e,t),bn.set(t,o),o.catch(()=>{bn.get(t)===o&&bn.delete(t)})),o}var hu=/^(localhost|(?:[a-z0-9-]+\.)+localhost|127(?:\.\d{1,3}){3}|0\.0\.0\.0|\[::1\]|::1)$/i;function Bi(e){return!!e&&hu.test(e)}function Ks(e){let{pageSlug:t,siteSlug:o,hostname:r}=e,s=t===rr?"/":`/${encodeURIComponent(t)}`;if(!Bi(r))return s;let a=o?.trim();return a?`${s}?site=${encodeURIComponent(a)}`:s}function Ys(e){let{pageSlug:t,siteId:o,token:r}=e,[s,a]=Vs(null),[l,d]=Vs(null),u=Xr();Us(()=>d(u?new URL(u).hostname:window.location.hostname),[u]),Us(()=>{if(!Bi(l)||!o||!r){a(null);return}let f=!1;return Gs(r,o).then(b=>{f||a(b)}),()=>{f=!0}},[l,o,r]);let y=Ks({pageSlug:t,siteSlug:s,hostname:l});return u?`${u}${y}`:y}import{buildPaletteSections as uu,categoryLabel as fu,matchesQuery as mu,paletteWithoutPinned as gu,pinnedSection as yu}from"efficient-easel/screen/lib/puck/palette-sections";var bu={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 Xs(e){return bu[e]?.label}var Zs=Wi;function Qs(e,t){let o=e.props;if(e.type==="FooterMenu"){let r=o.menu;return o.heading||r?.name||"Menu"}if(e.type==="FooterText"){let r=typeof o.text=="string"?o.text.trim():"";return r?r.length>28?`${r.slice(0,28)}\u2026`:r:"Text"}return e.type==="FooterEmailSignup"?o.heading||"Email signup":t(e.type)}var Js="sf-editor-left-view";function el(){if(typeof window>"u")return"pages";try{let e=window.localStorage.getItem(Js);return e==="sections"||e==="styles"||e==="media"?e:"pages"}catch{return"pages"}}function tl(e){if(!(typeof window>"u"))try{window.localStorage.setItem(Js,e)}catch{}}function nl(e,t,o=!1){return e==="styles"&&!t||e==="media"&&!o?"sections":e}function il(e,t){return e?"sections":t}var xu=new Set(["BookingBox","SubmitBox"]);function ol(e){return typeof e=="string"&&xu.has(e)}import{Fragment as cl,jsx as Mi}from"react/jsx-runtime";import{EaselCanvas as Iu}from"efficient-easel/easel";import{jsx as al,Fragment as Su,jsxs as ku}from"react/jsx-runtime";import{useEffect as sl,useLayoutEffect as Cu}from"react";var wu=String.raw`(function (doc) {
+import{$a as vo,$d as hr,Aa as so,Bg as Or,Bh as jr,Ce as br,Cf as zn,Cg as _r,Dg as Hr,Dh as On,Ea as At,Ef as vr,Eg as Br,Eh as _n,Fb as ir,Ff as Sr,Fh as ke,Ga as Ft,Gb as or,Gg as Mr,Gh as qr,I as ji,Ia as Je,Id as Ke,Ig as Wr,Ja as ut,Jc as de,K as Rt,Ka as lo,Kc as ar,Kh as Hn,L as qi,Lc as sr,Le as xr,Lh as Gr,Ma as co,Mc as lr,Me as wr,N as te,Nb as ft,Nf as kr,Nh as Bn,O as Le,Oa as po,Oc as $e,Oh as Mn,P as Gi,Ph as Wn,Qa as De,Qh as $n,R as Tn,Rc as cr,Rh as Kr,Sa as ho,Se as Bt,Sh as Ur,T as Me,Ta as uo,Tb as mt,Th as Vr,U as Ki,Ua as fo,Uh as Yr,V as Ui,Va as mo,Ve as Re,Wa as go,Wc as Ot,Wf as Cr,Xa as yo,Xh as Zr,Ya as bo,Yh as Qr,Z as Vi,Za as xo,_a as wo,_d as Se,_h as Jr,ab as En,ae as ur,ag as Ir,bb as We,cc as Dn,db as So,dg as Mt,di as ea,e as Wi,ei as ta,fb as ko,fc as rr,gb as Co,gd as dr,gg as gt,h as Cn,hb as To,hh as $r,ie as fr,ig as Pr,ii as Wt,je as Ht,jg as yt,k as pt,ka as Yi,kb as Io,la as we,lg as Nr,m as ht,mb as Eo,na as Xi,nb as Ro,ng as Ar,oa as Zi,ob as Po,og as Fr,p as $i,pa as Qi,pb as No,pd as pr,pg as Lr,qa as Ji,qb as Lt,qg as Dr,ra as eo,rb as Ao,ta as Ge,tb as Rn,td as _t,ua as Ze,ub as Dt,va as to,vb as Fo,wb as Lo,xe as mr,xg as zr,ye as gr,ze as yr}from"./chunk-XAIWFD52.js";import{$ as qo,A as zo,Aa as Jo,B as Oo,Ba as er,C as _o,Ca as tr,Fa as nr,La as ne,Ma as Tr,Oa as Er,Pa as Rr,S as Ho,T as Bo,U as Mo,V as Wo,Y as $o,Z as Pn,_ as jo,aa as Go,d as no,da as Ko,e as io,ea as Nn,f as oo,g as ro,h as ve,ha as Uo,i as Pt,ia as An,j as Nt,ka as Fn,n as Qe,o as In,oa as Vo,p as ao,ta as Ln,ua as Yo,wa as Xo,y as zt,ya as Zo,z as Do,za as Qo}from"./chunk-YOLBILEW.js";import{r as Xr}from"./chunk-TY6TWI3F.js";import{jsx as jn,Fragment as xl,jsxs as wl}from"react/jsx-runtime";import{createContext as vl,useContext as Sl}from"react";var kl={mirrorHostStyles:!0,css:null,fontHrefs:[]},na=vl(kl);function Qu({value:e,children:t}){return jn(na.Provider,{value:e,children:t})}function qn(){return Sl(na)}function ia(){let{css:e,fontHrefs:t}=qn();return wl(xl,{children:[t.map(o=>jn("link",{rel:"stylesheet",href:o},o)),e?jn("style",{"data-sf-canvas-css":"",children:e}):null]})}import{jsx as Cl}from"react/jsx-runtime";import{createContext as Tl,useContext as Il}from"react";var oa=Tl(void 0);function nf({metadata:e,children:t}){return Cl(oa.Provider,{value:e,children:t})}var ra=()=>Il(oa);import{jsx as Y,jsxs as xn}from"react/jsx-runtime";import{useCallback as wn,useEffect as qe,useState as Au}from"react";import{ExternalIcon as Fu}from"efficient-easel/icons";import{Button as Lu,Tooltip as gl,buttonClasses as Du}from"efficient-shell/ui";import{SettingsSwitch as zu}from"efficient-easel/panel";import{PagesIcon as Ou,StylesIcon as _u}from"efficient-easel/rail";import{TreeRow as Hu}from"efficient-easel/tree";import{jsx as et,jsxs as $t}from"react/jsx-runtime";import{useEasel as Al}from"efficient-easel/easel";function El(e){return e.replace(/<[^>]+>/g," ").replace(/\s+/g," ").trim()}function Rl(e){let t=[],o=/<h([1-6])\b[^>]*>([\s\S]*?)<\/h\1>/gi,r;for(;r=o.exec(e);)t.push({level:Number(r[1]),text:El(r[2])||"(empty)"});return t}var Pl=new Set(["SubmitBuild"]),Nl={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 Gn(e,t){let o=[];for(let r of e??[]){let s=r,a=s.props??{};switch(s.type){case"Heading":{let{text:l,hidden:d}=De(a.text);if(d)break;o.push({level:Number(a.level)||2,text:l||"(empty heading)"})}break;case"Hero":o.push({level:1,text:"Hero (brand headline)"});break;case"CustomHTML":o.push(...Rl(De(a.html).text));break;default:{let l=Nl[s.type??""],d=De(a.title??a.heading),u=d.text.trim();if(!l||d.hidden)break;u?o.push({level:l,text:u}):Pl.has(s.type??"")&&o.push({level:l,text:String(s.type)});break}}for(let l of Ki(t,s.type??"")){let d=a[l];Array.isArray(d)&&o.push(...Gn(d,t))}}return o}function aa(){let{appState:e,config:t}=Al(a=>a),o=e?.data,r=Gn(o?.content??[],t),s=r.filter(a=>a.level===1).length;return $t("div",{className:"px-4 py-3 text-[13px] text-zinc-600",children:[$t("div",{className:"mb-2 flex items-center justify-between text-[11px] font-semibold uppercase tracking-wide text-zinc-500",children:[et("span",{children:"Heading outline"}),et("span",{children:r.length})]}),s!==1&&et("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?et("p",{className:"text-zinc-400",children:"No headings yet."}):et("ul",{className:"space-y-1",children:r.map((a,l)=>$t("li",{className:"flex items-baseline gap-2",style:{paddingLeft:`${(a.level-1)*12}px`},children:[$t("span",{className:"shrink-0 font-mono text-[11px] text-zinc-400",children:["H",a.level]}),et("span",{className:"truncate text-zinc-700",children:a.text})]},l))})]})}import{jsx as D,jsxs as Pe,Fragment as up}from"react/jsx-runtime";import{useCallback as fp,useEffect as Ga,useId as mp,useMemo as Ka,useState as Ve}from"react";import{default as jt,PanelHideButton as Kn,PanelModeExit as uf,PanelShowStrip as ff}from"efficient-easel/screen/components/SidePanelHead";import{jsx as B,jsxs as rt,Fragment as St}from"react/jsx-runtime";import{useEasel as bi}from"efficient-easel/easel";import{useEffect as Od,useRef as ja,useState as cn}from"react";import{jsx as je,jsxs as ca,Fragment as zl}from"react/jsx-runtime";import{useState as da}from"react";import{SettingsDefaultReset as Ol,SettingsField as _l}from"efficient-easel/panel";import{jsxs as Un,jsx as Vn,Fragment as Fl}from"react/jsx-runtime";import{Button as sa,Dialog as Ll}from"efficient-shell/ui";function Dl(e){return e===1?"1 color theme":`${e} color themes`}function la({count:e,onCancel:t,onConfirm:o}){return Un(Ll,{open:!0,onClose:t,role:"alertdialog",size:"sm",title:"Clear this site\u2019s colors?",footer:Un(Fl,{children:[Vn(sa,{variant:"secondary",onClick:t,children:"Cancel"}),Vn(sa,{variant:"danger",onClick:o,children:"Clear colors"})]}),children:[Un("p",{children:["This site has ",Dl(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 Hl=gr("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 Bl(){return je("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:je("path",{d:"M12 5v14M5 12h14"})})}var Ml="Reset color",Wl={selected:0,themes:[]};function $l(e){e(Wl)}function pa({value:e,onChange:t}){let o=e?.themes??[],r=o.length===0,s=zt(e),[a,l]=da(!1),[d,u]=da(null),y=(h,v)=>{t({...s,themes:s.themes.map((g,p)=>p===h?v:g)})},f=Oo(s).accent,b=new Set(s.themes.map(h=>h.brandInk).filter(Boolean)),C=Do.filter(h=>!b.has(h)).map(h=>zo(f,h)),x=[...s.themes,...C],P=h=>{if(h<s.themes.length)return t({...s,selected:h});let v=[...s.themes,x[h]];t({...s,themes:v,selected:v.length-1})},A=()=>{let h=[...s.themes,{..._o(s.themes[s.selected])}];t({...s,themes:h,selected:h.length-1}),u(h.length-1)};return ca(zl,{children:[r?null:je(_l,{label:Ml,icon:yr(Hl),labelId:"sf-theme-reset",action:je(Ol,{label:"all theme colors",changed:!0,onReset:()=>l(!0)})}),a&&je(la,{count:o.length,onCancel:()=>l(!1),onConfirm:()=>{l(!1),$l(t)}}),je("div",{className:"sf-theme-list",role:"radiogroup","aria-label":"Theme",children:x.map((h,v)=>je(lr,{index:v,colors:h,selected:v===s.selected,open:d===v&&v<s.themes.length,editable:v<s.themes.length,onPick:()=>P(v),onEdit:()=>u(g=>g===v?null:v),onChangeColors:g=>y(v,g)},v))}),ca("button",{type:"button",onClick:A,className:"sf-theme-add",children:[je(Bl,{}),"Add new theme"]})]})}import{jsx as qt}from"react/jsx-runtime";import{SettingsDefaultReset as jl,SettingsField as ql}from"efficient-easel/panel";import{SquareIcon as Gl}from"efficient-easel/icons";var Kl="Applies to panels, cards, inputs and buttons. Round things \u2014 color swatches, switches, status dots \u2014 stay round.",Yn="Corners";function ha({value:e,onChange:t,showHint:o=!0}){let r=e===null;return qt(ql,{label:Yn,icon:qt(Gl,{}),value:r?void 0:`${e}px`,changed:!r,action:qt(jl,{label:Yn,changed:!r,detail:"the built-in corners",onReset:()=>t(null)}),hint:o?Kl:void 0,children:qt(Re,{min:Pn,max:jo,step:1,value:e??Pn,readout:!1,ariaLabel:Yn,onChange:t})})}import{jsx as bt}from"react/jsx-runtime";import{SettingsDefaultReset as Ul,SettingsField as Vl,SettingsSegmented as Yl}from"efficient-easel/panel";import{ShadowIcon as Xl}from"efficient-easel/icons";var Xn={none:"None",soft:"Soft",lifted:"Lifted"},Zl="Applies to cards \u2014 products, brands, journal entries and filter cells. Round things like swatches and status dots are never shadowed.",Ql={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)"},Jl={labelsPx:90.25,widestLabelPx:34.6};function ua({value:e,onChange:t,showHint:o=!0}){let r=e===null,s=e??Nn;return bt(Vl,{label:"Card shadow",icon:bt(Xl,{}),value:Xn[s],changed:!r,action:bt(Ul,{label:"Card shadow",changed:!r,detail:Xn[Nn],onReset:()=>t(null)}),hint:o?Zl:void 0,children:bt(Yl,{options:Ko.map(a=>({id:a,label:Xn[a],icon:bt("span",{className:"sf-shadow-chip",style:{boxShadow:Ql[a]}})})),value:s,ariaLabel:"Card shadow",fit:Jl,onChange:t})})}import{jsx as Zn}from"react/jsx-runtime";import{SettingsDefaultReset as ec,SettingsField as tc}from"efficient-easel/panel";import{ShadowIcon as nc}from"efficient-easel/icons";var ic="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 fa({value:e,onChange:t,showHint:o=!0}){let r=e===null;return Zn(tc,{label:"Shadow color",icon:Zn(nc,{}),changed:!r,action:ar({value:e??"",inherited:r?Fn:void 0,onChange:t,label:"Shadow color",after:Zn(ec,{label:"Shadow color",changed:!r,detail:Fn,onReset:()=>t(null)})}),hint:o?ic:void 0})}import{jsx as Gt}from"react/jsx-runtime";import{SettingsDefaultReset as oc,SettingsField as rc}from"efficient-easel/panel";import{AlignSeparateIcon as ac}from"efficient-easel/icons";var sc="The space between the blocks inside a row, a grid or a box. Default means each one keeps the spacing it already has.",Qn="Block gap",lc=fr.Grid;function ma({value:e,onChange:t,showHint:o=!0}){let r=e===null;return Gt(rc,{label:Qn,labelId:"sf-block-gap",icon:Gt(ac,{}),value:r?void 0:`${e}px`,changed:!r,action:Gt(oc,{label:Qn,changed:!r,detail:"each block's own spacing",onReset:()=>t(null)}),hint:o?sc:void 0,children:Gt(Re,{min:Ht.min,max:Ht.max,step:Ht.step,value:r?lc:e,readout:!1,ariaLabel:Qn,onChange:t})})}import{jsx as Kt}from"react/jsx-runtime";import{SettingsDefaultReset as cc,SettingsField as dc,SettingsSegmented as pc}from"efficient-easel/panel";import{HoverIcon as hc}from"efficient-easel/icons";var Jn={none:"None",lift:"Lift",highlight:"Highlight"},uc="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 ga({value:e,onChange:t,showHint:o=!0}){let r=e===null,s=e??An;return Kt(dc,{label:"Hover effect",icon:Kt(hc,{}),value:Jn[s],changed:!r,action:Kt(cc,{label:"Hover effect",changed:!r,detail:Jn[An],onReset:()=>t(null)}),hint:o?uc:void 0,children:Kt(pc,{options:Uo.map(a=>({id:a,label:Jn[a]})),value:s,ariaLabel:"Hover effect",onChange:t})})}import{jsx as Ut}from"react/jsx-runtime";import{SettingsDefaultReset as fc,SettingsField as mc,SettingsSegmented as gc}from"efficient-easel/panel";import{ImageIcon as yc}from"efficient-easel/icons";var ei="Hero image",ti=[{followsWidth:!1,label:Dn.full},{followsWidth:!0,label:Dn.page}],bc="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 ya({value:e,onChange:t,showHint:o=!0}){let r=e===null,s=e??!1;return Ut(mc,{label:ei,icon:Ut(yc,{}),value:ti.find(a=>a.followsWidth===s).label,changed:!r,action:Ut(fc,{label:ei,changed:!r,detail:ti.find(a=>!a.followsWidth).label,onReset:()=>t(null)}),hint:o?bc:void 0,children:Ut(gc,{options:ti.map(a=>({id:a.followsWidth,label:a.label})),value:s,ariaLabel:ei,onChange:t})})}import{jsx as Vt}from"react/jsx-runtime";import{SettingsDefaultReset as xc,SettingsField as wc,SettingsSegmented as vc}from"efficient-easel/panel";import{DropIcon as Sc}from"efficient-easel/icons";var ni="Photography",ii=[{grayscale:!1,label:"As shot"},{grayscale:!0,label:"Black and white"}],kc="Black and white photographs return to color on hover. Wheels and tyres keep their real finish either way.";function ba({value:e,onChange:t,showHint:o=!0}){let r=e===null,s=e??!1;return Vt(wc,{label:ni,icon:Vt(Sc,{}),value:ii.find(a=>a.grayscale===s).label,changed:!r,action:Vt(xc,{label:ni,changed:!r,detail:ii.find(a=>!a.grayscale).label,onReset:()=>t(null)}),hint:o?kc:void 0,children:Vt(vc,{options:ii.map(a=>({id:a.grayscale,label:a.label})),value:s,ariaLabel:ni,onChange:t})})}import{jsx as Yt}from"react/jsx-runtime";import{SettingsDefaultReset as Cc,SettingsField as Tc}from"efficient-easel/panel";import{PaddingXIcon as Ic}from"efficient-easel/icons";var oi="Side space",ri=mt.default,Ec="The room left at the left and right edge of every page.";function xa({value:e,onChange:t,showHint:o=!0}){let r=e===null;return Yt(Tc,{label:oi,labelId:"sf-side-space",icon:Yt(Ic,{}),value:`${e??ri}px`,changed:!r,action:Yt(Cc,{label:oi,changed:!r,detail:`${ri}px`,onReset:()=>t(null)}),hint:o?Ec:void 0,children:Yt(Re,{min:mt.min,max:mt.max,step:mt.step,value:e??ri,readout:!1,ariaLabel:oi,onChange:t})})}import{jsx as Xt}from"react/jsx-runtime";import{SettingsDefaultReset as Rc,SettingsField as Pc}from"efficient-easel/panel";import{WidthIcon as Nc}from"efficient-easel/icons";var ai="Content width",si=ft.default,Ac="The standard width every page on this site renders at.";function wa({value:e,onChange:t,showHint:o=!0}){let r=e===null;return Xt(Pc,{label:ai,labelId:"sf-site-width",icon:Xt(Nc,{}),value:`${e??si}px`,changed:!r,action:Xt(Rc,{label:ai,changed:!r,detail:`${si}px`,onReset:()=>t(null)}),hint:o?Ac:void 0,children:Xt(Re,{min:ft.min,max:ft.max,step:ft.step,value:e??si,readout:!1,ariaLabel:ai,onChange:t})})}import{jsx as L,jsxs as an,Fragment as fi}from"react/jsx-runtime";import{FieldSelect as fd}from"efficient-easel/fields";import{SettingsField as sn}from"efficient-easel/panel";import{Tooltip as za}from"efficient-shell/ui";import{AccentIcon as md,CaseIcon as gd,StylesIcon as yd,TextLinesIcon as _a,TextSizeIcon as vt,TextSmallIcon as bd,TypeIcon as xd,WeightIcon as wd}from"efficient-easel/icons";import{jsx as T,jsxs as U,Fragment as nt}from"react/jsx-runtime";import{useEffect as nn,useId as qc,useRef as di,useState as pi}from"react";import{jsx as tt,jsxs as va}from"react/jsx-runtime";import{Tooltip as Fc}from"efficient-shell/ui";function Ue({label:e,onClear:t,what:o="override"}){return tt(Fc,{content:`Clear ${o}`,children:tt("button",{type:"button",className:"sf-part-mark","aria-label":`Clear ${o}: ${e}`,onClick:t,children:tt(Lc,{})})})}function Lc(){return va("svg",{width:"12",height:"12",viewBox:"0 0 16 16","aria-hidden":"true",children:[tt("circle",{className:"sf-part-mark-dot",cx:"8",cy:"8",r:"3",fill:"currentColor"}),va("g",{className:"sf-part-mark-arrow",fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",children:[tt("path",{d:"M13 8a5 5 0 1 1-1.6-3.7"}),tt("path",{d:"M13 2.5V5h-2.6"})]})]})}import{FieldSelect as Pa,InspectorField as Gc}from"efficient-easel/fields";import{SettingsField as Na,SettingsGroup as Kc}from"efficient-easel/panel";import{InspectorUpLevel as on}from"efficient-easel/chrome";import{StylesIcon as Uc,TextColorIcon as Vc,TypeIcon as Aa}from"efficient-easel/icons";import{useEasel as Yc}from"efficient-easel/easel";import{Tooltip as Xc}from"efficient-shell/ui";import{jsx as Zt,jsxs as li}from"react/jsx-runtime";import{ColorSwatch as Dc,Tooltip as zc}from"efficient-shell/ui";function Sa({value:e,label:t,colors:o,onChange:r}){let s=e===null,a=e||void 0,l=o.find(u=>u.key===a),d=l?l.value:a&&/^#[0-9a-f]{6}$/i.test(a)?a:void 0;return li("div",{className:"sf-part-ink",children:[li("div",{className:"sf-part-ink-top",children:[Zt("span",{className:"sf-part-ink-label",children:t}),Zt("span",{className:"sf-part-ink-read",children:d?d.toUpperCase():s?"Mixed":"Follows the style"})]}),li("div",{className:"sf-part-ink-swatches",role:"group","aria-label":t,children:[o.map(u=>Zt(zc,{content:`${u.name} \xB7 ${u.value.toUpperCase()}`,children:Zt(Dc,{color:u.value,"aria-label":u.name,size:"sm",selected:a===u.key,onClick:()=>r(a===u.key?null:u.key)})},u.key)),sr({value:l?"":(d??"").toLowerCase(),label:"Any color",onChange:r})]})]})}import{jsx as ci,jsxs as Oc}from"react/jsx-runtime";import{COPY_CELLS as Qt,CopyBox as _c}from"efficient-easel/copy";import{PaddingYIcon as Hc,WidthIcon as Bc}from"efficient-easel/icons";var Mc=["left","center","right","justify"],Wc=["bold","italic","underline","strike","link","sup","sub"],$c=["bullet","number"];function ka({text:e,onTextChange:t,multiline:o,markup:r=!0,styled:s=!0,style:a,base:l,setValue:d,colors:u,placeholder:y,ariaLabel:f,head:b}){let C=Lo(a),x=a.size??l.sizePx,P=[{...Qt.fontSize,value:a.size,styleValue:Math.round(l.sizePx),onChange:h=>d({size:h??null})},{...Qt.lineHeight,value:C.lineHeight,styleValue:l.lineRatio,onChange:h=>d(h===void 0?{lineHeight:null,line:null}:{lineHeight:h})},{...Qt.letterSpacing,scale:x,value:C.letterSpacingEm,styleValue:l.letterEm,onChange:h=>d(h===void 0?{letterSpacing:null,letter:null}:{letterSpacing:h})},{...Qt.paragraphSpacing,value:a.paragraphSpacing,styleValue:0,onChange:h=>d({paragraphSpacing:h??null})},{key:"padding",name:"Padding",icon:ci(Hc,{}),unit:"px",step:Po,shiftStep:10,min:Eo,max:Ro,value:a.padding,styleValue:l.paddingPx,onChange:h=>d({padding:h??null})},{key:"width",name:"Width",icon:ci(Bc,{}),unit:"px",step:Ao,shiftStep:100,min:No,max:Lt,value:a.width,styleValue:l.widthPx,onChange:h=>d({width:h??null})}],A=r?[...Wc,...o?$c:[]]:[];return Oc("div",{className:"sf-part-textbox",children:[b,ci(_c,{value:e,onChange:t,multiline:o,placeholder:y,ariaLabel:f,rules:lo,tools:A,colors:r?u:[],align:s?{value:a.align??l.align,allow:Mc,onChange:h=>d({align:h})}:void 0,letterCase:s?{value:a.case??"",onChange:h=>d({case:h||null})}:void 0,cells:s?P:void 0})]})}function Jt(e,t){let o=go(e);return o?.control==="textList"?t.rowKey===(o.itemKey??"text")?Sr(o,t.index):null:yo(e)?.[t.rowKey]??null}function Ca(e,t,o){let r=e.node.props,{key:s,row:a}=Je(e.propKey),l=a?wo(r,s,a,e.kind,t):mo(r,s,e.kind,t);return l?(o(e.zone,e.index,{...e.node,props:l}),!0):!1}var jc={CollectionCard:"product",FooterMenu:"menu",Gallery:"product",GalleryItem:"product",ProductGrid:"product",ProductHero:"product",SpecTable:"product",Events:"blog",FeaturedCover:"blog",LongRead:"blog",SubscribeBlogs:"blog"},Ta={product:"Synced from the product.",blog:"Synced from the blog post.",menu:"Synced from the site menu."},Ia="Open",Ea={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 en(e){return jc[e]??null}var Zc={400:"Regular",500:"Medium",600:"Semibold",700:"Bold"},Fa=[{key:"font",label:"Font",group:"Style"},{key:"color",label:"Color",group:"Style"}],Qc=[...new Set(Fa.map(e=>e.group))],Jc={font:T(Aa,{}),color:T(Vc,{})};function wt(e){return e.kind==="role"?Nt[e.role]:e.kind==="custom"?"Custom":null}var ed=e=>e.kind==="role"?`role:${e.role}`:e.kind;function td(e){let t=e.role;return t&&Pt.includes(t)?{kind:"role",role:t}:null}function nd(e,t){if(!e)return{kind:"unread"};let{faceRole:o,base:r}=e;if(t[o]===r.fontKey)return{kind:"role",role:o};let s=Object.keys(t).filter(a=>t[a]===r.fontKey);return s.length===1?{kind:"role",role:s[0]}:{kind:"custom"}}function hi(e,t,o,r){return td(Rn(e,t))??nd(o,r)}function La(e,t,o,r){return wt(hi(e,t,o,r))}function ui(e,t){if(!e.length)return null;let o=t(e[0]);return e.every(r=>t(r)===o)?o:null}function id(e){return Object.values(e).filter(t=>t!==void 0).length}function od(e,t){let o=e.style[t];return t==="color"?o??"":o!==void 0?String(o):e.base.fontKey}function rd({face:e,base:t,onPick:o}){let[r,s]=pi(!1),a=di(null),l=di(null),d=qc();nn(()=>{if(!r)return;let f=b=>{a.current&&!a.current.contains(b.target)&&s(!1)};return document.addEventListener("mousedown",f),()=>document.removeEventListener("mousedown",f)},[r]);let u=e.kind==="role"?e.role:null,y=f=>{o(f),s(!1),l.current?.focus()};return U("div",{className:"sf-part-style-pick",ref:a,children:[U("button",{ref:l,type:"button",className:"sf-part-style-trigger","aria-expanded":r,"aria-controls":d,"aria-label":`Follows ${wt(e)??"no style"} \u2014 change`,onClick:()=>s(f=>!f),onKeyDown:f=>{f.key==="Escape"&&r&&(f.preventDefault(),s(!1))},children:[T("span",{className:"sf-part-style-name",style:{fontFamily:t?.fontKey?`var(${ve(t.fontKey)?.cssVar})`:void 0,fontWeight:t?.weight},children:wt(e)}),T("span",{className:"sf-part-style-sign","aria-hidden":"true"})]}),r&&U("div",{className:"sf-multi-menu sf-part-style-menu",id:d,role:"listbox",onKeyDown:f=>{f.key==="Escape"&&(f.preventDefault(),s(!1),l.current?.focus())},children:[U("button",{type:"button",role:"option","aria-selected":u===null,className:`sf-part-style-option${u===null?" is-on":""}`,onClick:()=>y(null),children:[T("span",{className:"sf-part-style-option-name",children:"No style"}),T("span",{className:"sf-note",children:"Section\u2019s own"})]}),Pt.map(f=>T("button",{type:"button",role:"option","aria-selected":u===f,className:`sf-part-style-option${u===f?" is-on":""}`,onClick:()=>y(f),children:T("span",{className:"sf-part-style-option-name",style:{fontFamily:`var(--font-role-${f})`},children:Nt[f]})},f))]})]})}var tn="";function ad({face:e,base:t,onPick:o}){let r=e.kind==="role"?e.role:tn,s=[{label:"No style",value:tn},...Pt.map(a=>({label:Nt[a],value:a}))];return T(Pa,{ariaLabel:"Style",value:r,options:s,inline:!0,onChange:a=>o(a===tn?null:a),renderOption:a=>a.value===tn?U(nt,{children:[T("span",{className:"es-fsel-label sf-part-style-keep",children:a.label}),T("span",{className:"sf-part-style-aside","aria-hidden":"true",children:"Section\u2019s own"})]}):T("span",{className:"es-fsel-label",style:{fontFamily:`var(--font-role-${a.value})`},children:a.label}),renderValue:()=>T("span",{style:{fontFamily:t?.fontKey?`var(${ve(t.fontKey)?.cssVar})`:void 0,fontWeight:t?.weight},children:wt(e)})})}function sd({parts:e,onEditStyle:t,onClearAll:o,onFollowStyle:r,kindLabel:s}){let a=ui(e,f=>ed(f.face))?e[0].face:null,l=a?wt(a):null,d=a&&a.kind!=="unread"?e[0].base:null,u=e.reduce((f,b)=>f+id(b.style),0),y=d?ve(d.fontKey)?.label:void 0;return U("div",{className:`sf-part-style${u?" has-overrides":""}`,children:[T("div",{className:"sf-part-style-caption",children:"Style"}),e.length>1&&U("div",{className:"sf-part-style-count",children:[e.length," selected"]}),e.length===1&&s&&U("div",{className:"sf-part-style-count",children:[s," \xB7 every row"]}),l&&d?U(nt,{children:[r&&a?T(rd,{face:a,base:d,onPick:r}):T("div",{className:"sf-part-style-name",style:{fontFamily:y?`var(${ve(d.fontKey)?.cssVar})`:void 0,fontWeight:d.weight},children:l}),T("div",{className:"sf-part-style-meta",children:[y,`${Math.round(d.sizePx)} px`,Zc[d.weight]].filter(Boolean).join(" \xB7 ")})]}):T("div",{className:"sf-part-style-name",children:"Mixed styles"}),U("div",{className:"sf-part-style-top",children:[l?u?U(nt,{children:[U("span",{className:"sf-part-chip",children:[u," changed"]}),T("button",{type:"button",className:"sf-part-link",onClick:o,children:"Clear"})]}):T("span",{className:"sf-part-style-state",children:"This text follows the site style."}):T("span",{className:"sf-part-style-state",children:"Changes apply to all selected."}),T("span",{className:"sf-part-style-gap"}),l&&t&&T("button",{type:"button",className:"sf-part-link",onClick:t,children:"Edit"})]})]})}function ld({sectionName:e,onBack:t,textEditor:o,styleRow:r,children:s}){return U("div",{className:"sf-part-panel",children:[T(on,{inline:!0,name:e,onSelect:t}),o,r,s]})}function rn({source:e,slug:t}){let o=_t(),r=Ea[e],s=!r.needsSlug||!!t;return T("div",{className:"sf-note sf-note--source",children:U("p",{className:"es-field-hint sf-hint-keep",children:[Ta[e],s?U(nt,{children:[" ",T("button",{type:"button",className:"sf-source-open",onClick:()=>{r.type==="storefront-editor:open-menus"?o.send(r.type):t&&o.send(r.type,{slug:t})},children:Ia})]}):null]})})}var Ra=4,cd=120;function dd({region:e,sizePx:t,face:o,base:r,onFollowStyle:s,source:a,slug:l,onBack:d}){let u=e.follows;return U("div",{className:"sf-note",children:[T("p",{children:T("strong",{children:e.label})}),U("p",{children:["Its size follows Site styles \u25B8 ",u,t?` \u2014 ${Math.round(t)}px right now`:"","."]}),s?T(nt,{children:T(Na,{label:"Style",icon:T(Uc,{}),hint:U(nt,{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:T(ad,{face:o,base:r,onPick:s})})}):T("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?T(rn,{source:a,slug:l}):null,T(on,{inline:!0,name:"Page",onSelect:d})]})}function pd({onBack:e}){return U("div",{className:"sf-note",children:[T("p",{children:T("strong",{children:"This part is no longer here."})}),T("p",{children:"The section it belonged to has been changed or removed."}),T(on,{inline:!0,name:"Page",onSelect:e})]})}function hd({onBack:e,partId:t,why:o}){return U("div",{className:"sf-note",children:[T("p",{children:T("strong",{children:"This part's settings did not open."})}),T("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."}),T("p",{className:"sf-note-detail",children:U("code",{children:[t," \u2014 ",o]})}),T(on,{inline:!0,name:"Page",onSelect:e})]})}function Da({nodeId:e,propKey:t,onBack:o,onEditStyle:r}){let{getItemById:s,getSelectorForId:a,config:l}=Yc(R=>R),d=Ot(),{partStyle:u}=Ft(),{fonts:y}=ne(),[f,b]=pi({}),C=di(null),x=s(e),P=a(e),A=x?l.components[x.type]:void 0,{key:h,row:v}=Je(t),g=A?.fields?.[h],p=v?Jt(g,v):g,E=ut(e,t),F=x?.props??{},k=ho(p),q=br(p),M=ko(p),ee=x?en(x.type):null,_=v?bo(F[h],v):F[h],G=!!v&&!(Array.isArray(F[h])&&v.index<F[h].length);nn(()=>{C.current?.querySelector(".es-copy [contenteditable='true'], .es-copy textarea, .sf-copybox textarea, .sf-copybox input")?.focus()},[E]);let[ae,N]=pi(0);nn(()=>N(0),[E]);let Q=!!x&&!G&&(!P||!p);nn(()=>{if(!Q||ae>=Ra)return;let R=setTimeout(()=>N(X=>X+1),cd);return()=>clearTimeout(R)},[Q,ae]);let he=Q&&ae<Ra;if(!x||G)return T(pd,{onBack:o});let ue=Or(x.type),Ae=ue?zr(ue,t):null;if(ue&&Ae){let R=u?.partId===E?u:null,X=ue[Ae],ge=X.writable===!0&&!!P,ye=re=>{P&&d.replaceComponent(P.zone,P.index,{...x,props:Dt(F,t,"role",re)})};return T(dd,{region:X,sizePx:R?.base.sizePx??null,face:hi(F,t,R,y),base:R?.base??null,onFollowStyle:ge?ye:void 0,source:ee,slug:xt(F),onBack:o})}if(!P||!p)return he?T("div",{className:"sf-note","aria-busy":"true"}):T(hd,{onBack:o,partId:E,why:P?"no field":"no selector"});let fe=R=>{d.replaceComponent(P.zone,P.index,{...x,props:R})},xe=R=>{if(De(R).hidden!==De(_).hidden||!k){let X=v?xo(F,h,v,R):{...F,[h]:R};X&&fe(X);return}Ca({node:x,propKey:t,kind:k,zone:P.zone,index:P.index},De(R).text,d.replaceComponent)},He=_,le=or(x?.type,t),se=Rn(F,le),J=u?.partId===E?u:null,$=[{partKey:le,face:hi(F,le,J,y),sizeGroup:J?.sizeGroup??null,base:J?.base??ud,style:se}],Fe=ui($,R=>R.sizeGroup),w=so(J?.inks),W=(R,X)=>{let ge=F;for(let ye of $)ge=Dt(ge,ye.partKey,R,X);fe(ge)},K=R=>W("role",R),pe=()=>{let R=F;for(let X of $)R=Fo(R,X.partKey);fe(R)},Te=R=>{let X=F;for(let ge of $)for(let[ye,re]of Object.entries(R))X=Dt(X,ge.partKey,ye,re??null);fe(X)},vn=(R,X)=>{let ge=$.some(Ee=>Ee.style[R]!==void 0),ye=ui($,Ee=>od(Ee,R)),re=ye===null,Xe=`sf-part-${e}-${t}-${R}`;return R==="color"?T(Sa,{value:re?null:String(ye),label:X,colors:w,onChange:Ee=>W("color",Ee)},R):T(Na,{label:X,icon:Jc[R],className:"sf-part-field",changed:ge,htmlFor:Xe,action:ge?T(Ue,{label:X,onClear:()=>W(R,null)}):void 0,children:R==="font"?T(Pa,{id:Xe,ariaLabel:X,value:!re&&ve(String(ye))?String(ye):void 0,placeholder:re?"Mixed":"Site style",options:no.map(Ee=>({label:Ee.label,value:Ee.key})),onChange:Ee=>W("font",Ee||null)}):null},R)},ce=k==="text"||k==="textarea",{text:Ie,hidden:me}=De(_),Be=p?.[po]?.label??t,Sn=U("div",{className:"sf-field-head",children:[T(Aa,{}),T("span",{className:"sf-field-label sf-field-label--inline",children:Be}),ce&&T(Xc,{content:me?`Show ${Be} on the slide`:`Hide ${Be} on the slide`,children:T("button",{type:"button",className:"sf-field-eye","aria-pressed":me,"aria-label":me?`Show ${Be} on the slide`:`Hide ${Be} on the slide`,onClick:()=>xe({text:Ie,hidden:!me}),children:me?T(Se,{name:"eye-off",size:14}):T(Se,{name:"eye",size:14})})})]}),kn=!q&&M;return U(ld,{sectionName:A?.label??x.type,onBack:o,textEditor:U("div",{ref:C,className:"sf-part-text",children:[k?T(ka,{text:Ie,onTextChange:R=>xe(ce?{text:R,hidden:me}:R),multiline:uo(k),markup:k!=="plainText",styled:kn,style:$[0].style,base:$[0].base,setValue:Te,colors:w.map(R=>({name:R.key,label:R.name,value:R.value})),placeholder:fo(p),ariaLabel:Be,head:Sn}):T(Gc,{field:p,name:t,value:He,onChange:xe,id:`sf-part-${e}-${t}`}),kn&&k&&Fe===null&&T("p",{className:"es-field-hint sf-hint-keep",children:"Fixed size \u2014 the site\u2019s Text setting doesn\u2019t resize this."})]}),children:[ee&&T(rn,{source:ee,slug:xt(F)}),kn&&Qc.map(R=>{let X=Fa.filter(re=>re.group===R),ge=X.filter(re=>$.some(Xe=>Xe.style[re.key]!==void 0)).length,ye=`sf-part-g-${e}-${t}-${R.replace(/\W+/g,"-")}`;return U(Kc,{id:ye,title:R,open:f[R]!==!0,onToggle:re=>b(Xe=>({...Xe,[R]:!re})),count:ge,children:[T(sd,{parts:$,onEditStyle:r,onClearAll:pe,onFollowStyle:K,kindLabel:ir[le]}),X.map(re=>vn(re.key,re.label))]},R)})]})}var ud={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:Lt};var vd=[{role:"heading",title:"Heading 1",group:"heading",step:"headingLarge",base:17,icon:L(vt,{})},{role:"heading2",title:"Heading 2",group:"heading",step:"headingMedium",base:15,icon:L(vt,{})},{role:"heading3",title:"Heading 3",group:"heading",step:"headingSmall",base:13,icon:L(vt,{})},{role:"accent",title:"Accent",step:"accent",base:15,icon:L(md,{})},{role:"body",title:"Body",group:"body",step:"body",base:14,icon:L(_a,{})},{role:"label",title:"Labels",group:"label",step:"label",base:11,icon:L(bd,{})}];var Sd=9,it=500,kd=100,Cd=80,Td=4,Id=600,Ed=700,Rd=400,Pd="0.18em";function Nd({id:e,value:t,onChange:o}){let r=oo().flatMap(([a,l])=>l.map(d=>({label:d.label,value:d.key,group:io[a]}))),s=(a,l)=>L("span",{style:{fontFamily:`var(${ve(a)?.cssVar??"--font-body"})`},children:l});return L(fd,{id:e,value:t,onChange:o,options:r,renderOption:a=>s(a.value,a.label),renderValue:a=>a?s(a.value,a.label):null})}function Ad({label:e,icon:t,readout:o,min:r,max:s,step:a,value:l,onChange:d,action:u,hint:y}){return L(sn,{label:e,icon:t,value:o,action:u,hint:y,children:L(Re,{min:r,max:s,step:a,value:l,readout:!1,ariaLabel:e,onChange:d})})}function mi({label:e,icon:t,value:o,fallback:r,min:s,max:a,step:l,suffix:d="",hint:u,onChange:y}){let f=o===null;return L(Ad,{label:e,icon:t,readout:f?"Auto":`${o}${d}`,min:s,max:a,step:l,value:f?r:o,onChange:y,action:f?null:L(Ue,{label:e,what:"change",onClear:()=>y(null)}),hint:u})}function Oa({label:e,icon:t,options:o,value:r,onChange:s,hint:a,action:l}){return L(sn,{label:e,icon:t,value:o.find(d=>d.value===r)?.label,hint:a,action:l,children:L("div",{className:"sf-rungs",children:o.map(d=>L("button",{type:"button","aria-pressed":d.value===r,onClick:()=>s(d.value),className:`sf-rung${d.value===r?" is-active":""}`,children:d.label},d.value))})})}var Fd=[{value:"authored",label:"As designed"},{value:"sentence",label:"As typed"}],Ld=[{value:"normal",label:"Normal"},{value:"tight",label:"Tight"},{value:"compressed",label:"Compressed"}];function Dd({fontKey:e,weight:t,fallbackWeight:o,onWeight:r}){let s=(t??o)>=Id,a=ro(e),l=ve(e)?.label??"This face";return L(sn,{label:"Style",icon:L(yd,{}),value:s?"Bold":"Normal",hint:"Bold is the weight above \u2014 one value, two ways to set it.",children:an("div",{className:"sf-rungs",children:[L(za,{content:"Bold",className:"sf-rung-tip",children:L("button",{type:"button","aria-pressed":s,"aria-label":"Bold",onClick:()=>r(s?Rd:Ed),className:`sf-rung sf-rung--glyph${s?" is-active":""}`,style:{fontWeight:700},children:"B"})}),L(za,{className:"sf-rung-tip",content: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.`,children:L("span",{className:"sf-tip-disabled",tabIndex:0,children:L("button",{type:"button","aria-pressed":!1,"aria-label":"Italic",disabled:!0,className:"sf-rung sf-rung--glyph",style:{fontStyle:"italic"},children:"I"})})})]})})}function Ha({fonts:e,compression:t,headingTypography:o,openRole:r,onOpenRole:s,onFontChange:a,sizes:l,onSizeChange:d,onCompressionChange:u,onHeadingTypographyChange:y,livePx:f,savedRole:b=null}){let C=h=>y({...o,...h}),x=h=>h==="accent"?"weightStrong":h==="heading2"?"weight2":h==="heading3"?"weight3":"weight",P=h=>h==="heading2"?"case2":h==="heading3"?"case3":"case",A=Xo(t);return L("div",{className:"sf-style-list",children:vd.map(h=>{let v=r===h.role;return L(pr,{styleKey:h.role,label:h.title,icon:h.icon,value:ve(e[h.role])?.label??e[h.role],sampleStyle:zd(h,e,o,A),open:v,onToggle:()=>s(v?null:h.role),saved:b===h.role,children:v&&an(fi,{children:[L(sn,{label:"Font",icon:L(xd,{}),htmlFor:`sf-font-${h.role}`,action:e[h.role]===In[h.role]?null:L(Ue,{label:"Font",what:"change",onClear:()=>a(h.role,In[h.role])}),children:L(Nd,{id:`sf-font-${h.role}`,value:e[h.role],onChange:g=>a(h.role,g)})}),h.step&&d&&L(mi,{label:"Size",icon:L(vt,{}),value:l[h.step],fallback:h.base*2,min:Bo,max:Mo,step:Wo,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:g=>d(h.step,g)}),(Qe(h.role)||h.role==="accent")&&an(fi,{children:[L(mi,{label:"Weight",icon:L(wd,{}),value:o[x(h.role)],fallback:Qe(h.role)?it:o.weight??it,min:Zo,max:Qo,step:kd,hint:h.role==="accent"?"Auto = the accent phrase takes the heading's own weight.":void 0,onChange:g=>C({[x(h.role)]:g})}),L(Dd,{fontKey:e[h.role],weight:o[x(h.role)],fallbackWeight:Qe(h.role)?it:o.weight??it,onWeight:g=>C({[x(h.role)]:g})})]}),Qe(h.role)&&an(fi,{children:[L(Oa,{label:"Line & text gap",icon:L(_a,{}),options:Ld,value:t,onChange:u,hint:A.lineHeight===void 0?"The built-in spacing.":`Line gap ${A.lineHeight} \xB7 text gap ${A.letterSpacing}em.`,action:t===Ln?null:L(Ue,{label:"Line & text gap",what:"change",onClear:()=>u(Ln)})}),L(Oa,{label:"Capitals",icon:L(gd,{}),options:Fd,value:o[P(h.role)],onChange:g=>C({[P(h.role)]:g}),hint:"The only setting that changes a heading's capitals.",action:o[P(h.role)]==="authored"?null:L(Ue,{label:"Capitals",what:"change",onClear:()=>C({[P(h.role)]:"authored"})})}),L(mi,{label:"Largest size",icon:L(vt,{}),value:o.maxPx,fallback:Cd,min:Jo,max:er,step:Td,suffix:"px",hint:"Caps the biggest heading on the site. Auto = each section's own.",onChange:g=>C({maxPx:g})})]})]})},h.role)})})}function zd(e,t,o,r){let s=Math.max(Sd,e.base),a={fontFamily:`var(${ve(t[e.role])?.cssVar??"--font-body"})`,fontSize:`${s.toFixed(1)}px`,lineHeight:1.15};return Qe(e.role)?(a.fontWeight=o.weight??it,a.textTransform=o.case==="sentence"?"none":"uppercase",r.letterSpacing!==void 0&&(a.letterSpacing=`${r.letterSpacing}em`)):e.role==="accent"?(a.fontWeight=o.weightStrong??o.weight??it,r.letterSpacing!==void 0&&(a.letterSpacing=`${r.letterSpacing}em`)):e.role==="label"&&(a.textTransform="uppercase",a.letterSpacing=Pd),a}import{SettingsTabs as _d}from"efficient-easel/panel";import{Tooltip as iy,tabButtonId as Hd,tabPanelId as Bd}from"efficient-shell/ui";import{ContrastIcon as Md,NoteIcon as Wd,SettingsIcon as $d,TypeIcon as jd}from"efficient-easel/icons";function Ba(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 Hg,pinPreviewToBottom as Ma,pinPreviewToSection as ln,previewFrame as Wa,scrollPreviewToSection as $a,scrollPreviewToTop as gi}from"efficient-easel/screen/lib/puck/preview-dom";var yi="sf-site-styles",qd="sf-site-styles-tabpanel",xi=!1,Gd="Show hints";function wi({shown:e,onChange:t}){return B("div",{className:"sf-hints",children:rt("button",{type:"button","aria-pressed":e,onClick:()=>t(!e),className:`sf-rung sf-hints-toggle${e?" is-active":""}`,children:[B(Wd,{size:13}),Gd]})})}var qa="text",ot=[{id:"basics",label:"Basics",icon:B($d,{})},{id:"theme",label:"Theme",icon:B(Md,{})},{id:"text",label:"Text",icon:B(jd,{})}];function Kd({themeFromDocument:e,persist:t}){let{appState:o,dispatch:r}=bi(y=>y),{theme:s,setTheme:a}=ne(),l=o.data,d=l.root?.props??{},u=y=>{if(e){let f={...d,theme:y};r({type:"replaceRoot",root:{...l.root,props:f},recordHistory:!0})}else a(y);t({selected_preset:y.selected,theme_presets:y.themes})};return B(pa,{value:e?d.theme:s,onChange:u})}function Ud(e,t){let[o,r]=cn(null),s=ja(null),a=JSON.stringify(e),l=ja(t);return l.current=t,Od(()=>{if(s.current===null){s.current=a;return}if(s.current===a)return;s.current=a;let d=window.setTimeout(()=>r(l.current),700),u=window.setTimeout(()=>r(null),2200);return()=>{window.clearTimeout(d),window.clearTimeout(u)}},[a]),o}function Vd({themeFromDocument:e,persist:t}){let{appState:o,dispatch:r}=bi(k=>k),[s,a]=cn(null),{fonts:l,setFonts:d,sizes:u,setSizes:y,headingCompression:f,setHeadingCompression:b,headingTypography:C,setHeadingTypography:x}=ne(),P=o.data,A=P.root?.props??{},h=e?ao(A.fonts):l,v=e?Ho:u,g=e?Yo(A.headingCompression):f,p=e?tr(A.headingTypography):C,E=k=>r({type:"replaceRoot",root:{...P.root,props:{...A,...k}},recordHistory:!0}),F=Ud({curFonts:h,curCompression:g,curTypography:p},s);return B(Ha,{fonts:h,sizes:v,compression:g,headingTypography:p,openRole:s,onOpenRole:a,onFontChange:(k,q)=>{let M={...h,[k]:q};e?E({fonts:M}):d(M),t({heading_font:M.heading,body_font:M.body,accent_font:M.accent,label_font:M.label})},onSizeChange:e?void 0:(k,q)=>{let M={...v,[k]:q};y(M),t({heading_size_large_px:M.headingLarge,heading_size_medium_px:M.headingMedium,heading_size_small_px:M.headingSmall,accent_size_px:M.accent,body_size_px:M.body,label_size_px:M.label})},onCompressionChange:k=>{e?E({headingCompression:k}):b(k),t({heading_compression:k})},onHeadingTypographyChange:k=>{e?E({headingTypography:k}):x(k),t(nr(k))},livePx:Xd,savedRole:F})}var Yd={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 Xd(e){if(typeof document>"u")return null;let t=(Wa()?.contentDocument??document).querySelector(Yd[e]);if(!t)return null;let o=parseFloat(getComputedStyle(t).fontSize);return Number.isFinite(o)?o:null}function Zd({themeFromDocument:e,persist:t,showHint:o}){let{appState:r,dispatch:s}=bi(C=>C),{cornerRadiusPx:a,setCornerRadiusPx:l}=ne(),d=r.data,u=d.root?.props??{},y=u.cornerRadiusPx===void 0?qo[$o(u.cornerStyle)]:Go(u.cornerRadiusPx),f=e?y:a,b=C=>s({type:"replaceRoot",root:{...d.root,props:{...u,...C}},recordHistory:!0});return B(ha,{value:f,onChange:C=>{e?b({cornerRadiusPx:C}):l(C),t({corner_radius_px:C})},showHint:o})}function Qd(e){return{site_width:e}}function Jd({persist:e,showHint:t}){let{siteWidth:o,setSiteWidth:r}=ne();return B(wa,{value:o,onChange:s=>{r(s),e(Qd(s),s===null)},showHint:t})}function ep(e){return{block_gap:e}}function tp(e){return{site_gutter:e}}function np({persist:e,showHint:t}){let{siteGutter:o,setSiteGutter:r}=ne();return B(xa,{value:o,onChange:s=>{r(s),e(tp(s),s===null)},showHint:t})}function ip({persist:e,showHint:t}){let{blockGap:o,setBlockGap:r}=ne();return B(ma,{value:o,onChange:s=>{r(s),e(ep(s),s===null)},showHint:t})}function op({persist:e,showHint:t}){let{heroBackgroundFollowsWidth:o,setHeroBackgroundFollowsWidth:r}=ne();return B(ya,{value:o,onChange:s=>{r(s),e({hero_background_follows_width:s},!0)},showHint:t})}function rp({persist:e,showHint:t=!0}){return rt(St,{children:[B(Jd,{persist:e,showHint:t}),B(np,{persist:e,showHint:t}),B(ip,{persist:e,showHint:t}),B(op,{persist:e,showHint:t})]})}function ap(e){return{card_shadow:e}}function sp(e){return e===null?{shadow_color:null}:{shadow_color:Vo(e)}}function lp(e){return{hover_effect:e}}function cp({persist:e,showHint:t=!0}){let{cardShadow:o,setCardShadow:r,shadowColor:s,setShadowColor:a,hoverEffect:l,setHoverEffect:d}=ne();return rt(St,{children:[B(ua,{value:o,onChange:u=>{r(u),e(ap(u),!0)},showHint:t}),B(fa,{value:s,onChange:u=>{a(u),e(sp(u),u===null)},showHint:t}),B(ga,{value:l,onChange:u=>{d(u),e(lp(u),!0)},showHint:t})]})}function dp(e){return{photography_grayscale:e}}function pp({persist:e,showHint:t}){let{photographyGrayscale:o,setPhotographyGrayscale:r}=ne();return B(ba,{value:o,onChange:s=>{r(s),e(dp(s),!0)},showHint:t})}function hp({persist:e,showHint:t=!0}){return B(St,{children:B(pp,{persist:e,showHint:t})})}function at(){let{websiteName:e}=ne();return e?.trim()||Tr}function dn({themeFromDocument:e=!1,tokenRef:t,siteId:o,onNotify:r,tab:s,onTabChange:a}){let{persist:l}=cr({themeFromDocument:e,tokenRef:t,siteId:o,onResult:A=>{let h=Ba(A);h&&r?.(h.msg,h.tone)}}),[d,u]=cn(ot[0].id),y=s!==void 0,f=y?s:d,b=y?a??(()=>{}):u,C=ot.find(A=>A.id===f)??ot[0],[x,P]=cn(xi);return rt(St,{children:[B(_d,{items:ot,activeId:C.id,onSelect:b,ariaLabel:"Site styles",idPrefix:yi}),rt("div",{id:Bd(yi,C.id),className:qd,role:"tabpanel","aria-labelledby":Hd(yi,C.id),children:[f==="basics"&&rt(St,{children:[B(Zd,{themeFromDocument:e,persist:l,showHint:x}),!e&&B(cp,{persist:l,showHint:x}),!e&&B(rp,{persist:l,showHint:x}),!e&&B(hp,{persist:l,showHint:x}),B(wi,{shown:x,onChange:P})]}),f==="theme"&&B(Kd,{themeFromDocument:e,persist:l}),f==="text"&&B(Vd,{themeFromDocument:e,persist:l})]})]})}import{InspectorIconButton as gp}from"efficient-easel/chrome";import{Button as Ua,Dialog as yp,FormField as bp,Input as xp,Tooltip as vi}from"efficient-shell/ui";import{AddIcon as wp}from"efficient-easel/icons";import{PagesIcon as vp}from"efficient-easel/rail";var Va="sf-editor-pages-collapsed-groups",Sp=e=>e.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""),Ya=(e,t)=>{let o=Sp(e)||"page";if(!t.has(o))return o;let r=2;for(;t.has(`${o}-${r}`);)r+=1;return`${o}-${r}`};function Xa({onNavigate:e,onClose:t,activeSurface:o,onPreviewSurface:r}){let s=$e().chrome?.pageRows,a=_t(),{adapter:l,capabilities:d,ready:u,currentSlug:y}=de(),f=at(),[b,C]=Ve(null),[x,P]=Ve(""),[A,h]=Ve(!1),[v,g]=Ve(null),[p,E]=Ve(!1),[F,k]=Ve(""),q=mp(),M=fp(async()=>{if(u)try{C(await l.listPages())}catch{C([])}},[l,u]);Ga(()=>{C(null),M()},[M]);let[ee,_]=Ve(()=>{if(typeof window>"u")return new Set;try{let w=window.localStorage.getItem(Va);return new Set(w?JSON.parse(w):[])}catch{return new Set}});Ga(()=>{try{window.localStorage.setItem(Va,JSON.stringify([...ee]))}catch{}},[ee]);let G=w=>_(W=>{let K=new Set(W);return K.has(w)?K.delete(w):K.add(w),K}),ae=Ka(()=>Hr(b??[]),[b]),N=x.trim().toLowerCase(),Q=w=>!N||w.toLowerCase().includes(N),he=w=>N?!0:!ee.has(w),ue=Ka(()=>new Set((b??[]).map(w=>w.slug)),[b]),Ae=()=>{if(d.pageCreationInAdminForm){a.send("storefront-editor:new-page");return}k(""),g(null),E(!0)},fe=async()=>{let w=F.trim();if(!(!w||!u||A||!l.createPage)){h(!0),g(null);try{let W=await l.createPage({slug:Ya(w,ue),title:w,layout:{}});await M(),E(!1),k(""),e(W.slug)}catch{g("Couldn\u2019t add the page \u2014 please retry.")}finally{h(!1)}}},xe=async w=>{if(!(!u||A||!l.deletePage||(b??[]).length<=1)){h(!0);try{await l.deletePage(w.id);let W=(b??[]).filter(K=>K.id!==w.id);C(W),g(null),w.slug===y&&W[0]&&e(W[0].slug)}catch{g("Couldn\u2019t delete the page \u2014 please retry.")}finally{h(!1)}}},He=w=>a.send("storefront-editor:open-page",{slug:w}),le=w=>{if(!Q(w.label))return null;let W=!o&&w.slug===y,K=d.canDeletePagesInline&&(b??[]).length>1;return Pe("div",{className:`sf-row sf-prow ${W?"is-selected":""}`,onClick:()=>e(w.slug),children:[D("span",{className:"sf-chip",children:D(kp,{})}),D("span",{className:"sf-row-name",children:w.label}),_r(w)&&D("span",{className:"sf-badge-dynamic",children:"Dynamic"}),w.kind==="lightbox"&&D("span",{className:"sf-badge-lightbox",children:"Lightbox"}),w.draft&&D("span",{className:"sf-page-draft",children:"draft"}),d.pageCreationInAdminForm&&D(vi,{content:`Edit \u201C${w.label}\u201D in the admin`,children:D("button",{type:"button",className:"sf-page-edit","aria-label":`Edit ${w.label} in the admin`,onClick:pe=>{pe.stopPropagation(),He(w.slug)},children:D(Se,{name:"pencil",size:13,strokeWidth:1.7,rounded:!0})})}),K&&D(vi,{content:`Delete \u201C${w.label}\u201D`,children:D("button",{type:"button",className:"sf-page-edit sf-page-edit--danger",disabled:A,"aria-label":`Delete ${w.label}`,onClick:pe=>{pe.stopPropagation(),xe(w)},children:D(Se,{name:"trash",size:13,strokeWidth:1.7,rounded:!0})})})]},w.id)},se=(w,W,K)=>{let pe=K.filter(Boolean);if(pe.length===0)return null;let Te=he(w);return Pe("div",{className:"sf-pgroup",children:[Pe("button",{type:"button",className:"sf-pgroup-head","aria-expanded":Te,onClick:()=>G(w),children:[D(Se,{name:"chevron-right",size:10,strokeWidth:2.6,rounded:!0,style:{transform:Te?"rotate(90deg)":"none",transition:"transform 0.14s"}}),D("span",{className:"sf-pgroup-label",children:W}),D("span",{className:"sf-pgroup-count",children:pe.length})]}),Te&&D("div",{className:"sf-pgroup-body",children:pe})]},w)},J=(s?.rows??[]).filter(w=>Q(w.label)).map(w=>{let W=o===w.key;return Pe("div",{className:`sf-row sf-prow sf-prow--shop ${W?"is-selected":""}`,onClick:()=>r(w.key),children:[D("span",{className:"sf-chip",children:w.icon}),D("span",{className:"sf-row-name",children:w.label}),D("span",{className:"sf-badge-preview",children:"Preview"}),D(vi,{content:`Open the ${w.label} in a new tab`,children:D("a",{className:"sf-page-edit",href:w.href,target:"_blank",rel:"noopener noreferrer","aria-label":`Open the ${w.label} in a new tab`,onClick:K=>K.stopPropagation(),children:D(Se,{name:"external-link",size:13,strokeWidth:1.7,rounded:!0})})})]},w.key)}),$=d.hasSiteSettings&&!!s,Fe=(()=>{if(b===null)return null;let w=[],W=!1;for(let K of ae)$&&!W&&K.key.startsWith("system:")&&(w.push(se("shop",s.title,J)),W=!0),w.push(se(K.key,K.label,K.rows.map(le)));return $&&!W&&w.push(se("shop",s.title,J)),w})();return Pe("div",{className:"sf-pages",children:[D(jt,{icon:D(vp,{}),title:"Pages",context:f,actions:D(gp,{label:"New page",onClick:Ae,children:D(wp,{size:15})}),onHide:t}),Pe("div",{className:"sf-pages-search",children:[D(Se,{name:"search",size:14,rounded:!0}),D("input",{type:"search",className:"sf-pages-search-input",placeholder:"Search all pages\u2026",value:x,onChange:w=>P(w.target.value),"aria-label":"Search all pages"})]}),Pe("div",{className:"sf-pages-list sf-scroll",children:[v&&!p&&D("div",{className:"sf-note sf-note--error",role:"alert",children:v}),Fe===null?D("div",{className:"sf-note",children:"Loading\u2026"}):Fe.some(Boolean)?Fe:D("div",{className:"sf-note",children:x.trim()?"No pages match your search":"No pages yet"})]}),Pe("button",{type:"button",className:"sf-pages-new",onClick:Ae,children:[D("span",{className:"sf-plus",children:"+"}),"New page"]}),D(yp,{open:p,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:Pe(up,{children:[D(Ua,{variant:"secondary",onClick:()=>E(!1),children:"Cancel"}),D(Ua,{onClick:()=>{fe()},disabled:A||!F.trim(),loading:A,children:A?"Adding\u2026":"Add page"})]}),children:D(bp,{label:"Page name",htmlFor:q,hint:F.trim()?`URL: /${Ya(F,ue)}`:void 0,error:v??void 0,children:D(xp,{id:q,value:F,invalid:!!v,onChange:w=>k(w.target.value),onKeyDown:w=>{w.key==="Enter"&&fe()},placeholder:"e.g. About"})})})]})}function kp(){return Pe("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:[D("path",{d:"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"}),D("path",{d:"M14 3v5h5"})]})}import{jsx as Si}from"react/jsx-runtime";import{DesktopIcon as Cp,PhoneIcon as Tp,TabletIcon as Ip}from"efficient-easel/icons";var Ep={desktop:Si(Cp,{}),tablet:Si(Ip,{}),mobile:Si(Tp,{})},Za=ur.map(e=>({id:e,label:hr[e],icon:Ep[e]}));import{jsxs as ze,jsx as H,Fragment as Pi}from"react/jsx-runtime";import{useState as Dh}from"react";import{useEasel as zh}from"efficient-easel/easel";import{InspectorHead as Oh,InspectorIconButton as ys}from"efficient-easel/chrome";import{DuplicateIcon as _h,TrashIcon as Hh}from"efficient-easel/icons";import{panelFieldsOf as Qa}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 Rp,BlockBoxIcon as Pp,BlockButtonIcon as Np,BlockDividerIcon as Ja,BlockFooterIcon as es,BlockHeadingIcon as Ap,BlockProductIcon as Fp,BlockSocialIcon as Lp,BlockTextIcon as Dp,ChatIcon as zp,GridIcon as Op,ImageIcon as _p,PageIcon as Hp}from"efficient-easel/icons";var Bp={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:Mr,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"})},Mp=m("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2.5"}),Wp={footer:es,Footer:es,Divider:Ja,FooterDivider:Ja,Banner:Rp,Flex:Pp,FooterSocial:Lp,page:Hp,chat:zp,Heading:Ap,Text:Dp,ImageBlock:_p,ButtonBlock:Np,Grid:Op,ProductRef:Fp},$p={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial",SiteHeader:"header",SiteFooter:"footer"};function st({type:e,size:t=16,className:o}){let r=$p[e]??e,s=Wp[r];return s?m(s,{size:t,className:o}):m("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",className:o,"aria-hidden":"true",children:Bp[r]??Mp})}import{jsx as be,Fragment as jp,jsxs as qp}from"react/jsx-runtime";import{useEffect as Gp,useId as Kp,useState as Up}from"react";import{SettingsField as ts,SettingsSwitch as Vp}from"efficient-easel/panel";import{EyeIcon as Yp,TypeIcon as Xp}from"efficient-easel/icons";var Zp="Chat with us",Qp="We usually reply within a few minutes",Jp="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function ki({label:e,value:t,placeholder:o,onCommit:r,multiline:s=!1}){let[a,l]=Up(t);Gp(()=>l(t),[t]);let d=()=>{a!==t&&r(a)};return be(ts,{label:e,icon:be(Xp,{}),children:s?be("textarea",{value:a,placeholder:o,rows:3,onChange:u=>l(u.target.value),onBlur:d,"aria-label":e}):be("input",{type:"text",value:a,placeholder:o,onChange:u=>l(u.target.value),onBlur:d,onKeyDown:u=>{u.key==="Enter"&&u.currentTarget.blur()},"aria-label":e,autoComplete:"off"})})}function ns(){let{chat:e,setChat:t}=Mt(),o=Kp();return qp(jp,{children:[be(ts,{label:"Show the chat bubble",labelId:o,icon:be(Yp,{}),action:be(Vp,{checked:e.enabled,onChange:r=>t({enabled:r}),ariaLabelledBy:o}),hint:e.enabled?"The floating chat bubble shows in the corner of every page.":"The chat bubble is hidden across the whole site."}),be(Bt,{label:"Wording"}),be(ki,{label:"Title",value:e.title,placeholder:Zp,onCommit:r=>t({title:r})}),be(ki,{label:"Subtitle",value:e.subtitle,placeholder:Qp,onCommit:r=>t({subtitle:r})}),be(ki,{label:"Greeting message",value:e.greeting,placeholder:Jp,onCommit:r=>t({greeting:r}),multiline:!0}),be("p",{className:"es-field-hint sf-hint-keep",children:"Leave a field blank to use the built-in wording."})]})}import{jsx as Ye,Fragment as Ci,jsxs as rs}from"react/jsx-runtime";import{useEffect as eh,useId as is,useState as os}from"react";import{SettingsField as th}from"efficient-easel/panel";var nh={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 ih({platform:e}){let{rows:t,saveLink:o}=gt(),{value:r,error:s}=t[e],[a,l]=os(r),[d,u]=os(!1),y=is(),f=is();eh(()=>l(r),[r]);let b=async()=>{if(a.trim()===r){a!==r&&l(r);return}u(!0),await o(e,a),u(!1)},C=Rr[e];return rs(Ci,{children:[Ye(th,{label:C,htmlFor:y,icon:Ye(Wr,{platform:e,iconStyle:"outline",size:18}),children:Ye("input",{id:y,type:"text",inputMode:"url",value:a,placeholder:nh[e],onChange:x=>l(x.target.value),onBlur:()=>{b()},onKeyDown:x=>{x.key==="Enter"&&x.currentTarget.blur(),x.key==="Escape"&&(l(r),x.currentTarget.blur())},"aria-invalid":s?!0:void 0,"aria-describedby":s?f:void 0,"aria-busy":d||void 0,autoComplete:"off",spellCheck:!1})}),s&&Ye("p",{id:f,className:"sf-note sf-note--error",role:"alert",children:s})]})}function as({unavailable:e}){let{canSave:t}=gt();return!t&&e?Ye(Ci,{children:e}):rs(Ci,{children:[Ye("p",{className:"es-field-hint sf-hint-keep",children:"Paste a link to each profile. A platform left empty shows nothing on the site."}),Er.map(o=>Ye(ih,{platform:o},o))]})}import{jsx as lt,jsxs as oh}from"react/jsx-runtime";import{useId as rh,useMemo as ah}from"react";import{useEasel as sh}from"efficient-easel/easel";import{SettingsField as lh,SettingsSwitch as ch}from"efficient-easel/panel";import{EyeIcon as dh}from"efficient-easel/icons";var ph="root:default-zone";function ss({heroId:e}){let{appState:t,dispatch:o}=sh(f=>f),r=t.data.content??[],s=r.findIndex(f=>f.props.id===e),a=s>=0?r[s]:null,l=a?a.props.showTicker??!0:!0,d=ah(()=>{let f=a?.props.tickerItems;return Array.isArray(f)?f:jr.map(b=>({text:b}))},[a]),u=rh();if(!a)return lt("p",{className:"sf-note",children:"This ticker\u2019s hero is no longer on the page."});let y=f=>o({type:"replace",destinationZone:ph,destinationIndex:s,data:{...a,props:{...a.props,...f}}});return oh("div",{children:[lt(Bt,{label:"Ticker"}),lt(lh,{label:"Show ticker",labelId:u,icon:lt(dh,{}),action:lt(ch,{checked:l,onChange:f=>y({showTicker:f}),ariaLabelledBy:u})}),lt(vr,{label:zn.label,icon:zn.icon,items:d,placeholder:"item",onChange:f=>y({tickerItems:f}),markup:!0})]})}import{jsx as Ce,jsxs as Ti,Fragment as hh}from"react/jsx-runtime";import{useCallback as uh,useRef as fh,useState as kt}from"react";import{InspectorIconButton as mh}from"efficient-easel/chrome";import{PopupMenu as gh,PopupMenuItem as yh,PopupMenuLabel as pn}from"efficient-shell/ui";import{CopyToPageIcon as bh}from"efficient-easel/icons";import{cloneNodeWithFreshIds as ls,docToNode as rb,nodeToDoc as ab}from"efficient-easel/screen/lib/puck/section-doc";function cs({node:e,currentSlug:t,siteId:o,tokenRef:r,runAuthed:s,onNotify:a}){let[l,d]=kt(!1),[u,y]=kt(null),f=$e(),[b,C]=kt(!1),[x,P]=kt(null),A=fh(null),[h,v]=kt(null),g=uh(async()=>{if(f.usesBridgedToken&&!r.current){C(!0);return}try{y(await pt(f).pages.list(o?{siteId:o}:void 0))}catch{C(!0)}},[r,o,f]),p=()=>{if(l){d(!1);return}let k=A.current?.getBoundingClientRect();k&&v({top:k.bottom+6,right:Math.max(8,window.innerWidth-k.right)}),y(null),C(!1),g(),d(!0)},E=(u??[]).filter(k=>k.slug!==t),F=async k=>{if(x)return;P(k.slug);let q=ls(e),M=f.documentHooks?.storedNode?.(q)??q,ee=pt(f).pages,_=await s(async()=>{let G=await ee.load({id:k.id});if(!G)throw new Error(`Page "${k.slug}" no longer exists.`);let ae=G.layout??{},N=Array.isArray(ae.content)?[...ae.content]:[],Q=N.findIndex(he=>he?.type===te);N.splice(Q===-1?N.length:Q,0,M),await ee.save(k.id,{layout:{root:{},zones:{},...ae,content:N}},{version:G.version,clientId:""})});P(null),d(!1),a?.(_?`Duplicated to \u201C${k.label}\u201D`:"Couldn\u2019t duplicate the section \u2014 please retry",_?"success":"error")};return Ti(hh,{children:[Ce("span",{"data-menu-toggle":!0,style:{display:"contents"},children:Ce(mh,{buttonRef:A,label:"Duplicate to another page",hasPopup:"menu",expanded:l,onClick:p,children:Ce(bh,{size:15})})}),l&&h&&Ce(gh,{portal:!0,style:{top:h.top,right:h.right},onClose:()=>d(!1),children:Ti("div",{role:"menu","aria-label":"Duplicate to page",children:[Ce(pn,{children:"Duplicate to page\u2026"}),b?Ce(pn,{children:"Couldn\u2019t load pages"}):u===null?Ce(pn,{children:"Loading\u2026"}):E.length===0?Ce(pn,{children:"No other pages"}):E.map(k=>Ti(yh,{role:"menuitem",disabled:x!==null,onClick:()=>{F(k)},children:[Ce("span",{className:"min-w-0 flex-1 truncate",children:k.label}),x===k.slug?Ce("span",{className:"shrink-0 text-xs",children:"Copying\u2026"}):k.draft&&Ce("span",{className:"shrink-0 text-xs",children:"draft"})]},k.id))]})})]})}import{ScreenPartsProvider as xb,sameInspectorMode as wb,SELECTION_MODE as ds,useScreenParts as vb,useScreenBlockLook as Sb,useScreenBlockRules as kb,useScreenBridges as Cb,useScreenCanvasFrame as Tb,useScreenDevices as Ib,useScreenDocumentPass as Eb,useScreenInspectorPanel as Rb,useScreenLeftView as Pb,useScreenOwnerName as Nb,useScreenPinned as Ab,useStandaloneScreenBridges as Fb}from"efficient-easel/screen/lib/screen-parts";import{jsx as Ct,jsxs as xh}from"react/jsx-runtime";import{SettingsDrill as wh}from"efficient-easel/panel";var vh="Not shown on the page";function Sh({part:e,onOpen:t}){return Ct(wh,{name:e.label,preview:e.offPage?vh: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(Se,{name:"eye-off",size:14})}):void 0,onOpen:()=>t(e.key)})}function ps({parts:e,onOpen:t}){let o=e.filter(r=>!r.identifier);return o.length?xh("div",{className:"sf-entries",children:[Ct("h3",{className:"sf-entries-head",children:"Text"}),o.map(r=>Ct(Sh,{part:r,onOpen:t},r.key))]}):null}import{jsx as fn,jsxs as fs}from"react/jsx-runtime";import{useState as Th}from"react";import{createNode as Ih,newId as Eh}from"efficient-easel/data";import{useEasel as Rh}from"efficient-easel/easel";import{Button as Ii}from"efficient-shell/ui";var hn="Flex",kh={FooterMenu:"MenuBlock",FooterEmailSignup:"EmailFormBlock",FooterSocial:"SocialLogosBlock"},Ch=e=>{let{id:t,...o}=e;return o},hs=e=>typeof e=="string"?e:"";function us(e,t){let o=e.props??{},r=kh[e.type];if(r)return[t(r,Ch(o))];switch(e.type){case"FooterLogo":{let s=t("LogoBlock",o.reverse?{reverse:o.reverse}:{}),a=hs(o.tagline).trim();return a?[s,t("Text",{text:a,tone:"dim",align:o.align==="center"?"center":"left"})]:[s]}case"FooterText":return[t("Text",{text:hs(o.text),tone:typeof o.tone=="string"?o.tone:"default"})];case"FooterDivider":return[t("Divider")];case"FooterGroup":{let s=Array.isArray(o.blocks)?o.blocks:[];return[t(hn,{direction:o.direction==="horizontal"?"row":"column",content:s.flatMap(a=>us(a,t))})]}default:return[]}}function un(e,t,o){let r=(e&&Array.isArray(e.props?.blocks)?e.props.blocks:[]).flatMap(l=>{let d=us(l,t);return d.length<=1?d:[t(hn,{direction:"column",content:d})]}),s=t(hn,{direction:"row",wrap:!0,share:"equal",content:r}),a=t(hn,{direction:"column",content:[t("LegalLineBlock")]});return Qi(we,o,[s,a])}function ms(){let{appState:e,dispatch:t,config:o}=Rh(f=>f),{readOnly:r}=de(),[s,a]=Th(!1),l=e.data.content;if(r||l.some(f=>f.type===we))return null;let d=l.find(f=>f.type===te)??null,u=(f,b)=>Ih(o,f,b),y=()=>{let f=un(d,u,Eh(we));t({type:"setData",data:b=>({...b,content:[...eo(b.content,f)]}),recordHistory:!0}),a(!1)};return fs("div",{className:"sf-box-footer-switch",children:[fn("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?fs("div",{className:"sf-box-footer-switch-row",children:[fn(Ii,{variant:"primary",size:"sm",onClick:y,children:"Switch now"}),fn(Ii,{variant:"secondary",size:"sm",onClick:()=>a(!1),children:"Cancel"})]}):fn(Ii,{variant:"secondary",size:"sm",onClick:()=>a(!0),children:"Switch to Box footer"})]})}import{jsx as gs}from"react/jsx-runtime";import{useState as Ph}from"react";import{useSelectedFields as Nh}from"efficient-easel/easel";import{Inspector as Ah,planFields as Fh}from"efficient-easel/fields";var Ei=new Map,Lh=Object.fromEntries(kr.map(e=>{let t=xr[e];return[e,gs(t,{},e)]}));function Ri({entries:e}){let{id:t,fields:o,values:r,readOnly:s,onChange:a}=Nh(),[l,d]=Ph(()=>Ei.get(t)),u=Ei.get(t),y=Fh(o).buckets,f=u&&y.includes(u)?u:l&&y.includes(l)?l:y[0],b=f===void 0||wr(y,f)!==!0;return gs(Ah,{fields:o,values:r,onChange:a,readOnly:s,tab:f,onTab:C=>{Ei.set(t,C),d(C)},tabIcons:Lh,idPrefix:t,ariaLabel:"Section settings",children:b?e:null})}import{SettingsSwitch as Bh}from"efficient-easel/panel";var bs=ds,Ni={kind:"header"},Ai={kind:"website"},xs={kind:"chat"},ws={kind:"social"},ct="Part";function Mh(e,t,o){let r=e.describeNode(t);return{name:o,kindLabel:r?`${ct} of ${r.label}`:ct}}function vs({what:e}){return ze("div",{className:"sf-note",children:[H("p",{children:ze("strong",{children:[e," settings belong to a website."]})}),ze("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 Wh={header:{name:"Header",kindLabel:"Site settings",icon:"header",render:(e,t)=>{let o=t.hostPanels?.header;return o?H(o,{placeholderMode:t.capabilities.placeholderFrames,tokenRef:t.tokenRef,siteId:t.siteId,websiteName:t.websiteName,onOpenWebsiteSettings:t.onOpenWebsiteSettings,onAuthExpired:()=>t.notifyParent("storefront-editor:auth-expired")}):null}},website:{name:"Appearance",kindLabel:"Site settings",icon:"website",render:(e,t)=>H(dn,{themeFromDocument:!t.capabilities.hasSiteTheme,tokenRef:t.tokenRef,siteId:t.siteId,onNotify:t.onNotify})},chat:{name:"Live chat",kindLabel:"Site settings",icon:"chat",render:()=>H(ns,{})},social:{name:"Social links",kindLabel:"Site settings",icon:"social",render:()=>H(as,{unavailable:H(vs,{what:"Social link"})})},ticker:{name:yt,kindLabel:ct,icon:"ticker",head:(e,t)=>e.kind==="ticker"?Mh(t,e.heroId,yt):null,render:e=>H(ss,{heroId:e.kind==="ticker"?e.heroId:""})},part:{name:ct,kindLabel:ct,icon:"Text",head:(e,t)=>{if(e.kind!=="part")return null;let o=t.describeNode(e.nodeId);if(!o)return null;let{key:r,row:s}=Je(e.propKey),a=s?Jt(o.fields[r],s):o.fields[r],l=vo(To(Co(a??{},r)),s);return{name:t.styleNameOfPart(e.nodeId,e.propKey)??l,kindLabel:`${ct} of ${o.label}`}},render:(e,t)=>e.kind==="part"?H(Da,{nodeId:e.nodeId,propKey:e.propKey,onBack:()=>t.onSelectNode(e.nodeId),onEditStyle:t.onOpenSiteStyles}):null}},$h=new Set(["header","website","chat"]);function jh(e,t){if(e==="puck")return null;let o=Wh[e];return $h.has(e)&&!t.hasSiteSettings?{...o,kindLabel:"Not part of a template",render:()=>H(vs,{what:o.name})}:o}function Ss({mode:e,onOpenWebsiteSettings:t,onOpenSiteStyles:o,onSelectNode:r,hideNodeActions:s=!1,onNotify:a,onHidePanel:l}){let{capabilities:d,tokenRef:u,notifyParent:y,currentSlug:f,siteId:b,runAuthed:C,readOnly:x}=de(),{websiteName:P,fonts:A}=ne(),{partStyle:h}=Ft(),v=Ot({readOnly:x}),{select:g}=At(),{selectedItem:p,getItemById:E,getSelectorForId:F,config:k,appState:q}=zh(ce=>ce),M=Qa(k,p?{type:p.type,props:p.props}:null),ee=ce=>k.components[ce]?.label??ce,_=p?F(p.props.id):void 0,G=jh(e.kind,d),ae=$e(),N=ae.chrome?.panels?.chromePage,Q={capabilities:d,tokenRef:u,hostPanels:ae.chrome?.panels,describeNode:ce=>{let Ie=E(ce);if(!Ie)return null;let me=k.components[Ie.type];return{type:Ie.type,label:me?.label??Ie.type,fields:me?.fields??{}}},styleNameOfPart:(ce,Ie)=>{let me=E(ce);if(!me)return null;let Be=ut(ce,Ie),Sn=h?.partId===Be?h:null;return La(me.props,Ie,Sn,A)},siteId:b,websiteName:P??null,notifyParent:y,onNotify:a,onOpenWebsiteSettings:t,onOpenSiteStyles:o,onSelectNode:r},he=G?.head?.(e,Q)??null,ue=he?.name??(G?G.name:p?ee(p.type):"Page settings"),Ae=he?.kindLabel??(G?G.kindLabel:p?_&&_.zone!==Me?"Block":"Section":"Page"),fe=G?G.icon:p?p.type:"page",xe=G?null:p?k.components[p.type]?.fields??null:k.root?.fields??null,He=xe?Cr(xe):2,le=e.kind==="puck"&&p?en(p.type):null,se=!!p&&!!_&&_.zone===Me&&p.type!==te&&p.type!==Le,J=Rt(q?.data,p),$=()=>{J||_&&v.duplicateComponent(_.zone,_.index)},Fe=()=>{_&&(v.removeComponent(_.zone,_.index),v.select(null))},w=p?k.components[p.type]?.defaultProps?.previewHover:void 0,W=e.kind==="puck"&&!!p&&!!_&&w!==void 0,K=W&&p.props.previewHover===!0,pe=()=>{!p||!_||v.replaceComponent(_.zone,_.index,{...p,props:{...p.props,previewHover:!K}})},[Te,vn]=Dh(xi);return ze("div",{className:`es-sidepanel es-sidepanel--right sf-panel sf-panel--right${Te||!(!G&&p)?"":" sf-hints-folded"}`,children:[H(Oh,{icon:H(st,{type:fe,size:15}),name:ue,kind:Ae,actions:!s&&e.kind==="puck"&&p&&p.type!==te?ze(Pi,{children:[H(ys,{label:"Duplicate section",title:J??void 0,disabled:J!==null,onClick:$,children:H(_h,{size:15})}),se&&d.hasSiteSettings&&H(cs,{node:p,currentSlug:f,siteId:b??void 0,tokenRef:u,runAuthed:C,onNotify:a}),H(ys,{label:"Remove section",danger:!0,onClick:Fe,children:H(Hh,{size:15})}),l?H(Kn,{side:"right",onHide:l,divider:!0}):null]}):l?H(Kn,{side:"right",onHide:l}):void 0}),W&&ze("div",{className:"sf-preview-pin",children:[ze("div",{className:"sf-preview-pin-text",children:[H("span",{className:"sf-preview-pin-label",children:"Preview hover state"}),H("span",{className:"sf-preview-pin-hint",children:"not shown live"})]}),H(Bh,{checked:K,onChange:pe,ariaLabel:"Preview hover state"})]}),H(mr,{tier:He,children:H("div",{className:"sf-insp-body sf-scroll",children:G?G.render(e,Q):p?ze(Pi,{children:[H(dr,{children:H(Ri,{entries:H(ps,{parts:Io(M??k.components[p.type]?.fields,p.props),onOpen:ce=>g(ut(p.props.id,ce))})})}),p.type===te&&d.hasSiteSettings&&H(ms,{}),le&&H(rn,{source:le,slug:xt(p?.props)}),H(wi,{shown:Te,onChange:vn})]}):ze(Pi,{children:[H(Ri,{}),f===Ke&&d.hasSiteSettings&&N&&H(N,{})]})})})]})}import{jsx as n,jsxs as c,Fragment as Es}from"react/jsx-runtime";var ie={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)"},Fi="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 S({w:e,h:t,tone:o="dark",r=2,style:s}){return n("div",{style:{width:e,height:t,borderRadius:r,background:ie[o],flex:"none",...s}})}var qh={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},i={ink:"var(--sf-thumb-ink)",ink2:"var(--sf-thumb-ink-2)",inkSoft:"var(--sf-thumb-ink-soft)",inkSoft2:"var(--sf-thumb-ink-soft-2)",paper:"var(--sf-thumb-paper)",paper2:"var(--sf-thumb-paper-2)",warm:"var(--sf-thumb-warm)",rust:"var(--sf-thumb-rust)",onInk:"var(--sf-thumb-on-ink)",text:"var(--sf-thumb-scene-text)",muted:"var(--sf-thumb-scene-muted)",rule:"var(--sf-thumb-scene-rule)",mark1:"var(--sf-thumb-mark-1)",mark2:"var(--sf-thumb-mark-2)",card:"var(--sf-thumb-card)",scrim:"var(--sf-thumb-scrim)"},Z=(e,t,o=160)=>({background:`linear-gradient(${o}deg,${e},${t})`});function _e({size:e,style:t}){let o=Math.max(2,Math.round(e*.13)),r=(s,a,l)=>({position:"absolute",inset:s,background:a,borderRadius:o,...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%",i.mark1)}),n("span",{style:r("26% 6% 8% 30%",i.mark2,"multiply")})]})}function It({children:e}){return n("span",{style:{fontSize:"4.64cqw",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:i.muted},children:e})}function ks({over:e,overTone:t,head:o,headSize:r=11.5,cta:s,ctaBg:a,ctaFg:l,tone:d}){return c(Es,{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:d},children:o}),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 Li({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",...Z(i.paper,i.paper2,150)},children:n(_e,{size:34,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("span",{style:{fontSize:"3.65cqw",fontWeight:600,color:i.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:t})]})}function Oe({k:e,v:t,ok:o}){return c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,padding:"3.5px 2px",borderBottom:`1px solid ${i.rule}`,fontSize:"3.98cqw",color:i.muted},children:[n("span",{children:e}),c("span",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("b",{style:{color:i.text,fontWeight:700},children:t}),o&&n("span",{style:{color:i.rust,fontWeight:700},children:"\u2713"})]})]})}function j({title:e,children:t}){return c("div",{style:{...I,background:i.card,padding:"9px 10px",display:"flex",flexDirection:"column",gap:6},children:[n(It,{children:e}),t]})}function Cs({size:e=14}){return n("span",{style:{width:e,height:e,borderRadius:"50%",flex:"none",display:"block",background:`linear-gradient(150deg,${i.mark1},${i.mark2})`}})}function Di({filled:e=5,size:t=6}){return c("span",{style:{fontSize:t,letterSpacing:"0.06em",color:i.rust,lineHeight:1},children:["\u2605".repeat(e),n("span",{style:{color:i.mark1},children:"\u2605".repeat(5-e)})]})}function Tt({n:e,label:t,tone:o=i.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:o},children:e}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",opacity:.62,color:o},children:t})]})}function oe({children:e,w:t}){return n("span",{style:{fontSize:"3.98cqw",lineHeight:1.45,color:i.muted,width:t,display:"block"},children:e})}function mn({label:e,w:t="100%",filled:o}){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:i.muted},children:e}),n("span",{style:{height:9,borderRadius:3,border:`1px solid ${i.rule}`,background:o?i.paper:i.card}})]})}function Ts({children:e}){return n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:i.text,color:i.onInk},children:e})}var Gh={wheelslisting:n(j,{title:"All wheels",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Ridge 19","20\xD79 +12","$365"],["Ridge 29","18\xD79 +20","$410"],["Ridge 39","17\xD78 \u221210","$455"]].map(([e,t,o])=>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",...Z(i.paper,i.paper2,150)},children:n(_e,{size:12,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("b",{style:{flex:1,fontSize:"4.31cqw",color:i.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:t}),n("b",{style:{fontSize:"4.31cqw",color:i.text,width:26,textAlign:"right"},children:o})]},e))})}),catalogfilterbar:c("div",{style:{...I,background:i.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:i.text,color:i.onInk,display:"flex",gap:4,alignItems:"center"},children:[e,n("span",{style:{opacity:.6},children:"\u2715"})]},e)),n("span",{style:{fontSize:"3.65cqw",color:i.rust,fontWeight:700},children:"Clear"})]}),c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"128 results"}),n("span",{style:{fontSize:"3.65cqw",color:i.muted,border:`1px solid ${i.rule}`,borderRadius:3,padding:"3px 6px"},children:"Sort: Price \u25BE"})]})]}),fitmentfinder:c("div",{style:{...I,padding:"10px 12px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center",...Z(i.ink,i.inkSoft)},children:[n("span",{style:{fontSize:"5.31cqw",fontWeight:700,color:i.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:i.text,background:i.card,borderRadius:3,padding:"5px 6px",display:"flex",justifyContent:"space-between"},children:[e," ",n("span",{style:{color:i.muted},children:"\u25BE"})]},e)),n("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.08em",background:i.warm,color:i.ink,borderRadius:3,padding:"5px 7px"},children:"GO"})]})]}),compatibletyres:n(j,{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:i.ink},children:n("span",{style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%,-50%)",width:26,height:26,borderRadius:"50%",border:`5px solid ${i.mark2}`,boxSizing:"border-box"}})}),n("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:i.text,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:e}),n("span",{style:{fontSize:"3.32cqw",color:i.muted},children:t})]},e))})}),tyresizes:n(j,{title:"Available sizes",children:n("div",{style:{flex:1,display:"flex",flexWrap:"wrap",gap:4,alignContent:"center"},children:["265/65R17","285/70R17","265/60R18","275/55R20"].map((e,t)=>n("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"5px 7px",borderRadius:3,border:`1px solid ${t===0?i.rust:i.rule}`,color:t===0?i.rust:i.text,background:t===0?i.paper:i.card},children:e},e))})}),tyrefitment:c(j,{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:i.muted,background:i.paper,border:`1px solid ${i.rule}`,borderRadius:3,padding:"4px 5px",display:"flex",justifyContent:"space-between",gap:2,overflow:"hidden",whiteSpace:"nowrap"},children:[e," ",n("span",{style:{color:i.muted},children:"\u25BE"})]},e))}),n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2,justifyContent:"center",minHeight:0},children:[["265/65R17","Fits",!0],["285/70R17","Not your size",!1]].map(([e,t,o])=>c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",gap:6,borderTop:`1px solid ${i.rule}`,paddingTop:3},children:[n("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:i.text},children:e}),n("span",{style:{fontSize:"3.32cqw",fontWeight:o?700:400,letterSpacing:"0.06em",color:o?i.warm:i.muted},children:t})]},e))})]}),eutyrelabel:c("div",{style:{...I,background:i.card,padding:"9px 11px",display:"flex",gap:8,alignItems:"center"},children:[n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1.5},children:[["A","42%"],["B","56%"],["C","70%"],["D","84%"]].map(([e,t],o)=>c("div",{style:{display:"flex",alignItems:"center",gap:3},children:[n("span",{style:{width:t,height:6,borderRadius:"0 2px 2px 0",background:o===1?i.rust:i.mark1}}),n("span",{style:{fontSize:"3.32cqw",fontWeight:700,color:o===1?i.rust:i.muted},children:e})]},e))}),c("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:3,alignItems:"center"},children:[n("b",{style:{fontSize:"6.63cqw",lineHeight:1,color:i.text},children:"72"}),n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",color:i.muted},children:"dB"})]})]}),bundleoffer:c("div",{style:{...I,background:i.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:i.card},children:n(_e,{size:17,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})},e)),n("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:i.muted},children:"+"}),c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1},children:[n("span",{style:{fontSize:"3.65cqw",color:i.muted,textDecoration:"line-through"},children:"$1,024"}),n("b",{style:{fontSize:"6.02cqw",color:i.rust,lineHeight:1},children:"$899"})]})]})]}),checkoutcta:c("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,...Z(i.ink,i.ink2)},children:[c("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",color:i.warm,fontWeight:700},children:"READY TO ORDER"}),n("b",{style:{fontSize:"6.63cqw",color:i.onInk,lineHeight:1},children:"$1,956"}),n("span",{style:{fontSize:"3.65cqw",color:i.onInk,opacity:.65},children:"4 items \xB7 fitted free"})]}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"6px 10px",borderRadius:2,background:i.warm,color:i.ink,flex:"none"},children:"CHECKOUT"})]}),contact:n(j,{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:i.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:t}),n("span",{style:{fontSize:"4.64cqw",color:i.rust,lineHeight:1},children:"\u203A"})]},e))})}),contactlocations:n(j,{title:"Find us",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["Brisbane","7 Kerry Rd","Mon\u2013Sat"],["Townsville","12 Enterprise","Mon\u2013Fri"]].map(([e,t,o])=>c("div",{style:{border:`1px solid ${i.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[n("b",{style:{fontSize:"4.31cqw",color:i.text},children:e}),n("span",{style:{fontSize:"3.32cqw",color:i.muted},children:t}),n("span",{style:{fontSize:"3.32cqw",color:i.rust,fontWeight:700},children:o})]},e))})}),form:n(j,{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(mn,{label:"Name"}),n(mn,{label:"Email"})]}),n(mn,{label:"Message",filled:!0}),n(Ts,{children:"SEND"})]})}),appointmentbooking:n(j,{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?i.text:i.paper,color:t===2?i.onInk:i.muted},children:e},e))}),n("div",{style:{display:"flex",gap:3},children:["8:00","10:30","13:00","15:30"].map((e,t)=>n("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",padding:"4px 0",borderRadius:3,border:`1px solid ${t===1?i.rust:i.rule}`,color:t===1?i.rust:i.muted,background:t===3?i.paper:i.card,textDecoration:t===3?"line-through":"none"},children:e},e))})]})}),reviewform:n(j,{title:"Leave a review",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n(Di,{filled:4,size:14}),n(mn,{label:"Your review",filled:!0}),n(Ts,{children:"POST"})]})}),submitbuild:n(j,{title:"Show us your build",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:3,border:`1px dashed ${i.mark1}`,borderRadius:5,background:i.paper},children:[n("span",{style:{fontSize:"6.63cqw",lineHeight:1,color:i.rust,fontWeight:300},children:"+"}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"Drop a photo of your rig"})]})}),masthead:c("div",{style:{...I,background:i.paper,display:"flex",flexDirection:"column",justifyContent:"center",padding:"0 13px",gap:5},children:[n("span",{style:{height:1.5,background:i.text}}),n("span",{style:{fontSize:"7.65cqw",fontWeight:800,letterSpacing:"0.02em",color:i.text,lineHeight:1},children:"THE TRACK"}),c("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"3.65cqw",letterSpacing:"0.1em",textTransform:"uppercase",color:i.muted},children:[n("span",{children:"Issue 14"}),n("span",{children:"Spring 2026"})]}),n("span",{style:{height:1,background:i.rule}})]}),featuredcover:c("div",{style:{...I,overflow:"hidden",...Z(i.ink,i.inkSoft2)},children:[n(_e,{size:92,style:{right:-18,top:-14}}),n("div",{style:{position:"absolute",inset:0,background:`linear-gradient(0deg,${i.scrim},transparent 62%)`}}),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:i.warm},children:"FEATURE"}),n("span",{style:{fontSize:"6.16cqw",lineHeight:1.15,fontWeight:700,color:i.onInk},children:"Four days on the Madigan Line"})]})]}),longread:c("div",{style:{...I,background:i.card,padding:"10px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.14em",fontWeight:700,color:i.rust},children:"12 MIN READ"}),n("span",{style:{fontSize:"6.02cqw",lineHeight:1.15,fontWeight:700,color:i.text},children:"What breaks first, and why"}),n(oe,{children:"Every failure starts in the same place \u2014 not the rim, not"}),n(oe,{w:"62%",children:"the tyre, but the bolt nobody re-torqued."})]}),series:n(j,{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:i.rust,flex:"none"}}),n("b",{style:{flex:1,fontSize:"4.64cqw",color:i.text},children:e}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:i.muted},children:t})]},e))})}),events:n(j,{title:"Latest posts",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[[i.inkSoft,i.inkSoft2,"Madigan Line, four days"],[i.rust,i.warm,"Why offset beats width"]].map(([e,t,o])=>c("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("span",{style:{width:24,height:18,borderRadius:3,flex:"none",...Z(e,t,150)}}),c("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("b",{style:{fontSize:"4.31cqw",color:i.text},children:o}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"4 Sep \xB7 Shed Notes"})]})]},o))})}),docmasthead:c("div",{style:{...I,background:i.card,padding:"12px 14px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:i.muted},children:"POLICY"}),n("span",{style:{fontSize:"6.49cqw",fontWeight:700,color:i.text,lineHeight:1.1},children:"Returns & refunds"}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"Version 3 \xB7 Updated 4 Sep 2026"}),n("span",{style:{height:2,width:26,background:i.rust,borderRadius:1}})]}),docbody:n("div",{style:{...I,background:i.card,padding:"9px 13px",display:"flex",flexDirection:"column",gap:3,justifyContent:"center"},children:[["1.","You may return an unfitted wheel within 30 days."],["2.","Fitted wheels are covered by the structural warranty."],["3.","Freight on a change of mind is yours."]].map(([e,t])=>c("div",{style:{display:"flex",gap:5},children:[n("b",{style:{fontSize:"3.98cqw",color:i.rust,flex:"none"},children:e}),n(oe,{children:t})]},e))}),docmetacards:n(j,{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 ${i.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[n("b",{style:{fontSize:"5.31cqw",color:i.text,lineHeight:1},children:e}),n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:i.muted},children:t})]},t))})}),doctabs:c("div",{style:{...I,background:i.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:0,padding:"0 11px"},children:[n("div",{style:{display:"flex",gap:0},children:["Returns","Warranty","Shipping"].map((e,t)=>n("span",{style:{fontSize:"3.98cqw",fontWeight:t===0?700:500,padding:"5px 8px",color:t===0?i.text:i.muted,background:t===0?i.paper:"transparent",borderRadius:"4px 4px 0 0",border:`1px solid ${t===0?i.rule:"transparent"}`,borderBottom:"none"},children:e},e))}),n("span",{style:{height:1,background:i.rule}}),c("div",{style:{paddingTop:6,display:"flex",flexDirection:"column",gap:2},children:[n(oe,{children:"Unfitted wheels come back within 30 days, no questions."}),n(oe,{w:"58%",children:"Freight on a change of mind is yours."})]})]}),paragraphs:c("div",{style:{...I,background:i.card,padding:"11px 14px",display:"flex",gap:10,alignItems:"center"},children:[n("span",{style:{flex:1,fontSize:"5.86cqw",lineHeight:1.2,fontWeight:700,color:i.text},children:"The right wheel is the boring one."}),c("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[n(oe,{children:"Forged, correctly offset, rated for what you actually"}),n(oe,{children:"carry. Everything else is a photograph."})]})]}),keyfeatures:n(j,{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:i.rust,fontWeight:700,lineHeight:1},children:"\u2713"}),n("span",{style:{fontSize:"4.31cqw",color:i.text},children:e})]},e))})}),statsparagraph:c("div",{style:{...I,background:i.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(oe,{children:"Twelve years of fitting the same three questions, and the"}),n(oe,{children:"answer has not moved: load rating, offset, then looks."})]})]}),chart:c(j,{title:"Load vs weight",children:[n("div",{style:{flex:1,display:"flex",alignItems:"flex-end",gap:5,paddingBottom:2},children:[38,62,84,71,96].map((e,t)=>n("span",{style:{flex:1,height:`${e}%`,borderRadius:"2px 2px 0 0",background:t===4?i.rust:i.mark1}},t))}),n("span",{style:{height:1,background:i.rule,marginTop:-4}})]}),mockup:n("div",{style:{...I,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",...Z(i.inkSoft,i.ink)},children:c("div",{style:{width:"72%",height:"74%",borderRadius:4,overflow:"hidden",background:i.card,boxShadow:`0 6px 14px ${i.scrim}`},children:[n("div",{style:{height:9,background:i.paper,display:"flex",alignItems:"center",gap:2,padding:"0 4px"},children:[0,1,2].map(e=>n("span",{style:{width:2.5,height:2.5,borderRadius:"50%",background:i.mark1}},e))}),c("div",{style:{padding:5,display:"flex",flexDirection:"column",gap:3},children:[n("span",{style:{height:4,width:"56%",borderRadius:1,background:i.mark2}}),n("span",{style:{height:14,borderRadius:2,...Z(i.paper,i.paper2,150)}}),n("span",{style:{height:3,width:"38%",borderRadius:1,background:i.rust}})]})]})}),manifesto:n("div",{style:{...I,overflow:"hidden",display:"flex",alignItems:"center",padding:"0 16px",...Z(i.ink,i.ink2)},children:c("span",{style:{fontSize:"6.63cqw",lineHeight:1.2,fontWeight:700,color:i.onInk},children:["We build for the ",n("span",{style:{color:i.warm},children:"last"})," ten percent of the track."]})}),timeline:n(j,{title:"Our story",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",gap:6,paddingLeft:4},children:[["1998","One shed, one lathe."],["2009","First forged rim."],["2024","27,000 rigs on."]].map(([e,t],o)=>c("div",{style:{display:"flex",gap:7,alignItems:"flex-start",position:"relative"},children:[o<2&&n("span",{style:{position:"absolute",left:3,top:8,bottom:-8,width:1,background:i.rule}}),n("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",marginTop:1,background:i.rust,zIndex:1}}),c("div",{style:{display:"flex",flexDirection:"column",gap:0,minWidth:0},children:[n("b",{style:{fontSize:"4.64cqw",color:i.text},children:e}),n(oe,{children:t})]})]},e))})}),timelinetrack:c("div",{style:{...I,padding:"0 12px",display:"flex",flexDirection:"column",gap:10,justifyContent:"center",...Z(i.ink,i.inkSoft)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:i.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:i.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?i.warm:i.mark1}}),n("span",{style:{fontSize:"4.31cqw",fontWeight:700,color:t===3?i.warm:i.onInk,opacity:t===3?1:.75},children:e})]},e))]})]}),footprint:c("div",{style:{...I,overflow:"hidden",...Z(i.paper,i.paper2,150)},children:[n("span",{style:{position:"absolute",left:"8%",top:"18%",width:"62%",height:"64%",borderRadius:"48% 52% 40% 60% / 55% 45% 55% 45%",background:i.mark1,opacity:.75}}),n("span",{style:{position:"absolute",left:"52%",top:"52%",width:"34%",height:"34%",borderRadius:"58% 42% 55% 45% / 45% 58% 42% 55%",background:i.mark2,opacity:.55}}),[["26%","38%"],["44%","58%"],["62%","34%"]].map(([e,t])=>n("span",{style:{position:"absolute",left:e,top:t,width:7,height:7,borderRadius:"50% 50% 50% 0",transform:"rotate(-45deg)",background:i.rust}},e)),n("span",{style:{position:"absolute",left:11,bottom:9,fontSize:"4.64cqw",fontWeight:700,color:i.text},children:"3 fitting bays"})]}),banner:c("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,background:i.rust},children:[c("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[n("b",{style:{fontSize:"6.02cqw",color:i.onInk},children:"End of season \xB7 20% off"}),n("span",{style:{fontSize:"3.98cqw",color:i.onInk,opacity:.8},children:"Fitted free, this month only."})]}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:i.onInk,color:i.text,flex:"none"},children:"SHOP"})]}),titlewithbuttons:c("div",{style:{...I,background:i.paper,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:7,padding:"0 14px",textAlign:"center"},children:[n("span",{style:{fontSize:"6.49cqw",lineHeight:1.15,fontWeight:700,color:i.text},children:"Not sure what fits?"}),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:i.text,color:i.onInk},children:"FIND MY FIT"}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,border:`1px solid ${i.text}`,color:i.text},children:"CALL US"})]})]}),ticker:n("div",{style:{...I,overflow:"hidden",background:i.ink,display:"flex",alignItems:"center"},children:n("span",{style:{whiteSpace:"nowrap",fontSize:"6.29cqw",fontWeight:800,letterSpacing:"0.06em",color:i.warm,marginLeft:-14},children:"FREE FITTING \xB7 48HR DISPATCH \xB7 FREE FITTING \xB7 48HR DISPATCH"})}),breadcrumb:n("div",{style:{...I,background:i.card,display:"flex",alignItems:"center",padding:"0 13px"},children:c("span",{style:{fontSize:"4.64cqw",color:i.muted},children:["Home ",n("span",{style:{opacity:.5},children:"/"})," Wheels ",n("span",{style:{opacity:.5},children:"/"})," ",n("span",{style:{color:i.text,fontWeight:700},children:"20 inch"})]})}),categorybar:c("div",{style:{...I,background:i.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[n("div",{style:{display:"flex",gap:5},children:["All","Wheels","Tyres","Lift"].map((e,t)=>n("span",{style:{fontSize:"3.98cqw",fontWeight:t===0?700:500,padding:"4px 7px",borderRadius:99,background:t===0?i.text:i.paper,color:t===0?i.onInk:i.muted},children:e},e))}),n("span",{style:{height:1,background:i.rule}})]}),intro:c("div",{style:{...I,overflow:"hidden",background:i.card},children:[n("div",{style:{position:"absolute",inset:0,...Z(i.ink,i.inkSoft2)}}),n(_e,{size:64,style:{right:8,top:6}}),c("div",{style:{position:"absolute",left:16,right:16,bottom:8,top:"46%",background:i.paper,borderRadius:6,padding:"8px 11px",display:"flex",flexDirection:"column",gap:2,boxShadow:`0 -4px 10px ${i.scrim}`},children:[n("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:i.text},children:"Since 1998"}),n(oe,{children:"One shed, one lathe, one idea."}),n(oe,{w:"66%",children:"It turned out to be right."})]})]}),gallerygrid:n(j,{title:"From our customers",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,1fr)",gap:4,minHeight:0},children:[[i.rust,i.warm],[i.inkSoft,i.ink],[i.paper2,i.mark2],[i.ink,i.inkSoft2],[i.warm,i.paper2],[i.mark2,i.inkSoft]].map(([e,t],o)=>n("div",{style:{borderRadius:3,...Z(e,t,140+o*22)}},o))})}),gallery:c(j,{title:"Gallery",children:[n("div",{style:{display:"flex",gap:8,alignItems:"center",marginTop:-2},children:["On the truck","Studio","Close-ups"].map((e,t)=>n("span",{style:{fontSize:"3.98cqw",fontWeight:t===0?700:500,color:t===0?i.text:i.muted,borderBottom:`1.5px solid ${t===0?i.rust:"transparent"}`,paddingBottom:2},children:e},e))}),n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:4,minHeight:0},children:[[i.rust,i.warm],[i.ink,i.inkSoft],[i.paper2,i.mark2]].map(([e,t],o)=>n("div",{style:{borderRadius:3,...Z(e,t,150+o*20)}},o))})]}),ordersummary:c(j,{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",...Z(i.paper,i.paper2,150)},children:n(_e,{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:i.text},children:"Ridge Grappler"}),n("span",{style:{fontSize:"3.65cqw",color:i.muted},children:"20\xD79 +12 \xB7 qty 4"})]})]}),c("div",{style:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(Oe,{k:"Subtotal",v:"$1,956"}),n(Oe,{k:"Fitting",v:"Free"}),c("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:5,fontSize:"4.64cqw"},children:[n("b",{style:{color:i.text},children:"Total"}),n("b",{style:{color:i.text,fontSize:"6.02cqw"},children:"$1,956"})]})]})]}),deliveryoptions:n(j,{title:"Delivery",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Standard","3\u20135 days","Free",!0],["Express","Next day","$19",!1]].map(([e,t,o,r])=>c("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"5px 6px",borderRadius:4,border:`1px solid ${r?i.rust:i.rule}`,background:r?i.paper:i.card},children:[n("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",border:`1.5px solid ${r?i.rust:i.mark1}`,background:r?i.rust:"transparent"}}),n("span",{style:{flex:1,fontSize:"4.31cqw",fontWeight:600,color:i.text},children:e}),n("span",{style:{fontSize:"3.98cqw",color:i.muted},children:t}),n("b",{style:{fontSize:"4.31cqw",color:i.text},children:o})]},e))})}),paymentbadges:c("div",{style:{...I,background:i.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",i.ink],["MC",i.rust],["AMEX",i.inkSoft],["PayPal",i.ink2]].map(([e,t])=>n("span",{style:{flex:1,textAlign:"center",fontSize:"3.65cqw",fontWeight:800,letterSpacing:"0.06em",color:i.onInk,borderRadius:3,padding:"6px 0",background:t},children:e},e))})]}),stats:c("div",{style:{...I,padding:"10px 12px",display:"flex",flexDirection:"column",gap:9,justifyContent:"center",...Z(i.ink,i.ink2)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:i.warm},children:"By the numbers"}),c("div",{style:{display:"flex",gap:8},children:[n(Tt,{n:"27k",label:"Rigs fitted",tone:i.onInk}),n(Tt,{n:"12",label:"Years",tone:i.onInk}),n(Tt,{n:"4.9",label:"Avg rating",tone:i.warm})]})]}),testimonials:c("div",{style:{...I,overflow:"hidden",background:i.paper,padding:"10px 11px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center"},children:[n("span",{style:{position:"absolute",right:10,top:2,fontSize:"22.4cqw",lineHeight:1,fontWeight:800,color:i.rust,opacity:.16},children:"\u201D"}),n(Di,{filled:5,size:7}),n("span",{style:{position:"relative",fontSize:"5.31cqw",lineHeight:1.35,color:i.text,fontWeight:600},children:"\u201CTook them out to the Simpson and back. Not one chip.\u201D"}),c("div",{style:{display:"flex",alignItems:"center",gap:5},children:[n(Cs,{}),n("span",{style:{fontSize:"3.98cqw",color:i.muted},children:"Dave M. \xB7 Hilux N80"})]})]}),reviews:c(j,{title:"Reviews",children:[n("div",{style:{display:"flex",gap:4,height:22},children:[[i.inkSoft,i.inkSoft2],[i.rust,i.warm],[i.ink,i.inkSoft],[i.mark2,i.mark1]].map(([e,t],o)=>n("div",{style:{flex:1,borderRadius:3,...Z(e,t,140+o*15)}},o))}),n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Dave M.",5,"Not one chip after the Simpson."],["Sara K.",4,"Fitted in an hour, no fuss."]].map(([e,t,o])=>c("div",{style:{display:"flex",gap:5,alignItems:"flex-start"},children:[n(Cs,{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:i.text},children:e}),n(Di,{filled:t})]}),n(oe,{children:o})]})]},e))})]}),logos:c("div",{style:{...I,display:"flex",flexDirection:"column",gap:9,justifyContent:"center",padding:"0 12px",...Z(i.ink,i.inkSoft)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:i.warm},children:"As fitted by"}),n("div",{style:{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:8},children:["ARB","TJM","IRONMAN","OPPOSITE"].map(e=>n("span",{style:{textAlign:"center",fontSize:"4.31cqw",fontWeight:800,letterSpacing:"0.08em",color:i.onInk,opacity:.82},children:e},e))})]}),prose:c("div",{style:{...I,background:i.paper,padding:"11px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("span",{style:{fontSize:"5.86cqw",fontWeight:700,color:i.text},children:"Why offset matters"}),c("div",{style:{display:"flex",gap:6},children:[n("span",{style:{fontSize:"15.3cqw",lineHeight:.78,fontWeight:800,color:i.rust,marginTop:1},children:"T"}),c("div",{style:{display:"flex",flexDirection:"column"},children:[n(oe,{children:"he number on the back of your wheel decides whether the"}),n(oe,{w:"76%",children:"tyre sits under the guard or an inch outside it."})]})]})]}),cards:n(j,{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 ${i.rule}`,borderRadius:4,padding:6,display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{width:11,height:11,borderRadius:3,background:i.rust,opacity:.9}}),n("b",{style:{fontSize:"3.98cqw",color:i.text},children:e}),n(oe,{children:t})]},e))})}),faq:n(j,{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 ${i.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:i.text},children:e}),n("span",{style:{fontSize:"4.64cqw",color:i.muted,lineHeight:1},children:t?"\u2212":"+"})]}),t&&n(oe,{w:"90%",children:"Use the fitment finder \u2014 it reads your build, not just the model."})]},e))})}),hero:c("div",{style:{...I,overflow:"hidden",...Z(i.ink,i.ink2)},children:[n("div",{style:{...I,background:`linear-gradient(90deg,${i.scrim},transparent 70%)`}}),n("div",{style:{position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",padding:"12px 14px",gap:5},children:n(ks,{over:"NEW \xB7 SUMMER",overTone:i.warm,head:"Built for the worst road you own",cta:"SHOP ALL",ctaBg:i.warm,ctaFg:i.ink,tone:i.onInk})}),n(_e,{size:104,style:{right:-24,bottom:-30}})]}),herosingle:c("div",{style:{...I,display:"flex",background:i.paper,overflow:"hidden"},children:[n("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:n(ks,{over:"ALL-TERRAIN",overTone:i.rust,head:"Grip that does not ask",headSize:12,cta:"EXPLORE",ctaBg:i.text,ctaFg:i.onInk,tone:i.text})}),n("div",{style:{flex:1,position:"relative",...Z(i.inkSoft,i.inkSoft2)},children:n(_e,{size:74,style:{right:-14,top:16}})})]}),productgrid:n(j,{title:"Best sellers",children:c("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[n(Li,{name:"Ridge 19",price:"$365"}),n(Li,{name:"Ridge 29",price:"$410"}),n(Li,{name:"Ridge 39",price:"$455"})]})}),collections:n(j,{title:"Shop by category",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Wheels",i.inkSoft,i.inkSoft2],["Tyres",i.rust,i.warm],["Lift kits",i.ink,i.inkSoft]].map(([e,t,o])=>n("div",{style:{borderRadius:4,display:"flex",alignItems:"flex-end",padding:5,color:i.onInk,...Z(t,o)},children:n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.04em"},children:e})},e))})}),producthero:c("div",{style:{...I,display:"flex",background:i.card,overflow:"hidden"},children:[n("div",{style:{flex:1.1,position:"relative",...Z(i.paper,i.paper2,150)},children:n(_e,{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:i.rust},children:"NITTO"}),n("b",{style:{fontSize:"6.29cqw",color:i.text},children:"Ridge Grappler"}),n("span",{style:{fontSize:"6.63cqw",fontWeight:700,color:i.text},children:"$489"}),n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,background:i.text,color:i.onInk},children:"ADD TO CART"})]})]}),spectable:n(j,{title:"Specifications",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(Oe,{k:"Diameter",v:'20"'}),n(Oe,{k:"Width",v:"9.0J"}),n(Oe,{k:"Offset",v:"+12"}),n(Oe,{k:"Load",v:"1250 kg"})]})}),fitmenttable:n(j,{title:"Will it fit?",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(Oe,{k:"Hilux N80",v:"20\xD79 +12",ok:!0}),n(Oe,{k:"Ranger PX3",v:"20\xD79 +12",ok:!0}),n(Oe,{k:"LC79",v:"17\xD78 \u221210",ok:!0})]})}),brandstrip:c("div",{style:{...I,background:i.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:i.mark2},children:e},e))})]}),processsteps:c("div",{style:{...I,background:i.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:i.text,color:i.onInk,fontSize:"3.98cqw",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700},children:t+1}),n("span",{style:{fontSize:"3.98cqw",color:i.text,fontWeight:600},children:e})]},e))})]}),detailrows:n("div",{style:{...I,background:i.card,display:"flex",flexDirection:"column",overflow:"hidden"},children:[["Forged, not cast","Half the weight, twice the road.",!1],["Fits your load","Rated to 1250 kg a corner.",!0]].map(([e,t,o])=>{let r=n("div",{style:{flex:1,...Z(o?i.rust:i.inkSoft,o?i.warm:i.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:i.text},children:e}),n("span",{style:{fontSize:"3.98cqw",color:i.muted,lineHeight:1.3},children:t})]},"tx");return n("div",{style:{flex:1,display:"flex",minHeight:0},children:o?[s,r]:[r,s]},e)})}),specstrip:n("div",{style:{...I,background:i.ink,color:i.onInk,display:"flex",alignItems:"center",justifyContent:"space-around",padding:"0 8px"},children:[["5 yr","Warranty"],["Free","Fitting"],["48 hr","Dispatch"]].map(([e,t])=>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:i.mark2,letterSpacing:"0.1em",textTransform:"uppercase"},children:t})]},t))})},Is={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(S,{w:8,h:8,r:2,tone:"accent"}),n(S,{w:38,h:7,r:3,tone:"dark"}),n(S,{w:16,h:7,r:3,tone:"accent"})]}),n(S,{w:38,h:4,r:2,tone:"soft"})]}),n("div",{style:{height:1,background:ie.line,marginBottom:10}}),c("div",{style:{flex:1,display:"flex",gap:10,border:`1px solid ${ie.line}`,borderRadius:7,padding:10},children:[c("div",{style:{flex:1.1,display:"flex",flexDirection:"column",justifyContent:"center",gap:5},children:[n(S,{w:"46%",h:3,r:2,tone:"accent"}),n(S,{w:"84%",h:8,r:4,tone:"dark"}),n(S,{w:"56%",h:8,r:4,tone:"accent"}),n(S,{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 ${ie.line}`,background:ie.block}}),n(S,{w:34,h:13,r:5,tone:"accent"})]})]}),c("div",{style:{flex:1,background:ie.block,borderRadius:6,padding:8,display:"flex",flexDirection:"column",gap:6},children:[n(S,{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 ${ie.line}`:"none",paddingTop:t?4:0},children:[n(S,{w:34,h:4,r:2,tone:"dark"}),n(S,{w:16,h:3,r:2,tone:"soft"})]},t))]})]})]}),split:c("div",{style:{...I,display:"flex"},children:[n("div",{style:{width:"44%",background:Fi}}),c("div",{style:{flex:1,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[n(S,{w:"44%",h:5,r:3,tone:"accent"}),n(S,{w:"88%",h:8,r:4,tone:"dark"}),n(S,{w:"70%",h:8,r:4,tone:"dark"}),n(S,{w:"94%",h:5,r:2,tone:"soft",style:{marginTop:2}}),n(S,{w:"80%",h:5,r:2,tone:"soft"}),n(S,{w:"40%",h:13,r:6,tone:"accent",style:{marginTop:5}})]})]}),sectionheader:c(Es,{children:[n(S,{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(S,{w:16,h:16,r:4,tone:"accent"}),n(S,{w:"20%",h:9,r:4,tone:"dark"})]}),n(S,{w:"62%",h:10,r:5,tone:"dark"}),n(S,{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(S,{w:"22%",h:12,r:4,tone:"dark"}),c("div",{style:{display:"flex",gap:9,alignItems:"center"},children:[n(S,{w:26,h:6,r:3,tone:"soft"}),n(S,{w:26,h:6,r:3,tone:"soft"}),n(S,{w:26,h:6,r:3,tone:"soft"}),n(S,{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(S,{w:"60%",h:9,r:4,tone:"dark"}),n(S,{w:"90%",h:5,r:2,tone:"soft"}),n(S,{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(S,{w:"50%",h:6,r:3,tone:"dark"}),n(S,{w:"80%",h:5,r:2,tone:"soft"}),n(S,{w:"66%",h:5,r:2,tone:"soft"})]},e))]}),n("div",{style:{height:1,background:ie.line}}),c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n(S,{w:"30%",h:5,r:2,tone:"soft"}),n(S,{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:ie.block}},t))}),blanksection:n("div",{style:{...I,padding:14,display:"flex"},children:c("div",{style:{flex:1,border:`1px dashed ${ie.line}`,borderRadius:7,display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:[n(S,{w:14,h:2,r:1,tone:"tint"}),n(S,{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(S,{w:"100%",h:6,r:3,tone:"soft"}),n(S,{w:16,h:22,r:3,tone:"block",style:{alignSelf:"center"}}),n(S,{w:"100%",h:6,r:3,tone:"soft"})]}),divider:n("div",{style:{...I,padding:14,display:"flex",alignItems:"center"},children:n(S,{w:"100%",h:3,r:2,tone:"dark"})}),customhtml:c("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"center",gap:8,background:Fi},children:[n(S,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(-14deg)"}}),n(S,{w:16,h:10,r:3,tone:"accent"}),n(S,{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(S,{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(S,{w:"100%",h:6,r:3,tone:"soft"}),n(S,{w:"96%",h:6,r:3,tone:"soft"}),n(S,{w:"100%",h:6,r:3,tone:"soft"}),n(S,{w:"58%",h:6,r:3,tone:"soft"})]}),image:n("div",{style:{position:"absolute",inset:14,borderRadius:7,background:Fi}}),button:n("div",{style:{...I,display:"flex",alignItems:"center",justifyContent:"center"},children:n(S,{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(S,{w:"48%",h:7,r:3,tone:"dark"}),n(S,{w:"82%",h:5,r:2,tone:"soft"}),n(S,{w:"66%",h:5,r:2,tone:"soft"}),n(S,{w:"74%",h:5,r:2,tone:"soft"}),n(S,{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(S,{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 ${ie.line}`}}),n(S,{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(S,{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 ${ie.line}`,display:"flex",alignItems:"center",gap:7,padding:"0 9px"},children:[n("div",{style:{width:9,height:9,borderRadius:5,border:`2px solid ${ie.dark}`}}),n(S,{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 ${ie.dark}`}}),n("div",{style:{padding:"2px 6px",borderRadius:6,border:`1.5px solid ${ie.dark}`},children:n(S,{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 ${ie.line}`},children:[n(S,{w:22,h:6,r:2,tone:"dark"}),n(S,{w:6,h:4,r:1,tone:"soft"})]}),c("div",{style:{width:"46%",display:"flex",flexDirection:"column",gap:4,padding:6,border:`1px solid ${ie.line}`},children:[n(S,{w:"80%",h:4,r:2,tone:"accent"}),n(S,{w:"64%",h:4,r:2,tone:"soft"}),n(S,{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:ie.line}}),c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n(S,{w:"38%",h:5,r:2,tone:"soft"}),c("div",{style:{display:"flex",gap:5},children:[n(S,{w:14,h:5,r:2,tone:"soft"}),n(S,{w:14,h:5,r:2,tone:"soft"}),n(S,{w:14,h:5,r:2,tone:"soft"})]})]})]}),fallback:n("div",{style:{position:"absolute",inset:14,borderRadius:8,background:ie.block}})};function Rs({type:e}){let t=qh[e]??"",o=Gh[t]??Is[t]??Is.fallback;return n("div",{className:"sf-thumb","aria-hidden":"true",style:{position:"absolute",inset:0,background:"var(--sf-thumb-thumb-bg)",pointerEvents:"none",containerType:"inline-size"},children:o})}import{jsx as dt,jsxs as Kh}from"react/jsx-runtime";import{StylesIcon as Uh}from"efficient-easel/rail";import{Tooltip as Vh}from"efficient-shell/ui";function Ps({tokenRef:e,siteId:t,onClose:o,onNotify:r,tab:s,onTabChange:a}){let l=at();return Kh("div",{className:"sf-styles",children:[dt(jt,{icon:dt(Uh,{}),title:"Site styles",context:dt(Vh,{content:`${l} \u2014 renamed in the Console: Storefront \u25B8 Sites \u25B8 Settings.`,className:"sf-name-tip",children:dt("span",{className:"sf-name-text",children:l})}),onHide:o}),dt("div",{className:"sf-insp-body sf-scroll",children:dt(dn,{tokenRef:e,siteId:t,onNotify:r,tab:s,onTabChange:a})})]})}import{jsx as Ns}from"react/jsx-runtime";var Yh="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z";function As({size:e=15,className:t,strokeWidth:o=1.7}){return Ns("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:t,"aria-hidden":"true",focusable:"false",children:Ns("path",{d:Yh})})}import{useEffect as Oi,useRef as Xh}from"react";var zi="sf-editor-footer-return";function Zx(e){if(!(typeof window>"u"))try{window.sessionStorage.setItem(zi,e)}catch{}}function Fs(){if(typeof window>"u")return null;try{return window.sessionStorage.getItem(zi)}catch{return null}}function Ls(){if(!(typeof window>"u"))try{window.sessionStorage.removeItem(zi)}catch{}}function Ds(e,t){let{currentSlug:o,siteId:r,navigate:s,footerOriginSlug:a}=de(),{selected:l}=e,d=e.data?.content??[],u=t.refreshes,y=o===Ke,{editFooter:f}=Ir(),b=Xh(null);Oi(()=>{let x=l?.props.id;y&&typeof x=="string"&&(b.current?.(),b.current=ln(x))},[l?.props.id,y]);let C=x=>{b.current?.(),b.current=ln(x)};return Oi(()=>{if(!y||!a)return;let x=d.find(P=>P.type===te)?.props?.id;if(x)return b.current?.(),b.current=ln(String(x)),()=>{b.current?.(),b.current=null}},[y,a,u]),Oi(()=>{if(!(y||!Fs()))return Ma(()=>Ls())},[]),{pinnedSource:y,holdCanvasOn:y?C:void 0,editPinnedSource:()=>f?f():s({kind:"page",slug:Ke,siteId:r??void 0})}}import{jsx as V,jsxs as Ne,Fragment as Zh}from"react/jsx-runtime";import{Fragment as zs,useEffect as Os,useRef as _i}from"react";import{useTreeDrag as _s}from"efficient-easel/drag";import{ImageIcon as Qh,TextLinesIcon as Jh,TrashIcon as Hs}from"efficient-easel/icons";import{Subtree as Bs,TreeRow as Et,TreeRowAction as Ms,TreeSeam as Ws}from"efficient-easel/tree";var yn="ContactLocations";function eu({size:e=13}){return Ne("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[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 tu({size:e=13}){return Ne("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[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 nu({size:e=13}){return Ne("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[V("path",{d:"M9 4 3 6.5v13L9 17l6 3 6-2.5v-13L15 7z"}),V("path",{d:"M9 4v13M15 7v13"})]})}var gn=e=>({parentId:`locations-${e}`,slot:"groups"}),Hi=(e,t)=>({parentId:`locations-${e}`,slot:`cities:${t}`});function $s(e,t){let{readOnly:o,selected:r}=t,s=t.data?.content??[],a=e.kind===bs.kind,l=_i(null);Os(()=>{let g=r?.type===yn?String(r.props.id):null;g&&g!==l.current&&ke({level:"groups"}),l.current=g},[r?.props.id]);let{selectedLocationPartId:d,setSelectedLocationPartId:u,setSelectHandler:y}=Ar(),f=qr(),b=(g,p)=>{let E=s[g];E&&t.replace(g,{type:E.type,props:{...E.props,locations:p}})},C=g=>{let p=s[g]?.props?.locations;return Array.isArray(p)?p:[]},x=_s({keyOf:g=>`group:${g.si}:${g.index}`,readOnly:!!o,canDrop:(g,p)=>p.parentId===gn(g.si).parentId&&p.slot==="groups",onDrop:(g,p)=>{b(g.si,Wn(C(g.si),g.index,p.index)),f.level==="city"&&ke({level:"groups"})},onStep:(g,p)=>{b(g.si,Wn(C(g.si),g.index,p<0?g.index-1:g.index+2)),f.level==="city"&&ke({level:"groups"})}}),P=_s({keyOf:g=>`city:${g.si}:${g.group}:${g.index}`,readOnly:!!o,canDrop:(g,p)=>p.parentId===gn(g.si).parentId&&p.slot.startsWith("cities:"),onDrop:(g,p)=>{let E=p.slot.slice(7);b(g.si,$n(C(g.si),g.group,g.index,E,p.index)),ke({level:"group",key:E})},onStep:(g,p)=>{b(g.si,$n(C(g.si),g.group,g.index,g.group,p<0?g.index-1:g.index+2)),f.level==="city"&&ke({level:"group",key:g.group})}}),A=_i(s);A.current=s;let h=_i(()=>{});Os(()=>{y(g=>{let p=Lr(g);if(!p)return;let E=A.current.findIndex(F=>F.props?.id===p.nodeId);E<0||h.current(E,{level:p.part,index:p.index})})},[y]);let v=(g,p)=>{l.current=s[g]?.props?.id??null,t.select(g),ke(p),e.reveal();let E=s[g]?.props?.id;typeof E=="string"&&(p.level==="image"||p.level==="map")?u(Fr(E,p.index,p.level)):u(null),typeof E=="string"&&t.scrollTo(E)};return h.current=v,{renderLocationTree:(g,p,{rowClick:E,isCollapsed:F,toggleCollapse:k})=>{let q=C(p),M=Bn(q),ee=String(g.props.id),_=a&&r?.props.id===ee,G=N=>V(Ws,{...o?{}:x.seam({place:{...gn(p),index:N}})},`seam:${ee}:groups:${N}`),ae=(N,Q)=>V(Ws,{...o?{}:P.seam({place:{...Hi(p,N),index:Q}})},`seam:${ee}:cities:${N}:${Q}`);return Ne(Zh,{children:[V(Et,{icon:V(Jh,{size:13}),name:"Texts",onSelect:()=>v(p,{level:"texts"}),selected:_&&f.level==="texts",rowProps:{onClick:E(()=>v(p,{level:"texts"}))}}),M.map((N,Q)=>{let he=`${ee}::grp::${N.key}`,ue=F(he),Ae=_&&f.level==="group"&&f.key===N.key,fe=Gr(N.key,N.name),xe={...Hi(p,N.key),index:N.cards.length},He=P.row({item:{si:p,group:N.key,index:-1},place:xe,into:xe,canDrag:!1},{onClick:E(()=>v(p,{level:"group",key:N.key}))}),le=x.row({item:{si:p,index:Q},place:{...gn(p),index:Q}},He.rowProps);return Ne(zs,{children:[Q===0&&G(0),V(Et,{icon:V(eu,{size:13}),name:fe,onSelect:()=>v(p,{level:"group",key:N.key}),selected:Ae,draggable:le.draggable,dragging:le.dragging,drop:le.drop??He.drop,fold:{open:!ue,label:"group",onToggle:()=>k(he)},actions:V(Ms,{kind:"delete",label:`Delete ${fe} group (${N.cards.length} ${N.cards.length===1?"city":"cities"})`,onClick:()=>{b(p,Vr(q,N.key)),ke({level:"groups"})},children:V(Hs,{size:15})}),rowProps:le.rowProps,children:V("span",{className:"es-group-count",children:N.cards.length})}),!ue&&Ne(Bs,{children:[N.cards.map((se,J)=>{let $=Mn(q,N.key,J),Fe=_&&f.level==="city"&&f.index===$,w=String(se?.name??"")||"City",W=`${ee}::city::${Hn(se)}`,K=F(W),{rowProps:pe,...Te}=P.row({item:{si:p,group:N.key,index:J},place:{...Hi(p,N.key),index:J}},{onClick:E(()=>v(p,{level:"city",index:$}))});return Ne(zs,{children:[J===0&&ae(N.key,0),V(Et,{icon:V(tu,{size:13}),name:w,onSelect:()=>v(p,{level:"city",index:$}),selected:Fe,...Te,fold:{open:!K,label:w,onToggle:()=>k(W)},actions:V(Ms,{kind:"delete",label:`Delete ${w}`,onClick:()=>{b(p,Yr(q,N.key,J)),ke({level:"group",key:N.key})},children:V(Hs,{size:15})}),rowProps:pe}),!K&&Ne(Bs,{children:[V(Et,{icon:V(Qh,{size:13}),name:"Image",onSelect:()=>v(p,{level:"image",index:$}),selected:_&&f.level==="image"&&f.index===$,rowProps:{onClick:E(()=>v(p,{level:"image",index:$}))}}),V(Et,{icon:V(nu,{size:13}),name:"Map",onSelect:()=>v(p,{level:"map",index:$}),selected:_&&f.level==="map"&&f.index===$,rowProps:{onClick:E(()=>v(p,{level:"map",index:$}))}})]}),ae(N.key,J+1)]},Hn(se))}),Ne("button",{type:"button",className:"sf-add-card",onClick:()=>{let se=Kr(q,N.key);b(p,se);let J=Bn(se).find($=>$.key===N.key);ke(J&&J.cards.length?{level:"city",index:Mn(se,N.key,J.cards.length-1)}:{level:"group",key:N.key})},children:[V("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add city"]})]}),G(Q+1)]},he)}),Ne("button",{type:"button",className:"sf-add-card",onClick:()=>{let{cards:N,key:Q}=Ur(q);b(p,N),v(p,{level:"group",key:Q})},children:[V("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add group"]})]})},sectionPressed:g=>{g?.type===yn&&ke({level:"groups"})}}}import{useEffect as au,useRef as su}from"react";import{createNode as lu,newId as cu}from"efficient-easel/data";import{useEaselApi as du}from"efficient-easel/easel";import{resetForDocumentSwitch as iu,saveStatusForNewDocument as ou,saveStatusOf as ru}from"efficient-easel/screen/lib/document-switch";function js(e){return!e.docId||e.saveStatus==="saving"?!1:e.seededDocId!==e.docId}function qs(e,t){let{capabilities:o,currentSlug:r,docId:s,data:a,saveStatus:l}=de(),{hasSiteSettings:d,hasPinnedChrome:u}=o,y=r===Ke,f=du().getState,b=su(null);au(()=>{if(!js({docId:s,saveStatus:l,seededDocId:b.current})||(b.current=s,!u))return;let C=f().appState.data,x=C.content,P=a?.content??[],A=(p,E)=>p.some(F=>F?.type===E);if(!d){let p=new Set(Tn(x)),E=p.size?x.filter(k=>!p.has(k.props.id)):x;p.size&&e.setDocument({...C,content:E});let F=Gi(E,P);if(F.includes(te)){let k=E.length,q=e.insertSection(te,k);e.replaceComponent(Me,k,{type:te,props:{id:q,blocks:_n()}})}F.includes(Le)&&e.insertNode(Me,0,On());return}if(y){let p=Ji(x);if(p!==x&&e.setDocument({...C,content:[...p]}),!p.find(E=>E.type===te)&&!A(P,te)&&!A(p,we)&&!A(P,we)){let E=(k,q)=>lu(t,k,q),F={type:te,props:{blocks:_n()}};e.insertNode(Me,p.length,un(F,E,cu(we)))}return}let h=x.filter(p=>p.type!==te),v=new Set(Tn(h)),g=v.size?h.filter(p=>!v.has(p.props.id)):h;g.length!==x.length&&e.setDocument({...C,content:g}),!A(g,Le)&&!A(P,Le)&&e.insertNode(Me,0,On())},[s,l,a,f,e,d,u,y])}import{useEffect as Us,useState as Vs}from"react";var bn=new Map;async function pu(e,t){try{return(await pt().site.get({siteId:t})).slug?.trim()||null}catch(o){return console.warn("[editor-site-slug] could not resolve the site slug",o),null}}function Gs(e,t){let o=bn.get(t);return o||(o=pu(e,t),bn.set(t,o),o.catch(()=>{bn.get(t)===o&&bn.delete(t)})),o}var hu=/^(localhost|(?:[a-z0-9-]+\.)+localhost|127(?:\.\d{1,3}){3}|0\.0\.0\.0|\[::1\]|::1)$/i;function Bi(e){return!!e&&hu.test(e)}function Ks(e){let{pageSlug:t,siteSlug:o,hostname:r}=e,s=t===rr?"/":`/${encodeURIComponent(t)}`;if(!Bi(r))return s;let a=o?.trim();return a?`${s}?site=${encodeURIComponent(a)}`:s}function Ys(e){let{pageSlug:t,siteId:o,token:r}=e,[s,a]=Vs(null),[l,d]=Vs(null),u=Xr();Us(()=>d(u?new URL(u).hostname:window.location.hostname),[u]),Us(()=>{if(!Bi(l)||!o||!r){a(null);return}let f=!1;return Gs(r,o).then(b=>{f||a(b)}),()=>{f=!0}},[l,o,r]);let y=Ks({pageSlug:t,siteSlug:s,hostname:l});return u?`${u}${y}`:y}import{buildPaletteSections as uu,categoryLabel as fu,matchesQuery as mu,paletteWithoutPinned as gu,pinnedSection as yu}from"efficient-easel/screen/lib/puck/palette-sections";var bu={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 Xs(e){return bu[e]?.label}var Zs=Wi;function Qs(e,t){let o=e.props;if(e.type==="FooterMenu"){let r=o.menu;return o.heading||r?.name||"Menu"}if(e.type==="FooterText"){let r=typeof o.text=="string"?o.text.trim():"";return r?r.length>28?`${r.slice(0,28)}\u2026`:r:"Text"}return e.type==="FooterEmailSignup"?o.heading||"Email signup":t(e.type)}var Js="sf-editor-left-view";function el(){if(typeof window>"u")return"pages";try{let e=window.localStorage.getItem(Js);return e==="sections"||e==="styles"||e==="media"?e:"pages"}catch{return"pages"}}function tl(e){if(!(typeof window>"u"))try{window.localStorage.setItem(Js,e)}catch{}}function nl(e,t,o=!1){return e==="styles"&&!t||e==="media"&&!o?"sections":e}function il(e,t){return e?"sections":t}var xu=new Set(["BookingBox","SubmitBox"]);function ol(e){return typeof e=="string"&&xu.has(e)}import{Fragment as cl,jsx as Mi}from"react/jsx-runtime";import{EaselCanvas as Iu}from"efficient-easel/easel";import{jsx as al,Fragment as Su,jsxs as ku}from"react/jsx-runtime";import{useEffect as sl,useLayoutEffect as Cu}from"react";var wu=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']";